Company and candidate workspaces, job board, applications, hiring analytics

README.md

@@ -29,8 +29,13 @@ English and Arabic throughout, including right-to-left PDF reports.
 - **Optional camera presence** (eye contact, smiling, face in frame), computed on-device with MediaPipe. Only the numbers leave the browser, never the video.
 - **Progress tracking:** score history, skill breakdown, and a learning plan for your track.
 
+- **A job board:** browse open roles from companies on the platform (search, track, level, on-site/remote/hybrid, job type), apply with one spoken interview, and follow each application's status.
+
 ### For hiring teams
-- Create a job with your own questions or AI-suggested ones and share **one link**.
+- Separate **company accounts** with their own workspace: company profile, job posts and analytics. Company accounts can't apply to jobs, and job seekers can't see company pages.
+- Post a job with location, work mode, job type, salary, skills and a deadline, listed **publicly on the job board** or **private (link only)**.
+- Create the interview with your own questions or AI-suggested ones and share **one link**.
+- A **hiring dashboard**: applicants, completion rate, average and median score, a 30-day applications chart, the hiring funnel (viewed → started → completed → shortlisted → hired), score distribution, EvalBot hiring signals, the **top 10 candidates** across all jobs, the candidate pool's delivery profile and skill averages, and a per-job table. Each job has the same analytics plus search, a minimum-score filter and **CSV export**.
 - Every applicant answers the **same questions with the same time limit**, whenever it suits them.
 - A **ranked candidate list** with scores, a hiring signal, the written assessment, recordings and transcripts.
 - Shortlist, reject, rate and add notes. **People make the decision**; EvalBot informs it.

frontend/src/components/Shell.tsx

@@ -1,4 +1,4 @@
-import { Briefcase, History, LayoutDashboard, LogOut, Menu, Moon, Plus, Settings, Sun, UploadCloud, X } from "lucide-react";
+import { Briefcase, FileCheck2, History, LayoutDashboard, LogOut, Menu, Moon, Plus, Search, Settings, Sun, UploadCloud, X } from "lucide-react";
 import { useState, type ReactNode } from "react";
 import { Link, NavLink, useNavigate } from "react-router-dom";
 import { useAuth } from "../lib/auth";
