@burdenoff/microfe-crewfoundry 2026.704.3 → 2026.704.5

package/dist/crewfoundry/pages/HiringInterviewsPagePage.js

@@ -1,13 +1,14 @@
 import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
-import { FormModal as t } from "../components/forms/FormModal.js";
-import { getText as n, newClientId as r } from "../components/forms/formValues.js";
-import { useMemo as i, useState as a } from "react";
-import { Calendar as o, Clock as s, Plus as c, Star as l, Video as u } from "lucide-react";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
-import { Badge as p, Button as m, Card as h, CardContent as g, CardDescription as _, CardHeader as v, CardTitle as y, GlassCard as b, GradientText as x, PagePurpose as S } from "@burdenoff/fe-libs/ui";
-import { useGlobalUi as C } from "@burdenoff/fe-libs/shared/providers/shell";
+import { formatEnumLabel as t } from "../utils/formatEnumLabel.js";
+import { FormModal as n } from "../components/forms/FormModal.js";
+import { getText as r, newClientId as i } from "../components/forms/formValues.js";
+import { useMemo as a, useState as o } from "react";
+import { Calendar as s, Clock as c, Plus as l, Star as u, Video as d } from "lucide-react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { Badge as m, Button as h, Card as g, CardContent as _, CardDescription as v, CardHeader as y, CardTitle as b, GlassCard as x, GradientText as S, PagePurpose as C } from "@burdenoff/fe-libs/ui";
+import { useGlobalUi as w } from "@burdenoff/fe-libs/shared/providers/shell";
 //#region src/crewfoundry/pages/HiringInterviewsPagePage.tsx
