@burdenoff/microfe-crewfoundry 2026.703.1 → 2026.704.1

package/dist/crewfoundry/pages/HiringInterviewsPagePage.js

@@ -66,7 +66,15 @@ var w = [
 	}
 ];
 function E() {
-	let { showToast: E } = C(), { interviews: D, candidates: O, addInterview: k, updateInterview: A } = e(), [j, M] = a(!1), [N, P] = a(null), F = D.filter((e) => e.status === "scheduled"), I = D.filter((e) => e.status === "completed"), L = i(() => [
+	let { showToast: E } = C(), { interviews: D, candidates: O, addInterview: k, updateInterview: A } = e(), [j, M] = a(!1), [N, P] = a(null), F = D.filter((e) => e.status === "scheduled"), I = D.filter((e) => e.status === "completed"), L = i(() => {
+		let e = /* @__PURE__ */ new Date(), t = new Date(e);
+		t.setDate(e.getDate() - (e.getDay() + 6) % 7), t.setHours(0, 0, 0, 0);
+		let n = new Date(t);
+		return n.setDate(t.getDate() + 7), D.filter((e) => {
+			let r = new Date(e.date);
+			return !Number.isNaN(r.getTime()) && r >= t && r < n;
+		}).length;
+	}, [D]), R = i(() => [
 		{
 			name: "candidateId",
 			label: "Candidate",
@@ -177,7 +185,7 @@ function E() {
 							}), /* @__PURE__ */ d(u, { className: "h-4 w-4 text-text-secondary" })]
 						}), /* @__PURE__ */ d(g, { children: /* @__PURE__ */ d("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: F.length
+							children: L
 						}) })]
 					})
 				]