@@ -32,6 +32,7 @@ export function PublicHeader() {
     <header className="mx-auto flex max-w-6xl items-center justify-between gap-4 px-4 py-5 sm:px-6">
       <Link to="/" aria-label="EvalBot home"><Logo /></Link>
       <nav className="flex items-center gap-1 sm:gap-2">
+        <Link to="/jobs" className="hidden rounded-xl px-3 py-2 text-sm font-medium text-ink hover:bg-sunken sm:inline-block">{t("browse_jobs")}</Link>
         <LangSwitch />
         <ThemeSwitch />
         {profile ? (
@@ -55,13 +56,13 @@ export function AppShell({ children }: { children: ReactNode }) {
   const isRecruiter = profile?.role === "recruiter";
   const links = isRecruiter
     ? [
+        { to: "/app", icon: LayoutDashboard, label: t("nav_overview"), end: true },
         { to: "/app/jobs", icon: Briefcase, label: t("nav_jobs") },
-        { to: "/app", icon: LayoutDashboard, label: t("nav_dashboard"), end: true },
-        { to: "/app/new", icon: Plus, label: t("nav_new") },
-        { to: "/app/history", icon: History, label: t("nav_history") },
       ]
     : [
         { to: "/app", icon: LayoutDashboard, label: t("nav_dashboard"), end: true },
+        { to: "/app/board", icon: Search, label: t("nav_board") },
+        { to: "/app/applications", icon: FileCheck2, label: t("nav_applications") },
         { to: "/app/new", icon: Plus, label: t("nav_new") },
         { to: "/app/history", icon: History, label: t("nav_history") },
       ];

frontend/src/components/hiring.tsx

@@ -0,0 +1,212 @@
+import { Star } from "lucide-react";
+import type { ReactNode } from "react";
+import { Link, useNavigate } from "react-router-dom";
+import { Area, AreaChart, Bar, BarChart, CartesianGrid, Cell, ResponsiveContainer, Tooltip, XAxis, YAxis } from "recharts";
+import type { HiringStats } from "../lib/api";
+import { useI18n } from "../lib/i18n";
+import { Badge, Meter, Panel, scoreColor } from "./ui";
+
+const tip = { background: "var(--color-surface)", border: "1px solid var(--color-line)", borderRadius: 12, color: "var(--color-ink)" };
+
+export const signalTone = (s: string | null) => (s === "strong_yes" || s === "yes" ? "good" : s === "maybe" ? "warn" : s === "no" ? "bad" : "neutral");
+export const reviewTone = { new: "neutral", shortlisted: "info", rejected: "bad", hired: "good" } as const;
+
+export function Kpi({ label, value, sub, accent }: { label: string; value: ReactNode; sub?: ReactNode; accent?: boolean }) {
+  return (
+    <div className={`rounded-2xl border p-4 ${accent ? "border-amber bg-amber-soft" : "border-line bg-surface"}`}>
+      <p className="text-sm text-muted">{label}</p>
+      <p className="mt-1 font-display text-3xl font-semibold tabular text-ink">{value ?? "–"}</p>
+      {sub && <p className="mt-0.5 text-xs text-muted">{sub}</p>}
+    </div>
+  );
+}
+
+export function KpiGrid({ s }: { s: HiringStats["totals"] }) {
+  const { t } = useI18n();
+  return (
+    <div className="grid grid-cols-2 gap-3 md:grid-cols-4">
+      <Kpi label={t("k_applicants")} value={s.applicants} sub={s.views ? `${t("k_views")}: ${s.views}` : undefined} />
+      <Kpi label={t("k_completed")} value={s.completed} sub={s.completion_rate != null ? `${t("k_completion")}: ${s.completion_rate}%` : undefined} />
+      <Kpi label={t("k_avg")} value={s.avg_score != null ? Math.round(s.avg_score) : "–"}
+        sub={s.median_score != null ? `${t("k_median")}: ${Math.round(s.median_score)} · ${t("k_best")}: ${Math.round(s.best_score ?? 0)}` : t("out_of_100")} />
+      <Kpi label={t("k_to_review")} value={s.to_review} accent={s.to_review > 0}
+        sub={`${t("k_shortlisted")}: ${s.shortlisted} · ${t("k_hired")}: ${s.hired}`} />
+    </div>
+  );
+}
+
+export function Funnel({ data }: { data: HiringStats["funnel"] }) {
+  const { t } = useI18n();
+  const shown = data.filter((d) => d.stage !== "views" || d.count > 0);
+  const max = Math.max(1, ...shown.map((d) => d.count));
+  return (
+    <Panel title={t("funnel_title")}>
+      <ol className="space-y-3">
+        {shown.map((d, i) => {
+          const prev = i > 0 ? shown[i - 1].count : null;
+          const conv = prev && d.count <= prev ? Math.round((100 * d.count) / prev) : null;
+          return (
+            <li key={d.stage}>
+              <div className="mb-1 flex items-baseline justify-between gap-2 text-sm">
+                <span className="text-ink">{t(`fn_${d.stage}` as "fn_views")}</span>
+                <span className="tabular text-muted"><span className="font-semibold text-ink">{d.count}</span>{conv != null && ` · ${conv}%`}</span>
+              </div>
+              <div className="h-3 overflow-hidden rounded-full bg-sunken">
+                <div className="h-full rounded-full bg-nile" style={{ width: `${Math.max(2, (100 * d.count) / max)}%`, opacity: 1 - i * 0.13 }} />
+              </div>
+            </li>
+          );
+        })}
+      </ol>
+    </Panel>
+  );
+}
+
+export function Timeline({ data }: { data: HiringStats["timeline"] }) {
+  const { t, lang } = useI18n();
+  const fmt = (d: string) => new Date(d).toLocaleDateString(lang === "ar" ? "ar-EG" : "en-GB", { day: "numeric", month: "short" });
+  return (
+    <Panel title={t("timeline_title")}>
+      <div className="h-56" dir="ltr">
+        <ResponsiveContainer width="100%" height="100%">
+          <AreaChart data={data} margin={{ left: -24, right: 8, top: 8 }}>
+            <CartesianGrid stroke="var(--color-line)" vertical={false} />
+            <XAxis dataKey="date" tickFormatter={fmt} stroke="var(--color-muted)" fontSize={12} interval={6} />
+            <YAxis allowDecimals={false} stroke="var(--color-muted)" fontSize={12} />
+            <Tooltip contentStyle={tip} labelFormatter={(l) => fmt(String(l))} />
+            <Area type="monotone" dataKey="applicants" name={t("k_applicants")} stroke="var(--color-nile)" fill="var(--color-nile)" fillOpacity={0.15} strokeWidth={2} />
+            <Area type="monotone" dataKey="completed" name={t("k_completed")} stroke="var(--color-amber)" fill="var(--color-amber)" fillOpacity={0.12} strokeWidth={2} />
+          </AreaChart>
+        </ResponsiveContainer>
+      </div>
+    </Panel>
+  );
+}
+
+export function Distribution({ data }: { data: HiringStats["distribution"] }) {
+  const { t } = useI18n();
+  return (
+    <Panel title={t("dist_title")}>
+      <div className="h-56" dir="ltr">
+        <ResponsiveContainer width="100%" height="100%">
+          <BarChart data={data} margin={{ left: -24, right: 8, top: 8 }}>
+            <CartesianGrid stroke="var(--color-line)" vertical={false} />
+            <XAxis dataKey="range" stroke="var(--color-muted)" fontSize={11} />
+            <YAxis allowDecimals={false} stroke="var(--color-muted)" fontSize={12} />
+            <Tooltip contentStyle={tip} cursor={{ fill: "var(--color-sunken)" }} />
+            <Bar dataKey="count" name={t("k_applicants")} radius={[6, 6, 0, 0]}>
+              {data.map((d, i) => <Cell key={d.range} fill={scoreColor(i * 10 + 5)} />)}
+            </Bar>
+          </BarChart>
+        </ResponsiveContainer>
+      </div>
+    </Panel>
+  );
+}
+
+export function Signals({ data }: { data: HiringStats["signals"] }) {
+  const { t } = useI18n();
+  const order = ["strong_yes", "yes", "maybe", "no"] as const;
+  const colors = { strong_yes: "var(--color-nile-deep)", yes: "var(--color-nile)", maybe: "var(--color-amber)", no: "var(--color-danger)" };
+  const total = order.reduce((a, k) => a + data[k], 0);
+  return (
+    <Panel title={t("signals_title")}>
+      {total === 0 ? <p className="text-sm text-muted">–</p> : (
+        <>
+          <div className="flex h-4 overflow-hidden rounded-full bg-sunken" role="img" aria-label={t("signals_title")}>
+            {order.map((k) => data[k] > 0 && <div key={k} style={{ width: `${(100 * data[k]) / total}%`, background: colors[k] }} />)}
+          </div>
+          <ul className="mt-4 space-y-2">
+            {order.map((k) => (
+              <li key={k} className="flex items-center gap-2 text-sm">
+                <span className="h-3 w-3 flex-none rounded-sm" style={{ background: colors[k] }} />
+                <span className="text-ink">{t(`sig_${k}`)}</span>
+                <span className="ms-auto tabular text-muted">{data[k]} · {Math.round((100 * data[k]) / total)}%</span>
+              </li>
+            ))}
+          </ul>
+        </>
+      )}
+    </Panel>
+  );
+}
+
+export function TraitsPanel({ data }: { data: HiringStats["traits"] }) {
+  const { t } = useI18n();
+  if (!data.length) return null;
+  return (
+    <Panel title={t("traits_title")}>
+      <p className="-mt-2 mb-4 text-sm text-muted">{t("traits_sub")}</p>
+      <ul className="space-y-3">
+        {data.map((x) => (
+          <li key={x.trait}>
+            <div className="mb-1 flex justify-between gap-2 text-sm"><span className="text-ink">{x.label}</span><span className="tabular text-muted">{x.avg_percentile}%</span></div>
+            <Meter value={x.avg_percentile} color="var(--color-nile)" />
+          </li>
+        ))}
+      </ul>
+    </Panel>
+  );
+}
+
+export function SkillsPanel({ data }: { data: HiringStats["skills"] }) {
+  const { t } = useI18n();
+  if (!data.length) return null;
+  return (
+    <Panel title={t("skills_pool")}>
+      <ul className="space-y-3">
+        {data.map((s) => (
+          <li key={s.skill}>
+            <div className="mb-1 flex justify-between gap-2 text-sm"><span className="ltr truncate text-ink">{s.skill}</span><span className="tabular text-muted">{s.avg}/10 · {s.n}</span></div>
+            <Meter value={s.avg} max={10} />
+          </li>
+        ))}
+      </ul>
+    </Panel>
+  );
+}
+
+export function TopCandidates({ rows, showJob = true }: { rows: HiringStats["top"]; showJob?: boolean }) {
+  const { t } = useI18n();
+  const nav = useNavigate();
+  return (
+    <Panel title={t("top_title")}>
+      {rows.length === 0 ? <p className="py-4 text-center text-muted">{t("empty_candidates")}</p> : (
+        <div className="-mx-5 overflow-x-auto sm:-mx-6">
+          <table className="w-full min-w-[600px] text-[15px]">
+            <thead>
+              <tr className="border-b border-line text-sm text-muted">
+                <th className="px-5 py-2 text-start font-medium sm:px-6">#</th>
+                <th className="py-2 text-start font-medium">{t("c_name")}</th>
+                {showJob && <th className="py-2 text-start font-medium">{t("c_job")}</th>}
+                <th className="py-2 text-start font-medium">{t("c_score")}</th>
+                <th className="py-2 text-start font-medium">{t("c_signal")}</th>
+                <th className="px-5 py-2 text-start font-medium sm:px-6">{t("c_status")}</th>
+              </tr>
+            </thead>
+            <tbody>
+              {rows.map((r, i) => (
+                <tr key={r.id} onClick={() => nav(`/app/report/${r.id}`)} className="cursor-pointer border-b border-line last:border-0 hover:bg-sunken/60">
+                  <td className="px-5 py-3 sm:px-6">
+                    <span className={`inline-flex h-7 w-7 items-center justify-center rounded-full text-sm font-semibold tabular ${i < 3 ? "bg-amber-soft text-ink" : "text-muted"}`}>{i + 1}</span>
+                  </td>
+                  <td className="py-3">
+                    <p className="font-medium text-ink">{r.full_name || r.email}</p>
+                    <p className="flex items-center gap-2 text-xs text-muted">
+                      {r.candidate_headline}
+                      {r.rating && <span className="flex">{Array.from({ length: r.rating }).map((_, k) => <Star key={k} size={11} className="fill-amber text-amber" />)}</span>}
+                    </p>
+                  </td>
+                  {showJob && <td className="py-3"><Link to={`/app/jobs/${r.job_id}`} onClick={(e) => e.stopPropagation()} className="text-sm text-ink hover:text-nile">{r.job_title}</Link></td>}
+                  <td className="py-3"><span className="font-display text-lg font-semibold tabular" style={{ color: scoreColor(r.overall_score) }}>{r.overall_score != null ? Math.round(r.overall_score) : "–"}</span></td>
+                  <td className="py-3">{r.hiring_signal && <Badge tone={signalTone(r.hiring_signal)}>{t(`sig_${r.hiring_signal}` as "sig_yes")}</Badge>}</td>
+                  <td className="px-5 py-3 sm:px-6"><Badge tone={reviewTone[r.review_status]}>{t(`rv_${r.review_status}`)}</Badge></td>
+                </tr>
+              ))}
+            </tbody>
+          </table>
+        </div>
+      )}
+    </Panel>
+  );
+}

frontend/src/components/jobs.tsx

@@ -0,0 +1,76 @@
+import { Banknote, Building2, CalendarClock, MapPin, Users } from "lucide-react";
+import type { ReactNode } from "react";
+import { Link } from "react-router-dom";
+import type { PublicJob } from "../lib/api";
+import { trackName, useI18n } from "../lib/i18n";
+import { Badge, fmtDate, useCatalog } from "./ui";
+
+export function Chip({ icon, children }: { icon?: ReactNode; children: ReactNode }) {
+  return <span className="inline-flex items-center gap-1.5 text-sm text-muted">{icon}{children}</span>;
+}
+
+/** Location, work mode, job type, salary and deadline as a row of small facts. */
+export function JobFacts({ job, showDeadline = true }: { job: Pick<PublicJob, "location" | "work_mode" | "employment_type" | "salary" | "deadline">; showDeadline?: boolean }) {
+  const { t, lang } = useI18n();
+  return (
+    <div className="flex flex-wrap items-center gap-x-4 gap-y-1.5">
+      {job.location && <Chip icon={<MapPin size={15} />}>{job.location}</Chip>}
+      <Badge tone="info">{t(`wm_${job.work_mode}` as "wm_onsite")}</Badge>
+      <Badge>{t(`et_${job.employment_type}` as "et_full_time")}</Badge>
+      {job.salary && <Chip icon={<Banknote size={15} />}>{job.salary}</Chip>}
+      {showDeadline && job.deadline && <Chip icon={<CalendarClock size={15} />}>{t("deadline", { d: fmtDate(job.deadline, lang) })}</Chip>}
+    </div>
+  );
+}
+
+export function Skills({ skills }: { skills: string[] }) {
+  if (!skills?.length) return null;
+  return (
+    <ul className="flex flex-wrap gap-1.5">
+      {skills.map((s) => <li key={s} className="ltr rounded-lg border border-line px-2 py-0.5 text-sm text-ink">{s}</li>)}
+    </ul>
+  );
+}
+
+export function CompanyMark({ name, size = 44 }: { name: string; size?: number }) {
+  const initials = name.split(/\s+/).map((w) => w[0]).join("").slice(0, 2).toUpperCase();
+  return (
+    <span className="flex flex-none items-center justify-center rounded-xl bg-nile-soft font-display font-semibold text-nile-deep"
+      style={{ width: size, height: size, fontSize: size * 0.36 }} aria-hidden="true">
+      {initials || <Building2 size={size * 0.45} />}
+    </span>
+  );
+}
+
+export function JobCard({ job, applied }: { job: PublicJob; applied?: boolean }) {
+  const { t, lang } = useI18n();
+  const catalog = useCatalog();
+  return (
+    <li>
+      <Link to={`/apply/${job.share_token}`}
+        className="group flex gap-4 rounded-2xl border border-line bg-surface p-5 transition-colors hover:border-nile">
+        <CompanyMark name={job.company} />
+        <div className="min-w-0 flex-1 space-y-2.5">
+          <div className="flex flex-wrap items-start justify-between gap-2">
+            <div className="min-w-0">
+              <h3 className="text-lg font-semibold text-ink group-hover:text-nile">{job.title}</h3>
+              <p className="text-[15px] text-muted">
+                {job.company}{job.industry ? `, ${job.industry}` : ""} · {trackName(catalog?.tracks, job.track, lang)} · {t(`lv_${job.level}` as "lv_junior")}
+              </p>
+            </div>
+            {applied && <Badge tone="good">{t("applied")}</Badge>}
+          </div>
+          <JobFacts job={job} />
+          {job.snippet && <p className="line-clamp-2 text-[15px] text-ink/85">{job.snippet}</p>}
+          <div className="flex flex-wrap items-center justify-between gap-3">
+            <Skills skills={job.skills.slice(0, 6)} />
+            <span className="flex items-center gap-3 text-sm text-muted">
+              {!!job.applicants && <Chip icon={<Users size={14} />}>{t("n_applicants", { n: job.applicants })}</Chip>}
+              {t("posted", { d: fmtDate(job.created_at, lang) })}
+            </span>
+          </div>
+        </div>
+      </Link>
+    </li>
+  );
+}

frontend/src/lib/api.ts

@@ -52,9 +52,11 @@ export type Profile = {
   headline: string | null;
   target_track: string | null;
   locale: string;
-  company?: { id: string; name: string; website?: string | null } | null;
+  company?: Company | null;
 };
 
+export type Company = { id: string; name: string; website?: string | null; about?: string | null; industry?: string | null; size?: string | null; location?: string | null };
+
 export type Track = { id: string; en: string; ar: string; group: string };
 export type Catalog = { tracks: Track[]; levels: string[]; types: string[] };
 
@@ -158,6 +160,55 @@ export type Job = {
   created_at: string;
   applicants?: number;
   completed?: number;
+  location: string | null;
+  work_mode: WorkMode;
+  employment_type: EmploymentType;
+  salary: string | null;
+  skills: string[];
+  deadline: string | null;
+  visibility: "public" | "link";
+  views?: number;
+};
+
+export type WorkMode = "onsite" | "remote" | "hybrid";
+export type EmploymentType = "full_time" | "part_time" | "internship" | "contract";
+
+/** A job as candidates see it (job board and apply page). */
+export type PublicJob = {
+  id: string; title: string; track: string; level: string; location: string | null; work_mode: WorkMode;
+  employment_type: EmploymentType; salary: string | null; skills: string[]; deadline: string | null; share_token: string;
+  created_at: string; answer_seconds: number; question_count: number; company: string; website: string | null;
+  industry: string | null; company_size: string | null; company_about: string | null; company_location: string | null;
+  snippet?: string; applicants?: number; description?: string | null; status?: string; accepting?: boolean;
+};
+
+export type Application = {
+  id: string; status: Session["status"]; overall_score: number | null; created_at: string; completed_at: string | null;
+  title: string; share_token: string; location: string | null; work_mode: WorkMode; employment_type: EmploymentType;
+  company: string; review_status: "new" | "shortlisted" | "rejected" | "hired"; answered: number; planned: number;
+};
+
+export type TopCandidate = {
+  id: string; overall_score: number | null; completed_at: string; content_score: string | null; delivery_score: string | null;
+  hiring_signal: string | null; headline: string | null; full_name: string | null; email: string | null;
+  candidate_headline: string | null; job_id: string; job_title: string; review_status: CandidateRow["review_status"]; rating: number | null;
+};
+
+export type HiringStats = {
+  totals: {
+    jobs: number; open_jobs: number; views: number; applicants: number; people: number; completed: number; in_progress: number;
+    shortlisted: number; hired: number; rejected: number; to_review: number; avg_score: number | null; median_score: number | null;
+    best_score: number | null; completion_rate: number | null; avg_minutes: number | null;
+  };
+  funnel: { stage: "views" | "started" | "completed" | "shortlisted" | "hired"; count: number }[];
+  timeline: { date: string; applicants: number; completed: number }[];
+  distribution: { range: string; count: number }[];
+  signals: Record<"strong_yes" | "yes" | "maybe" | "no", number>;
+  traits: { trait: string; label: string; avg_percentile: number; n: number }[];
+  skills: { skill: string; avg: number; n: number }[];
+  top: TopCandidate[];
+  jobs: { id: string; title: string; status: Job["status"]; views: number; created_at: string; deadline: string | null; accepting: boolean;
+    applicants: number; completed: number; avg_score: number | null; best_score: number | null; shortlisted: number; hired: number }[];
 };
 
 export type CandidateRow = {

frontend/src/lib/i18n.tsx

@@ -109,6 +109,39 @@ const en = {
   settings_title: "Settings", profile: "Profile", headline: "Headline", headline_ph: "e.g. Data engineering graduate",
   target_track: "Target track", new_password: "New password", change_password: "Change password", password_changed: "Password changed",
   company: "Company",
+
+  nav_board: "Find jobs", nav_applications: "My applications", nav_overview: "Overview", nav_practice: "Practice",
+  browse_jobs: "Browse jobs",
+  board_title: "Find your next job", board_sub: "Open roles from companies hiring with EvalBot. Each one starts with a short spoken interview you can take whenever it suits you.",
+  board_search: "Search by title, skill, company or city", any_track: "Any track", any_level: "Any level", any_mode: "Any work mode",
+  any_type: "Any job type", empty_board: "No open jobs match your search right now. Try fewer filters, or practice for your track meanwhile.",
+  wm_onsite: "On-site", wm_remote: "Remote", wm_hybrid: "Hybrid",
+  et_full_time: "Full-time", et_part_time: "Part-time", et_internship: "Internship", et_contract: "Contract",
+  applied: "Applied", view_job: "View job", posted: "Posted {d}", deadline: "Apply by {d}", n_applicants: "{n} applicants",
+  open_roles: "Open roles", see_all_jobs: "See all jobs",
+  apps_title: "My applications", apps_empty: "You haven't applied to a job yet.", app_status: "Application status",
+  as_new: "Under review", as_shortlisted: "Shortlisted", as_rejected: "Not selected", as_hired: "Offer stage",
+  as_unfinished: "Interview not finished", as_processing: "Interview being scored", finish_interview: "Finish interview",
+  company_cant_apply: "You're signed in with a company account. Use a personal account to apply to jobs.",
+  about_company: "About {company}", skills_req: "Skills", salary: "Salary", location: "Location", work_mode: "Work mode",
+  employment_type: "Job type", visibility: "Who can see it", vis_public: "Public: listed on the EvalBot job board",
+  vis_link: "Private: only people with the link", skills_ph: "Python, SQL, Spark", salary_ph: "e.g. EGP 25k-35k / month",
+  location_ph: "e.g. Cairo, Egypt", deadline_l: "Application deadline", job_basics: "Job post", job_interview: "Interview",
+  industry: "Industry", company_size: "Company size", company_about: "About the company", company_loc: "Headquarters",
+
+  co_hello: "{company} hiring overview", co_sub: "Every number below updates as candidates finish their interviews.",
+  k_open_jobs: "Open jobs", k_applicants: "Applicants", k_completed: "Interviews completed", k_avg: "Average score",
+  k_to_review: "Waiting for your review", k_shortlisted: "Shortlisted", k_hired: "Hired", k_completion: "Completion rate",
+  k_views: "Job views", k_median: "Median score", k_best: "Best score", k_minutes: "Avg. interview length",
+  funnel_title: "Hiring funnel", fn_views: "Viewed the job", fn_started: "Started the interview", fn_completed: "Completed",
+  fn_shortlisted: "Shortlisted", fn_hired: "Hired",
+  timeline_title: "Applications in the last 30 days", dist_title: "Score distribution", signals_title: "EvalBot hiring signal",
+  top_title: "Top 10 candidates", traits_title: "Candidate pool: delivery profile",
+  traits_sub: "Average position of your candidates among the 138 human-rated reference interviews.",
+  skills_pool: "Skills across all answers", jobs_table: "Jobs at a glance", export_csv: "Export CSV", c_job: "Job",
+  empty_company: "Post your first job to start receiving interviews. Public jobs appear on the EvalBot job board, and every job gets a link you can share anywhere.",
+  job_stats: "This job in numbers", search_candidates: "Search candidates", min_score: "Minimum score",
+  co_new_job_cta: "Post a job", out_of_100: "out of 100",
 };
 
 type Dict = typeof en;
@@ -222,6 +255,39 @@ const ar: Dict = {
   settings_title: "الإعدادات", profile: "الملف الشخصي", headline: "نبذة قصيرة", headline_ph: "مثال: خريج هندسة بيانات",
   target_track: "المجال المستهدف", new_password: "كلمة مرور جديدة", change_password: "تغيير كلمة المرور", password_changed: "تم تغيير كلمة المرور",
   company: "الشركة",
+
+  nav_board: "ابحث عن وظيفة", nav_applications: "طلباتي", nav_overview: "نظرة عامة", nav_practice: "تدريب",
+  browse_jobs: "تصفّح الوظائف",
+  board_title: "ابحث عن وظيفتك القادمة", board_sub: "وظائف مفتوحة من شركات توظّف باستخدام EvalBot. كل وظيفة تبدأ بمقابلة صوتية قصيرة تجريها في الوقت الذي يناسبك.",
+  board_search: "ابحث بالمسمى أو المهارة أو الشركة أو المدينة", any_track: "كل المجالات", any_level: "كل المستويات", any_mode: "كل أنماط العمل",
+  any_type: "كل أنواع الوظائف", empty_board: "لا توجد وظائف مفتوحة تطابق بحثك الآن. جرّب فلاتر أقل، أو تدرّب على مجالك في الأثناء.",
+  wm_onsite: "من المقر", wm_remote: "عن بُعد", wm_hybrid: "هجين",
+  et_full_time: "دوام كامل", et_part_time: "دوام جزئي", et_internship: "تدريب", et_contract: "عقد مؤقت",
+  applied: "تقدّمت", view_job: "عرض الوظيفة", posted: "نُشرت {d}", deadline: "التقديم حتى {d}", n_applicants: "{n} متقدم",
+  open_roles: "وظائف مفتوحة", see_all_jobs: "كل الوظائف",
+  apps_title: "طلباتي", apps_empty: "لم تتقدم إلى أي وظيفة بعد.", app_status: "حالة الطلب",
+  as_new: "قيد المراجعة", as_shortlisted: "في القائمة المختصرة", as_rejected: "لم يتم الاختيار", as_hired: "مرحلة العرض الوظيفي",
+  as_unfinished: "المقابلة لم تكتمل", as_processing: "جارٍ تقييم المقابلة", finish_interview: "أكمل المقابلة",
+  company_cant_apply: "أنت مسجّل بحساب شركة. استخدم حساباً شخصياً للتقدم إلى الوظائف.",
+  about_company: "عن {company}", skills_req: "المهارات", salary: "الراتب", location: "المكان", work_mode: "نمط العمل",
+  employment_type: "نوع الوظيفة", visibility: "من يستطيع رؤيتها", vis_public: "عامة: تظهر في لوحة وظائف EvalBot",
+  vis_link: "خاصة: لمن لديه الرابط فقط", skills_ph: "Python, SQL, Spark", salary_ph: "مثال: 25-35 ألف جنيه شهرياً",
+  location_ph: "مثال: القاهرة، مصر", deadline_l: "آخر موعد للتقديم", job_basics: "إعلان الوظيفة", job_interview: "المقابلة",
+  industry: "القطاع", company_size: "حجم الشركة", company_about: "عن الشركة", company_loc: "المقر الرئيسي",
+
+  co_hello: "نظرة على التوظيف في {company}", co_sub: "كل الأرقام هنا تتحدّث تلقائياً كلما أنهى مرشح مقابلته.",
+  k_open_jobs: "وظائف مفتوحة", k_applicants: "المتقدمون", k_completed: "مقابلات مكتملة", k_avg: "متوسط الدرجة",
+  k_to_review: "بانتظار مراجعتك", k_shortlisted: "في القائمة المختصرة", k_hired: "تم تعيينهم", k_completion: "نسبة الإكمال",
+  k_views: "مشاهدات الوظائف", k_median: "الدرجة الوسيطة", k_best: "أعلى درجة", k_minutes: "متوسط مدة المقابلة",
+  funnel_title: "مسار التوظيف", fn_views: "شاهدوا الوظيفة", fn_started: "بدأوا المقابلة", fn_completed: "أكملوها",
+  fn_shortlisted: "في القائمة المختصرة", fn_hired: "تم تعيينهم",
+  timeline_title: "الطلبات في آخر 30 يوماً", dist_title: "توزيع الدرجات", signals_title: "مؤشر التوظيف من EvalBot",
+  top_title: "أفضل 10 مرشحين", traits_title: "المرشحون: ملف الأداء",
+  traits_sub: "متوسط موقع مرشحيك بين 138 مقابلة مرجعية قيّمها بشر.",
+  skills_pool: "المهارات عبر كل الإجابات", jobs_table: "الوظائف باختصار", export_csv: "تصدير CSV", c_job: "الوظيفة",
+  empty_company: "انشر أول وظيفة لتبدأ في استقبال المقابلات. الوظائف العامة تظهر في لوحة وظائف EvalBot، ولكل وظيفة رابط تشاركه في أي مكان.",
+  job_stats: "الوظيفة بالأرقام", search_candidates: "ابحث في المرشحين", min_score: "أقل درجة",
+  co_new_job_cta: "انشر وظيفة", out_of_100: "من 100",
 };
 
 export type Lang = "en" | "ar";

frontend/src/main.tsx

@@ -6,7 +6,9 @@ import { Spinner } from "./components/ui";
 import "./index.css";
 import { AuthProvider, useAuth } from "./lib/auth";
 import { I18nProvider } from "./lib/i18n";
+import Applications from "./pages/Applications";
 import Apply from "./pages/Apply";
+import Board from "./pages/Board";
 import Auth from "./pages/Auth";
 import Dashboard from "./pages/Dashboard";
 import History from "./pages/History";
@@ -28,14 +30,23 @@ try {
   /* ignore */
 }
 
-function Private({ children, bare }: { children: ReactNode; bare?: boolean }) {
+/** Signed-in pages. `role` keeps company accounts and job seekers in their own parts of the app. */
+function Private({ children, bare, role }: { children: ReactNode; bare?: boolean; role?: "candidate" | "recruiter" }) {
   const { ready, profile } = useAuth();
   const loc = useLocation();
   if (!ready) return <Spinner />;
   if (!profile) return <Navigate to={`/login?next=${encodeURIComponent(loc.pathname + loc.search)}`} replace />;
+  if (role && profile.role !== role) return <Navigate to="/app" replace />;
   return bare ? <>{children}</> : <AppShell>{children}</AppShell>;
 }
 
+/** The job board is public; signed-in job seekers see it inside the app. */
+function JobsPublic() {
+  const { ready, profile } = useAuth();
+  if (!ready) return <Spinner />;
+  return profile?.role === "candidate" ? <Navigate to="/app/board" replace /> : <Board />;
+}
+
 createRoot(document.getElementById("root")!).render(
   <StrictMode>
     <I18nProvider>
@@ -45,18 +56,21 @@ createRoot(document.getElementById("root")!).render(
             <Route path="/" element={<Landing />} />
             <Route path="/login" element={<Auth mode="signin" />} />
             <Route path="/signup" element={<Auth mode="signup" />} />
+            <Route path="/jobs" element={<JobsPublic />} />
             <Route path="/apply/:token" element={<Apply />} />
             <Route path="/app/welcome" element={<Private bare><Onboarding /></Private>} />
             <Route path="/app" element={<Private><Dashboard /></Private>} />
-            <Route path="/app/new" element={<Private><NewInterview /></Private>} />
-            <Route path="/app/history" element={<Private><History /></Private>} />
+            <Route path="/app/new" element={<Private role="candidate"><NewInterview /></Private>} />
+            <Route path="/app/history" element={<Private role="candidate"><History /></Private>} />
+            <Route path="/app/board" element={<Private role="candidate"><Board inApp /></Private>} />
+            <Route path="/app/applications" element={<Private role="candidate"><Applications /></Private>} />
             <Route path="/app/interview/:id" element={<Private bare><InterviewRoom /></Private>} />
             <Route path="/app/report/:id" element={<Private><ReportPage /></Private>} />
             <Route path="/app/settings" element={<Private><SettingsPage /></Private>} />
-            <Route path="/app/jobs" element={<Private><Jobs /></Private>} />
-            <Route path="/app/jobs/new" element={<Private><JobEditor /></Private>} />
-            <Route path="/app/jobs/:id/edit" element={<Private><JobEditor /></Private>} />
-            <Route path="/app/jobs/:id" element={<Private><JobDetail /></Private>} />
+            <Route path="/app/jobs" element={<Private role="recruiter"><Jobs /></Private>} />
+            <Route path="/app/jobs/new" element={<Private role="recruiter"><JobEditor /></Private>} />
+            <Route path="/app/jobs/:id/edit" element={<Private role="recruiter"><JobEditor /></Private>} />
+            <Route path="/app/jobs/:id" element={<Private role="recruiter"><JobDetail /></Private>} />
             <Route path="*" element={<Navigate to="/" replace />} />
           </Routes>
         </BrowserRouter>

frontend/src/pages/Applications.tsx

@@ -0,0 +1,63 @@
+import { useEffect, useState } from "react";
+import { Link } from "react-router-dom";
+import { CompanyMark, JobFacts } from "../components/jobs";
+import { Badge, Spinner, fmtDate, scoreColor } from "../components/ui";
+import { api, type Application } from "../lib/api";
+import { useI18n } from "../lib/i18n";
+
+export default function Applications() {
+  const { t, lang } = useI18n();
+  const [rows, setRows] = useState<Application[] | null>(null);
+  useEffect(() => {
+    api.get<Application[]>("/applications").then(setRows).catch(() => setRows([]));
+  }, []);
+  if (!rows) return <Spinner />;
+
+  const status = (a: Application): [string, "neutral" | "good" | "warn" | "bad" | "info"] => {
+    if (a.status === "in_progress") return [t("as_unfinished"), "warn"];
+    if (a.status === "processing") return [t("as_processing"), "info"];
+    if (a.status === "failed") return [t("st_failed"), "bad"];
+    return { new: [t("as_new"), "neutral"], shortlisted: [t("as_shortlisted"), "good"], rejected: [t("as_rejected"), "bad"], hired: [t("as_hired"), "good"] }[a.review_status] as [string, "neutral"];
+  };
+
+  return (
+    <div className="space-y-6">
+      <div className="flex flex-wrap items-center justify-between gap-3">
+        <h1 className="text-3xl font-semibold text-ink">{t("apps_title")}</h1>
+        <Link to="/app/board" className="rounded-xl bg-nile px-4 py-2.5 text-sm font-medium text-white dark:text-paper">{t("browse_jobs")}</Link>
+      </div>
+      {rows.length === 0 ? (
+        <p className="rounded-2xl border border-dashed border-line p-8 text-center text-muted">{t("apps_empty")}</p>
+      ) : (
+        <ul className="space-y-3">
+          {rows.map((a) => {
+            const [label, tone] = status(a);
+            return (
+              <li key={a.id} className="flex flex-col gap-4 rounded-2xl border border-line bg-surface p-5 sm:flex-row sm:items-center">
+                <CompanyMark name={a.company} />
+                <div className="min-w-0 flex-1 space-y-2">
+                  <div>
+                    <Link to={`/apply/${a.share_token}`} className="text-lg font-semibold text-ink hover:text-nile">{a.title}</Link>
+                    <p className="text-[15px] text-muted">{a.company} · {fmtDate(a.created_at, lang)}</p>
+                  </div>
+                  <JobFacts job={{ ...a, salary: null, deadline: null }} showDeadline={false} />
+                </div>
+                <div className="flex items-center gap-4 sm:flex-col sm:items-end sm:gap-2">
+                  <Badge tone={tone}>{label}</Badge>
+                  {a.status === "in_progress" ? (
+                    <Link to={`/app/interview/${a.id}`} className="text-sm font-medium text-nile hover:underline">{t("finish_interview")}</Link>
+                  ) : a.status === "completed" ? (
+                    <Link to={`/app/report/${a.id}`} className="flex items-baseline gap-1.5 text-sm font-medium text-nile hover:underline">
+                      <span className="font-display text-xl font-semibold tabular" style={{ color: scoreColor(a.overall_score) }}>{a.overall_score != null ? Math.round(a.overall_score) : "–"}</span>
+                      {t("view_report")}
+                    </Link>
+                  ) : null}
+                </div>
+              </li>
+            );
+          })}
+        </ul>
+      )}
+    </div>
+  );
+}

frontend/src/pages/Apply.tsx

@@ -1,65 +1,101 @@
-import { Clock, ListChecks, Mic } from "lucide-react";
+import { ArrowLeft, Clock, Globe, ListChecks, Mic } from "lucide-react";
 import { useEffect, useState } from "react";
 import { Link, useNavigate, useParams } from "react-router-dom";
-import { PublicHeader } from "../components/Shell";
-import { Button, ErrorNote, Spinner, Waveform } from "../components/ui";
-import { api, type Session } from "../lib/api";
+import { CompanyMark, JobFacts, Skills } from "../components/jobs";
+import { AppShell, PublicHeader } from "../components/Shell";
+import { Button, ErrorNote, Spinner, fmtDate, useCatalog } from "../components/ui";
+import { api, type Application, type PublicJob, type Session } from "../lib/api";
 import { useAuth } from "../lib/auth";
-import { useI18n } from "../lib/i18n";
-
-type PublicJob = { id: string; title: string; company: string; description: string | null; answer_seconds: number; status: string; question_count: number };
+import { trackName, useI18n } from "../lib/i18n";
 
 export default function Apply() {
   const { token } = useParams();
   const { t, lang } = useI18n();
   const { profile, ready } = useAuth();
+  const catalog = useCatalog();
   const nav = useNavigate();
   const [job, setJob] = useState<PublicJob | null>(null);
+  const [mine, setMine] = useState<Application | null | undefined>(undefined);
   const [error, setError] = useState<string | null>(null);
   const [busy, setBusy] = useState(false);
-  const [done, setDone] = useState(false);
 
   useEffect(() => {
     api.get<PublicJob>(`/public/jobs/${token}`).then(setJob).catch((e) => setError(e.message));
   }, [token]);
+  useEffect(() => {
+    if (!ready) return;
+    if (profile?.role === "candidate") api.get<Application[]>("/applications").then((a) => setMine(a.find((x) => x.share_token === token) ?? null)).catch(() => setMine(null));
+    else setMine(null);
+  }, [ready, profile, token]);
 
   const start = async () => {
     setBusy(true);
     try {
       const s = await api.post<Session>(`/jobs/apply/${token}`, { language: lang });
-      if (s.status === "in_progress") nav(`/app/interview/${s.id}`);
-      else setDone(true);
+      nav(s.status === "in_progress" ? `/app/interview/${s.id}` : `/app/applications`);
     } catch (e: any) {
       setError(e.message);
-    } finally {
       setBusy(false);
     }
   };
 
+  const action = () => {
+    if (!job) return null;
+    if (profile?.role === "recruiter") return <p className="rounded-xl bg-amber-soft px-4 py-3 text-ink">{t("company_cant_apply")}</p>;
+    if (mine?.status === "in_progress") return <Link to={`/app/interview/${mine.id}`} className="inline-block rounded-xl bg-nile px-6 py-3.5 font-medium text-white dark:text-paper">{t("finish_interview")}</Link>;
+    if (mine) return <p className="rounded-xl bg-nile-soft px-4 py-3 text-nile-deep">{t("apply_done")} <Link to="/app/applications" className="font-medium underline">{t("nav_applications")}</Link></p>;
+    if (!job.accepting) return <p className="text-muted">{t("apply_closed")}</p>;
+    if (profile) return <Button size="lg" onClick={start} busy={busy}>{t("apply_start")}</Button>;
+    return <Link to={`/signup?next=${encodeURIComponent(`/apply/${token}`)}`} className="inline-block rounded-xl bg-nile px-6 py-3.5 font-medium text-white dark:text-paper">{t("apply_signin")}</Link>;
+  };
+
+  const content = error && !job ? <ErrorNote>{error}</ErrorNote> : !job || !ready || mine === undefined ? <Spinner /> : (
+    <div className="space-y-6">
+      {profile?.role === "candidate" && (
+        <Link to="/app/board" className="inline-flex items-center gap-1.5 text-sm text-muted hover:text-ink"><ArrowLeft size={16} className="rtl:rotate-180" /> {t("nav_board")}</Link>
+      )}
+      <div className="rounded-3xl border border-line bg-surface p-6 sm:p-10">
+        <div className="flex items-start gap-4">
+          <CompanyMark name={job.company} size={56} />
+          <div className="min-w-0">
+            <h1 className="text-3xl font-semibold text-ink">{job.title}</h1>
+            <p className="mt-1 text-lg text-muted">{job.company} · {trackName(catalog?.tracks, job.track, lang)} · {t(`lv_${job.level}` as "lv_junior")}</p>
+          </div>
+        </div>
+        <div className="mt-6 space-y-3">
+          <JobFacts job={job} />
+          <Skills skills={job.skills} />
+          <p className="text-sm text-muted">{t("posted", { d: fmtDate(job.created_at, lang) })}</p>
+        </div>
+        {job.description && <p className="mt-6 whitespace-pre-line text-[15px] leading-relaxed text-ink">{job.description}</p>}
+
+        <div className="mt-8 rounded-2xl bg-sunken p-5">
+          <p className="font-semibold text-ink">{t("apply_title", { company: job.company })}</p>
+          <ul className="mt-3 space-y-2 text-[15px] text-ink">
+            <li className="flex items-center gap-3"><ListChecks size={18} className="text-nile" /> {t("apply_q", { n: job.question_count })}</li>
+            <li className="flex items-center gap-3"><Clock size={18} className="text-nile" /> {t("apply_time", { m: Math.round(job.answer_seconds / 60) })}</li>
+            <li className="flex items-start gap-3"><Mic size={18} className="mt-0.5 flex-none text-nile" /> {t("apply_how")}</li>
+          </ul>
+          <div className="mt-6">{action()}</div>
+          {error && <div className="mt-4"><ErrorNote>{error}</ErrorNote></div>}
+        </div>
+      </div>
+      {(job.company_about || job.industry || job.company_location) && (
+        <div className="rounded-3xl border border-line bg-surface p-6 sm:p-8">
+          <h2 className="text-lg font-semibold text-ink">{t("about_company", { company: job.company })}</h2>
+          <p className="mt-1 text-sm text-muted">{[job.industry, job.company_size && `${job.company_size}`, job.company_location].filter(Boolean).join(" · ")}</p>
+          {job.company_about && <p className="mt-3 whitespace-pre-line text-[15px] text-ink">{job.company_about}</p>}
+          {job.website && <a href={job.website} target="_blank" rel="noreferrer" className="mt-3 inline-flex items-center gap-1.5 text-sm text-nile hover:underline"><Globe size={15} /> {job.website.replace(/^https?:\/\//, "")}</a>}
+        </div>
+      )}
+    </div>
+  );
+
+  if (profile?.role === "candidate") return <AppShell>{content}</AppShell>;
   return (
     <div className="min-h-screen">
       <PublicHeader />
-      <main className="mx-auto max-w-2xl px-4 pb-16 pt-8">
-        {error ? <ErrorNote>{error}</ErrorNote> : !job || !ready ? <Spinner /> : (
-          <div className="rounded-3xl border border-line bg-surface p-6 sm:p-10">
-            <div className="h-10 w-40"><Waveform bars={20} color="var(--color-nile)" /></div>
-            <h1 className="mt-6 text-3xl font-semibold text-ink">{t("apply_title", { company: job.company })}</h1>
-            <p className="mt-1 text-xl text-muted">{t("apply_for", { title: job.title })}</p>
-            {job.description && <p className="mt-6 whitespace-pre-line text-[15px] text-ink">{job.description}</p>}
-            <ul className="mt-6 space-y-2 text-[15px] text-ink">
-              <li className="flex items-center gap-3"><ListChecks size={18} className="text-nile" /> {t("apply_q", { n: job.question_count })}</li>
-              <li className="flex items-center gap-3"><Clock size={18} className="text-nile" /> {t("apply_time", { m: Math.round(job.answer_seconds / 60) })}</li>
-              <li className="flex items-start gap-3"><Mic size={18} className="mt-0.5 flex-none text-nile" /> {t("apply_how")}</li>
-            </ul>
-            <div className="mt-8">
-              {job.status !== "open" ? <p className="text-muted">{t("apply_closed")}</p>
-                : done ? <p className="rounded-xl bg-nile-soft px-4 py-3 text-nile-deep">{t("apply_done")}</p>
-                : profile ? <Button size="lg" onClick={start} busy={busy}>{t("apply_start")}</Button>
-                : <Link to={`/signup?next=${encodeURIComponent(`/apply/${token}`)}`} className="inline-block rounded-xl bg-nile px-6 py-3.5 font-medium text-white dark:text-paper">{t("apply_signin")}</Link>}
-            </div>
-          </div>
-        )}
-      </main>
+      <main className="mx-auto max-w-3xl px-4 pb-16 pt-6">{content}</main>
     </div>
   );
 }

frontend/src/pages/Board.tsx

@@ -0,0 +1,87 @@
+import { Search } from "lucide-react";
+import { useEffect, useMemo, useState } from "react";
+import { Link, useSearchParams } from "react-router-dom";
+import { JobCard } from "../components/jobs";
+import { PublicHeader } from "../components/Shell";
+import { Input, Select, Spinner, useCatalog } from "../components/ui";
+import { api, type Application, type PublicJob } from "../lib/api";
+import { useAuth } from "../lib/auth";
+import { useI18n } from "../lib/i18n";
+
+const LEVELS = ["intern", "junior", "mid", "senior", "lead"];
+
+/** The public job board. Rendered inside the app shell for signed-in candidates, and as a public page otherwise. */
+export default function Board({ inApp = false }: { inApp?: boolean }) {
+  const { t, lang } = useI18n();
+  const { profile } = useAuth();
+  const catalog = useCatalog();
+  const [params, setParams] = useSearchParams();
+  const [search, setSearch] = useState(params.get("q") || "");
+  const [jobs, setJobs] = useState<PublicJob[] | null>(null);
+  const [applied, setApplied] = useState<Set<string>>(new Set());
+  const f = { track: params.get("track") || "", level: params.get("level") || "", work_mode: params.get("mode") || "", employment_type: params.get("type") || "" };
+
+  const setF = (k: string, v: string) => {
+    const n = new URLSearchParams(params);
+    if (v) n.set(k, v); else n.delete(k);
+    setParams(n, { replace: true });
+  };
+
+  useEffect(() => {
+    const h = setTimeout(() => {
+      const qs = new URLSearchParams({ search: params.get("q") || "", ...f });
+      api.get<PublicJob[]>(`/board?${qs}`).then(setJobs).catch(() => setJobs([]));
+    }, 200);
+    return () => clearTimeout(h);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [params]);
+
+  useEffect(() => {
+    if (profile?.role === "candidate") api.get<Application[]>("/applications").then((a) => setApplied(new Set(a.map((x) => x.share_token)))).catch(() => undefined);
+  }, [profile]);
+
+  useEffect(() => {
+    const h = setTimeout(() => setF("q", search.trim()), 350);
+    return () => clearTimeout(h);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [search]);
+
+  const trackOpts = useMemo(() => [{ value: "", label: t("any_track") }, ...(catalog?.tracks ?? []).map((x) => ({ value: x.id, label: lang === "ar" ? x.ar : x.en }))], [catalog, lang, t]);
+
+  const body = (
+    <div className="space-y-6">
+      <div>
+        <h1 className="text-3xl font-semibold text-ink">{t("board_title")}</h1>
+        <p className="mt-1 max-w-2xl text-muted">{t("board_sub")}</p>
+      </div>
+      <div className="space-y-3 rounded-2xl border border-line bg-surface p-4">
+        <label className="relative block">
+          <Search size={18} className="pointer-events-none absolute start-3.5 top-1/2 -translate-y-1/2 text-muted" />
+          <Input value={search} onChange={(e) => setSearch(e.target.value)} placeholder={t("board_search")} className="ps-10" aria-label={t("board_search")} />
+        </label>
+        <div className="grid grid-cols-2 gap-2 md:grid-cols-4">
+          <Select value={f.track} onChange={(v) => setF("track", v)} options={trackOpts} />
+          <Select value={f.level} onChange={(v) => setF("level", v)} options={[{ value: "", label: t("any_level") }, ...LEVELS.map((l) => ({ value: l, label: t(`lv_${l}` as "lv_junior") }))]} />
+          <Select value={f.work_mode} onChange={(v) => setF("mode", v)} options={[{ value: "", label: t("any_mode") }, ...["onsite", "remote", "hybrid"].map((m) => ({ value: m, label: t(`wm_${m}` as "wm_onsite") }))]} />
+          <Select value={f.employment_type} onChange={(v) => setF("type", v)} options={[{ value: "", label: t("any_type") }, ...["full_time", "part_time", "internship", "contract"].map((m) => ({ value: m, label: t(`et_${m}` as "et_full_time") }))]} />
+        </div>
+      </div>
+      {!jobs ? <Spinner /> : jobs.length === 0 ? (
+        <div className="rounded-2xl border border-dashed border-line p-8 text-center">
+          <p className="text-muted">{t("empty_board")}</p>
+          {profile?.role !== "recruiter" && <Link to={profile ? "/app/new" : "/signup"} className="mt-4 inline-block font-medium text-nile hover:underline">{t("cta_candidate")}</Link>}
+        </div>
+      ) : (
+        <ul className="space-y-3">{jobs.map((j) => <JobCard key={j.id} job={j} applied={applied.has(j.share_token)} />)}</ul>
+      )}
+    </div>
+  );
+
+  if (inApp) return body;
+  return (
+    <div className="min-h-screen">
+      <PublicHeader />
+      <main className="mx-auto max-w-5xl px-4 pb-16 pt-4 sm:px-6">{body}</main>
+    </div>
+  );
+}

frontend/src/pages/CompanyDashboard.tsx

@@ -0,0 +1,96 @@
+import { Plus } from "lucide-react";
+import { useEffect, useState } from "react";
+import { Link, Navigate } from "react-router-dom";
+import { Distribution, Funnel, KpiGrid, Signals, SkillsPanel, Timeline, TopCandidates, TraitsPanel } from "../components/hiring";
+import { Badge, Panel, Spinner, Waveform, fmtDate, scoreColor } from "../components/ui";
+import { api, type HiringStats } from "../lib/api";
+import { useAuth } from "../lib/auth";
+import { useI18n } from "../lib/i18n";
+
+export default function CompanyDashboard() {
+  const { t, lang } = useI18n();
+  const { profile } = useAuth();
+  const [s, setS] = useState<HiringStats | null>(null);
+  useEffect(() => {
+    if (profile?.company_id) api.get<HiringStats>(`/company/stats?lang=${lang}`).then(setS).catch(() => undefined);
+  }, [profile, lang]);
+  if (profile && !profile.company_id) return <Navigate to="/app/welcome?as=company" replace />;
+  if (!s) return <Spinner />;
+  const company = profile?.company?.name || "";
+
+  return (
+    <div className="space-y-6">
+      <div className="flex flex-col gap-4 rounded-3xl bg-ink p-6 text-paper sm:flex-row sm:items-center sm:justify-between sm:p-8 dark:bg-sunken dark:text-ink">
+        <div>
+          <h1 className="text-3xl font-semibold">{t("co_hello", { company })}</h1>
+          <p className="mt-1 opacity-80">{t("co_sub")}</p>
+          <p className="mt-3 flex flex-wrap gap-x-5 gap-y-1 text-sm opacity-90">
+            <span><b className="tabular">{s.totals.open_jobs}</b> {t("k_open_jobs")}</span>
+            <span><b className="tabular">{s.totals.people}</b> {t("k_applicants")}</span>
+            {s.totals.avg_minutes != null && <span>{t("k_minutes")}: <b className="tabular">{Math.round(s.totals.avg_minutes)}</b> {t("min")}</span>}
+          </p>
+        </div>
+        <div className="flex items-center gap-5">
+          <div className="hidden h-12 w-36 md:block"><Waveform bars={22} color="var(--color-amber)" /></div>
+          <Link to="/app/jobs/new" className="inline-flex items-center gap-2 rounded-xl bg-amber px-5 py-3 font-medium text-ink hover:opacity-90"><Plus size={18} /> {t("co_new_job_cta")}</Link>
+        </div>
+      </div>
+
+      {s.totals.jobs === 0 ? (
+        <Panel><p className="text-muted">{t("empty_company")}</p></Panel>
+      ) : (
+        <>
+          <KpiGrid s={s.totals} />
+          <div className="grid gap-6 lg:grid-cols-[1.5fr_1fr]">
+            <Timeline data={s.timeline} />
+            <Funnel data={s.funnel} />
+          </div>
+          <TopCandidates rows={s.top} />
+          <div className="grid gap-6 lg:grid-cols-2">
+            <Distribution data={s.distribution} />
+            <Signals data={s.signals} />
+          </div>
+          <div className="grid gap-6 lg:grid-cols-2">
+            <TraitsPanel data={s.traits} />
+            <SkillsPanel data={s.skills} />
+          </div>
+          <Panel title={t("jobs_table")} action={<Link to="/app/jobs" className="text-sm font-medium text-nile hover:underline">{t("nav_jobs")}</Link>}>
+            <div className="-mx-5 overflow-x-auto sm:-mx-6">
+              <table className="w-full min-w-[640px] text-[15px]">
+                <thead>
+                  <tr className="border-b border-line text-sm text-muted">
+                    <th className="px-5 py-2 text-start font-medium sm:px-6">{t("c_job")}</th>
+                    <th className="py-2 text-start font-medium">{t("k_views")}</th>
+                    <th className="py-2 text-start font-medium">{t("k_applicants")}</th>
+                    <th className="py-2 text-start font-medium">{t("completed_n")}</th>
+                    <th className="py-2 text-start font-medium">{t("k_avg")}</th>
+                    <th className="px-5 py-2 text-start font-medium sm:px-6">{t("k_shortlisted")}</th>
+                  </tr>
+                </thead>
+                <tbody>
+                  {s.jobs.map((j) => (
+                    <tr key={j.id} className="border-b border-line last:border-0">
+                      <td className="px-5 py-3 sm:px-6">
+                        <Link to={`/app/jobs/${j.id}`} className="font-medium text-ink hover:text-nile">{j.title}</Link>
+                        <p className="mt-0.5 flex items-center gap-2 text-xs text-muted">
+                          <Badge tone={j.accepting ? "good" : j.status === "draft" ? "neutral" : "bad"}>{t(`jst_${j.accepting ? "open" : j.status === "draft" ? "draft" : "closed"}`)}</Badge>
+                          {fmtDate(j.created_at, lang)}
+                        </p>
+                      </td>
+                      <td className="py-3 tabular text-muted">{j.views}</td>
+                      <td className="py-3 tabular text-ink">{j.applicants}</td>
+                      <td className="py-3 tabular text-ink">{j.completed}</td>
+                      <td className="py-3"><span className="font-semibold tabular" style={{ color: scoreColor(j.avg_score) }}>{j.avg_score != null ? Math.round(j.avg_score) : "–"}</span></td>
+                      <td className="px-5 py-3 tabular text-ink sm:px-6">{j.shortlisted}{j.hired ? ` (${j.hired} ${t("k_hired")})` : ""}</td>
+                    </tr>
+                  ))}
+                </tbody>
+              </table>
+            </div>
+          </Panel>
+          <p className="text-sm text-muted">{t("fairness")}</p>
+        </>
+      )}
+    </div>
+  );
+}

frontend/src/pages/Dashboard.tsx

@@ -1,10 +1,11 @@
 import { useEffect, useState } from "react";
-import { Link, Navigate } from "react-router-dom";
+import { Link } from "react-router-dom";
 import { CartesianGrid, Line, LineChart, ResponsiveContainer, Tooltip, XAxis, YAxis } from "recharts";
 import { Meter, Panel, Spinner, Waveform } from "../components/ui";
 import { api, type SessionRow } from "../lib/api";
 import { useAuth } from "../lib/auth";
 import { useI18n } from "../lib/i18n";
+import CompanyDashboard from "./CompanyDashboard";
 import { SessionList } from "./History";
 
 type Stats = {
@@ -13,6 +14,11 @@ type Stats = {
 };
 
 export default function Dashboard() {
+  const { profile } = useAuth();
+  return profile?.role === "recruiter" ? <CompanyDashboard /> : <CandidateDashboard />;
+}
+
+function CandidateDashboard() {
   const { t } = useI18n();
   const { profile } = useAuth();
   const [stats, setStats] = useState<Stats | null>(null);
@@ -21,7 +27,6 @@ export default function Dashboard() {
     api.get<Stats>("/stats").then(setStats).catch(() => undefined);
     api.get<SessionRow[]>("/sessions").then(setRows).catch(() => setRows([]));
   }, []);
-  if (profile?.role === "recruiter" && !profile.company_id) return <Navigate to="/app/welcome?as=company" replace />;
   if (!stats || !rows) return <Spinner />;
   const first = (profile?.full_name || "").split(" ")[0] || "";
   const tile = (label: string, value: string | number | null) => (
@@ -41,6 +46,7 @@ export default function Dashboard() {
         </div>
         <div className="flex items-center gap-5">
           <div className="hidden h-12 w-36 md:block"><Waveform bars={22} color="var(--color-amber)" /></div>
+          <Link to="/app/board" className="rounded-xl border border-white/40 px-5 py-3 font-medium hover:bg-white/10">{t("browse_jobs")}</Link>
           <Link to="/app/new" className="rounded-xl bg-white px-5 py-3 font-medium text-nile-deep hover:bg-amber-soft dark:bg-paper">{t("nav_new")}</Link>
         </div>
       </div>

frontend/src/pages/JobDetail.tsx

@@ -1,8 +1,10 @@
-import { Pencil, Star } from "lucide-react";
+import { Download, Pencil, Search, Star } from "lucide-react";
 import { useEffect, useState } from "react";
 import { Link, useNavigate, useParams } from "react-router-dom";
-import { Badge, Panel, Spinner, StatusBadge, fmtDate, scoreColor, useCatalog } from "../components/ui";
-import { api, type CandidateRow, type Job } from "../lib/api";
+import { Distribution, Funnel, KpiGrid, Signals, SkillsPanel, TraitsPanel, reviewTone, signalTone } from "../components/hiring";
+import { JobFacts, Skills } from "../components/jobs";
+import { Badge, Button, Input, Panel, Select, Spinner, StatusBadge, fmtDate, scoreColor, useCatalog } from "../components/ui";
+import { api, type CandidateRow, type HiringStats, type Job } from "../lib/api";
 import { trackName, useI18n } from "../lib/i18n";
 import { CopyLink } from "./Jobs";
 
@@ -16,14 +18,37 @@ export default function JobDetail() {
   const [job, setJob] = useState<Job | null>(null);
   const [rows, setRows] = useState<CandidateRow[] | null>(null);
   const [filter, setFilter] = useState<(typeof FILTERS)[number]>("all");
+  const [stats, setStats] = useState<HiringStats | null>(null);
+  const [search, setSearch] = useState("");
+  const [minScore, setMinScore] = useState("0");
+  const [exporting, setExporting] = useState(false);
   useEffect(() => {
     api.get<Job>(`/jobs/${id}`).then(setJob);
     api.get<CandidateRow[]>(`/jobs/${id}/candidates`).then(setRows);
   }, [id]);
+  useEffect(() => {
+    api.get<HiringStats>(`/jobs/${id}/stats?lang=${lang}`).then(setStats).catch(() => undefined);
+  }, [id, lang]);
   if (!job || !rows) return <Spinner />;
-  const shown = rows.filter((r) => filter === "all" || r.review_status === filter);
-  const sigTone = (s: string | null) => (s === "strong_yes" || s === "yes" ? "good" : s === "maybe" ? "warn" : s === "no" ? "bad" : "neutral");
-  const rvTone = { new: "neutral", shortlisted: "info", rejected: "bad", hired: "good" } as const;
+  const needle = search.trim().toLowerCase();
+  const shown = rows.filter((r) => (filter === "all" || r.review_status === filter)
+    && (!needle || `${r.full_name} ${r.email}`.toLowerCase().includes(needle))
+    && (+minScore === 0 || (r.overall_score ?? -1) >= +minScore));
+  const sigTone = signalTone;
+  const rvTone = reviewTone;
+  const exportCsv = async () => {
+    setExporting(true);
+    try {
+      const blob = await api.blob(`/jobs/${id}/candidates.csv`);
+      const a = document.createElement("a");
+      a.href = URL.createObjectURL(blob);
+      a.download = `evalbot-${job.title.replace(/[^\w]+/g, "-")}-candidates.csv`;
+      a.click();
+      URL.revokeObjectURL(a.href);
+    } finally {
+      setExporting(false);
+    }
+  };
 
   return (
     <div className="space-y-6">
@@ -37,9 +62,34 @@ export default function JobDetail() {
           <Link to={`/app/jobs/${job.id}/edit`} className="inline-flex items-center gap-1.5 rounded-lg border border-line px-3 py-1.5 text-sm text-ink hover:border-nile"><Pencil size={14} /> {t("edit")}</Link>
         </div>
       </div>
-      <p className="text-sm text-muted">{t("share_hint")}</p>
+      <div className="space-y-3">
+        <JobFacts job={job} />
+        <Skills skills={job.skills} />
+        <p className="text-sm text-muted">{job.visibility === "public" ? t("vis_public") : t("vis_link")}. {t("share_hint")}</p>
+      </div>
+
+      {stats && stats.totals.applicants > 0 && (
+        <>
+          <h2 className="pt-2 text-xl font-semibold text-ink">{t("job_stats")}</h2>
+          <KpiGrid s={stats.totals} />
+          <div className="grid gap-6 lg:grid-cols-3">
+            <Funnel data={stats.funnel} />
+            <Distribution data={stats.distribution} />
+            <Signals data={stats.signals} />
+          </div>
+        </>
+      )}
 
       <Panel title={t("candidates_title")} action={
+        <Button variant="outline" onClick={exportCsv} busy={exporting} disabled={!rows.length}><Download size={16} /> {t("export_csv")}</Button>
+      }>
+        <div className="mb-4 flex flex-col gap-3 md:flex-row md:items-center">
+          <label className="relative block md:w-64">
+            <Search size={16} className="pointer-events-none absolute start-3 top-1/2 -translate-y-1/2 text-muted" />
+            <Input value={search} onChange={(e) => setSearch(e.target.value)} placeholder={t("search_candidates")} className="ps-9" aria-label={t("search_candidates")} />
+          </label>
+          <Select className="md:w-44" value={minScore} onChange={setMinScore}
+            options={[0, 50, 60, 70, 80].map((v) => ({ value: String(v), label: v ? `${t("min_score")}: ${v}+` : `${t("min_score")}: –` }))} />
         <div className="flex flex-wrap gap-1">
           {FILTERS.map((f) => (
             <button key={f} onClick={() => setFilter(f)} aria-pressed={filter === f}
@@ -48,7 +98,7 @@ export default function JobDetail() {
             </button>
           ))}
         </div>
-      }>
+        </div>
         {shown.length === 0 ? (
           <p className="py-6 text-center text-muted">{t("empty_candidates")}</p>
         ) : (
@@ -87,6 +137,12 @@ export default function JobDetail() {
           </div>
         )}
       </Panel>
+      {stats && stats.totals.completed > 0 && (
+        <div className="grid gap-6 lg:grid-cols-2">
+          <TraitsPanel data={stats.traits} />
+          <SkillsPanel data={stats.skills} />
+        </div>
+      )}
       <p className="text-sm text-muted">{t("fairness")}</p>
     </div>
   );

frontend/src/pages/JobEditor.tsx

@@ -18,6 +18,13 @@ export default function JobEditor() {
   const [secs, setSecs] = useState(120);
   const [status, setStatus] = useState<Job["status"]>("open");
   const [qs, setQs] = useState<PlanQuestion[]>([{ text: "" }]);
+  const [location, setLocation] = useState("");
+  const [workMode, setWorkMode] = useState<Job["work_mode"]>("onsite");
+  const [empType, setEmpType] = useState<Job["employment_type"]>("full_time");
+  const [salary, setSalary] = useState("");
+  const [skills, setSkills] = useState("");
+  const [deadline, setDeadline] = useState("");
+  const [visibility, setVisibility] = useState<Job["visibility"]>("public");
   const [busy, setBusy] = useState(false);
   const [suggesting, setSuggesting] = useState(false);
   const [error, setError] = useState<string | null>(null);
@@ -27,6 +34,8 @@ export default function JobEditor() {
     api.get<Job>(`/jobs/${id}`).then((j) => {
       setTitle(j.title); setTrack(j.track); setLevel(j.level); setDesc(j.description || "");
       setSecs(j.answer_seconds); setStatus(j.status); setQs(j.questions.length ? j.questions : [{ text: "" }]);
+      setLocation(j.location || ""); setWorkMode(j.work_mode); setEmpType(j.employment_type); setSalary(j.salary || "");
+      setSkills((j.skills || []).join(", ")); setDeadline(j.deadline || ""); setVisibility(j.visibility);
       setLoaded(true);
     });
   }, [id]);
@@ -56,7 +65,11 @@ export default function JobEditor() {
     setBusy(true);
     setError(null);
     try {
-      const body = { title, track, level, description: desc, answer_seconds: secs, status, questions: qs.filter((x) => x.text.trim()) };
+      const body = {
+        title, track, level, description: desc, answer_seconds: secs, status, questions: qs.filter((x) => x.text.trim()),
+        location: location.trim() || null, work_mode: workMode, employment_type: empType, salary: salary.trim() || null,
+        skills: skills.split(/[,،\n]/).map((x) => x.trim()).filter(Boolean), deadline: deadline || null, visibility,
+      };
       const j = id ? await api.put<Job>(`/jobs/${id}`, body) : await api.post<Job>("/jobs", body);
       nav(`/app/jobs/${j.id}`);
     } catch (e: any) {
@@ -70,7 +83,7 @@ export default function JobEditor() {
   return (
     <div className="space-y-6">
       <h1 className="text-3xl font-semibold text-ink">{id ? title : t("new_job")}</h1>
-      <Panel>
+      <Panel title={t("job_basics")}>
         <div className="grid gap-4 md:grid-cols-2">
           <Field label={t("job_title")}><Input value={title} onChange={(e) => setTitle(e.target.value)} placeholder="Junior Data Engineer" /></Field>
           <Field label={t("track")}><Select value={track} onChange={setTrack} options={catalog.tracks.map((x) => ({ value: x.id, label: lang === "ar" ? x.ar : x.en }))} /></Field>
@@ -83,11 +96,34 @@ export default function JobEditor() {
               <Select value={status} onChange={(v) => setStatus(v as Job["status"])} options={(["open", "draft", "closed"] as const).map((s) => ({ value: s, label: t(`jst_${s}`) }))} />
             </Field>
           </div>
-          <div className="md:col-span-2"><Field label={t("job_desc")}><Textarea value={desc} onChange={(e) => setDesc(e.target.value)} /></Field></div>
+          <Field label={t("location")}><Input value={location} onChange={(e) => setLocation(e.target.value)} placeholder={t("location_ph")} /></Field>
+          <div className="grid grid-cols-2 gap-4">
+            <Field label={t("work_mode")}>
+              <Select value={workMode} onChange={(v) => setWorkMode(v as Job["work_mode"])} options={(["onsite", "remote", "hybrid"] as const).map((m) => ({ value: m, label: t(`wm_${m}`) }))} />
+            </Field>
+            <Field label={t("employment_type")}>
+              <Select value={empType} onChange={(v) => setEmpType(v as Job["employment_type"])} options={(["full_time", "part_time", "internship", "contract"] as const).map((m) => ({ value: m, label: t(`et_${m}`) }))} />
+            </Field>
+          </div>
+          <Field label={`${t("salary")} (${t("optional")})`}><Input value={salary} onChange={(e) => setSalary(e.target.value)} placeholder={t("salary_ph")} /></Field>
+          <Field label={`${t("deadline_l")} (${t("optional")})`}><Input type="date" value={deadline} onChange={(e) => setDeadline(e.target.value)} /></Field>
+          <div className="md:col-span-2"><Field label={t("skills_req")}><Input value={skills} onChange={(e) => setSkills(e.target.value)} placeholder={t("skills_ph")} dir="ltr" /></Field></div>
+          <div className="md:col-span-2"><Field label={t("job_desc")}><Textarea value={desc} onChange={(e) => setDesc(e.target.value)} className="min-h-40" /></Field></div>
+          <div className="md:col-span-2">
+            <span className="mb-1.5 block text-sm font-medium text-ink">{t("visibility")}</span>
+            <div className="grid gap-2 sm:grid-cols-2">
+              {(["public", "link"] as const).map((v) => (
+                <button key={v} type="button" onClick={() => setVisibility(v)} aria-pressed={visibility === v}
+                  className={`rounded-xl border px-4 py-3 text-start text-[15px] ${visibility === v ? "border-nile bg-nile-soft text-nile-deep" : "border-line text-ink hover:border-nile"}`}>
+                  {t(v === "public" ? "vis_public" : "vis_link")}
+                </button>
+              ))}
+            </div>
+          </div>
         </div>
       </Panel>
 
-      <Panel title={t("questions")} action={<Button variant="outline" onClick={suggest} busy={suggesting}><Sparkles size={16} /> {suggesting ? t("suggesting") : t("suggest")}</Button>}>
+      <Panel title={`${t("job_interview")}: ${t("questions")}`} action={<Button variant="outline" onClick={suggest} busy={suggesting}><Sparkles size={16} /> {suggesting ? t("suggesting") : t("suggest")}</Button>}>
         <ol className="space-y-3">
           {qs.map((q, i) => (
             <li key={i} className="flex items-start gap-2">

frontend/src/pages/Jobs.tsx

@@ -49,10 +49,12 @@ export default function Jobs() {
                 <p className="mt-0.5 flex flex-wrap items-center gap-2 text-sm text-muted">
                   <span>{trackName(catalog?.tracks, j.track, lang)}</span>
                   <Badge tone={tone[j.status]}>{t(`jst_${j.status}`)}</Badge>
+                  {j.visibility === "link" && <Badge>{t("vis_link").split(":")[0]}</Badge>}
                   <span>{fmtDate(j.created_at, lang)}</span>
                 </p>
               </Link>
               <div className="flex items-center gap-6">
+                <div className="text-center"><p className="font-display text-xl font-semibold tabular text-ink">{j.views ?? 0}</p><p className="text-xs text-muted">{t("k_views")}</p></div>
                 <div className="text-center"><p className="font-display text-xl font-semibold tabular text-ink">{j.applicants ?? 0}</p><p className="text-xs text-muted">{t("applicants")}</p></div>
                 <div className="text-center"><p className="font-display text-xl font-semibold tabular text-ink">{j.completed ?? 0}</p><p className="text-xs text-muted">{t("completed_n")}</p></div>
                 <CopyLink token={j.share_token} />

frontend/src/pages/Landing.tsx

@@ -1,9 +1,10 @@
 import { useEffect, useState } from "react";
 import { Link } from "react-router-dom";
 import { Bar, BarChart, CartesianGrid, Legend, ResponsiveContainer, Tooltip, XAxis, YAxis } from "recharts";
+import { JobCard } from "../components/jobs";
 import { PublicHeader } from "../components/Shell";
 import { Waveform, useCatalog } from "../components/ui";
-import { api } from "../lib/api";
+import { api, type PublicJob } from "../lib/api";
 import { useI18n } from "../lib/i18n";
 
 type Card = { traits: { trait: string; label: string; model_r: number; human_r: number }[]; reference?: { interviews: number } };
@@ -41,6 +42,10 @@ export default function Landing() {
   const { t, lang } = useI18n();
   const catalog = useCatalog();
   const [card, setCard] = useState<Card | null>(null);
+  const [jobs, setJobs] = useState<PublicJob[]>([]);
+  useEffect(() => {
+    api.get<PublicJob[]>("/board").then((j) => setJobs(j.slice(0, 4))).catch(() => undefined);
+  }, []);
   useEffect(() => {
     api.get<Card>(`/model-card?lang=${lang}`).then(setCard).catch(() => setCard(null));
   }, [lang]);
@@ -101,6 +106,17 @@ export default function Landing() {
           </div>
         </section>
 
+        {/* open roles from companies on the platform */}
+        {jobs.length > 0 && (
+          <section className="mx-auto max-w-6xl px-4 pb-16 sm:px-6">
+            <div className="mb-5 flex items-end justify-between gap-3">
+              <h2 className="text-2xl font-semibold text-ink">{t("open_roles")}</h2>
+              <Link to="/jobs" className="font-medium text-nile hover:underline">{t("see_all_jobs")}</Link>
+            </div>
+            <ul className="grid gap-3 lg:grid-cols-2">{jobs.map((j) => <JobCard key={j.id} job={j} />)}</ul>
+          </section>
+        )}
+
         {/* science */}
         {chart.length > 0 && (
           <section className="bg-ink text-paper dark:bg-surface dark:text-ink">

frontend/src/pages/Onboarding.tsx

@@ -2,11 +2,13 @@ import { Building2, Mic } from "lucide-react";
 import { useState } from "react";
 import { useNavigate, useSearchParams } from "react-router-dom";
 import { PublicHeader } from "../components/Shell";
-import { Button, ErrorNote, Field, Input } from "../components/ui";
+import { Button, ErrorNote, Field, Input, Select, Textarea } from "../components/ui";
 import { api } from "../lib/api";
 import { useAuth } from "../lib/auth";
 import { useI18n } from "../lib/i18n";
 
+export const SIZES = ["1-10", "11-50", "51-200", "201-1000", "1000+"];
+
 export default function Onboarding() {
   const { t } = useI18n();
   const { refresh } = useAuth();
@@ -15,6 +17,10 @@ export default function Onboarding() {
   const [choice, setChoice] = useState<"candidate" | "recruiter">(params.get("as") === "company" ? "recruiter" : "candidate");
   const [company, setCompany] = useState("");
   const [website, setWebsite] = useState("");
+  const [industry, setIndustry] = useState("");
+  const [size, setSize] = useState("11-50");
+  const [location, setLocation] = useState("");
+  const [about, setAbout] = useState("");
   const [busy, setBusy] = useState(false);
   const [error, setError] = useState<string | null>(null);
 
@@ -23,13 +29,13 @@ export default function Onboarding() {
     setError(null);
     try {
       if (choice === "recruiter") {
-        await api.post("/companies", { name: company, website: website || null });
+        await api.post("/companies", { name: company, website: website || null, industry: industry || null, size, location: location || null, about: about || null });
         await refresh();
         nav("/app/jobs");
       } else {
         await api.patch("/me", { role: "candidate" });
         await refresh();
-        nav("/app/new");
+        nav("/app");
       }
     } catch (e: any) {
       setError(e.message);
@@ -61,7 +67,13 @@ export default function Onboarding() {
         {choice === "recruiter" && (
           <div className="mt-6 space-y-4">
             <Field label={t("company_name")}><Input value={company} onChange={(e) => setCompany(e.target.value)} required /></Field>
-            <Field label={`${t("website")} (${t("optional")})`}><Input value={website} onChange={(e) => setWebsite(e.target.value)} type="url" placeholder="https://" /></Field>
+            <div className="grid gap-4 sm:grid-cols-2">
+              <Field label={t("industry")}><Input value={industry} onChange={(e) => setIndustry(e.target.value)} placeholder="Software, Banking, Telecom…" /></Field>
+              <Field label={t("company_size")}><Select value={size} onChange={setSize} options={SIZES.map((x) => ({ value: x, label: x }))} /></Field>
+              <Field label={t("company_loc")}><Input value={location} onChange={(e) => setLocation(e.target.value)} placeholder={t("location_ph")} /></Field>
+              <Field label={`${t("website")} (${t("optional")})`}><Input value={website} onChange={(e) => setWebsite(e.target.value)} type="url" placeholder="https://" /></Field>
+            </div>
+            <Field label={`${t("company_about")} (${t("optional")})`}><Textarea value={about} onChange={(e) => setAbout(e.target.value)} /></Field>
           </div>
         )}
         {error && <div className="mt-4"><ErrorNote>{error}</ErrorNote></div>}

frontend/src/pages/Settings.tsx

@@ -1,5 +1,6 @@
 import { useEffect, useState } from "react";
-import { Button, ErrorNote, Field, Input, Panel, Select, useCatalog } from "../components/ui";
+import { Button, ErrorNote, Field, Input, Panel, Select, Textarea, useCatalog } from "../components/ui";
+import { SIZES } from "./Onboarding";
 import { api } from "../lib/api";
 import { updatePassword, useAuth } from "../lib/auth";
 import { useI18n } from "../lib/i18n";
@@ -12,6 +13,7 @@ export default function SettingsPage() {
   const [headline, setHeadline] = useState("");
   const [track, setTrack] = useState("");
   const [company, setCompany] = useState("");
+  const [co, setCo] = useState({ website: "", industry: "", size: "11-50", location: "", about: "" });
   const [pw, setPw] = useState("");
   const [msg, setMsg] = useState<string | null>(null);
   const [error, setError] = useState<string | null>(null);
@@ -23,6 +25,8 @@ export default function SettingsPage() {
     setHeadline(profile.headline || "");
     setTrack(profile.target_track || "");
     setCompany(profile.company?.name || "");
+    const c = profile.company;
+    if (c) setCo({ website: c.website || "", industry: c.industry || "", size: c.size || "11-50", location: c.location || "", about: c.about || "" });
   }, [profile]);
 
   const save = async () => {
@@ -30,7 +34,7 @@ export default function SettingsPage() {
     setError(null);
     try {
       await api.patch("/me", { full_name: name, headline, target_track: track || null });
-      if (profile?.role === "recruiter" && company.trim()) await api.post("/companies", { name: company.trim() });
+      if (profile?.role === "recruiter" && company.trim()) await api.post("/companies", { name: company.trim(), ...co });
       await refresh();
       setMsg(t("saved"));
     } catch (e: any) {
@@ -61,10 +65,17 @@ export default function SettingsPage() {
           <Field label={t("target_track")}>
             <Select value={track} onChange={setTrack} options={[{ value: "", label: "—" }, ...(catalog?.tracks ?? []).map((x) => ({ value: x.id, label: lang === "ar" ? x.ar : x.en }))]} />
           </Field>
-          {profile?.role === "recruiter" && (
-            <Field label={t("company")}><Input value={company} onChange={(e) => setCompany(e.target.value)} /></Field>
-          )}
         </div>
+        {profile?.role === "recruiter" && (
+          <div className="mt-6 grid gap-4 border-t border-line pt-6 sm:grid-cols-2">
+            <Field label={t("company_name")}><Input value={company} onChange={(e) => setCompany(e.target.value)} /></Field>
+            <Field label={t("website")}><Input value={co.website} onChange={(e) => setCo({ ...co, website: e.target.value })} type="url" placeholder="https://" /></Field>
+            <Field label={t("industry")}><Input value={co.industry} onChange={(e) => setCo({ ...co, industry: e.target.value })} /></Field>
+            <Field label={t("company_size")}><Select value={co.size} onChange={(v) => setCo({ ...co, size: v })} options={SIZES.map((x) => ({ value: x, label: x }))} /></Field>
+            <Field label={t("company_loc")}><Input value={co.location} onChange={(e) => setCo({ ...co, location: e.target.value })} /></Field>
+            <div className="sm:col-span-2"><Field label={t("company_about")}><Textarea value={co.about} onChange={(e) => setCo({ ...co, about: e.target.value })} /></Field></div>
+          </div>
+        )}
         <div className="mt-5 flex items-center gap-3">
           <Button onClick={save} busy={busy}>{t("save")}</Button>
           {msg && <span className="text-sm text-nile">{msg}</span>}

platform_app/core.py

@@ -135,7 +135,9 @@ def recruiter(user: Dict = Depends(current_user)) -> Dict:
 # File storage (Supabase Storage, or a local folder for development)
 # --------------------------------------------------------------------------------------
 def _storage_headers(content_type: Optional[str] = None) -> Dict[str, str]:
-    h = {"Authorization": f"Bearer {SUPABASE_SERVICE_ROLE_KEY}", "apikey": SUPABASE_SERVICE_ROLE_KEY}
+    h = {"apikey": SUPABASE_SERVICE_ROLE_KEY}
+    if not SUPABASE_SERVICE_ROLE_KEY.startswith("sb_"):  # legacy JWT keys also go in Authorization; new sb_secret keys must not
+        h["Authorization"] = f"Bearer {SUPABASE_SERVICE_ROLE_KEY}"
     if content_type:
         h["Content-Type"] = content_type
     return h

platform_app/routes.py

@@ -5,6 +5,9 @@ import os
 import tempfile
 import time
 from concurrent.futures import ThreadPoolExecutor
+import csv
+import io
+from datetime import date, timedelta
 from typing import Dict, List, Optional
 
 from fastapi import APIRouter, Depends, File, Form, HTTPException, UploadFile
@@ -41,16 +44,40 @@ def catalog():
     return ai.catalog()
 
 
+JOB_PUBLIC_COLS = ("j.id, j.title, j.track, j.level, j.location, j.work_mode, j.employment_type, j.salary, j.skills, "
+                   "j.deadline, j.share_token, j.created_at, j.answer_seconds, jsonb_array_length(j.questions) as question_count, "
+                   "c.name as company, c.website, c.industry, c.size as company_size, c.about as company_about, "
+                   "c.location as company_location")
+ACCEPTING = "(j.status = 'open' and (j.deadline is null or j.deadline >= current_date))"
+
+
 @router.get("/public/jobs/{token}")
 def public_job(token: str):
-    j = q1("select j.id, j.title, j.track, j.level, j.description, j.answer_seconds, j.status, "
-           "jsonb_array_length(j.questions) as question_count, c.name as company, c.website "
-           "from jobs j join companies c on c.id = j.company_id where j.share_token = %s", [token])
+    j = q1(f"update jobs j set views = views + 1 from companies c where c.id = j.company_id and j.share_token = %s "
+           f"returning {JOB_PUBLIC_COLS}, j.description, j.status, {ACCEPTING} as accepting", [token])
     if not j:
         raise HTTPException(404, "This job link is not valid")
     return j
 
 
+@router.get("/board")
+def job_board(search: str = "", track: str = "", level: str = "", work_mode: str = "", employment_type: str = ""):
+    """Open public jobs from all companies (no sign-in needed)."""
+    where, params = [ACCEPTING, "j.visibility = 'public'"], {}
+    if search.strip():
+        where.append("(j.title ilike %(s)s or j.description ilike %(s)s or c.name ilike %(s)s or j.skills::text ilike %(s)s "
+                     "or j.location ilike %(s)s)")
+        params["s"] = f"%{search.strip()[:80]}%"
+    for col, val in (("track", track), ("level", level), ("work_mode", work_mode), ("employment_type", employment_type)):
+        if val:
+            where.append(f"j.{col} = %({col})s")
+            params[col] = val
+    return q(f"select {JOB_PUBLIC_COLS}, left(j.description, 260) as snippet, "
+             f"(select count(*) from sessions s where s.job_id = j.id) as applicants "
+             f"from jobs j join companies c on c.id = j.company_id where {' and '.join(where)} "
+             f"order by j.created_at desc limit 200", params)
+
+
 # --------------------------------------------------------------------------------------
 # Profile & company
 # --------------------------------------------------------------------------------------
@@ -71,8 +98,9 @@ def me(user: Dict = Depends(current_user)):
 @router.patch("/me")
 def update_me(body: ProfileIn, user: Dict = Depends(current_user)):
     fields = {k: v for k, v in body.model_dump().items() if v is not None}
-    if "role" in fields and fields["role"] not in ("candidate", "recruiter"):
-        raise HTTPException(400, "Invalid role")
+    if "role" in fields and fields["role"] != user["role"]:
+        if fields["role"] != "candidate" or user.get("company_id"):
+            raise HTTPException(400, "Company accounts are created from the company setup page")
     if fields:
         sets = ", ".join(f"{k} = %({k})s" for k in fields)
         q(f"update profiles set {sets} where id = %(id)s", {**fields, "id": user["id"]})
@@ -81,18 +109,25 @@ def update_me(body: ProfileIn, user: Dict = Depends(current_user)):
 
 class CompanyIn(BaseModel):
     name: str = Field(min_length=2, max_length=120)
-    website: Optional[str] = None
-    about: Optional[str] = None
+    website: Optional[str] = Field(None, max_length=200)
+    about: Optional[str] = Field(None, max_length=2000)
+    industry: Optional[str] = Field(None, max_length=80)
+    size: Optional[str] = Field(None, max_length=20)
+    location: Optional[str] = Field(None, max_length=120)
 
 
 @router.post("/companies")
 def create_company(body: CompanyIn, user: Dict = Depends(current_user)):
-    if user.get("company_id"):
-        c = q1("update companies set name=%s, website=%s, about=%s where id=%s returning *",
-               [body.name, body.website, body.about, user["company_id"]])
+    if user.get("company_id"):  # fields that are not sent keep their current value
+        c = q1("update companies set name=%s, website=coalesce(%s, website), about=coalesce(%s, about), "
+               "industry=coalesce(%s, industry), size=coalesce(%s, size), location=coalesce(%s, location) where id=%s returning *",
+               [body.name, body.website, body.about, body.industry, body.size, body.location, user["company_id"]])
     else:
-        c = q1("insert into companies (name, website, about, created_by) values (%s, %s, %s, %s) returning *",
-               [body.name, body.website, body.about, user["id"]])
+        if user["role"] == "candidate" and q1("select 1 from sessions where user_id=%s limit 1", [user["id"]]):
+            raise HTTPException(400, "This account is already used for interviews. Create a separate account for your company.")
+        c = q1("insert into companies (name, website, about, industry, size, location, created_by) "
+               "values (%s, %s, %s, %s, %s, %s, %s) returning *",
+               [body.name, body.website, body.about, body.industry, body.size, body.location, user["id"]])
         q("update profiles set role='recruiter', company_id=%s where id=%s", [c["id"], user["id"]])
     return c
 
@@ -159,12 +194,16 @@ class ApplyIn(BaseModel):
 
 @router.post("/jobs/apply/{token}")
 def apply_job(token: str, body: ApplyIn, user: Dict = Depends(current_user)):
-    j = q1("select * from jobs where share_token = %s", [token])
-    if not j or j["status"] != "open":
+    if user["role"] == "recruiter":
+        raise HTTPException(403, "Company accounts can't apply to jobs. Use a personal account to apply.")
+    j = q1(f"select j.*, {ACCEPTING} as accepting from jobs j where j.share_token = %s", [token])
+    if not j:
         raise HTTPException(404, "This job is not accepting interviews")
     existing = q1("select * from sessions where job_id=%s and user_id=%s order by created_at desc limit 1", [j["id"], user["id"]])
     if existing:
         return existing
+    if not j["accepting"]:
+        raise HTTPException(400, "This job is not accepting interviews")
     plan = [{"text": x["text"], "kind": x.get("kind", "custom"), "skill": x.get("skill", ""),
              "rubric": x.get("rubric", "")} for x in j["questions"]]
     ctx = {"plan": plan, "role": j["title"], "answer_seconds": j["answer_seconds"], "followups": 0,
@@ -184,6 +223,16 @@ def list_sessions(user: Dict = Depends(current_user)):
              [user["id"]])
 
 
+@router.get("/applications")
+def my_applications(user: Dict = Depends(current_user)):
+    return q("select s.id, s.status, s.overall_score, s.created_at, s.completed_at, j.title, j.share_token, j.location, "
+             "j.work_mode, j.employment_type, c.name as company, coalesce(r.status, 'new') as review_status, "
+             "(select count(*) from answers a where a.session_id = s.id) as answered, "
+             "jsonb_array_length(s.context->'plan') as planned "
+             "from sessions s join jobs j on j.id = s.job_id join companies c on c.id = j.company_id "
+             "left join reviews r on r.session_id = s.id where s.user_id = %s order by s.created_at desc", [user["id"]])
+
+
 @router.get("/sessions/{sid}")
 def get_session(sid: str, user: Dict = Depends(current_user)):
     s = _session(sid, user)
@@ -428,6 +477,27 @@ class JobIn(BaseModel):
     questions: List[Dict] = Field(min_length=1, max_length=15)
     answer_seconds: int = Field(120, ge=30, le=600)
     status: str = "open"
+    location: Optional[str] = Field(None, max_length=120)
+    work_mode: str = "onsite"
+    employment_type: str = "full_time"
+    salary: Optional[str] = Field(None, max_length=80)
+    skills: List[str] = Field(default_factory=list, max_length=20)
+    deadline: Optional[date] = None
+    visibility: str = "public"
+
+    def clean(self) -> Dict:
+        d = self.model_dump()
+        d["status"] = d["status"] if d["status"] in ("draft", "open", "closed") else "open"
+        d["work_mode"] = d["work_mode"] if d["work_mode"] in ("onsite", "remote", "hybrid") else "onsite"
+        d["employment_type"] = d["employment_type"] if d["employment_type"] in ("full_time", "part_time", "internship", "contract") else "full_time"
+        d["visibility"] = "link" if d["visibility"] == "link" else "public"
+        d["skills"] = [x.strip()[:40] for x in d["skills"] if x and x.strip()][:20]
+        d["questions"] = _clean_questions(d["questions"])
+        return d
+
+
+JOB_FIELDS = ["title", "track", "level", "description", "questions", "answer_seconds", "status", "location", "work_mode",
+              "employment_type", "salary", "skills", "deadline", "visibility"]
 
 
 def _clean_questions(qs: List[Dict]) -> List[Dict]:
@@ -444,10 +514,11 @@ def list_jobs(user: Dict = Depends(recruiter)):
 
 @router.post("/jobs")
 def create_job(body: JobIn, user: Dict = Depends(recruiter)):
-    return q1("insert into jobs (company_id, created_by, title, track, level, description, questions, answer_seconds, status) "
-              "values (%s,%s,%s,%s,%s,%s,%s,%s,%s) returning *",
-              [user["company_id"], user["id"], body.title, body.track, body.level, body.description,
-               _clean_questions(body.questions), body.answer_seconds, body.status if body.status in ("draft", "open", "closed") else "open"])
+    d = body.clean()
+    cols = ", ".join(JOB_FIELDS)
+    vals = ", ".join(f"%({k})s" for k in JOB_FIELDS)
+    return q1(f"insert into jobs (company_id, created_by, {cols}) values (%(company_id)s, %(created_by)s, {vals}) returning *",
+              {**d, "company_id": user["company_id"], "created_by": user["id"]})
 
 
 def _job(jid: str, user: Dict) -> Dict:
@@ -465,9 +536,9 @@ def get_job(jid: str, user: Dict = Depends(recruiter)):
 @router.put("/jobs/{jid}")
 def update_job(jid: str, body: JobIn, user: Dict = Depends(recruiter)):
     _job(jid, user)
-    return q1("update jobs set title=%s, track=%s, level=%s, description=%s, questions=%s, answer_seconds=%s, status=%s "
-              "where id=%s returning *", [body.title, body.track, body.level, body.description, _clean_questions(body.questions),
-                                         body.answer_seconds, body.status, jid])
+    d = body.clean()
+    sets = ", ".join(f"{k} = %({k})s" for k in JOB_FIELDS)
+    return q1(f"update jobs set {sets} where id = %(jid)s returning *", {**d, "jid": jid})
 
 
 @router.get("/jobs/{jid}/candidates")
@@ -498,3 +569,125 @@ def review(sid: str, body: ReviewIn, user: Dict = Depends(recruiter)):
               "on conflict (session_id) do update set status=excluded.status, rating=excluded.rating, notes=excluded.notes, "
               "reviewer_id=excluded.reviewer_id, updated_at=now() returning *",
               [sid, user["id"], body.status, body.rating, body.notes])
+
+
+# --------------------------------------------------------------------------------------
+# Recruiters: analytics
+# --------------------------------------------------------------------------------------
+def _f(v, nd=1):
+    return None if v is None else round(float(v), nd)
+
+
+def _analytics(company_id: str, job_id: Optional[str], lang: str) -> Dict:
+    """Hiring analytics for a whole company, or for one job when job_id is given."""
+    F = "j.company_id = %(c)s" + (" and j.id = %(j)s" if job_id else "")
+    p = {"c": company_id, "j": job_id}
+    jobs = q1(f"select count(*) as jobs, count(*) filter (where {ACCEPTING}) as open_jobs, coalesce(sum(views), 0) as views "
+              f"from jobs j where {F}", p)
+    t = q1(f"select count(*) as applicants, count(distinct s.user_id) as people, "
+           f"count(*) filter (where s.status = 'completed') as completed, "
+           f"count(*) filter (where s.status in ('in_progress', 'processing')) as in_progress, "
+           f"avg(s.overall_score) filter (where s.status = 'completed') as avg_score, "
+           f"percentile_cont(0.5) within group (order by s.overall_score) filter (where s.status = 'completed') as median_score, "
+           f"max(s.overall_score) as best_score, "
+           f"count(*) filter (where r.status in ('shortlisted', 'hired')) as shortlisted, "
+           f"count(*) filter (where r.status = 'hired') as hired, count(*) filter (where r.status = 'rejected') as rejected, "
+           f"count(*) filter (where s.status = 'completed' and coalesce(r.status, 'new') = 'new') as to_review, "
+           f"percentile_cont(0.5) within group (order by extract(epoch from (s.completed_at - s.created_at)) / 60) "
+           f"filter (where s.status = 'completed' and s.completed_at - s.created_at between interval '0' and interval '1 day') as avg_minutes "
+           f"from sessions s join jobs j on j.id = s.job_id left join reviews r on r.session_id = s.id where {F}", p)
+
+    # applications per day, last 30 days
+    since = date.today() - timedelta(days=29)
+    days = {r["d"]: r for r in q(f"select s.created_at::date as d, count(*) as n, count(*) filter (where s.status = 'completed') as c "
+                                 f"from sessions s join jobs j on j.id = s.job_id where {F} and s.created_at >= %(since)s "
+                                 f"group by 1", {**p, "since": since})}
+    timeline = [{"date": (since + timedelta(days=i)).isoformat(),
+                 "applicants": days.get(since + timedelta(days=i), {}).get("n", 0),
+                 "completed": days.get(since + timedelta(days=i), {}).get("c", 0)} for i in range(30)]
+
+    done = q(f"select s.overall_score as score, s.report->'summary'->>'hiring_signal' as signal, "
+             f"s.report->'calibrated'->'traits' as traits from sessions s join jobs j on j.id = s.job_id "
+             f"where {F} and s.status = 'completed'", p)
+    buckets = [{"range": f"{b}-{b + 9 if b < 90 else 100}", "count": 0} for b in range(0, 100, 10)]
+    signals = {"strong_yes": 0, "yes": 0, "maybe": 0, "no": 0}
+    trait_sum: Dict[str, List[float]] = {}
+    for d in done:
+        if d["score"] is not None:
+            buckets[min(int(d["score"] // 10), 9)]["count"] += 1
+        if d["signal"] in signals:
+            signals[d["signal"]] += 1
+        for tr in d["traits"] or []:
+            trait_sum.setdefault(tr["trait"], []).append(tr["percentile"])
+    labels = cal.TRAIT_LABELS.get(lang, cal.TRAIT_LABELS["en"])
+    traits = sorted([{"trait": k, "label": labels.get(k, k), "avg_percentile": round(sum(v) / len(v)), "n": len(v)}
+                     for k, v in trait_sum.items()], key=lambda x: -x["avg_percentile"])
+
+    skills = q(f"select a.feedback->>'skill' as skill, round(avg(a.score)::numeric, 1) as avg, count(*) as n "
+               f"from answers a join sessions s on s.id = a.session_id join jobs j on j.id = s.job_id "
+               f"where {F} and a.score is not null and coalesce(a.feedback->>'skill', '') <> '' "
+               f"group by 1 order by n desc, avg desc limit 10", p)
+
+    top = q(f"select s.id, s.overall_score, s.completed_at, s.report->>'content_score' as content_score, "
+            f"s.report->>'delivery_score' as delivery_score, s.report->'summary'->>'hiring_signal' as hiring_signal, "
+            f"s.report->'summary'->>'headline' as headline, p.full_name, p.email, p.headline as candidate_headline, "
+            f"j.id as job_id, j.title as job_title, coalesce(r.status, 'new') as review_status, r.rating "
+            f"from sessions s join jobs j on j.id = s.job_id join profiles p on p.id = s.user_id "
+            f"left join reviews r on r.session_id = s.id where {F} and s.status = 'completed' "
+            f"order by s.overall_score desc nulls last limit 10", p)
+
+    per_job = [] if job_id else q(
+        f"select j.id, j.title, j.status, j.views, j.created_at, j.deadline, {ACCEPTING} as accepting, "
+        f"count(s.id) as applicants, count(s.id) filter (where s.status = 'completed') as completed, "
+        f"round(avg(s.overall_score) filter (where s.status = 'completed')::numeric, 1) as avg_score, "
+        f"max(s.overall_score) as best_score, count(r.session_id) filter (where r.status in ('shortlisted', 'hired')) as shortlisted, "
+        f"count(r.session_id) filter (where r.status = 'hired') as hired "
+        f"from jobs j left join sessions s on s.job_id = j.id left join reviews r on r.session_id = s.id "
+        f"where {F} group by j.id order by j.created_at desc", p)
+
+    applicants = t["applicants"] or 0
+    views = max(int(jobs["views"]), applicants)  # people who apply from a shared link may never load the job page
+    return {
+        "totals": {"jobs": jobs["jobs"], "open_jobs": jobs["open_jobs"], "views": views,
+                   "applicants": applicants, "people": t["people"], "completed": t["completed"],
+                   "in_progress": t["in_progress"], "shortlisted": t["shortlisted"], "hired": t["hired"],
+                   "rejected": t["rejected"], "to_review": t["to_review"],
+                   "avg_score": _f(t["avg_score"]), "median_score": _f(t["median_score"]), "best_score": _f(t["best_score"]),
+                   "completion_rate": round(100 * t["completed"] / applicants) if applicants else None,
+                   "avg_minutes": _f(t["avg_minutes"])},
+        "funnel": [{"stage": "views", "count": views}, {"stage": "started", "count": applicants},
+                   {"stage": "completed", "count": t["completed"]}, {"stage": "shortlisted", "count": t["shortlisted"]},
+                   {"stage": "hired", "count": t["hired"]}],
+        "timeline": timeline, "distribution": buckets, "signals": signals, "traits": traits,
+        "skills": [{"skill": r["skill"], "avg": float(r["avg"]), "n": r["n"]} for r in skills],
+        "top": top, "jobs": per_job,
+    }
+
+
+@router.get("/company/stats")
+def company_stats(lang: str = "en", user: Dict = Depends(recruiter)):
+    return _analytics(user["company_id"], None, "ar" if lang == "ar" else "en")
+
+
+@router.get("/jobs/{jid}/stats")
+def job_stats(jid: str, lang: str = "en", user: Dict = Depends(recruiter)):
+    _job(jid, user)
+    return _analytics(user["company_id"], jid, "ar" if lang == "ar" else "en")
+
+
+@router.get("/jobs/{jid}/candidates.csv")
+def job_candidates_csv(jid: str, user: Dict = Depends(recruiter)):
+    j = _job(jid, user)
+    rows = job_candidates(jid, user)
+    buf = io.StringIO()
+    w = csv.writer(buf)
+    w.writerow(["rank", "name", "email", "interview_status", "overall_score", "content_score", "delivery_score",
+                "evalbot_signal", "decision", "rating", "notes", "applied_at", "report_url"])
+    for i, r in enumerate(rows, 1):
+        w.writerow([i, r["full_name"] or "", r["email"] or "", r["status"], _f(r["overall_score"]) or "",
+                    r["content_score"] or "", r["delivery_score"] or "", r["hiring_signal"] or "", r["review_status"],
+                    r["rating"] or "", (r["notes"] or "").replace("\n", " "), r["created_at"].strftime("%Y-%m-%d %H:%M"),
+                    f"/app/report/{r['id']}"])
+    name = "".join(ch if ch.isalnum() else "-" for ch in j["title"])[:40] or "job"
+    return Response("" + buf.getvalue(), media_type="text/csv; charset=utf-8",
+                    headers={"Content-Disposition": f'attachment; filename="evalbot-{name}-candidates.csv"'})

platform_app/schema.sql

@@ -86,3 +86,27 @@ create table if not exists reviews (
     notes         text,
     updated_at    timestamptz not null default now()
 );
+
+-- v2: job board, richer job posts and company profiles (idempotent migrations)
+alter table companies add column if not exists industry text;
+alter table companies add column if not exists size text;
+alter table companies add column if not exists location text;
+
+alter table jobs add column if not exists location text;
+alter table jobs add column if not exists work_mode text not null default 'onsite';         -- onsite | remote | hybrid
+alter table jobs add column if not exists employment_type text not null default 'full_time'; -- full_time | part_time | internship | contract
+alter table jobs add column if not exists salary text;
+alter table jobs add column if not exists skills jsonb not null default '[]'::jsonb;
+alter table jobs add column if not exists deadline date;
+alter table jobs add column if not exists visibility text not null default 'public';        -- public (job board) | link (only via link)
+alter table jobs add column if not exists views int not null default 0;
+create index if not exists jobs_board_idx on jobs(status, visibility, created_at desc);
+
+-- Lock tables against Supabase's public Data API: the app server connects as the database owner
+-- (which bypasses RLS), while the anon/authenticated API roles get no rows at all (no policies).
+alter table companies enable row level security;
+alter table profiles  enable row level security;
+alter table jobs      enable row level security;
+alter table sessions  enable row level security;
+alter table answers   enable row level security;
+alter table reviews   enable row level security;