@burdenoff/microfe-crewfoundry 2026.1029.1 → 2026.1030.1

package/dist/crewfoundry/pages/HiringInterviewsPagePage.js

@@ -4,14 +4,15 @@ import { getInitials as n } from "../components/viz/lib/format.js";
 import { RatingStars as r } from "../components/viz/RatingStars.js";
 import "../components/viz/index.js";
 import { FormModal as i } from "../components/forms/FormModal.js";
-import { getText as a, newClientId as o } from "../components/forms/formValues.js";
-import { useMemo as s, useState as c } from "react";
-import { Calendar as l, Clock as u, Plus as d, Star as f, Video as p } from "lucide-react";
-import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
-import { Badge as _, Button as v, Card as y, CardContent as b, CardHeader as x, CardTitle as S, GlassCard as C, GradientText as w, IllustratedEmptyState as T, PagePurpose as E, Textarea as D } from "@burdenoff/fe-libs/ui";
-import { useGlobalUi as O } from "@burdenoff/fe-libs/shared/providers/shell";
+import { useFocusedRecordParam as a } from "../lib/useFocusedRecordParam.js";
+import { getText as o, newClientId as s } from "../components/forms/formValues.js";
+import { useMemo as c, useState as l } from "react";
+import { Calendar as u, Clock as d, Plus as f, Star as p, Video as m } from "lucide-react";
+import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { Badge as v, Button as y, Card as b, CardContent as x, CardHeader as S, CardTitle as C, GlassCard as w, GradientText as T, IllustratedEmptyState as E, PagePurpose as D, Textarea as O } from "@burdenoff/fe-libs/ui";
+import { useGlobalUi as k } from "@burdenoff/fe-libs/shared/providers/shell";
 //#region src/crewfoundry/pages/HiringInterviewsPagePage.tsx