@@ -185,7 +193,7 @@ function E() {
 			/* @__PURE__ */ f(h, { children: [/* @__PURE__ */ f(v, { children: [/* @__PURE__ */ d(y, { children: "Upcoming Interviews" }), /* @__PURE__ */ d(_, { children: "Scheduled interviews for the coming days" })] }), /* @__PURE__ */ d(g, {
 				className: "space-y-3",
 				children: F.map((e) => /* @__PURE__ */ f("div", {
-					className: "flex items-center justify-between rounded border p-4",
+					className: "flex flex-wrap items-center justify-between gap-3 rounded border p-4",
 					children: [/* @__PURE__ */ f("div", { children: [
 						/* @__PURE__ */ d("p", {
 							className: "text-sm font-medium",
@@ -233,7 +241,7 @@ function E() {
 			I.length > 0 && /* @__PURE__ */ f(h, { children: [/* @__PURE__ */ f(v, { children: [/* @__PURE__ */ d(y, { children: "Completed Interviews" }), /* @__PURE__ */ d(_, { children: "Recent interview feedback" })] }), /* @__PURE__ */ d(g, {
 				className: "space-y-3",
 				children: I.map((e) => /* @__PURE__ */ f("div", {
-					className: "flex items-center justify-between rounded border p-4",
+					className: "flex flex-wrap items-center justify-between gap-3 rounded border p-4",
 					children: [/* @__PURE__ */ f("div", { children: [
 						/* @__PURE__ */ d("p", {
 							className: "text-sm font-medium",
@@ -271,7 +279,7 @@ function E() {
 				onOpenChange: M,
 				title: "Schedule Interview",
 				description: "Set up a conversation with a candidate in your pipeline.",
-				fields: L,
+				fields: R,
 				submitLabel: "Schedule",
 				onSubmit: async (e) => {
 					let t = O.find((t) => t.id === n(e, "candidateId"));

package/dist/crewfoundry/pages/HiringInterviewsPagePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"HiringInterviewsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/HiringInterviewsPagePage.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  GlassCard,\n  GradientText,\n  PagePurpose,\n} from '@burdenoff/fe-libs/ui';\nimport { useGlobalUi } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { Calendar, Clock, Plus, Star, Video } from 'lucide-react';\nimport { useCrewFoundryStore, type Interview } from '../store/crewfoundryStore';\nimport { FormModal, type FieldConfig, type FormValues } from '../components/forms/FormModal';\nimport { getText, newClientId } from '../components/forms/formValues';\n\nconst INTERVIEW_TYPE_OPTIONS: FieldConfig['options'] = [\n  { label: 'Phone', value: 'phone' },\n  { label: 'Video', value: 'video' },\n  { label: 'Onsite', value: 'onsite' },\n  { label: 'Panel', value: 'panel' },\n  { label: 'Technical', value: 'technical' },\n];\n\nconst INTERVIEW_STATUS_OPTIONS: FieldConfig['options'] = [\n  { label: 'Scheduled', value: 'scheduled' },\n  { label: 'Completed', value: 'completed' },\n  { label: 'Cancelled', value: 'cancelled' },\n  { label: 'No show', value: 'no_show' },\n];\n\nconst UPDATE_FIELDS: FieldConfig[] = [\n  { name: 'status', label: 'Status', type: 'select', options: INTERVIEW_STATUS_OPTIONS, required: true },\n  { name: 'rating', label: 'Rating (out of 5)', type: 'number' },\n  { name: 'feedback', label: 'Feedback', type: 'textarea', colSpan: 2 },\n];\n\nexport function HiringInterviewsPagePage() {\n  const { showToast } = useGlobalUi();\n  const { interviews, candidates, addInterview, updateInterview } = useCrewFoundryStore();\n  const [scheduleOpen, setScheduleOpen] = useState(false);\n  const [updateTarget, setUpdateTarget] = useState<Interview | null>(null);\n\n  const scheduled = interviews.filter((i) => i.status === 'scheduled');\n  const completed = interviews.filter((i) => i.status === 'completed');\n\n  const scheduleFields = useMemo<FieldConfig[]>(\n    () => [\n      {\n        name: 'candidateId',\n        label: 'Candidate',\n        type: 'select',\n        required: true,\n        placeholder: candidates.length ? 'Select a candidate…' : 'No candidates available',\n        options: candidates.map((c) => ({\n          label: `${c.firstName} ${c.lastName} — ${c.position}`,\n          value: c.id,\n        })),\n      },\n      { name: 'interviewerName', label: 'Interviewer', type: 'text', required: true },\n      { name: 'date', label: 'Date', type: 'date', required: true },\n      { name: 'time', label: 'Time', type: 'text', required: true, placeholder: 'e.g. 10:30 AM' },\n      { name: 'type', label: 'Type', type: 'select', required: true, options: INTERVIEW_TYPE_OPTIONS },\n    ],\n    [candidates]\n  );\n\n  const handleSchedule = async (values: FormValues) => {\n    const candidate = candidates.find((c) => c.id === getText(values, 'candidateId'));\n    if (!candidate) {\n      throw new Error('Please select a candidate');\n    }\n    await addInterview({\n      id: newClientId(),\n      candidateId: candidate.id,\n      candidateName: `${candidate.firstName} ${candidate.lastName}`,\n      position: candidate.position,\n      interviewerName: getText(values, 'interviewerName'),\n      date: getText(values, 'date'),\n      time: getText(values, 'time'),\n      type: values.type as Interview['type'],\n      status: 'scheduled',\n    });\n    showToast('Interview scheduled', 'success');\n  };\n\n  const handleUpdate = async (values: FormValues) => {\n    if (!updateTarget) {\n      return;\n    }\n    const ratingRaw = values.rating;\n    const hasRating =\n      typeof ratingRaw === 'number' ||\n      (typeof ratingRaw === 'string' && ratingRaw.trim() !== '');\n    await updateInterview(updateTarget.id, {\n      status: values.status as Interview['status'],\n      feedback: getText(values, 'feedback'),\n      ...(hasRating ? { rating: Number(ratingRaw) } : {}),\n    });\n    showToast('Interview updated', 'success');\n  };\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">\n            <GradientText>Interviews</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">\n            {scheduled.length} upcoming · {completed.length} completed\n          </p>\n          <PagePurpose className=\"mt-1\">Schedule and track interviews across your hiring pipeline — keep everyone aligned on who&apos;s meeting which candidate and when.</PagePurpose>\n        </div>\n        <Button size=\"sm\" onClick={() => setScheduleOpen(true)}>\n          <Plus className=\"h-4 w-4 mr-1\" />\n          Schedule Interview\n        </Button>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-3\">\n        <GlassCard treatment=\"glass\" glow className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Scheduled</CardTitle>\n            <Calendar className=\"h-4 w-4 text-status-info-text\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{scheduled.length}</div>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Completed</CardTitle>\n            <Clock className=\"h-4 w-4 text-status-success-text\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{completed.length}</div>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">This Week</CardTitle>\n            <Video className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{scheduled.length}</div>\n          </CardContent>\n        </GlassCard>\n      </div>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Upcoming Interviews</CardTitle>\n          <CardDescription>Scheduled interviews for the coming days</CardDescription>\n        </CardHeader>\n        <CardContent className=\"space-y-3\">\n          {scheduled.map((interview) => (\n            <div\n              key={interview.id}\n              className=\"flex items-center justify-between rounded border p-4\"\n            >\n              <div>\n                <p className=\"text-sm font-medium\">{interview.candidateName}</p>\n                <p className=\"text-xs text-text-secondary\">{interview.position}</p>\n                <p className=\"text-xs text-text-secondary mt-1\">\n                  Interviewer: {interview.interviewerName}\n                </p>\n              </div>\n              <div className=\"flex items-center gap-3\">\n                <div className=\"text-right\">\n                  <p className=\"text-sm font-medium\">{interview.date}</p>\n                  <p className=\"text-xs text-text-secondary\">{interview.time}</p>\n                </div>\n                <Badge variant=\"outline\">{interview.type}</Badge>\n                <Badge variant=\"secondary\">{interview.status}</Badge>\n                <Button\n                  variant=\"outline\"\n                  size=\"sm\"\n                  onClick={() => setUpdateTarget(interview)}\n                >\n                  Record outcome\n                </Button>\n              </div>\n            </div>\n          ))}\n        </CardContent>\n      </Card>\n\n      {completed.length > 0 && (\n        <Card>\n          <CardHeader>\n            <CardTitle>Completed Interviews</CardTitle>\n            <CardDescription>Recent interview feedback</CardDescription>\n          </CardHeader>\n          <CardContent className=\"space-y-3\">\n            {completed.map((interview) => (\n              <div\n                key={interview.id}\n                className=\"flex items-center justify-between rounded border p-4\"\n              >\n                <div>\n                  <p className=\"text-sm font-medium\">{interview.candidateName}</p>\n                  <p className=\"text-xs text-text-secondary\">{interview.position}</p>\n                  {interview.feedback && (\n                    <p className=\"text-xs text-text-secondary mt-1 italic\">\n                      &quot;{interview.feedback}&quot;\n                    </p>\n                  )}\n                </div>\n                <div className=\"flex items-center gap-3\">\n                  {interview.rating && (\n                    <div className=\"flex items-center gap-1\">\n                      <Star className=\"h-4 w-4 text-status-warning-text\" />\n                      <span className=\"text-sm font-medium\">{interview.rating}/5</span>\n                    </div>\n                  )}\n                  <Badge variant=\"default\">completed</Badge>\n                </div>\n              </div>\n            ))}\n          </CardContent>\n        </Card>\n      )}\n\n      <FormModal\n        open={scheduleOpen}\n        onOpenChange={setScheduleOpen}\n        title=\"Schedule Interview\"\n        description=\"Set up a conversation with a candidate in your pipeline.\"\n        fields={scheduleFields}\n        submitLabel=\"Schedule\"\n        onSubmit={handleSchedule}\n      />\n      <FormModal\n        open={updateTarget !== null}\n        onOpenChange={(open) => {\n          if (!open) {\n            setUpdateTarget(null);\n          }\n        }}\n        title=\"Record Interview Outcome\"\n        description={updateTarget ? `${updateTarget.candidateName} — ${updateTarget.position}` : undefined}\n        fields={UPDATE_FIELDS}\n        initialValues={\n          updateTarget\n            ? {\n                status: updateTarget.status,\n                rating: updateTarget.rating ?? '',\n                feedback: updateTarget.feedback ?? '',\n              }\n            : undefined\n        }\n        submitLabel=\"Save outcome\"\n        onSubmit={handleUpdate}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;AAmBA,IAAM,IAAiD;CACrD;EAAE,OAAO;EAAS,OAAO;EAAS;CAClC;EAAE,OAAO;EAAS,OAAO;EAAS;CAClC;EAAE,OAAO;EAAU,OAAO;EAAU;CACpC;EAAE,OAAO;EAAS,OAAO;EAAS;CAClC;EAAE,OAAO;EAAa,OAAO;EAAa;CAC3C,EASK,IAA+B;CACnC;EAAE,MAAM;EAAU,OAAO;EAAU,MAAM;EAAU,SARI;GACvD;IAAE,OAAO;IAAa,OAAO;IAAa;GAC1C;IAAE,OAAO;IAAa,OAAO;IAAa;GAC1C;IAAE,OAAO;IAAa,OAAO;IAAa;GAC1C;IAAE,OAAO;IAAW,OAAO;IAAW;GACvC;EAGuF,UAAU;EAAM;CACtG;EAAE,MAAM;EAAU,OAAO;EAAqB,MAAM;EAAU;CAC9D;EAAE,MAAM;EAAY,OAAO;EAAY,MAAM;EAAY,SAAS;EAAG;CACtE;AAED,SAAgB,IAA2B;CACzC,IAAM,EAAE,iBAAc,GAAa,EAC7B,EAAE,eAAY,eAAY,iBAAc,uBAAoB,GAAqB,EACjF,CAAC,GAAc,KAAmB,EAAS,GAAM,EACjD,CAAC,GAAc,KAAmB,EAA2B,KAAK,EAElE,IAAY,EAAW,QAAQ,MAAM,EAAE,WAAW,YAAY,EAC9D,IAAY,EAAW,QAAQ,MAAM,EAAE,WAAW,YAAY,EAE9D,IAAiB,QACf;EACJ;GACE,MAAM;GACN,OAAO;GACP,MAAM;GACN,UAAU;GACV,aAAa,EAAW,SAAS,wBAAwB;GACzD,SAAS,EAAW,KAAK,OAAO;IAC9B,OAAO,GAAG,EAAE,UAAU,GAAG,EAAE,SAAS,KAAK,EAAE;IAC3C,OAAO,EAAE;IACV,EAAE;GACJ;EACD;GAAE,MAAM;GAAmB,OAAO;GAAe,MAAM;GAAQ,UAAU;GAAM;EAC/E;GAAE,MAAM;GAAQ,OAAO;GAAQ,MAAM;GAAQ,UAAU;GAAM;EAC7D;GAAE,MAAM;GAAQ,OAAO;GAAQ,MAAM;GAAQ,UAAU;GAAM,aAAa;GAAiB;EAC3F;GAAE,MAAM;GAAQ,OAAO;GAAQ,MAAM;GAAU,UAAU;GAAM,SAAS;GAAwB;EACjG,EACD,CAAC,EAAW,CACb;AAqCD,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD,EAAA,UAAA;KACE,kBAAC,MAAD;MAAI,WAAU;gBACZ,kBAAC,GAAD,EAAA,UAAc,cAAyB,CAAA;MACpC,CAAA;KACL,kBAAC,KAAD;MAAG,WAAU;gBAAb;OACG,EAAU;OAAO;OAAa,EAAU;OAAO;OAC9C;;KACJ,kBAAC,GAAD;MAAa,WAAU;gBAAO;MAA+I,CAAA;KACzK,EAAA,CAAA,EACN,kBAAC,GAAD;KAAQ,MAAK;KAAK,eAAe,EAAgB,GAAK;eAAtD,CACE,kBAAC,GAAD,EAAM,WAAU,gBAAiB,CAAA,EAAA,qBAE1B;OACL;;GAEN,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,GAAD;MAAW,WAAU;MAAQ,MAAA;MAAK,WAAU;gBAA5C,CACE,kBAAC,GAAD;OAAY,WAAU;iBAAtB,CACE,kBAAC,GAAD;QAAW,WAAU;kBAAsB;QAAqB,CAAA,EAChE,kBAAC,GAAD,EAAU,WAAU,iCAAkC,CAAA,CAC3C;UACb,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;OAAK,WAAU;iBAAmC,EAAU;OAAa,CAAA,EAC7D,CAAA,CACJ;;KACZ,kBAAC,GAAD;MAAW,WAAU;MAAS,WAAU;gBAAxC,CACE,kBAAC,GAAD;OAAY,WAAU;iBAAtB,CACE,kBAAC,GAAD;QAAW,WAAU;kBAAsB;QAAqB,CAAA,EAChE,kBAAC,GAAD,EAAO,WAAU,oCAAqC,CAAA,CAC3C;UACb,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;OAAK,WAAU;iBAAmC,EAAU;OAAa,CAAA,EAC7D,CAAA,CACJ;;KACZ,kBAAC,GAAD;MAAW,WAAU;MAAS,WAAU;gBAAxC,CACE,kBAAC,GAAD;OAAY,WAAU;iBAAtB,CACE,kBAAC,GAAD;QAAW,WAAU;kBAAsB;QAAqB,CAAA,EAChE,kBAAC,GAAD,EAAO,WAAU,+BAAgC,CAAA,CACtC;UACb,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;OAAK,WAAU;iBAAmC,EAAU;OAAa,CAAA,EAC7D,CAAA,CACJ;;KACR;;GAEN,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAAW,uBAA+B,CAAA,EAC1C,kBAAC,GAAD,EAAA,UAAiB,4CAA0D,CAAA,CAChE,EAAA,CAAA,EACb,kBAAC,GAAD;IAAa,WAAU;cACpB,EAAU,KAAK,MACd,kBAAC,OAAD;KAEE,WAAU;eAFZ,CAIE,kBAAC,OAAD,EAAA,UAAA;MACE,kBAAC,KAAD;OAAG,WAAU;iBAAuB,EAAU;OAAkB,CAAA;MAChE,kBAAC,KAAD;OAAG,WAAU;iBAA+B,EAAU;OAAa,CAAA;MACnE,kBAAC,KAAD;OAAG,WAAU;iBAAb,CAAgD,iBAChC,EAAU,gBACtB;;MACA,EAAA,CAAA,EACN,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACE,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,KAAD;SAAG,WAAU;mBAAuB,EAAU;SAAS,CAAA,EACvD,kBAAC,KAAD;SAAG,WAAU;mBAA+B,EAAU;SAAS,CAAA,CAC3D;;OACN,kBAAC,GAAD;QAAO,SAAQ;kBAAW,EAAU;QAAa,CAAA;OACjD,kBAAC,GAAD;QAAO,SAAQ;kBAAa,EAAU;QAAe,CAAA;OACrD,kBAAC,GAAD;QACE,SAAQ;QACR,MAAK;QACL,eAAe,EAAgB,EAAU;kBAC1C;QAEQ,CAAA;OACL;QACF;OAzBC,EAAU,GAyBX,CACN;IACU,CAAA,CACT,EAAA,CAAA;GAEN,EAAU,SAAS,KAClB,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAAW,wBAAgC,CAAA,EAC3C,kBAAC,GAAD,EAAA,UAAiB,6BAA2C,CAAA,CACjD,EAAA,CAAA,EACb,kBAAC,GAAD;IAAa,WAAU;cACpB,EAAU,KAAK,MACd,kBAAC,OAAD;KAEE,WAAU;eAFZ,CAIE,kBAAC,OAAD,EAAA,UAAA;MACE,kBAAC,KAAD;OAAG,WAAU;iBAAuB,EAAU;OAAkB,CAAA;MAChE,kBAAC,KAAD;OAAG,WAAU;iBAA+B,EAAU;OAAa,CAAA;MAClE,EAAU,YACT,kBAAC,KAAD;OAAG,WAAU;iBAAb;QAAuD;QAC9C,EAAU;QAAS;QACxB;;MAEF,EAAA,CAAA,EACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACG,EAAU,UACT,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD,EAAM,WAAU,oCAAqC,CAAA,EACrD,kBAAC,QAAD;QAAM,WAAU;kBAAhB,CAAuC,EAAU,QAAO,KAAS;UAC7D;UAER,kBAAC,GAAD;OAAO,SAAQ;iBAAU;OAAiB,CAAA,CACtC;QACF;OArBC,EAAU,GAqBX,CACN;IACU,CAAA,CACT,EAAA,CAAA;GAGT,kBAAC,GAAD;IACE,MAAM;IACN,cAAc;IACd,OAAM;IACN,aAAY;IACZ,QAAQ;IACR,aAAY;IACZ,UApKiB,OAAO,MAAuB;KACnD,IAAM,IAAY,EAAW,MAAM,MAAM,EAAE,OAAO,EAAQ,GAAQ,cAAc,CAAC;AACjF,SAAI,CAAC,EACH,OAAU,MAAM,4BAA4B;AAa9C,KAXA,MAAM,EAAa;MACjB,IAAI,GAAa;MACjB,aAAa,EAAU;MACvB,eAAe,GAAG,EAAU,UAAU,GAAG,EAAU;MACnD,UAAU,EAAU;MACpB,iBAAiB,EAAQ,GAAQ,kBAAkB;MACnD,MAAM,EAAQ,GAAQ,OAAO;MAC7B,MAAM,EAAQ,GAAQ,OAAO;MAC7B,MAAM,EAAO;MACb,QAAQ;MACT,CAAC,EACF,EAAU,uBAAuB,UAAU;;IAqJvC,CAAA;GACF,kBAAC,GAAD;IACE,MAAM,MAAiB;IACvB,eAAe,MAAS;AACtB,KAAK,KACH,EAAgB,KAAK;;IAGzB,OAAM;IACN,aAAa,IAAe,GAAG,EAAa,cAAc,KAAK,EAAa,aAAa,KAAA;IACzF,QAAQ;IACR,eACE,IACI;KACE,QAAQ,EAAa;KACrB,QAAQ,EAAa,UAAU;KAC/B,UAAU,EAAa,YAAY;KACpC,GACD,KAAA;IAEN,aAAY;IACZ,UAvKe,OAAO,MAAuB;AACjD,SAAI,CAAC,EACH;KAEF,IAAM,IAAY,EAAO,QACnB,IACJ,OAAO,KAAc,YACpB,OAAO,KAAc,YAAY,EAAU,MAAM,KAAK;AAMzD,KALA,MAAM,EAAgB,EAAa,IAAI;MACrC,QAAQ,EAAO;MACf,UAAU,EAAQ,GAAQ,WAAW;MACrC,GAAI,IAAY,EAAE,QAAQ,OAAO,EAAU,EAAE,GAAG,EAAE;MACnD,CAAC,EACF,EAAU,qBAAqB,UAAU;;IA2JrC,CAAA;GACE"}
+{"version":3,"file":"HiringInterviewsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/HiringInterviewsPagePage.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  GlassCard,\n  GradientText,\n  PagePurpose,\n} from '@burdenoff/fe-libs/ui';\nimport { useGlobalUi } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { Calendar, Clock, Plus, Star, Video } from 'lucide-react';\nimport { useCrewFoundryStore, type Interview } from '../store/crewfoundryStore';\nimport { FormModal, type FieldConfig, type FormValues } from '../components/forms/FormModal';\nimport { getText, newClientId } from '../components/forms/formValues';\n\nconst INTERVIEW_TYPE_OPTIONS: FieldConfig['options'] = [\n  { label: 'Phone', value: 'phone' },\n  { label: 'Video', value: 'video' },\n  { label: 'Onsite', value: 'onsite' },\n  { label: 'Panel', value: 'panel' },\n  { label: 'Technical', value: 'technical' },\n];\n\nconst INTERVIEW_STATUS_OPTIONS: FieldConfig['options'] = [\n  { label: 'Scheduled', value: 'scheduled' },\n  { label: 'Completed', value: 'completed' },\n  { label: 'Cancelled', value: 'cancelled' },\n  { label: 'No show', value: 'no_show' },\n];\n\nconst UPDATE_FIELDS: FieldConfig[] = [\n  { name: 'status', label: 'Status', type: 'select', options: INTERVIEW_STATUS_OPTIONS, required: true },\n  { name: 'rating', label: 'Rating (out of 5)', type: 'number' },\n  { name: 'feedback', label: 'Feedback', type: 'textarea', colSpan: 2 },\n];\n\nexport function HiringInterviewsPagePage() {\n  const { showToast } = useGlobalUi();\n  const { interviews, candidates, addInterview, updateInterview } = useCrewFoundryStore();\n  const [scheduleOpen, setScheduleOpen] = useState(false);\n  const [updateTarget, setUpdateTarget] = useState<Interview | null>(null);\n\n  const scheduled = interviews.filter((i) => i.status === 'scheduled');\n  const completed = interviews.filter((i) => i.status === 'completed');\n\n  // Interviews dated within the current calendar week (Mon–Sun).\n  const thisWeekCount = useMemo(() => {\n    const now = new Date();\n    const startOfWeek = new Date(now);\n    startOfWeek.setDate(now.getDate() - ((now.getDay() + 6) % 7));\n    startOfWeek.setHours(0, 0, 0, 0);\n    const endOfWeek = new Date(startOfWeek);\n    endOfWeek.setDate(startOfWeek.getDate() + 7);\n    return interviews.filter((i) => {\n      const date = new Date(i.date);\n      return !Number.isNaN(date.getTime()) && date >= startOfWeek && date < endOfWeek;\n    }).length;\n  }, [interviews]);\n\n  const scheduleFields = useMemo<FieldConfig[]>(\n    () => [\n      {\n        name: 'candidateId',\n        label: 'Candidate',\n        type: 'select',\n        required: true,\n        placeholder: candidates.length ? 'Select a candidate…' : 'No candidates available',\n        options: candidates.map((c) => ({\n          label: `${c.firstName} ${c.lastName} — ${c.position}`,\n          value: c.id,\n        })),\n      },\n      { name: 'interviewerName', label: 'Interviewer', type: 'text', required: true },\n      { name: 'date', label: 'Date', type: 'date', required: true },\n      { name: 'time', label: 'Time', type: 'text', required: true, placeholder: 'e.g. 10:30 AM' },\n      { name: 'type', label: 'Type', type: 'select', required: true, options: INTERVIEW_TYPE_OPTIONS },\n    ],\n    [candidates]\n  );\n\n  const handleSchedule = async (values: FormValues) => {\n    const candidate = candidates.find((c) => c.id === getText(values, 'candidateId'));\n    if (!candidate) {\n      throw new Error('Please select a candidate');\n    }\n    await addInterview({\n      id: newClientId(),\n      candidateId: candidate.id,\n      candidateName: `${candidate.firstName} ${candidate.lastName}`,\n      position: candidate.position,\n      interviewerName: getText(values, 'interviewerName'),\n      date: getText(values, 'date'),\n      time: getText(values, 'time'),\n      type: values.type as Interview['type'],\n      status: 'scheduled',\n    });\n    showToast('Interview scheduled', 'success');\n  };\n\n  const handleUpdate = async (values: FormValues) => {\n    if (!updateTarget) {\n      return;\n    }\n    const ratingRaw = values.rating;\n    const hasRating =\n      typeof ratingRaw === 'number' ||\n      (typeof ratingRaw === 'string' && ratingRaw.trim() !== '');\n    await updateInterview(updateTarget.id, {\n      status: values.status as Interview['status'],\n      feedback: getText(values, 'feedback'),\n      ...(hasRating ? { rating: Number(ratingRaw) } : {}),\n    });\n    showToast('Interview updated', 'success');\n  };\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">\n            <GradientText>Interviews</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">\n            {scheduled.length} upcoming · {completed.length} completed\n          </p>\n          <PagePurpose className=\"mt-1\">Schedule and track interviews across your hiring pipeline — keep everyone aligned on who&apos;s meeting which candidate and when.</PagePurpose>\n        </div>\n        <Button size=\"sm\" onClick={() => setScheduleOpen(true)}>\n          <Plus className=\"h-4 w-4 mr-1\" />\n          Schedule Interview\n        </Button>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-3\">\n        <GlassCard treatment=\"glass\" glow className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Scheduled</CardTitle>\n            <Calendar className=\"h-4 w-4 text-status-info-text\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{scheduled.length}</div>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Completed</CardTitle>\n            <Clock className=\"h-4 w-4 text-status-success-text\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{completed.length}</div>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">This Week</CardTitle>\n            <Video className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{thisWeekCount}</div>\n          </CardContent>\n        </GlassCard>\n      </div>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Upcoming Interviews</CardTitle>\n          <CardDescription>Scheduled interviews for the coming days</CardDescription>\n        </CardHeader>\n        <CardContent className=\"space-y-3\">\n          {scheduled.map((interview) => (\n            <div\n              key={interview.id}\n              className=\"flex flex-wrap items-center justify-between gap-3 rounded border p-4\"\n            >\n              <div>\n                <p className=\"text-sm font-medium\">{interview.candidateName}</p>\n                <p className=\"text-xs text-text-secondary\">{interview.position}</p>\n                <p className=\"text-xs text-text-secondary mt-1\">\n                  Interviewer: {interview.interviewerName}\n                </p>\n              </div>\n              <div className=\"flex items-center gap-3\">\n                <div className=\"text-right\">\n                  <p className=\"text-sm font-medium\">{interview.date}</p>\n                  <p className=\"text-xs text-text-secondary\">{interview.time}</p>\n                </div>\n                <Badge variant=\"outline\">{interview.type}</Badge>\n                <Badge variant=\"secondary\">{interview.status}</Badge>\n                <Button\n                  variant=\"outline\"\n                  size=\"sm\"\n                  onClick={() => setUpdateTarget(interview)}\n                >\n                  Record outcome\n                </Button>\n              </div>\n            </div>\n          ))}\n        </CardContent>\n      </Card>\n\n      {completed.length > 0 && (\n        <Card>\n          <CardHeader>\n            <CardTitle>Completed Interviews</CardTitle>\n            <CardDescription>Recent interview feedback</CardDescription>\n          </CardHeader>\n          <CardContent className=\"space-y-3\">\n            {completed.map((interview) => (\n              <div\n                key={interview.id}\n                className=\"flex flex-wrap items-center justify-between gap-3 rounded border p-4\"\n              >\n                <div>\n                  <p className=\"text-sm font-medium\">{interview.candidateName}</p>\n                  <p className=\"text-xs text-text-secondary\">{interview.position}</p>\n                  {interview.feedback && (\n                    <p className=\"text-xs text-text-secondary mt-1 italic\">\n                      &quot;{interview.feedback}&quot;\n                    </p>\n                  )}\n                </div>\n                <div className=\"flex items-center gap-3\">\n                  {interview.rating && (\n                    <div className=\"flex items-center gap-1\">\n                      <Star className=\"h-4 w-4 text-status-warning-text\" />\n                      <span className=\"text-sm font-medium\">{interview.rating}/5</span>\n                    </div>\n                  )}\n                  <Badge variant=\"default\">completed</Badge>\n                </div>\n              </div>\n            ))}\n          </CardContent>\n        </Card>\n      )}\n\n      <FormModal\n        open={scheduleOpen}\n        onOpenChange={setScheduleOpen}\n        title=\"Schedule Interview\"\n        description=\"Set up a conversation with a candidate in your pipeline.\"\n        fields={scheduleFields}\n        submitLabel=\"Schedule\"\n        onSubmit={handleSchedule}\n      />\n      <FormModal\n        open={updateTarget !== null}\n        onOpenChange={(open) => {\n          if (!open) {\n            setUpdateTarget(null);\n          }\n        }}\n        title=\"Record Interview Outcome\"\n        description={updateTarget ? `${updateTarget.candidateName} — ${updateTarget.position}` : undefined}\n        fields={UPDATE_FIELDS}\n        initialValues={\n          updateTarget\n            ? {\n                status: updateTarget.status,\n                rating: updateTarget.rating ?? '',\n                feedback: updateTarget.feedback ?? '',\n              }\n            : undefined\n        }\n        submitLabel=\"Save outcome\"\n        onSubmit={handleUpdate}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;AAmBA,IAAM,IAAiD;CACrD;EAAE,OAAO;EAAS,OAAO;EAAS;CAClC;EAAE,OAAO;EAAS,OAAO;EAAS;CAClC;EAAE,OAAO;EAAU,OAAO;EAAU;CACpC;EAAE,OAAO;EAAS,OAAO;EAAS;CAClC;EAAE,OAAO;EAAa,OAAO;EAAa;CAC3C,EASK,IAA+B;CACnC;EAAE,MAAM;EAAU,OAAO;EAAU,MAAM;EAAU,SARI;GACvD;IAAE,OAAO;IAAa,OAAO;IAAa;GAC1C;IAAE,OAAO;IAAa,OAAO;IAAa;GAC1C;IAAE,OAAO;IAAa,OAAO;IAAa;GAC1C;IAAE,OAAO;IAAW,OAAO;IAAW;GACvC;EAGuF,UAAU;EAAM;CACtG;EAAE,MAAM;EAAU,OAAO;EAAqB,MAAM;EAAU;CAC9D;EAAE,MAAM;EAAY,OAAO;EAAY,MAAM;EAAY,SAAS;EAAG;CACtE;AAED,SAAgB,IAA2B;CACzC,IAAM,EAAE,iBAAc,GAAa,EAC7B,EAAE,eAAY,eAAY,iBAAc,uBAAoB,GAAqB,EACjF,CAAC,GAAc,KAAmB,EAAS,GAAM,EACjD,CAAC,GAAc,KAAmB,EAA2B,KAAK,EAElE,IAAY,EAAW,QAAQ,MAAM,EAAE,WAAW,YAAY,EAC9D,IAAY,EAAW,QAAQ,MAAM,EAAE,WAAW,YAAY,EAG9D,IAAgB,QAAc;EAClC,IAAM,oBAAM,IAAI,MAAM,EAChB,IAAc,IAAI,KAAK,EAAI;AAEjC,EADA,EAAY,QAAQ,EAAI,SAAS,IAAK,EAAI,QAAQ,GAAG,KAAK,EAAG,EAC7D,EAAY,SAAS,GAAG,GAAG,GAAG,EAAE;EAChC,IAAM,IAAY,IAAI,KAAK,EAAY;AAEvC,SADA,EAAU,QAAQ,EAAY,SAAS,GAAG,EAAE,EACrC,EAAW,QAAQ,MAAM;GAC9B,IAAM,IAAO,IAAI,KAAK,EAAE,KAAK;AAC7B,UAAO,CAAC,OAAO,MAAM,EAAK,SAAS,CAAC,IAAI,KAAQ,KAAe,IAAO;IACtE,CAAC;IACF,CAAC,EAAW,CAAC,EAEV,IAAiB,QACf;EACJ;GACE,MAAM;GACN,OAAO;GACP,MAAM;GACN,UAAU;GACV,aAAa,EAAW,SAAS,wBAAwB;GACzD,SAAS,EAAW,KAAK,OAAO;IAC9B,OAAO,GAAG,EAAE,UAAU,GAAG,EAAE,SAAS,KAAK,EAAE;IAC3C,OAAO,EAAE;IACV,EAAE;GACJ;EACD;GAAE,MAAM;GAAmB,OAAO;GAAe,MAAM;GAAQ,UAAU;GAAM;EAC/E;GAAE,MAAM;GAAQ,OAAO;GAAQ,MAAM;GAAQ,UAAU;GAAM;EAC7D;GAAE,MAAM;GAAQ,OAAO;GAAQ,MAAM;GAAQ,UAAU;GAAM,aAAa;GAAiB;EAC3F;GAAE,MAAM;GAAQ,OAAO;GAAQ,MAAM;GAAU,UAAU;GAAM,SAAS;GAAwB;EACjG,EACD,CAAC,EAAW,CACb;AAqCD,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD,EAAA,UAAA;KACE,kBAAC,MAAD;MAAI,WAAU;gBACZ,kBAAC,GAAD,EAAA,UAAc,cAAyB,CAAA;MACpC,CAAA;KACL,kBAAC,KAAD;MAAG,WAAU;gBAAb;OACG,EAAU;OAAO;OAAa,EAAU;OAAO;OAC9C;;KACJ,kBAAC,GAAD;MAAa,WAAU;gBAAO;MAA+I,CAAA;KACzK,EAAA,CAAA,EACN,kBAAC,GAAD;KAAQ,MAAK;KAAK,eAAe,EAAgB,GAAK;eAAtD,CACE,kBAAC,GAAD,EAAM,WAAU,gBAAiB,CAAA,EAAA,qBAE1B;OACL;;GAEN,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,GAAD;MAAW,WAAU;MAAQ,MAAA;MAAK,WAAU;gBAA5C,CACE,kBAAC,GAAD;OAAY,WAAU;iBAAtB,CACE,kBAAC,GAAD;QAAW,WAAU;kBAAsB;QAAqB,CAAA,EAChE,kBAAC,GAAD,EAAU,WAAU,iCAAkC,CAAA,CAC3C;UACb,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;OAAK,WAAU;iBAAmC,EAAU;OAAa,CAAA,EAC7D,CAAA,CACJ;;KACZ,kBAAC,GAAD;MAAW,WAAU;MAAS,WAAU;gBAAxC,CACE,kBAAC,GAAD;OAAY,WAAU;iBAAtB,CACE,kBAAC,GAAD;QAAW,WAAU;kBAAsB;QAAqB,CAAA,EAChE,kBAAC,GAAD,EAAO,WAAU,oCAAqC,CAAA,CAC3C;UACb,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;OAAK,WAAU;iBAAmC,EAAU;OAAa,CAAA,EAC7D,CAAA,CACJ;;KACZ,kBAAC,GAAD;MAAW,WAAU;MAAS,WAAU;gBAAxC,CACE,kBAAC,GAAD;OAAY,WAAU;iBAAtB,CACE,kBAAC,GAAD;QAAW,WAAU;kBAAsB;QAAqB,CAAA,EAChE,kBAAC,GAAD,EAAO,WAAU,+BAAgC,CAAA,CACtC;UACb,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;OAAK,WAAU;iBAAmC;OAAoB,CAAA,EAC1D,CAAA,CACJ;;KACR;;GAEN,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAAW,uBAA+B,CAAA,EAC1C,kBAAC,GAAD,EAAA,UAAiB,4CAA0D,CAAA,CAChE,EAAA,CAAA,EACb,kBAAC,GAAD;IAAa,WAAU;cACpB,EAAU,KAAK,MACd,kBAAC,OAAD;KAEE,WAAU;eAFZ,CAIE,kBAAC,OAAD,EAAA,UAAA;MACE,kBAAC,KAAD;OAAG,WAAU;iBAAuB,EAAU;OAAkB,CAAA;MAChE,kBAAC,KAAD;OAAG,WAAU;iBAA+B,EAAU;OAAa,CAAA;MACnE,kBAAC,KAAD;OAAG,WAAU;iBAAb,CAAgD,iBAChC,EAAU,gBACtB;;MACA,EAAA,CAAA,EACN,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACE,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,KAAD;SAAG,WAAU;mBAAuB,EAAU;SAAS,CAAA,EACvD,kBAAC,KAAD;SAAG,WAAU;mBAA+B,EAAU;SAAS,CAAA,CAC3D;;OACN,kBAAC,GAAD;QAAO,SAAQ;kBAAW,EAAU;QAAa,CAAA;OACjD,kBAAC,GAAD;QAAO,SAAQ;kBAAa,EAAU;QAAe,CAAA;OACrD,kBAAC,GAAD;QACE,SAAQ;QACR,MAAK;QACL,eAAe,EAAgB,EAAU;kBAC1C;QAEQ,CAAA;OACL;QACF;OAzBC,EAAU,GAyBX,CACN;IACU,CAAA,CACT,EAAA,CAAA;GAEN,EAAU,SAAS,KAClB,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAAW,wBAAgC,CAAA,EAC3C,kBAAC,GAAD,EAAA,UAAiB,6BAA2C,CAAA,CACjD,EAAA,CAAA,EACb,kBAAC,GAAD;IAAa,WAAU;cACpB,EAAU,KAAK,MACd,kBAAC,OAAD;KAEE,WAAU;eAFZ,CAIE,kBAAC,OAAD,EAAA,UAAA;MACE,kBAAC,KAAD;OAAG,WAAU;iBAAuB,EAAU;OAAkB,CAAA;MAChE,kBAAC,KAAD;OAAG,WAAU;iBAA+B,EAAU;OAAa,CAAA;MAClE,EAAU,YACT,kBAAC,KAAD;OAAG,WAAU;iBAAb;QAAuD;QAC9C,EAAU;QAAS;QACxB;;MAEF,EAAA,CAAA,EACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACG,EAAU,UACT,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD,EAAM,WAAU,oCAAqC,CAAA,EACrD,kBAAC,QAAD;QAAM,WAAU;kBAAhB,CAAuC,EAAU,QAAO,KAAS;UAC7D;UAER,kBAAC,GAAD;OAAO,SAAQ;iBAAU;OAAiB,CAAA,CACtC;QACF;OArBC,EAAU,GAqBX,CACN;IACU,CAAA,CACT,EAAA,CAAA;GAGT,kBAAC,GAAD;IACE,MAAM;IACN,cAAc;IACd,OAAM;IACN,aAAY;IACZ,QAAQ;IACR,aAAY;IACZ,UApKiB,OAAO,MAAuB;KACnD,IAAM,IAAY,EAAW,MAAM,MAAM,EAAE,OAAO,EAAQ,GAAQ,cAAc,CAAC;AACjF,SAAI,CAAC,EACH,OAAU,MAAM,4BAA4B;AAa9C,KAXA,MAAM,EAAa;MACjB,IAAI,GAAa;MACjB,aAAa,EAAU;MACvB,eAAe,GAAG,EAAU,UAAU,GAAG,EAAU;MACnD,UAAU,EAAU;MACpB,iBAAiB,EAAQ,GAAQ,kBAAkB;MACnD,MAAM,EAAQ,GAAQ,OAAO;MAC7B,MAAM,EAAQ,GAAQ,OAAO;MAC7B,MAAM,EAAO;MACb,QAAQ;MACT,CAAC,EACF,EAAU,uBAAuB,UAAU;;IAqJvC,CAAA;GACF,kBAAC,GAAD;IACE,MAAM,MAAiB;IACvB,eAAe,MAAS;AACtB,KAAK,KACH,EAAgB,KAAK;;IAGzB,OAAM;IACN,aAAa,IAAe,GAAG,EAAa,cAAc,KAAK,EAAa,aAAa,KAAA;IACzF,QAAQ;IACR,eACE,IACI;KACE,QAAQ,EAAa;KACrB,QAAQ,EAAa,UAAU;KAC/B,UAAU,EAAa,YAAY;KACpC,GACD,KAAA;IAEN,aAAY;IACZ,UAvKe,OAAO,MAAuB;AACjD,SAAI,CAAC,EACH;KAEF,IAAM,IAAY,EAAO,QACnB,IACJ,OAAO,KAAc,YACpB,OAAO,KAAc,YAAY,EAAU,MAAM,KAAK;AAMzD,KALA,MAAM,EAAgB,EAAa,IAAI;MACrC,QAAQ,EAAO;MACf,UAAU,EAAQ,GAAQ,WAAW;MACrC,GAAI,IAAY,EAAE,QAAQ,OAAO,EAAU,EAAE,GAAG,EAAE;MACnD,CAAC,EACF,EAAU,qBAAqB,UAAU;;IA2JrC,CAAA;GACE"}

package/dist/crewfoundry/pages/HiringJobDetailsPagePage.js

@@ -4,12 +4,12 @@ import { ConfirmDialog as n } from "../components/forms/ConfirmDialog.js";
 import { getNumber as r, getTags as i, getText as a } from "../components/forms/formValues.js";
 import { useState as o } from "react";
 import { Briefcase as s, Calendar as c, CheckCircle as l, DollarSign as u, MapPin as d, Pencil as f, Share2 as p, Trash2 as m, Users as h } from "lucide-react";
-import { useNavigate as g } from "react-router-dom";
-import { jsx as _, jsxs as v } from "react/jsx-runtime";
-import { Badge as y, Button as b, Card as x, CardContent as S, CardDescription as C, CardHeader as w, CardTitle as T, GlassCard as E, GradientText as D, IllustratedEmptyState as O, NextSteps as k, PagePurpose as A } from "@burdenoff/fe-libs/ui";
-import { useGlobalUi as j } from "@burdenoff/fe-libs/shared/providers/shell";
+import { useNavigate as g, useSearchParams as _ } from "react-router-dom";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
+import { Badge as b, Button as x, Card as S, CardContent as C, CardDescription as w, CardHeader as T, CardTitle as E, GlassCard as D, GradientText as O, IllustratedEmptyState as k, NextSteps as A, PagePurpose as j, ResponsiveTable as M } from "@burdenoff/fe-libs/ui";
+import { useGlobalUi as N } from "@burdenoff/fe-libs/shared/providers/shell";
 //#region src/crewfoundry/pages/HiringJobDetailsPagePage.tsx
-var M = [
+var P = [
 	{
 		name: "title",
 		label: "Job Title",
@@ -137,188 +137,233 @@ var M = [
 		label: "Benefits",
 		type: "tags"
 	}
+], F = [
+	{
+		key: "name",
+		header: "Name",
+		priority: "primary",
+		cell: (e) => /* @__PURE__ */ y("span", {
+			className: "font-medium",
+			children: [
+				e.firstName,
+				" ",
+				e.lastName
+			]
+		})
+	},
+	{
+		key: "source",
+		header: "Source",
+		priority: "secondary",
+		cell: (e) => /* @__PURE__ */ v("span", {
+			className: "text-text-secondary",
+			children: e.source
+		})
+	},
+	{
+		key: "experience",
+		header: "Experience",
+		priority: "secondary",
+		cell: (e) => /* @__PURE__ */ y("span", { children: [e.experience, " yrs"] })
+	},
+	{
+		key: "rating",
+		header: "Rating",
+		priority: "secondary",
+		cell: (e) => /* @__PURE__ */ y("span", { children: [e.rating, "/5"] })
+	},
+	{
+		key: "status",
+		header: "Status",
+		priority: "secondary",
+		cell: (e) => /* @__PURE__ */ v(b, {
+			variant: e.status === "hired" ? "default" : "secondary",
+			className: "text-[10px]",
+			children: e.status
+		})
+	}
 ];
-function N() {
-	let N = g(), { showToast: P } = j(), { jobPostings: F, candidates: I, updateJobPosting: L, removeJobPosting: R } = e(), z = F[0], [B, V] = o(!1), [H, U] = o(!1);
-	if (!z) return /* @__PURE__ */ _("div", {
+function I() {
+	let I = g(), [L] = _(), { showToast: R } = N(), { jobPostings: z, candidates: B, updateJobPosting: V, removeJobPosting: H } = e(), U = L.get("id"), W = U ? z.find((e) => e.id === U) : z[0], [G, K] = o(!1), [q, J] = o(!1);
+	if (!W) return /* @__PURE__ */ v("div", {
 		className: "p-6",
-		children: /* @__PURE__ */ _(O, {
+		children: /* @__PURE__ */ v(k, {
 			illustration: "empty-search",
 			title: "No job posting found",
 			description: "This job posting is no longer available."
 		})
 	});
-	let W = I.filter((e) => e.position === z.title), G = {
-		title: z.title,
-		department: z.department,
-		location: z.location,
-		type: z.type,
-		experienceLevel: z.experienceLevel,
-		status: z.status,
-		salaryMin: z.salaryMin,
-		salaryMax: z.salaryMax,
-		deadline: z.deadline,
-		description: z.description,
-		requirements: z.requirements,
-		benefits: z.benefits
+	let Y = B.filter((e) => e.position === W.title), X = {
+		title: W.title,
+		department: W.department,
+		location: W.location,
+		type: W.type,
+		experienceLevel: W.experienceLevel,
+		status: W.status,
+		salaryMin: W.salaryMin,
+		salaryMax: W.salaryMax,
+		deadline: W.deadline,
+		description: W.description,
+		requirements: W.requirements,
+		benefits: W.benefits
 	};
-	return /* @__PURE__ */ v("div", {
+	return /* @__PURE__ */ y("div", {
 		className: "space-y-6 p-6 max-w-4xl",
 		children: [
-			/* @__PURE__ */ v("div", {
+			/* @__PURE__ */ y("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ v("div", { children: [
-					/* @__PURE__ */ v("div", {
+				children: [/* @__PURE__ */ y("div", { children: [
+					/* @__PURE__ */ y("div", {
 						className: "flex items-center gap-2 mb-1",
-						children: [/* @__PURE__ */ _("h1", {
+						children: [/* @__PURE__ */ v("h1", {
 							className: "text-2xl font-semibold",
-							children: /* @__PURE__ */ _(D, { children: z.title })
-						}), /* @__PURE__ */ _(y, {
-							variant: z.status === "active" ? "default" : "secondary",
-							children: z.status
+							children: /* @__PURE__ */ v(O, { children: W.title })
+						}), /* @__PURE__ */ v(b, {
+							variant: W.status === "active" ? "default" : "secondary",
+							children: W.status
 						})]
 					}),
-					/* @__PURE__ */ v("div", {
+					/* @__PURE__ */ y("div", {
 						className: "flex items-center gap-4 text-sm text-text-secondary",
 						children: [
-							/* @__PURE__ */ v("span", {
+							/* @__PURE__ */ y("span", {
 								className: "flex items-center gap-1",
-								children: [/* @__PURE__ */ _(s, { className: "h-3 w-3" }), z.department]
+								children: [/* @__PURE__ */ v(s, { className: "h-3 w-3" }), W.department]
 							}),
-							/* @__PURE__ */ v("span", {
+							/* @__PURE__ */ y("span", {
 								className: "flex items-center gap-1",
-								children: [/* @__PURE__ */ _(d, { className: "h-3 w-3" }), z.location]
+								children: [/* @__PURE__ */ v(d, { className: "h-3 w-3" }), W.location]
 							}),
-							/* @__PURE__ */ v("span", {
+							/* @__PURE__ */ y("span", {
 								className: "flex items-center gap-1",
 								children: [
-									/* @__PURE__ */ _(c, { className: "h-3 w-3" }),
+									/* @__PURE__ */ v(c, { className: "h-3 w-3" }),
 									"Posted ",
-									z.postedDate
+									W.postedDate
 								]
 							})
 						]
 					}),
-					/* @__PURE__ */ _(A, {
+					/* @__PURE__ */ v(j, {
 						className: "mt-2",
 						children: "Everything about this role in one place — review applicants, requirements, and compensation here to decide who to interview and keep the posting current."
 					})
-				] }), /* @__PURE__ */ v("div", {
+				] }), /* @__PURE__ */ y("div", {
 					className: "flex gap-2",
 					children: [
-						/* @__PURE__ */ v(b, {
+						/* @__PURE__ */ y(x, {
 							variant: "outline",
 							size: "sm",
-							onClick: () => P("Sharing job postings is coming soon", "info"),
-							children: [/* @__PURE__ */ _(p, { className: "h-4 w-4 mr-1" }), "Share"]
+							onClick: () => R("Sharing job postings is coming soon", "info"),
+							children: [/* @__PURE__ */ v(p, { className: "h-4 w-4 mr-1" }), "Share"]
 						}),
-						/* @__PURE__ */ v(b, {
+						/* @__PURE__ */ y(x, {
 							variant: "outline",
 							size: "sm",
-							onClick: () => V(!0),
-							children: [/* @__PURE__ */ _(f, { className: "h-4 w-4 mr-1" }), "Edit Posting"]
+							onClick: () => K(!0),
+							children: [/* @__PURE__ */ v(f, { className: "h-4 w-4 mr-1" }), "Edit Posting"]
 						}),
-						/* @__PURE__ */ _(b, {
+						/* @__PURE__ */ v(x, {
 							variant: "destructive",
 							size: "sm",
 							"aria-label": "Delete job posting",
-							onClick: () => U(!0),
-							children: /* @__PURE__ */ _(m, { className: "h-4 w-4" })
+							onClick: () => J(!0),
+							children: /* @__PURE__ */ v(m, { className: "h-4 w-4" })
 						})
 					]
 				})]
 			}),
-			/* @__PURE__ */ _(k, {
+			/* @__PURE__ */ v(A, {
 				storageKey: "crewfoundry-job-details",
 				steps: [
 					{
 						id: "applicants",
 						label: "Review applicants",
 						description: "Screen the candidates who applied for this role.",
-						icon: /* @__PURE__ */ _(h, { className: "h-4 w-4" }),
-						onClick: () => N("../../hiring/applications-page")
+						icon: /* @__PURE__ */ v(h, { className: "h-4 w-4" }),
+						onClick: () => I("../../hiring/applications-page")
 					},
 					{
 						id: "interviews",
 						label: "Schedule interviews",
 						description: "Set up conversations with promising candidates.",
-						icon: /* @__PURE__ */ _(c, { className: "h-4 w-4" }),
-						onClick: () => N("../../hiring/interviews-page")
+						icon: /* @__PURE__ */ v(c, { className: "h-4 w-4" }),
+						onClick: () => I("../../hiring/interviews-page")
 					},
 					{
 						id: "candidates",
 						label: "Browse your talent pool",
 						description: "Source more candidates that fit this position.",
-						icon: /* @__PURE__ */ _(s, { className: "h-4 w-4" }),
-						onClick: () => N("../../hiring/candidates-page")
+						icon: /* @__PURE__ */ v(s, { className: "h-4 w-4" }),
+						onClick: () => I("../../hiring/candidates-page")
 					}
 				]
 			}),
-			/* @__PURE__ */ v("div", {
+			/* @__PURE__ */ y("div", {
 				className: "grid gap-4 md:grid-cols-4",
 				children: [
-					/* @__PURE__ */ _(E, {
+					/* @__PURE__ */ v(D, {
 						treatment: "glass",
 						glow: !0,
 						className: "border-border-seam",
-						children: /* @__PURE__ */ v(S, {
+						children: /* @__PURE__ */ y(C, {
 							className: "p-4 text-center",
 							children: [
-								/* @__PURE__ */ _(h, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
-								/* @__PURE__ */ _("p", {
+								/* @__PURE__ */ v(h, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
+								/* @__PURE__ */ v("p", {
 									className: "text-2xl font-bold tabular-nums",
-									children: z.applicants
+									children: W.applicants
 								}),
-								/* @__PURE__ */ _("p", {
+								/* @__PURE__ */ v("p", {
 									className: "text-xs text-text-secondary",
 									children: "Applicants"
 								})
 							]
 						})
 					}),
-					/* @__PURE__ */ _(x, { children: /* @__PURE__ */ v(S, {
+					/* @__PURE__ */ v(S, { children: /* @__PURE__ */ y(C, {
 						className: "p-4 text-center",
 						children: [
-							/* @__PURE__ */ _(u, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
-							/* @__PURE__ */ v("p", {
+							/* @__PURE__ */ v(u, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
+							/* @__PURE__ */ y("p", {
 								className: "text-lg font-bold",
 								children: [
 									"$",
-									(z.salaryMin / 1e3).toFixed(0),
+									(W.salaryMin / 1e3).toFixed(0),
 									"K-$",
-									(z.salaryMax / 1e3).toFixed(0),
+									(W.salaryMax / 1e3).toFixed(0),
 									"K"
 								]
 							}),
-							/* @__PURE__ */ _("p", {
+							/* @__PURE__ */ v("p", {
 								className: "text-xs text-text-secondary",
 								children: "Salary Range"
 							})
 						]
 					}) }),
-					/* @__PURE__ */ _(x, { children: /* @__PURE__ */ v(S, {
+					/* @__PURE__ */ v(S, { children: /* @__PURE__ */ y(C, {
 						className: "p-4 text-center",
 						children: [
-							/* @__PURE__ */ _(c, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
-							/* @__PURE__ */ _("p", {
+							/* @__PURE__ */ v(c, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
+							/* @__PURE__ */ v("p", {
 								className: "text-lg font-bold",
-								children: z.deadline
+								children: W.deadline
 							}),
-							/* @__PURE__ */ _("p", {
+							/* @__PURE__ */ v("p", {
 								className: "text-xs text-text-secondary",
 								children: "Deadline"
 							})
 						]
 					}) }),
-					/* @__PURE__ */ _(x, { children: /* @__PURE__ */ v(S, {
+					/* @__PURE__ */ v(S, { children: /* @__PURE__ */ y(C, {
 						className: "p-4 text-center",
 						children: [
-							/* @__PURE__ */ _(l, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
-							/* @__PURE__ */ _("p", {
+							/* @__PURE__ */ v(l, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
+							/* @__PURE__ */ v("p", {
 								className: "text-lg font-bold",
-								children: z.experienceLevel
+								children: W.experienceLevel
 							}),
-							/* @__PURE__ */ _("p", {
+							/* @__PURE__ */ v("p", {
 								className: "text-xs text-text-secondary",
 								children: "Level"
 							})
@@ -326,84 +371,38 @@ function N() {
 					}) })
 				]
 			}),
-			/* @__PURE__ */ v(x, { children: [/* @__PURE__ */ _(w, { children: /* @__PURE__ */ _(T, { children: "Description" }) }), /* @__PURE__ */ _(S, { children: /* @__PURE__ */ _("p", {
+			/* @__PURE__ */ y(S, { children: [/* @__PURE__ */ v(T, { children: /* @__PURE__ */ v(E, { children: "Description" }) }), /* @__PURE__ */ v(C, { children: /* @__PURE__ */ v("p", {
 				className: "text-sm text-text-secondary",
-				children: z.description
+				children: W.description
 			}) })] }),
-			/* @__PURE__ */ v("div", {
+			/* @__PURE__ */ y("div", {
 				className: "grid gap-4 md:grid-cols-2",
-				children: [/* @__PURE__ */ v(x, { children: [/* @__PURE__ */ _(w, { children: /* @__PURE__ */ _(T, { children: "Requirements" }) }), /* @__PURE__ */ _(S, { children: /* @__PURE__ */ _("ul", {
+				children: [/* @__PURE__ */ y(S, { children: [/* @__PURE__ */ v(T, { children: /* @__PURE__ */ v(E, { children: "Requirements" }) }), /* @__PURE__ */ v(C, { children: /* @__PURE__ */ v("ul", {
 					className: "space-y-2",
-					children: z.requirements.map((e, t) => /* @__PURE__ */ v("li", {
+					children: W.requirements.map((e, t) => /* @__PURE__ */ y("li", {
 						className: "flex items-start gap-2 text-sm",
-						children: [/* @__PURE__ */ _(l, { className: "h-4 w-4 text-status-success-text mt-0.5 flex-shrink-0" }), e]
+						children: [/* @__PURE__ */ v(l, { className: "h-4 w-4 text-status-success-text mt-0.5 flex-shrink-0" }), e]
 					}, t))
-				}) })] }), /* @__PURE__ */ v(x, { children: [/* @__PURE__ */ _(w, { children: /* @__PURE__ */ _(T, { children: "Benefits" }) }), /* @__PURE__ */ _(S, { children: /* @__PURE__ */ _("ul", {
+				}) })] }), /* @__PURE__ */ y(S, { children: [/* @__PURE__ */ v(T, { children: /* @__PURE__ */ v(E, { children: "Benefits" }) }), /* @__PURE__ */ v(C, { children: /* @__PURE__ */ v("ul", {
 					className: "space-y-2",
-					children: z.benefits.map((e, t) => /* @__PURE__ */ v("li", {
+					children: W.benefits.map((e, t) => /* @__PURE__ */ y("li", {
 						className: "flex items-start gap-2 text-sm",
-						children: [/* @__PURE__ */ _(l, { className: "h-4 w-4 text-status-info-text mt-0.5 flex-shrink-0" }), e]
+						children: [/* @__PURE__ */ v(l, { className: "h-4 w-4 text-status-info-text mt-0.5 flex-shrink-0" }), e]
 					}, t))
 				}) })] })]
 			}),
-			W.length > 0 && /* @__PURE__ */ v(x, { children: [/* @__PURE__ */ v(w, { children: [/* @__PURE__ */ _(T, { children: "Applicants for this Role" }), /* @__PURE__ */ v(C, { children: [W.length, " candidates"] })] }), /* @__PURE__ */ v(S, { children: [/* @__PURE__ */ v("div", {
-				className: "grid grid-cols-5 gap-2 text-xs font-medium text-text-secondary border-b pb-2 mb-2",
-				children: [
-					/* @__PURE__ */ _("span", { children: "Name" }),
-					/* @__PURE__ */ _("span", { children: "Source" }),
-					/* @__PURE__ */ _("span", {
-						className: "text-right",
-						children: "Experience"
-					}),
-					/* @__PURE__ */ _("span", {
-						className: "text-center",
-						children: "Rating"
-					}),
-					/* @__PURE__ */ _("span", {
-						className: "text-center",
-						children: "Status"
-					})
-				]
-			}), W.map((e) => /* @__PURE__ */ v("div", {
-				className: "grid grid-cols-5 gap-2 py-2 border-b last:border-0 text-sm",
-				children: [
-					/* @__PURE__ */ v("span", {
-						className: "font-medium",
-						children: [
-							e.firstName,
-							" ",
-							e.lastName
-						]
-					}),
-					/* @__PURE__ */ _("span", {
-						className: "text-text-secondary",
-						children: e.source
-					}),
-					/* @__PURE__ */ v("span", {
-						className: "text-right",
-						children: [e.experience, " yrs"]
-					}),
-					/* @__PURE__ */ v("div", {
-						className: "text-center",
-						children: [e.rating, "/5"]
-					}),
-					/* @__PURE__ */ _("div", {
-						className: "text-center",
-						children: /* @__PURE__ */ _(y, {
-							variant: e.status === "hired" ? "default" : "secondary",
-							className: "text-[10px]",
-							children: e.status
-						})
-					})
-				]
-			}, e.id))] })] }),
-			/* @__PURE__ */ _(t, {
-				open: B,
-				onOpenChange: V,
+			Y.length > 0 && /* @__PURE__ */ y(S, { children: [/* @__PURE__ */ y(T, { children: [/* @__PURE__ */ v(E, { children: "Applicants for this Role" }), /* @__PURE__ */ y(w, { children: [Y.length, " candidates"] })] }), /* @__PURE__ */ v(C, { children: /* @__PURE__ */ v(M, {
+				data: Y,
+				rowKey: (e) => e.id,
+				columns: F
+			}) })] }),
+			/* @__PURE__ */ v(t, {
+				open: G,
+				onOpenChange: K,
 				title: "Edit Job Posting",
 				description: "Update the role details, compensation, and status.",
-				fields: M,
-				initialValues: G,
+				fields: P,
+				initialValues: X,
 				submitLabel: "Save changes",
 				onSubmit: async (e) => {
 					let t = {
@@ -420,24 +419,24 @@ function N() {
 						requirements: i(e, "requirements"),
 						benefits: i(e, "benefits")
 					};
-					await L(z.id, t), P("Job posting updated", "success");
+					await V(W.id, t), R("Job posting updated", "success");
 				}
 			}),
-			/* @__PURE__ */ _(n, {
-				open: H,
-				onOpenChange: U,
+			/* @__PURE__ */ v(n, {
+				open: q,
+				onOpenChange: J,
 				title: "Delete job posting",
-				description: `Permanently remove “${z.title}”? This cannot be undone.`,
+				description: `Permanently remove “${W.title}”? This cannot be undone.`,
 				confirmLabel: "Delete",
 				destructive: !0,
 				onConfirm: async () => {
-					await R(z.id), P("Job posting deleted", "success"), N("../jobs-page");
+					await H(W.id), R("Job posting deleted", "success"), I("../jobs-page");
 				}
 			})
 		]
 	});
 }
 //#endregion
-export { N as HiringJobDetailsPagePage };
+export { I as HiringJobDetailsPagePage };
 
 //# sourceMappingURL=HiringJobDetailsPagePage.js.map