-var w = [
+var T = [
 	{
 		label: "Phone",
 		value: "phone"
@@ -28,7 +29,7 @@ var w = [
 		label: "Technical",
 		value: "technical"
 	}
-], T = [
+], E = [
 	{
 		name: "status",
 		label: "Status",
@@ -65,23 +66,23 @@ var w = [
 		colSpan: 2
 	}
 ];
-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(() => {
+function D() {
+	let { showToast: D } = w(), { interviews: O, candidates: k, addInterview: A, updateInterview: j } = e(), [M, N] = o(!1), [P, F] = o(null), I = O.filter((e) => e.status === "scheduled"), L = O.filter((e) => e.status === "completed"), R = a(() => {
 		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) => {
+		return n.setDate(t.getDate() + 7), O.filter((e) => {
 			let r = new Date(e.date);
 			return !Number.isNaN(r.getTime()) && r >= t && r < n;
 		}).length;
-	}, [D]), R = i(() => [
+	}, [O]), z = a(() => [
 		{
 			name: "candidateId",
 			label: "Candidate",
 			type: "select",
 			required: !0,
-			placeholder: O.length ? "Select a candidate…" : "No candidates available",
-			options: O.map((e) => ({
+			placeholder: k.length ? "Select a candidate…" : "No candidates available",
+			options: k.map((e) => ({
 				label: `${e.firstName} ${e.lastName} — ${e.position}`,
 				value: e.id
 			}))
@@ -110,148 +111,148 @@ function E() {
 			label: "Type",
 			type: "select",
 			required: !0,
-			options: w
+			options: T
 		}
-	], [O]);
-	return /* @__PURE__ */ f("div", {
+	], [k]);
+	return /* @__PURE__ */ p("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ f("div", {
+			/* @__PURE__ */ p("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ f("div", { children: [
-					/* @__PURE__ */ d("h1", {
+				children: [/* @__PURE__ */ p("div", { children: [
+					/* @__PURE__ */ f("h1", {
 						className: "text-2xl font-semibold",
-						children: /* @__PURE__ */ d(x, { children: "Interviews" })
+						children: /* @__PURE__ */ f(S, { children: "Interviews" })
 					}),
-					/* @__PURE__ */ f("p", {
+					/* @__PURE__ */ p("p", {
 						className: "text-sm text-text-secondary",
 						children: [
-							F.length,
-							" upcoming · ",
 							I.length,
+							" upcoming · ",
+							L.length,
 							" completed"
 						]
 					}),
-					/* @__PURE__ */ d(S, {
+					/* @__PURE__ */ f(C, {
 						className: "mt-1",
 						children: "Schedule and track interviews across your hiring pipeline — keep everyone aligned on who's meeting which candidate and when."
 					})
-				] }), /* @__PURE__ */ f(m, {
+				] }), /* @__PURE__ */ p(h, {
 					size: "sm",
-					onClick: () => M(!0),
-					children: [/* @__PURE__ */ d(c, { className: "h-4 w-4 mr-1" }), "Schedule Interview"]
+					onClick: () => N(!0),
+					children: [/* @__PURE__ */ f(l, { className: "h-4 w-4 mr-1" }), "Schedule Interview"]
 				})]
 			}),
-			/* @__PURE__ */ f("div", {
+			/* @__PURE__ */ p("div", {
 				className: "grid gap-4 md:grid-cols-3",
 				children: [
-					/* @__PURE__ */ f(b, {
+					/* @__PURE__ */ p(x, {
 						treatment: "glass",
 						glow: !0,
 						className: "border-border-seam",
-						children: [/* @__PURE__ */ f(v, {
+						children: [/* @__PURE__ */ p(y, {
 							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ d(y, {
+							children: [/* @__PURE__ */ f(b, {
 								className: "text-sm font-medium",
 								children: "Scheduled"
-							}), /* @__PURE__ */ d(o, { className: "h-4 w-4 text-status-info-text" })]
-						}), /* @__PURE__ */ d(g, { children: /* @__PURE__ */ d("div", {
+							}), /* @__PURE__ */ f(s, { className: "h-4 w-4 text-status-info-text" })]
+						}), /* @__PURE__ */ f(_, { children: /* @__PURE__ */ f("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: F.length
+							children: I.length
 						}) })]
 					}),
-					/* @__PURE__ */ f(b, {
+					/* @__PURE__ */ p(x, {
 						treatment: "metric",
 						className: "border-border-seam",
-						children: [/* @__PURE__ */ f(v, {
+						children: [/* @__PURE__ */ p(y, {
 							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ d(y, {
+							children: [/* @__PURE__ */ f(b, {
 								className: "text-sm font-medium",
 								children: "Completed"
-							}), /* @__PURE__ */ d(s, { className: "h-4 w-4 text-status-success-text" })]
-						}), /* @__PURE__ */ d(g, { children: /* @__PURE__ */ d("div", {
+							}), /* @__PURE__ */ f(c, { className: "h-4 w-4 text-status-success-text" })]
+						}), /* @__PURE__ */ f(_, { children: /* @__PURE__ */ f("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: I.length
+							children: L.length
 						}) })]
 					}),
-					/* @__PURE__ */ f(b, {
+					/* @__PURE__ */ p(x, {
 						treatment: "metric",
 						className: "border-border-seam",
-						children: [/* @__PURE__ */ f(v, {
+						children: [/* @__PURE__ */ p(y, {
 							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ d(y, {
+							children: [/* @__PURE__ */ f(b, {
 								className: "text-sm font-medium",
 								children: "This Week"
-							}), /* @__PURE__ */ d(u, { className: "h-4 w-4 text-text-secondary" })]
-						}), /* @__PURE__ */ d(g, { children: /* @__PURE__ */ d("div", {
+							}), /* @__PURE__ */ f(d, { className: "h-4 w-4 text-text-secondary" })]
+						}), /* @__PURE__ */ f(_, { children: /* @__PURE__ */ f("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: L
+							children: R
 						}) })]
 					})
 				]
 			}),
-			/* @__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, {
+			/* @__PURE__ */ p(g, { children: [/* @__PURE__ */ p(y, { children: [/* @__PURE__ */ f(b, { children: "Upcoming Interviews" }), /* @__PURE__ */ f(v, { children: "Scheduled interviews for the coming days" })] }), /* @__PURE__ */ f(_, {
 				className: "space-y-3",
-				children: F.map((e) => /* @__PURE__ */ f("div", {
+				children: I.map((e) => /* @__PURE__ */ p("div", {
 					className: "flex flex-wrap items-center justify-between gap-3 rounded border p-4",
-					children: [/* @__PURE__ */ f("div", { children: [
-						/* @__PURE__ */ d("p", {
+					children: [/* @__PURE__ */ p("div", { children: [
+						/* @__PURE__ */ f("p", {
 							className: "text-sm font-medium",
 							children: e.candidateName
 						}),
-						/* @__PURE__ */ d("p", {
+						/* @__PURE__ */ f("p", {
 							className: "text-xs text-text-secondary",
 							children: e.position
 						}),
-						/* @__PURE__ */ f("p", {
+						/* @__PURE__ */ p("p", {
 							className: "text-xs text-text-secondary mt-1",
 							children: ["Interviewer: ", e.interviewerName]
 						})
-					] }), /* @__PURE__ */ f("div", {
+					] }), /* @__PURE__ */ p("div", {
 						className: "flex items-center gap-3",
 						children: [
-							/* @__PURE__ */ f("div", {
+							/* @__PURE__ */ p("div", {
 								className: "text-right",
-								children: [/* @__PURE__ */ d("p", {
+								children: [/* @__PURE__ */ f("p", {
 									className: "text-sm font-medium",
 									children: e.date
-								}), /* @__PURE__ */ d("p", {
+								}), /* @__PURE__ */ f("p", {
 									className: "text-xs text-text-secondary",
 									children: e.time
 								})]
 							}),
-							/* @__PURE__ */ d(p, {
+							/* @__PURE__ */ f(m, {
 								variant: "outline",
-								children: e.type
+								children: t(e.type)
 							}),
-							/* @__PURE__ */ d(p, {
+							/* @__PURE__ */ f(m, {
 								variant: "secondary",
-								children: e.status
+								children: t(e.status)
 							}),
-							/* @__PURE__ */ d(m, {
+							/* @__PURE__ */ f(h, {
 								variant: "outline",
 								size: "sm",
-								onClick: () => P(e),
+								onClick: () => F(e),
 								children: "Record outcome"
 							})
 						]
 					})]
 				}, e.id))
 			})] }),
-			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, {
+			L.length > 0 && /* @__PURE__ */ p(g, { children: [/* @__PURE__ */ p(y, { children: [/* @__PURE__ */ f(b, { children: "Completed Interviews" }), /* @__PURE__ */ f(v, { children: "Recent interview feedback" })] }), /* @__PURE__ */ f(_, {
 				className: "space-y-3",
-				children: I.map((e) => /* @__PURE__ */ f("div", {
+				children: L.map((e) => /* @__PURE__ */ p("div", {
 					className: "flex flex-wrap items-center justify-between gap-3 rounded border p-4",
-					children: [/* @__PURE__ */ f("div", { children: [
-						/* @__PURE__ */ d("p", {
+					children: [/* @__PURE__ */ p("div", { children: [
+						/* @__PURE__ */ f("p", {
 							className: "text-sm font-medium",
 							children: e.candidateName
 						}),
-						/* @__PURE__ */ d("p", {
+						/* @__PURE__ */ f("p", {
 							className: "text-xs text-text-secondary",
 							children: e.position
 						}),
-						e.feedback && /* @__PURE__ */ f("p", {
+						e.feedback && /* @__PURE__ */ p("p", {
 							className: "text-xs text-text-secondary mt-1 italic",
 							children: [
 								"\"",
@@ -259,72 +260,72 @@ function E() {
 								"\""
 							]
 						})
-					] }), /* @__PURE__ */ f("div", {
+					] }), /* @__PURE__ */ p("div", {
 						className: "flex items-center gap-3",
-						children: [e.rating && /* @__PURE__ */ f("div", {
+						children: [e.rating && /* @__PURE__ */ p("div", {
 							className: "flex items-center gap-1",
-							children: [/* @__PURE__ */ d(l, { className: "h-4 w-4 text-status-warning-text" }), /* @__PURE__ */ f("span", {
+							children: [/* @__PURE__ */ f(u, { className: "h-4 w-4 text-status-warning-text" }), /* @__PURE__ */ p("span", {
 								className: "text-sm font-medium",
 								children: [e.rating, "/5"]
 							})]
-						}), /* @__PURE__ */ d(p, {
+						}), /* @__PURE__ */ f(m, {
 							variant: "default",
 							children: "completed"
 						})]
 					})]
 				}, e.id))
 			})] }),
-			/* @__PURE__ */ d(t, {
-				open: j,
-				onOpenChange: M,
+			/* @__PURE__ */ f(n, {
+				open: M,
+				onOpenChange: N,
 				title: "Schedule Interview",
 				description: "Set up a conversation with a candidate in your pipeline.",
-				fields: R,
+				fields: z,
 				submitLabel: "Schedule",
 				onSubmit: async (e) => {
-					let t = O.find((t) => t.id === n(e, "candidateId"));
+					let t = k.find((t) => t.id === r(e, "candidateId"));
 					if (!t) throw Error("Please select a candidate");
-					await k({
-						id: r(),
+					await A({
+						id: i(),
 						candidateId: t.id,
 						candidateName: `${t.firstName} ${t.lastName}`,
 						position: t.position,
-						interviewerName: n(e, "interviewerName"),
-						date: n(e, "date"),
-						time: n(e, "time"),
+						interviewerName: r(e, "interviewerName"),
+						date: r(e, "date"),
+						time: r(e, "time"),
 						type: e.type,
 						status: "scheduled"
-					}), E("Interview scheduled", "success");
+					}), D("Interview scheduled", "success");
 				}
 			}),
-			/* @__PURE__ */ d(t, {
-				open: N !== null,
+			/* @__PURE__ */ f(n, {
+				open: P !== null,
 				onOpenChange: (e) => {
-					e || P(null);
+					e || F(null);
 				},
 				title: "Record Interview Outcome",
-				description: N ? `${N.candidateName} — ${N.position}` : void 0,
-				fields: T,
-				initialValues: N ? {
-					status: N.status,
-					rating: N.rating ?? "",
-					feedback: N.feedback ?? ""
+				description: P ? `${P.candidateName} — ${P.position}` : void 0,
+				fields: E,
+				initialValues: P ? {
+					status: P.status,
+					rating: P.rating ?? "",
+					feedback: P.feedback ?? ""
 				} : void 0,
 				submitLabel: "Save outcome",
 				onSubmit: async (e) => {
-					if (!N) return;
-					let t = e.rating, r = typeof t == "number" || typeof t == "string" && t.trim() !== "";
-					await A(N.id, {
+					if (!P) return;
+					let t = e.rating, n = typeof t == "number" || typeof t == "string" && t.trim() !== "";
+					await j(P.id, {
 						status: e.status,
-						feedback: n(e, "feedback"),
-						...r ? { rating: Number(t) } : {}
-					}), E("Interview updated", "success");
+						feedback: r(e, "feedback"),
+						...n ? { rating: Number(t) } : {}
+					}), D("Interview updated", "success");
 				}
 			})
 		]
 	});
 }
 //#endregion
-export { E as HiringInterviewsPagePage };
+export { D as HiringInterviewsPagePage };
 
 //# sourceMappingURL=HiringInterviewsPagePage.js.map

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  {\n    name: 'status',\n    label: 'Status',\n    type: 'select',\n    options: INTERVIEW_STATUS_OPTIONS,\n    required: true,\n  },\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      {\n        name: 'type',\n        label: 'Type',\n        type: 'select',\n        required: true,\n        options: INTERVIEW_TYPE_OPTIONS,\n      },\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' || (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\">\n            Schedule and track interviews across your hiring pipeline — keep everyone aligned on\n            who&apos;s meeting which candidate and when.\n          </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 variant=\"outline\" size=\"sm\" onClick={() => setUpdateTarget(interview)}>\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={\n          updateTarget ? `${updateTarget.candidateName} — ${updateTarget.position}` : undefined\n        }\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":"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"}
+{"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';\nimport { formatEnumLabel } from '../utils/formatEnumLabel';\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  {\n    name: 'status',\n    label: 'Status',\n    type: 'select',\n    options: INTERVIEW_STATUS_OPTIONS,\n    required: true,\n  },\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      {\n        name: 'type',\n        label: 'Type',\n        type: 'select',\n        required: true,\n        options: INTERVIEW_TYPE_OPTIONS,\n      },\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' || (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\">\n            Schedule and track interviews across your hiring pipeline — keep everyone aligned on\n            who&apos;s meeting which candidate and when.\n          </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\">{formatEnumLabel(interview.type)}</Badge>\n                <Badge variant=\"secondary\">{formatEnumLabel(interview.status)}</Badge>\n                <Button variant=\"outline\" size=\"sm\" onClick={() => setUpdateTarget(interview)}>\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={\n          updateTarget ? `${updateTarget.candidateName} — ${updateTarget.position}` : undefined\n        }\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":"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"}