-var k = [
+var A = [
 	{
 		label: "Phone",
 		value: "phone"
@@ -32,7 +33,7 @@ var k = [
 		label: "Technical",
 		value: "technical"
 	}
-], A = [
+], j = [
 	{
 		key: "technical",
 		label: "Technical Skills"
@@ -49,13 +50,13 @@ var k = [
 		key: "culture",
 		label: "Culture Fit"
 	}
-], j = "@@scorecard";
-function M(e) {
+], M = "@@scorecard";
+function N(e) {
 	if (!e) return {
 		scores: {},
 		notes: ""
 	};
-	if (!e.startsWith(`${j}:`)) return {
+	if (!e.startsWith(`${M}:`)) return {
 		scores: {},
 		notes: e
 	};
@@ -69,16 +70,16 @@ function M(e) {
 		notes: r
 	};
 }
-function N(e, t) {
-	let n = A.filter((t) => (e[t.key] ?? 0) > 0).map((t) => `${t.key}=${e[t.key]}`);
-	return n.length === 0 ? t : `${j}:${n.join(",")}\n${t}`;
+function P(e, t) {
+	let n = j.filter((t) => (e[t.key] ?? 0) > 0).map((t) => `${t.key}=${e[t.key]}`);
+	return n.length === 0 ? t : `${M}:${n.join(",")}\n${t}`;
 }
-function P(e) {
-	let t = A.map((t) => e[t.key]).filter((e) => typeof e == "number" && e > 0);
+function F(e) {
+	let t = j.map((t) => e[t.key]).filter((e) => typeof e == "number" && e > 0);
 	return t.length === 0 ? 0 : Math.round(t.reduce((e, t) => e + t, 0) / t.length * 10) / 10;
 }
-function F({ name: e, size: t = 40 }) {
-	return /* @__PURE__ */ h("span", {
+function I({ name: e, size: t = 40 }) {
+	return /* @__PURE__ */ g("span", {
 		className: "inline-flex shrink-0 items-center justify-center overflow-hidden rounded-full border border-border-subtle bg-bg-sunken font-medium text-text-secondary",
 		style: {
 			width: t,
@@ -89,19 +90,19 @@ function F({ name: e, size: t = 40 }) {
 		children: n(e)
 	});
 }
-function I({ value: e, onChange: t, label: n, max: r = 5 }) {
-	return /* @__PURE__ */ h("div", {
+function L({ value: e, onChange: t, label: n, max: r = 5 }) {
+	return /* @__PURE__ */ g("div", {
 		className: "flex items-center gap-0.5",
 		role: "radiogroup",
 		"aria-label": n,
-		children: Array.from({ length: r }, (e, t) => t + 1).map((n) => /* @__PURE__ */ h("button", {
+		children: Array.from({ length: r }, (e, t) => t + 1).map((n) => /* @__PURE__ */ g("button", {
 			type: "button",
 			role: "radio",
 			"aria-checked": e === n,
 			"aria-label": `${n} out of ${r}`,
 			onClick: () => t(e === n ? 0 : n),
 			className: "rounded p-0.5 outline-none transition-transform hover:scale-110 focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]",
-			children: /* @__PURE__ */ h(f, {
+			children: /* @__PURE__ */ g(p, {
 				className: "h-5 w-5",
 				strokeWidth: 1.5,
 				style: { color: n <= e ? "var(--color-status-warning-text)" : "var(--color-border-strong)" },
@@ -110,14 +111,14 @@ function I({ value: e, onChange: t, label: n, max: r = 5 }) {
 		}, n))
 	});
 }
-var L = {
+var R = {
 	technical: "default",
 	panel: "secondary",
 	onsite: "secondary",
 	video: "outline",
 	phone: "outline"
 };
-function R(e) {
+function z(e) {
 	let t = new Date(e);
 	return Number.isNaN(t.getTime()) ? e || "Unscheduled" : t.toLocaleDateString(void 0, {
 		weekday: "short",
@@ -125,36 +126,42 @@ function R(e) {
 		day: "numeric"
 	});
 }
-function z() {
-	let { showToast: n } = O(), { interviews: f, candidates: m, addInterview: D, updateInterview: A } = e(), [j, N] = c(!1), [I, z] = c(null), [V, H] = c(!1), U = f.filter((e) => e.status === "scheduled"), W = f.filter((e) => e.status === "completed"), G = s(() => {
-		let e = [...f].sort((e, t) => {
+function B() {
+	let { showToast: n } = k(), { interviews: p, candidates: h, addInterview: O, updateInterview: j } = e(), [M, P] = l(!1), [L, B] = l(null), [H, U] = l(!1), W = p.filter((e) => e.status === "scheduled"), G = p.filter((e) => e.status === "completed"), K = c(() => {
+		let e = [...p].sort((e, t) => {
 			let n = new Date(e.date).getTime(), r = new Date(t.date).getTime();
 			return Number.isNaN(n) && Number.isNaN(r) ? 0 : Number.isNaN(n) ? 1 : Number.isNaN(r) ? -1 : n - r;
 		}), t = [];
 		for (let n of e) {
-			let e = R(n.date), r = t[t.length - 1];
+			let e = z(n.date), r = t[t.length - 1];
 			r && r.label === e ? r.items.push(n) : t.push({
 				label: e,
 				items: [n]
 			});
 		}
 		return t;
-	}, [f]), K = I ?? U[0]?.id ?? f[0]?.id ?? null, q = K ? f.find((e) => e.id === K) ?? null : null, J = s(() => {
+	}, [p]), q = L ?? W[0]?.id ?? p[0]?.id ?? null, J = q ? p.find((e) => e.id === q) ?? null : null;
+	a({
+		records: p,
+		activeId: J?.id ?? null,
+		onRestore: (e) => B(e.id)
+	});
+	let Y = c(() => {
 		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), f.filter((e) => {
+		return n.setDate(t.getDate() + 7), p.filter((e) => {
 			let r = new Date(e.date);
 			return !Number.isNaN(r.getTime()) && r >= t && r < n;
 		}).length;
-	}, [f]), Y = s(() => [
+	}, [p]), X = c(() => [
 		{
 			name: "candidateId",
 			label: "Candidate",
 			type: "select",
 			required: !0,
-			placeholder: m.length ? "Select a candidate…" : "No candidates available",
-			options: m.map((e) => ({
+			placeholder: h.length ? "Select a candidate…" : "No candidates available",
+			options: h.map((e) => ({
 				label: `${e.firstName} ${e.lastName} — ${e.position}`,
 				value: e.id
 			}))
@@ -183,146 +190,146 @@ function z() {
 			label: "Type",
 			type: "select",
 			required: !0,
-			options: k
+			options: A
 		}
-	], [m]);
-	return /* @__PURE__ */ g("div", {
+	], [h]);
+	return /* @__PURE__ */ _("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ g("div", {
+			/* @__PURE__ */ _("div", {
 				className: "flex flex-wrap items-start justify-between gap-3",
-				children: [/* @__PURE__ */ g("div", { children: [
-					/* @__PURE__ */ h("h1", {
+				children: [/* @__PURE__ */ _("div", { children: [
+					/* @__PURE__ */ g("h1", {
 						className: "text-2xl font-semibold",
-						children: /* @__PURE__ */ h(w, { children: "Interviews" })
+						children: /* @__PURE__ */ g(T, { children: "Interviews" })
 					}),
-					/* @__PURE__ */ g("p", {
+					/* @__PURE__ */ _("p", {
 						className: "text-sm text-text-secondary",
 						children: [
-							U.length,
-							" upcoming · ",
 							W.length,
+							" upcoming · ",
+							G.length,
 							" completed"
 						]
 					}),
-					/* @__PURE__ */ h(E, {
+					/* @__PURE__ */ g(D, {
 						className: "mt-1",
 						children: "Schedule interviews and score candidates on a live scorecard — capture competency ratings and feedback the moment the conversation ends."
 					})
-				] }), /* @__PURE__ */ g(v, {
+				] }), /* @__PURE__ */ _(y, {
 					size: "sm",
-					onClick: () => N(!0),
-					children: [/* @__PURE__ */ h(d, { className: "mr-1 h-4 w-4" }), "Schedule Interview"]
+					onClick: () => P(!0),
+					children: [/* @__PURE__ */ g(f, { className: "mr-1 h-4 w-4" }), "Schedule Interview"]
 				})]
 			}),
-			/* @__PURE__ */ g("div", {
+			/* @__PURE__ */ _("div", {
 				className: "grid gap-4 sm:grid-cols-3",
 				children: [
-					/* @__PURE__ */ g(C, {
+					/* @__PURE__ */ _(w, {
 						treatment: "glass",
 						glow: !0,
 						className: "border-border-seam",
-						children: [/* @__PURE__ */ g(x, {
+						children: [/* @__PURE__ */ _(S, {
 							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ h(S, {
+							children: [/* @__PURE__ */ g(C, {
 								className: "text-sm font-medium",
 								children: "Scheduled"
-							}), /* @__PURE__ */ h(l, { className: "h-4 w-4 text-status-info-text" })]
-						}), /* @__PURE__ */ h(b, { children: /* @__PURE__ */ h("div", {
+							}), /* @__PURE__ */ g(u, { className: "h-4 w-4 text-status-info-text" })]
+						}), /* @__PURE__ */ g(x, { children: /* @__PURE__ */ g("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: U.length
+							children: W.length
 						}) })]
 					}),
-					/* @__PURE__ */ g(C, {
+					/* @__PURE__ */ _(w, {
 						treatment: "metric",
 						className: "border-border-seam",
-						children: [/* @__PURE__ */ g(x, {
+						children: [/* @__PURE__ */ _(S, {
 							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ h(S, {
+							children: [/* @__PURE__ */ g(C, {
 								className: "text-sm font-medium",
 								children: "Completed"
-							}), /* @__PURE__ */ h(u, { className: "h-4 w-4 text-status-success-text" })]
-						}), /* @__PURE__ */ h(b, { children: /* @__PURE__ */ h("div", {
+							}), /* @__PURE__ */ g(d, { className: "h-4 w-4 text-status-success-text" })]
+						}), /* @__PURE__ */ g(x, { children: /* @__PURE__ */ g("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: W.length
+							children: G.length
 						}) })]
 					}),
-					/* @__PURE__ */ g(C, {
+					/* @__PURE__ */ _(w, {
 						treatment: "metric",
 						className: "border-border-seam",
-						children: [/* @__PURE__ */ g(x, {
+						children: [/* @__PURE__ */ _(S, {
 							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ h(S, {
+							children: [/* @__PURE__ */ g(C, {
 								className: "text-sm font-medium",
 								children: "This Week"
-							}), /* @__PURE__ */ h(p, { className: "h-4 w-4 text-text-secondary" })]
-						}), /* @__PURE__ */ h(b, { children: /* @__PURE__ */ h("div", {
+							}), /* @__PURE__ */ g(m, { className: "h-4 w-4 text-text-secondary" })]
+						}), /* @__PURE__ */ g(x, { children: /* @__PURE__ */ g("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: J
+							children: Y
 						}) })]
 					})
 				]
 			}),
-			/* @__PURE__ */ g("div", {
+			/* @__PURE__ */ _("div", {
 				className: "grid gap-6 lg:grid-cols-3",
-				children: [/* @__PURE__ */ g(y, {
+				children: [/* @__PURE__ */ _(b, {
 					className: "lg:col-span-2",
-					children: [/* @__PURE__ */ h(x, { children: /* @__PURE__ */ h(S, { children: "Scheduled Interviews" }) }), /* @__PURE__ */ h(b, {
+					children: [/* @__PURE__ */ g(S, { children: /* @__PURE__ */ g(C, { children: "Scheduled Interviews" }) }), /* @__PURE__ */ g(x, {
 						className: "space-y-4",
-						children: f.length === 0 ? /* @__PURE__ */ h(T, {
+						children: p.length === 0 ? /* @__PURE__ */ g(E, {
 							illustration: "empty-search",
 							title: "No interviews scheduled",
 							description: "Schedule an interview to start tracking your pipeline conversations."
-						}) : G.map((e) => /* @__PURE__ */ g("div", {
+						}) : K.map((e) => /* @__PURE__ */ _("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ h("div", {
+							children: [/* @__PURE__ */ g("div", {
 								className: "sticky top-0 rounded bg-bg-sunken px-3 py-1 text-xs font-medium text-text-secondary",
 								children: e.label
 							}), e.items.map((e) => {
-								let n = e.id === K, i = P(M(e.feedback).scores) || e.rating || 0;
-								return /* @__PURE__ */ g("button", {
+								let n = e.id === q, i = F(N(e.feedback).scores) || e.rating || 0;
+								return /* @__PURE__ */ _("button", {
 									type: "button",
-									onClick: () => z(e.id),
+									onClick: () => B(e.id),
 									"aria-pressed": n,
 									className: `flex w-full flex-wrap items-center justify-between gap-3 rounded-[var(--radius-input)] border p-4 text-left transition-colors ${n ? "border-action-primary-bg bg-action-primary-bg/10" : "border-border-subtle hover:bg-bg-sunken"}`,
-									children: [/* @__PURE__ */ g("div", {
+									children: [/* @__PURE__ */ _("div", {
 										className: "flex min-w-0 items-center gap-3",
-										children: [/* @__PURE__ */ h(F, { name: e.candidateName }), /* @__PURE__ */ g("div", {
+										children: [/* @__PURE__ */ g(I, { name: e.candidateName }), /* @__PURE__ */ _("div", {
 											className: "min-w-0",
 											children: [
-												/* @__PURE__ */ h("p", {
+												/* @__PURE__ */ g("p", {
 													className: "truncate text-sm font-medium text-text-primary",
 													children: e.candidateName
 												}),
-												/* @__PURE__ */ h("p", {
+												/* @__PURE__ */ g("p", {
 													className: "truncate text-xs text-text-secondary",
 													children: e.position
 												}),
-												/* @__PURE__ */ g("p", {
+												/* @__PURE__ */ _("p", {
 													className: "truncate text-xs text-text-secondary",
 													children: ["Interviewer: ", e.interviewerName]
 												})
 											]
 										})]
-									}), /* @__PURE__ */ g("div", {
+									}), /* @__PURE__ */ _("div", {
 										className: "flex flex-wrap items-center gap-2",
 										children: [
-											/* @__PURE__ */ g("div", {
+											/* @__PURE__ */ _("div", {
 												className: "text-right",
-												children: [/* @__PURE__ */ h(_, {
-													variant: L[e.type],
+												children: [/* @__PURE__ */ g(v, {
+													variant: R[e.type],
 													className: "text-[10px]",
 													children: t(e.type)
-												}), /* @__PURE__ */ h("p", {
+												}), /* @__PURE__ */ g("p", {
 													className: "mt-1 text-xs text-text-secondary",
 													children: e.time
 												})]
 											}),
-											e.status === "completed" && i > 0 && /* @__PURE__ */ h(r, {
+											e.status === "completed" && i > 0 && /* @__PURE__ */ g(r, {
 												value: i,
 												size: 12
 											}),
-											/* @__PURE__ */ h(_, {
+											/* @__PURE__ */ g(v, {
 												variant: e.status === "completed" ? "default" : "secondary",
 												className: "text-[10px]",
 												children: t(e.status)
@@ -333,60 +340,60 @@ function z() {
 							})]
 						}, e.label))
 					})]
-				}), /* @__PURE__ */ h("div", {
+				}), /* @__PURE__ */ g("div", {
 					className: "lg:sticky lg:top-4 lg:self-start",
-					children: /* @__PURE__ */ g(y, { children: [/* @__PURE__ */ g(x, { children: [/* @__PURE__ */ h(S, { children: "Interview Scorecard" }), q && /* @__PURE__ */ g("p", {
+					children: /* @__PURE__ */ _(b, { children: [/* @__PURE__ */ _(S, { children: [/* @__PURE__ */ g(C, { children: "Interview Scorecard" }), J && /* @__PURE__ */ _("p", {
 						className: "text-sm text-text-secondary",
 						children: [
-							t(q.type),
+							t(J.type),
 							" interview for ",
-							q.candidateName
+							J.candidateName
 						]
-					})] }), /* @__PURE__ */ h(b, {
+					})] }), /* @__PURE__ */ g(x, {
 						className: "space-y-4",
-						children: q ? /* @__PURE__ */ h(B, {
-							interview: q,
-							saving: V,
+						children: J ? /* @__PURE__ */ g(V, {
+							interview: J,
+							saving: H,
 							onSave: async (e, t) => {
-								if (q) {
-									H(!0);
+								if (J) {
+									U(!0);
 									try {
-										await A(q.id, {
-											status: e ? "completed" : q.status,
+										await j(J.id, {
+											status: e ? "completed" : J.status,
 											feedback: t
 										}), n(e ? "Scorecard submitted" : "Draft saved", "success");
 									} catch {
 										n("Could not save the scorecard", "error");
 									} finally {
-										H(!1);
+										U(!1);
 									}
 								}
 							}
-						}, q.id) : /* @__PURE__ */ h("p", {
+						}, J.id) : /* @__PURE__ */ g("p", {
 							className: "text-sm text-text-muted",
 							children: "Select an interview to open its scorecard."
 						})
 					})] })
 				})]
 			}),
-			/* @__PURE__ */ h(i, {
-				open: j,
-				onOpenChange: N,
+			/* @__PURE__ */ g(i, {
+				open: M,
+				onOpenChange: P,
 				title: "Schedule Interview",
 				description: "Set up a conversation with a candidate in your pipeline.",
-				fields: Y,
+				fields: X,
 				submitLabel: "Schedule",
 				onSubmit: async (e) => {
-					let t = m.find((t) => t.id === a(e, "candidateId"));
+					let t = h.find((t) => t.id === o(e, "candidateId"));
 					if (!t) throw Error("Please select a candidate");
-					await D({
-						id: o(),
+					await O({
+						id: s(),
 						candidateId: t.id,
 						candidateName: `${t.firstName} ${t.lastName}`,
 						position: t.position,
-						interviewerName: a(e, "interviewerName"),
-						date: a(e, "date"),
-						time: a(e, "time"),
+						interviewerName: o(e, "interviewerName"),
+						date: o(e, "date"),
+						time: o(e, "time"),
 						type: e.type,
 						status: "scheduled"
 					}), n("Interview scheduled", "success");
@@ -395,55 +402,55 @@ function z() {
 		]
 	});
 }
-function B({ interview: e, saving: t, onSave: n }) {
-	let i = M(e.feedback), [a, o] = c(i.scores), [s, l] = c(i.notes), u = P(a);
-	return /* @__PURE__ */ g(m, { children: [
-		/* @__PURE__ */ g("div", {
+function V({ interview: e, saving: t, onSave: n }) {
+	let i = N(e.feedback), [a, o] = l(i.scores), [s, c] = l(i.notes), u = F(a);
+	return /* @__PURE__ */ _(h, { children: [
+		/* @__PURE__ */ _("div", {
 			className: "grid grid-cols-2 gap-3 rounded-[var(--radius-input)] bg-bg-sunken p-3 text-xs",
-			children: [/* @__PURE__ */ g("div", { children: [
-				/* @__PURE__ */ h("p", {
+			children: [/* @__PURE__ */ _("div", { children: [
+				/* @__PURE__ */ g("p", {
 					className: "text-text-muted",
 					children: "Candidate"
 				}),
-				/* @__PURE__ */ h("p", {
+				/* @__PURE__ */ g("p", {
 					className: "font-medium text-text-primary",
 					children: e.candidateName
 				}),
-				/* @__PURE__ */ h("p", {
+				/* @__PURE__ */ g("p", {
 					className: "mt-1 text-text-muted",
 					children: "Position"
 				}),
-				/* @__PURE__ */ h("p", {
+				/* @__PURE__ */ g("p", {
 					className: "font-medium text-text-primary",
 					children: e.position
 				})
-			] }), /* @__PURE__ */ g("div", { children: [
-				/* @__PURE__ */ h("p", {
+			] }), /* @__PURE__ */ _("div", { children: [
+				/* @__PURE__ */ g("p", {
 					className: "text-text-muted",
 					children: "Date"
 				}),
-				/* @__PURE__ */ h("p", {
+				/* @__PURE__ */ g("p", {
 					className: "font-medium text-text-primary",
 					children: e.date
 				}),
-				/* @__PURE__ */ h("p", {
+				/* @__PURE__ */ g("p", {
 					className: "mt-1 text-text-muted",
 					children: "Time"
 				}),
-				/* @__PURE__ */ h("p", {
+				/* @__PURE__ */ g("p", {
 					className: "font-medium text-text-primary",
 					children: e.time
 				})
 			] })]
 		}),
-		/* @__PURE__ */ h("div", {
+		/* @__PURE__ */ g("div", {
 			className: "space-y-3",
-			children: A.map((e) => /* @__PURE__ */ g("div", {
+			children: j.map((e) => /* @__PURE__ */ _("div", {
 				className: "flex items-center justify-between gap-2",
-				children: [/* @__PURE__ */ h("span", {
+				children: [/* @__PURE__ */ g("span", {
 					className: "text-sm font-medium text-text-primary",
 					children: e.label
-				}), /* @__PURE__ */ h(I, {
+				}), /* @__PURE__ */ g(L, {
 					label: e.label,
 					value: a[e.key] ?? 0,
 					onChange: (t) => o((n) => ({
@@ -453,52 +460,52 @@ function B({ interview: e, saving: t, onSave: n }) {
 				})]
 			}, e.key))
 		}),
-		/* @__PURE__ */ g("div", {
+		/* @__PURE__ */ _("div", {
 			className: "flex items-center justify-between border-t border-border-subtle pt-3 text-sm",
-			children: [/* @__PURE__ */ h("span", {
+			children: [/* @__PURE__ */ g("span", {
 				className: "font-medium text-text-primary",
 				children: "Overall"
-			}), u > 0 ? /* @__PURE__ */ h(r, {
+			}), u > 0 ? /* @__PURE__ */ g(r, {
 				value: u,
 				size: 16,
 				showValue: !0
-			}) : /* @__PURE__ */ h("span", {
+			}) : /* @__PURE__ */ g("span", {
 				className: "text-xs text-text-muted",
 				children: "Not scored"
 			})]
 		}),
-		/* @__PURE__ */ g("div", {
+		/* @__PURE__ */ _("div", {
 			className: "space-y-1.5",
-			children: [/* @__PURE__ */ h("label", {
+			children: [/* @__PURE__ */ g("label", {
 				htmlFor: "scorecard-feedback",
 				className: "text-sm font-medium",
 				children: "Feedback"
-			}), /* @__PURE__ */ h(D, {
+			}), /* @__PURE__ */ g(O, {
 				id: "scorecard-feedback",
 				rows: 5,
 				value: s,
-				onChange: (e) => l(e.target.value),
+				onChange: (e) => c(e.target.value),
 				placeholder: "Summarize strengths, concerns, and a recommendation…"
 			})]
 		}),
-		/* @__PURE__ */ g("div", {
+		/* @__PURE__ */ _("div", {
 			className: "flex gap-2",
-			children: [/* @__PURE__ */ h(v, {
+			children: [/* @__PURE__ */ g(y, {
 				className: "flex-1",
 				disabled: t,
-				onClick: () => n(!0, N(a, s)),
+				onClick: () => n(!0, P(a, s)),
 				children: "Submit"
-			}), /* @__PURE__ */ h(v, {
+			}), /* @__PURE__ */ g(y, {
 				variant: "outline",
 				className: "flex-1",
 				disabled: t,
-				onClick: () => n(!1, N(a, s)),
+				onClick: () => n(!1, P(a, s)),
 				children: "Save Draft"
 			})]
 		})
 	] });
 }
 //#endregion
-export { z as HiringInterviewsPagePage };
+export { B as HiringInterviewsPagePage };
 
 //# sourceMappingURL=HiringInterviewsPagePage.js.map