@burdenoff/microfe-crewfoundry 2026.704.3 → 2026.704.4

package/dist/crewfoundry/pages/HiringCandidatesPagePage.js

@@ -1,15 +1,16 @@
 import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
-import { FormModal as t } from "../components/forms/FormModal.js";
-import { ConfirmDialog as n } from "../components/forms/ConfirmDialog.js";
-import { getNumber as r, getTags as i, getText as a, newClientId as o } from "../components/forms/formValues.js";
-import { useState as s } from "react";
-import { Pencil as c, Plus as l, Search as u, Star as d, Trash2 as f } from "lucide-react";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
-import { Badge as h, Button as g, CardContent as _, GlassCard as v, GradientText as y, IllustratedEmptyState as b, Input as x, PagePurpose as S, Pagination as C, ResponsiveTable as w } from "@burdenoff/fe-libs/ui";
-import { usePagination as T } from "@burdenoff/fe-libs/shared/hooks";
-import { useGlobalUi as E } 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 { ConfirmDialog as r } from "../components/forms/ConfirmDialog.js";
+import { getNumber as i, getTags as a, getText as o, newClientId as s } from "../components/forms/formValues.js";
+import { useState as c } from "react";
+import { Pencil as l, Plus as u, Search as d, Star as f, Trash2 as p } from "lucide-react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { Badge as g, Button as _, CardContent as v, GlassCard as y, GradientText as b, IllustratedEmptyState as x, Input as S, PagePurpose as C, Pagination as w, ResponsiveTable as T } from "@burdenoff/fe-libs/ui";
+import { usePagination as E } from "@burdenoff/fe-libs/shared/hooks";
+import { useGlobalUi as D } from "@burdenoff/fe-libs/shared/providers/shell";
 //#region src/crewfoundry/pages/HiringCandidatesPagePage.tsx
-var D = [
+var O = [
 	{
 		name: "firstName",
 		label: "First Name",
@@ -121,7 +122,7 @@ var D = [
 		type: "textarea",
 		colSpan: 2
 	}
-], O = (e) => ({
+], k = (e) => ({
 	firstName: e.firstName,
 	lastName: e.lastName,
 	email: e.email,
@@ -136,37 +137,37 @@ var D = [
 	resumeUrl: e.resumeUrl ?? "",
 	skills: e.skills,
 	notes: e.notes
-}), k = (e) => {
-	let t = a(e, "appliedDate");
+}), A = (e) => {
+	let t = o(e, "appliedDate");
 	return {
-		firstName: a(e, "firstName"),
-		lastName: a(e, "lastName"),
-		email: a(e, "email"),
-		phone: a(e, "phone"),
-		position: a(e, "position"),
+		firstName: o(e, "firstName"),
+		lastName: o(e, "lastName"),
+		email: o(e, "email"),
+		phone: o(e, "phone"),
+		position: o(e, "position"),
 		status: e.status,
-		source: a(e, "source"),
-		experience: r(e, "experience"),
-		currentCompany: a(e, "currentCompany"),
-		rating: r(e, "rating"),
+		source: o(e, "source"),
+		experience: i(e, "experience"),
+		currentCompany: o(e, "currentCompany"),
+		rating: i(e, "rating"),
 		appliedDate: t.trim() === "" ? (/* @__PURE__ */ new Date()).toISOString().slice(0, 10) : t,
-		resumeUrl: a(e, "resumeUrl"),
-		skills: i(e, "skills"),
-		notes: a(e, "notes")
+		resumeUrl: o(e, "resumeUrl"),
+		skills: a(e, "skills"),
+		notes: o(e, "notes")
 	};
-}, A = [
+}, j = [
 	{
 		key: "name",
 		header: "Name",
 		priority: "primary",
-		cell: (e) => /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ m("p", {
+		cell: (e) => /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ h("p", {
 			className: "font-medium",
 			children: [
 				e.firstName,
 				" ",
 				e.lastName
 			]
-		}), /* @__PURE__ */ p("p", {
+		}), /* @__PURE__ */ m("p", {
 			className: "text-xs text-text-secondary",
 			children: e.email
 		})] })
@@ -175,7 +176,7 @@ var D = [
 		key: "position",
 		header: "Position",
 		priority: "secondary",
-		cell: (e) => /* @__PURE__ */ p("span", {
+		cell: (e) => /* @__PURE__ */ m("span", {
 			className: "text-text-secondary",
 			children: e.position
 		})
@@ -184,7 +185,7 @@ var D = [
 		key: "source",
 		header: "Source",
 		priority: "secondary",
-		cell: (e) => /* @__PURE__ */ p(h, {
+		cell: (e) => /* @__PURE__ */ m(g, {
 			variant: "outline",
 			className: "w-fit h-fit text-[10px]",
 			children: e.source
@@ -194,22 +195,22 @@ var D = [
 		key: "experience",
 		header: "Experience",
 		priority: "secondary",
-		cell: (e) => /* @__PURE__ */ m("span", { children: [e.experience, " yrs"] })
+		cell: (e) => /* @__PURE__ */ h("span", { children: [e.experience, " yrs"] })
 	},
 	{
 		key: "rating",
 		header: "Rating",
 		priority: "secondary",
-		cell: (e) => /* @__PURE__ */ m("span", {
+		cell: (e) => /* @__PURE__ */ h("span", {
 			className: "flex items-center gap-1",
-			children: [/* @__PURE__ */ p(d, { className: "h-3 w-3 text-status-warning-text" }), e.rating]
+			children: [/* @__PURE__ */ m(f, { className: "h-3 w-3 text-status-warning-text" }), e.rating]
 		})
 	},
 	{
 		key: "applied",
 		header: "Applied",
 		priority: "hidden-on-mobile",
-		cell: (e) => /* @__PURE__ */ p("span", {
+		cell: (e) => /* @__PURE__ */ m("span", {
 			className: "text-text-secondary text-xs",
 			children: e.appliedDate
 		})
@@ -218,73 +219,73 @@ var D = [
 		key: "status",
 		header: "Status",
 		priority: "secondary",
-		cell: (e) => /* @__PURE__ */ p(h, {
+		cell: (e) => /* @__PURE__ */ m(g, {
 			variant: e.status === "hired" || e.status === "offer" ? "default" : e.status === "rejected" ? "destructive" : "secondary",
 			className: "text-[10px]",
-			children: e.status
+			children: t(e.status)
 		})
 	}
 ];
-function j() {
-	let { showToast: r } = E(), { candidates: i, addCandidate: a, updateCandidate: d, removeCandidate: h } = e(), [j, M] = s(""), [N, P] = s("all"), { page: F, pageSize: I, offset: L, setPage: R } = T({ initialPageSize: 25 }), [z, B] = s(!1), [V, H] = s(null), [U, W] = s(null), G = async (e) => {
+function M() {
+	let { showToast: t } = D(), { candidates: i, addCandidate: a, updateCandidate: o, removeCandidate: f } = e(), [g, M] = c(""), [N, P] = c("all"), { page: F, pageSize: I, offset: L, setPage: R } = E({ initialPageSize: 25 }), [z, B] = c(!1), [V, H] = c(null), [U, W] = c(null), G = async (e) => {
 		await a({
-			id: o(),
-			...k(e)
-		}), r("Candidate added", "success");
+			id: s(),
+			...A(e)
+		}), t("Candidate added", "success");
 	}, K = async (e) => {
-		V && (await d(V.id, k(e)), r("Candidate updated", "success"));
+		V && (await o(V.id, A(e)), t("Candidate updated", "success"));
 	}, q = async () => {
-		U && (await h(U.id), r("Candidate removed", "success"));
+		U && (await f(U.id), t("Candidate removed", "success"));
 	}, J = [...new Set(i.map((e) => e.status))], Y = i.filter((e) => {
-		let t = `${e.firstName} ${e.lastName} ${e.position} ${e.email}`.toLowerCase().includes(j.toLowerCase()), n = N === "all" || e.status === N;
+		let t = `${e.firstName} ${e.lastName} ${e.position} ${e.email}`.toLowerCase().includes(g.toLowerCase()), n = N === "all" || e.status === N;
 		return t && n;
 	}), X = Y.slice(L, L + I);
-	return /* @__PURE__ */ m("div", {
+	return /* @__PURE__ */ h("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ m("div", {
+			/* @__PURE__ */ h("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ m("div", { children: [
-					/* @__PURE__ */ p("h1", {
+				children: [/* @__PURE__ */ h("div", { children: [
+					/* @__PURE__ */ m("h1", {
 						className: "text-2xl font-semibold",
-						children: /* @__PURE__ */ p(y, { children: "Candidates" })
+						children: /* @__PURE__ */ m(b, { children: "Candidates" })
 					}),
-					/* @__PURE__ */ m("p", {
+					/* @__PURE__ */ h("p", {
 						className: "text-sm text-text-secondary",
 						children: [i.length, " candidates in pipeline"]
 					}),
-					/* @__PURE__ */ p(S, {
+					/* @__PURE__ */ m(C, {
 						className: "mt-1",
 						children: "Your candidate pool — search, filter, and evaluate the people you're considering so you can fill open roles with the right talent."
 					})
-				] }), /* @__PURE__ */ m(g, {
+				] }), /* @__PURE__ */ h(_, {
 					size: "sm",
 					onClick: () => B(!0),
-					children: [/* @__PURE__ */ p(l, { className: "h-4 w-4 mr-1" }), "Add Candidate"]
+					children: [/* @__PURE__ */ m(u, { className: "h-4 w-4 mr-1" }), "Add Candidate"]
 				})]
 			}),
-			/* @__PURE__ */ m("div", {
+			/* @__PURE__ */ h("div", {
 				className: "flex gap-3 flex-wrap",
-				children: [/* @__PURE__ */ m("div", {
+				children: [/* @__PURE__ */ h("div", {
 					className: "relative flex-1 max-w-sm",
-					children: [/* @__PURE__ */ p(u, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary" }), /* @__PURE__ */ p(x, {
+					children: [/* @__PURE__ */ m(d, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary" }), /* @__PURE__ */ m(S, {
 						placeholder: "Search candidates...",
 						className: "pl-9",
-						value: j,
+						value: g,
 						onChange: (e) => {
 							M(e.target.value), R(1);
 						}
 					})]
-				}), /* @__PURE__ */ m("div", {
+				}), /* @__PURE__ */ h("div", {
 					className: "flex gap-1",
-					children: [/* @__PURE__ */ p(g, {
+					children: [/* @__PURE__ */ m(_, {
 						variant: N === "all" ? "default" : "outline",
 						size: "sm",
 						onClick: () => {
 							P("all"), R(1);
 						},
 						children: "All"
-					}), J.map((e) => /* @__PURE__ */ p(g, {
+					}), J.map((e) => /* @__PURE__ */ m(_, {
 						variant: N === e ? "default" : "outline",
 						size: "sm",
 						onClick: () => {
@@ -294,40 +295,40 @@ function j() {
 					}, e))]
 				})]
 			}),
-			/* @__PURE__ */ p(v, {
+			/* @__PURE__ */ m(y, {
 				treatment: "glass",
 				glow: !0,
 				className: "border-border-seam",
-				children: /* @__PURE__ */ m(_, {
+				children: /* @__PURE__ */ h(v, {
 					className: "p-4",
-					children: [/* @__PURE__ */ p(w, {
+					children: [/* @__PURE__ */ m(T, {
 						data: X,
 						rowKey: (e) => e.id,
-						columns: A,
-						emptyState: /* @__PURE__ */ p(b, {
+						columns: j,
+						emptyState: /* @__PURE__ */ m(x, {
 							illustration: "empty-search",
 							title: "No candidates match",
 							description: "Try a different search term or status filter."
 						}),
-						rowActions: (e) => /* @__PURE__ */ m("div", {
+						rowActions: (e) => /* @__PURE__ */ h("div", {
 							className: "flex items-center justify-end gap-1",
-							children: [/* @__PURE__ */ p(g, {
+							children: [/* @__PURE__ */ m(_, {
 								variant: "ghost",
 								size: "sm",
 								"aria-label": `Edit ${e.firstName} ${e.lastName}`,
 								onClick: () => H(e),
-								children: /* @__PURE__ */ p(c, { className: "h-3.5 w-3.5" })
-							}), /* @__PURE__ */ p(g, {
+								children: /* @__PURE__ */ m(l, { className: "h-3.5 w-3.5" })
+							}), /* @__PURE__ */ m(_, {
 								variant: "ghost",
 								size: "sm",
 								"aria-label": `Delete ${e.firstName} ${e.lastName}`,
 								onClick: () => W(e),
-								children: /* @__PURE__ */ p(f, { className: "h-3.5 w-3.5 text-status-error-fg" })
+								children: /* @__PURE__ */ m(p, { className: "h-3.5 w-3.5 text-status-error-fg" })
 							})]
 						})
-					}), Y.length > I && /* @__PURE__ */ p("div", {
+					}), Y.length > I && /* @__PURE__ */ m("div", {
 						className: "mt-4",
-						children: /* @__PURE__ */ p(C, {
+						children: /* @__PURE__ */ m(w, {
 							page: F,
 							pageSize: I,
 							totalItems: Y.length,
@@ -336,28 +337,28 @@ function j() {
 					})]
 				})
 			}),
-			/* @__PURE__ */ p(t, {
+			/* @__PURE__ */ m(n, {
 				open: z,
 				onOpenChange: B,
 				title: "Add Candidate",
 				description: "Add someone to your hiring pipeline.",
-				fields: D,
+				fields: O,
 				submitLabel: "Add candidate",
 				onSubmit: G
 			}),
-			/* @__PURE__ */ p(t, {
+			/* @__PURE__ */ m(n, {
 				open: V !== null,
 				onOpenChange: (e) => {
 					e || H(null);
 				},
 				title: "Edit Candidate",
 				description: V ? `${V.firstName} ${V.lastName}` : void 0,
-				fields: D,
-				initialValues: V ? O(V) : void 0,
+				fields: O,
+				initialValues: V ? k(V) : void 0,
 				submitLabel: "Save changes",
 				onSubmit: K
 			}),
-			/* @__PURE__ */ p(n, {
+			/* @__PURE__ */ m(r, {
 				open: U !== null,
 				onOpenChange: (e) => {
 					e || W(null);
@@ -372,6 +373,6 @@ function j() {
 	});
 }
 //#endregion
-export { j as HiringCandidatesPagePage };
+export { M as HiringCandidatesPagePage };
 
 //# sourceMappingURL=HiringCandidatesPagePage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"HiringCandidatesPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/HiringCandidatesPagePage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport {\n  Badge,\n  Button,\n  CardContent,\n  GlassCard,\n  GradientText,\n  IllustratedEmptyState,\n  Input,\n  PagePurpose,\n  Pagination,\n  ResponsiveTable,\n  type ResponsiveTableColumn,\n} from '@burdenoff/fe-libs/ui';\nimport { usePagination } from '@burdenoff/fe-libs/shared/hooks';\nimport { useGlobalUi } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { Pencil, Plus, Search, Star, Trash2 } from 'lucide-react';\nimport { useCrewFoundryStore, type Candidate } from '../store/crewfoundryStore';\nimport { FormModal, type FieldConfig, type FormValues } from '../components/forms/FormModal';\nimport { ConfirmDialog } from '../components/forms/ConfirmDialog';\nimport { getNumber, getTags, getText, newClientId } from '../components/forms/formValues';\n\nconst CANDIDATE_STATUS_OPTIONS: FieldConfig['options'] = [\n  { label: 'New', value: 'new' },\n  { label: 'Screening', value: 'screening' },\n  { label: 'Interview', value: 'interview' },\n  { label: 'Assessment', value: 'assessment' },\n  { label: 'Offer', value: 'offer' },\n  { label: 'Hired', value: 'hired' },\n  { label: 'Rejected', value: 'rejected' },\n];\n\nconst CANDIDATE_FIELDS: FieldConfig[] = [\n  { name: 'firstName', label: 'First Name', type: 'text', required: true },\n  { name: 'lastName', label: 'Last Name', type: 'text', required: true },\n  { name: 'email', label: 'Email', type: 'email', required: true },\n  { name: 'phone', label: 'Phone', type: 'text', required: true },\n  { name: 'position', label: 'Position', type: 'text', required: true },\n  {\n    name: 'status',\n    label: 'Status',\n    type: 'select',\n    required: true,\n    options: CANDIDATE_STATUS_OPTIONS,\n  },\n  { name: 'source', label: 'Source', type: 'text', required: true, placeholder: 'e.g. LinkedIn' },\n  { name: 'experience', label: 'Experience (years)', type: 'number', required: true },\n  { name: 'currentCompany', label: 'Current Company', type: 'text' },\n  { name: 'rating', label: 'Rating (out of 5)', type: 'number' },\n  { name: 'appliedDate', label: 'Applied Date', type: 'date' },\n  { name: 'resumeUrl', label: 'Resume URL', type: 'text' },\n  { name: 'skills', label: 'Skills', type: 'tags', colSpan: 2 },\n  { name: 'notes', label: 'Notes', type: 'textarea', colSpan: 2 },\n];\n\nconst candidateToValues = (candidate: Candidate): FormValues => ({\n  firstName: candidate.firstName,\n  lastName: candidate.lastName,\n  email: candidate.email,\n  phone: candidate.phone,\n  position: candidate.position,\n  status: candidate.status,\n  source: candidate.source,\n  experience: candidate.experience,\n  currentCompany: candidate.currentCompany,\n  rating: candidate.rating,\n  appliedDate: candidate.appliedDate,\n  resumeUrl: candidate.resumeUrl ?? '',\n  skills: candidate.skills,\n  notes: candidate.notes,\n});\n\nconst valuesToCandidateFields = (values: FormValues): Omit<Candidate, 'id'> => {\n  const appliedDate = getText(values, 'appliedDate');\n  return {\n    firstName: getText(values, 'firstName'),\n    lastName: getText(values, 'lastName'),\n    email: getText(values, 'email'),\n    phone: getText(values, 'phone'),\n    position: getText(values, 'position'),\n    status: values.status as Candidate['status'],\n    source: getText(values, 'source'),\n    experience: getNumber(values, 'experience'),\n    currentCompany: getText(values, 'currentCompany'),\n    rating: getNumber(values, 'rating'),\n    appliedDate: appliedDate.trim() !== '' ? appliedDate : new Date().toISOString().slice(0, 10),\n    resumeUrl: getText(values, 'resumeUrl'),\n    skills: getTags(values, 'skills'),\n    notes: getText(values, 'notes'),\n  };\n};\n\nconst CANDIDATE_COLUMNS: ResponsiveTableColumn<Candidate>[] = [\n  {\n    key: 'name',\n    header: 'Name',\n    priority: 'primary',\n    cell: (candidate) => (\n      <div>\n        <p className=\"font-medium\">\n          {candidate.firstName} {candidate.lastName}\n        </p>\n        <p className=\"text-xs text-text-secondary\">{candidate.email}</p>\n      </div>\n    ),\n  },\n  {\n    key: 'position',\n    header: 'Position',\n    priority: 'secondary',\n    cell: (candidate) => <span className=\"text-text-secondary\">{candidate.position}</span>,\n  },\n  {\n    key: 'source',\n    header: 'Source',\n    priority: 'secondary',\n    cell: (candidate) => (\n      <Badge variant=\"outline\" className=\"w-fit h-fit text-[10px]\">\n        {candidate.source}\n      </Badge>\n    ),\n  },\n  {\n    key: 'experience',\n    header: 'Experience',\n    priority: 'secondary',\n    cell: (candidate) => <span>{candidate.experience} yrs</span>,\n  },\n  {\n    key: 'rating',\n    header: 'Rating',\n    priority: 'secondary',\n    cell: (candidate) => (\n      <span className=\"flex items-center gap-1\">\n        <Star className=\"h-3 w-3 text-status-warning-text\" />\n        {candidate.rating}\n      </span>\n    ),\n  },\n  {\n    key: 'applied',\n    header: 'Applied',\n    priority: 'hidden-on-mobile',\n    cell: (candidate) => (\n      <span className=\"text-text-secondary text-xs\">{candidate.appliedDate}</span>\n    ),\n  },\n  {\n    key: 'status',\n    header: 'Status',\n    priority: 'secondary',\n    cell: (candidate) => (\n      <Badge\n        variant={\n          candidate.status === 'hired'\n            ? 'default'\n            : candidate.status === 'offer'\n              ? 'default'\n              : candidate.status === 'rejected'\n                ? 'destructive'\n                : 'secondary'\n        }\n        className=\"text-[10px]\"\n      >\n        {candidate.status}\n      </Badge>\n    ),\n  },\n];\n\nexport function HiringCandidatesPagePage() {\n  const { showToast } = useGlobalUi();\n  const { candidates, addCandidate, updateCandidate, removeCandidate } = useCrewFoundryStore();\n  const [search, setSearch] = useState('');\n  const [filterStatus, setFilterStatus] = useState<string>('all');\n  const { page, pageSize, offset, setPage } = usePagination({ initialPageSize: 25 });\n  const [createOpen, setCreateOpen] = useState(false);\n  const [editTarget, setEditTarget] = useState<Candidate | null>(null);\n  const [deleteTarget, setDeleteTarget] = useState<Candidate | null>(null);\n\n  const handleCreate = async (values: FormValues) => {\n    await addCandidate({ id: newClientId(), ...valuesToCandidateFields(values) });\n    showToast('Candidate added', 'success');\n  };\n\n  const handleEdit = async (values: FormValues) => {\n    if (!editTarget) {\n      return;\n    }\n    await updateCandidate(editTarget.id, valuesToCandidateFields(values));\n    showToast('Candidate updated', 'success');\n  };\n\n  const handleDelete = async () => {\n    if (!deleteTarget) {\n      return;\n    }\n    await removeCandidate(deleteTarget.id);\n    showToast('Candidate removed', 'success');\n  };\n\n  const statuses = [...new Set(candidates.map((c) => c.status))];\n  const filtered = candidates.filter((c) => {\n    const matchSearch = `${c.firstName} ${c.lastName} ${c.position} ${c.email}`\n      .toLowerCase()\n      .includes(search.toLowerCase());\n    const matchStatus = filterStatus === 'all' || c.status === filterStatus;\n    return matchSearch && matchStatus;\n  });\n  const paged = filtered.slice(offset, offset + pageSize);\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>Candidates</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">{candidates.length} candidates in pipeline</p>\n          <PagePurpose className=\"mt-1\">\n            Your candidate pool — search, filter, and evaluate the people you&apos;re considering so\n            you can fill open roles with the right talent.\n          </PagePurpose>\n        </div>\n        <Button size=\"sm\" onClick={() => setCreateOpen(true)}>\n          <Plus className=\"h-4 w-4 mr-1\" />\n          Add Candidate\n        </Button>\n      </div>\n\n      <div className=\"flex gap-3 flex-wrap\">\n        <div className=\"relative flex-1 max-w-sm\">\n          <Search className=\"absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary\" />\n          <Input\n            placeholder=\"Search candidates...\"\n            className=\"pl-9\"\n            value={search}\n            onChange={(e) => {\n              setSearch(e.target.value);\n              setPage(1);\n            }}\n          />\n        </div>\n        <div className=\"flex gap-1\">\n          <Button\n            variant={filterStatus === 'all' ? 'default' : 'outline'}\n            size=\"sm\"\n            onClick={() => {\n              setFilterStatus('all');\n              setPage(1);\n            }}\n          >\n            All\n          </Button>\n          {statuses.map((status) => (\n            <Button\n              key={status}\n              variant={filterStatus === status ? 'default' : 'outline'}\n              size=\"sm\"\n              onClick={() => {\n                setFilterStatus(status);\n                setPage(1);\n              }}\n            >\n              {status}\n            </Button>\n          ))}\n        </div>\n      </div>\n\n      <GlassCard treatment=\"glass\" glow className=\"border-border-seam\">\n        <CardContent className=\"p-4\">\n          <ResponsiveTable\n            data={paged}\n            rowKey={(candidate) => candidate.id}\n            columns={CANDIDATE_COLUMNS}\n            emptyState={\n              <IllustratedEmptyState\n                illustration=\"empty-search\"\n                title=\"No candidates match\"\n                description=\"Try a different search term or status filter.\"\n              />\n            }\n            rowActions={(candidate) => (\n              <div className=\"flex items-center justify-end gap-1\">\n                <Button\n                  variant=\"ghost\"\n                  size=\"sm\"\n                  aria-label={`Edit ${candidate.firstName} ${candidate.lastName}`}\n                  onClick={() => setEditTarget(candidate)}\n                >\n                  <Pencil className=\"h-3.5 w-3.5\" />\n                </Button>\n                <Button\n                  variant=\"ghost\"\n                  size=\"sm\"\n                  aria-label={`Delete ${candidate.firstName} ${candidate.lastName}`}\n                  onClick={() => setDeleteTarget(candidate)}\n                >\n                  <Trash2 className=\"h-3.5 w-3.5 text-status-error-fg\" />\n                </Button>\n              </div>\n            )}\n          />\n          {filtered.length > pageSize && (\n            <div className=\"mt-4\">\n              <Pagination\n                page={page}\n                pageSize={pageSize}\n                totalItems={filtered.length}\n                onPageChange={setPage}\n              />\n            </div>\n          )}\n        </CardContent>\n      </GlassCard>\n\n      <FormModal\n        open={createOpen}\n        onOpenChange={setCreateOpen}\n        title=\"Add Candidate\"\n        description=\"Add someone to your hiring pipeline.\"\n        fields={CANDIDATE_FIELDS}\n        submitLabel=\"Add candidate\"\n        onSubmit={handleCreate}\n      />\n      <FormModal\n        open={editTarget !== null}\n        onOpenChange={(open) => {\n          if (!open) {\n            setEditTarget(null);\n          }\n        }}\n        title=\"Edit Candidate\"\n        description={editTarget ? `${editTarget.firstName} ${editTarget.lastName}` : undefined}\n        fields={CANDIDATE_FIELDS}\n        initialValues={editTarget ? candidateToValues(editTarget) : undefined}\n        submitLabel=\"Save changes\"\n        onSubmit={handleEdit}\n      />\n      <ConfirmDialog\n        open={deleteTarget !== null}\n        onOpenChange={(open) => {\n          if (!open) {\n            setDeleteTarget(null);\n          }\n        }}\n        title=\"Remove candidate\"\n        description={\n          deleteTarget\n            ? `Remove ${deleteTarget.firstName} ${deleteTarget.lastName} from the pipeline?`\n            : undefined\n        }\n        confirmLabel=\"Remove\"\n        destructive\n        onConfirm={handleDelete}\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"HiringCandidatesPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/HiringCandidatesPagePage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport {\n  Badge,\n  Button,\n  CardContent,\n  GlassCard,\n  GradientText,\n  IllustratedEmptyState,\n  Input,\n  PagePurpose,\n  Pagination,\n  ResponsiveTable,\n  type ResponsiveTableColumn,\n} from '@burdenoff/fe-libs/ui';\nimport { usePagination } from '@burdenoff/fe-libs/shared/hooks';\nimport { useGlobalUi } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { Pencil, Plus, Search, Star, Trash2 } from 'lucide-react';\nimport { useCrewFoundryStore, type Candidate } from '../store/crewfoundryStore';\nimport { FormModal, type FieldConfig, type FormValues } from '../components/forms/FormModal';\nimport { ConfirmDialog } from '../components/forms/ConfirmDialog';\nimport { getNumber, getTags, getText, newClientId } from '../components/forms/formValues';\nimport { formatEnumLabel } from '../utils/formatEnumLabel';\n\nconst CANDIDATE_STATUS_OPTIONS: FieldConfig['options'] = [\n  { label: 'New', value: 'new' },\n  { label: 'Screening', value: 'screening' },\n  { label: 'Interview', value: 'interview' },\n  { label: 'Assessment', value: 'assessment' },\n  { label: 'Offer', value: 'offer' },\n  { label: 'Hired', value: 'hired' },\n  { label: 'Rejected', value: 'rejected' },\n];\n\nconst CANDIDATE_FIELDS: FieldConfig[] = [\n  { name: 'firstName', label: 'First Name', type: 'text', required: true },\n  { name: 'lastName', label: 'Last Name', type: 'text', required: true },\n  { name: 'email', label: 'Email', type: 'email', required: true },\n  { name: 'phone', label: 'Phone', type: 'text', required: true },\n  { name: 'position', label: 'Position', type: 'text', required: true },\n  {\n    name: 'status',\n    label: 'Status',\n    type: 'select',\n    required: true,\n    options: CANDIDATE_STATUS_OPTIONS,\n  },\n  { name: 'source', label: 'Source', type: 'text', required: true, placeholder: 'e.g. LinkedIn' },\n  { name: 'experience', label: 'Experience (years)', type: 'number', required: true },\n  { name: 'currentCompany', label: 'Current Company', type: 'text' },\n  { name: 'rating', label: 'Rating (out of 5)', type: 'number' },\n  { name: 'appliedDate', label: 'Applied Date', type: 'date' },\n  { name: 'resumeUrl', label: 'Resume URL', type: 'text' },\n  { name: 'skills', label: 'Skills', type: 'tags', colSpan: 2 },\n  { name: 'notes', label: 'Notes', type: 'textarea', colSpan: 2 },\n];\n\nconst candidateToValues = (candidate: Candidate): FormValues => ({\n  firstName: candidate.firstName,\n  lastName: candidate.lastName,\n  email: candidate.email,\n  phone: candidate.phone,\n  position: candidate.position,\n  status: candidate.status,\n  source: candidate.source,\n  experience: candidate.experience,\n  currentCompany: candidate.currentCompany,\n  rating: candidate.rating,\n  appliedDate: candidate.appliedDate,\n  resumeUrl: candidate.resumeUrl ?? '',\n  skills: candidate.skills,\n  notes: candidate.notes,\n});\n\nconst valuesToCandidateFields = (values: FormValues): Omit<Candidate, 'id'> => {\n  const appliedDate = getText(values, 'appliedDate');\n  return {\n    firstName: getText(values, 'firstName'),\n    lastName: getText(values, 'lastName'),\n    email: getText(values, 'email'),\n    phone: getText(values, 'phone'),\n    position: getText(values, 'position'),\n    status: values.status as Candidate['status'],\n    source: getText(values, 'source'),\n    experience: getNumber(values, 'experience'),\n    currentCompany: getText(values, 'currentCompany'),\n    rating: getNumber(values, 'rating'),\n    appliedDate: appliedDate.trim() !== '' ? appliedDate : new Date().toISOString().slice(0, 10),\n    resumeUrl: getText(values, 'resumeUrl'),\n    skills: getTags(values, 'skills'),\n    notes: getText(values, 'notes'),\n  };\n};\n\nconst CANDIDATE_COLUMNS: ResponsiveTableColumn<Candidate>[] = [\n  {\n    key: 'name',\n    header: 'Name',\n    priority: 'primary',\n    cell: (candidate) => (\n      <div>\n        <p className=\"font-medium\">\n          {candidate.firstName} {candidate.lastName}\n        </p>\n        <p className=\"text-xs text-text-secondary\">{candidate.email}</p>\n      </div>\n    ),\n  },\n  {\n    key: 'position',\n    header: 'Position',\n    priority: 'secondary',\n    cell: (candidate) => <span className=\"text-text-secondary\">{candidate.position}</span>,\n  },\n  {\n    key: 'source',\n    header: 'Source',\n    priority: 'secondary',\n    cell: (candidate) => (\n      <Badge variant=\"outline\" className=\"w-fit h-fit text-[10px]\">\n        {candidate.source}\n      </Badge>\n    ),\n  },\n  {\n    key: 'experience',\n    header: 'Experience',\n    priority: 'secondary',\n    cell: (candidate) => <span>{candidate.experience} yrs</span>,\n  },\n  {\n    key: 'rating',\n    header: 'Rating',\n    priority: 'secondary',\n    cell: (candidate) => (\n      <span className=\"flex items-center gap-1\">\n        <Star className=\"h-3 w-3 text-status-warning-text\" />\n        {candidate.rating}\n      </span>\n    ),\n  },\n  {\n    key: 'applied',\n    header: 'Applied',\n    priority: 'hidden-on-mobile',\n    cell: (candidate) => (\n      <span className=\"text-text-secondary text-xs\">{candidate.appliedDate}</span>\n    ),\n  },\n  {\n    key: 'status',\n    header: 'Status',\n    priority: 'secondary',\n    cell: (candidate) => (\n      <Badge\n        variant={\n          candidate.status === 'hired'\n            ? 'default'\n            : candidate.status === 'offer'\n              ? 'default'\n              : candidate.status === 'rejected'\n                ? 'destructive'\n                : 'secondary'\n        }\n        className=\"text-[10px]\"\n      >\n        {formatEnumLabel(candidate.status)}\n      </Badge>\n    ),\n  },\n];\n\nexport function HiringCandidatesPagePage() {\n  const { showToast } = useGlobalUi();\n  const { candidates, addCandidate, updateCandidate, removeCandidate } = useCrewFoundryStore();\n  const [search, setSearch] = useState('');\n  const [filterStatus, setFilterStatus] = useState<string>('all');\n  const { page, pageSize, offset, setPage } = usePagination({ initialPageSize: 25 });\n  const [createOpen, setCreateOpen] = useState(false);\n  const [editTarget, setEditTarget] = useState<Candidate | null>(null);\n  const [deleteTarget, setDeleteTarget] = useState<Candidate | null>(null);\n\n  const handleCreate = async (values: FormValues) => {\n    await addCandidate({ id: newClientId(), ...valuesToCandidateFields(values) });\n    showToast('Candidate added', 'success');\n  };\n\n  const handleEdit = async (values: FormValues) => {\n    if (!editTarget) {\n      return;\n    }\n    await updateCandidate(editTarget.id, valuesToCandidateFields(values));\n    showToast('Candidate updated', 'success');\n  };\n\n  const handleDelete = async () => {\n    if (!deleteTarget) {\n      return;\n    }\n    await removeCandidate(deleteTarget.id);\n    showToast('Candidate removed', 'success');\n  };\n\n  const statuses = [...new Set(candidates.map((c) => c.status))];\n  const filtered = candidates.filter((c) => {\n    const matchSearch = `${c.firstName} ${c.lastName} ${c.position} ${c.email}`\n      .toLowerCase()\n      .includes(search.toLowerCase());\n    const matchStatus = filterStatus === 'all' || c.status === filterStatus;\n    return matchSearch && matchStatus;\n  });\n  const paged = filtered.slice(offset, offset + pageSize);\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>Candidates</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">{candidates.length} candidates in pipeline</p>\n          <PagePurpose className=\"mt-1\">\n            Your candidate pool — search, filter, and evaluate the people you&apos;re considering so\n            you can fill open roles with the right talent.\n          </PagePurpose>\n        </div>\n        <Button size=\"sm\" onClick={() => setCreateOpen(true)}>\n          <Plus className=\"h-4 w-4 mr-1\" />\n          Add Candidate\n        </Button>\n      </div>\n\n      <div className=\"flex gap-3 flex-wrap\">\n        <div className=\"relative flex-1 max-w-sm\">\n          <Search className=\"absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary\" />\n          <Input\n            placeholder=\"Search candidates...\"\n            className=\"pl-9\"\n            value={search}\n            onChange={(e) => {\n              setSearch(e.target.value);\n              setPage(1);\n            }}\n          />\n        </div>\n        <div className=\"flex gap-1\">\n          <Button\n            variant={filterStatus === 'all' ? 'default' : 'outline'}\n            size=\"sm\"\n            onClick={() => {\n              setFilterStatus('all');\n              setPage(1);\n            }}\n          >\n            All\n          </Button>\n          {statuses.map((status) => (\n            <Button\n              key={status}\n              variant={filterStatus === status ? 'default' : 'outline'}\n              size=\"sm\"\n              onClick={() => {\n                setFilterStatus(status);\n                setPage(1);\n              }}\n            >\n              {status}\n            </Button>\n          ))}\n        </div>\n      </div>\n\n      <GlassCard treatment=\"glass\" glow className=\"border-border-seam\">\n        <CardContent className=\"p-4\">\n          <ResponsiveTable\n            data={paged}\n            rowKey={(candidate) => candidate.id}\n            columns={CANDIDATE_COLUMNS}\n            emptyState={\n              <IllustratedEmptyState\n                illustration=\"empty-search\"\n                title=\"No candidates match\"\n                description=\"Try a different search term or status filter.\"\n              />\n            }\n            rowActions={(candidate) => (\n              <div className=\"flex items-center justify-end gap-1\">\n                <Button\n                  variant=\"ghost\"\n                  size=\"sm\"\n                  aria-label={`Edit ${candidate.firstName} ${candidate.lastName}`}\n                  onClick={() => setEditTarget(candidate)}\n                >\n                  <Pencil className=\"h-3.5 w-3.5\" />\n                </Button>\n                <Button\n                  variant=\"ghost\"\n                  size=\"sm\"\n                  aria-label={`Delete ${candidate.firstName} ${candidate.lastName}`}\n                  onClick={() => setDeleteTarget(candidate)}\n                >\n                  <Trash2 className=\"h-3.5 w-3.5 text-status-error-fg\" />\n                </Button>\n              </div>\n            )}\n          />\n          {filtered.length > pageSize && (\n            <div className=\"mt-4\">\n              <Pagination\n                page={page}\n                pageSize={pageSize}\n                totalItems={filtered.length}\n                onPageChange={setPage}\n              />\n            </div>\n          )}\n        </CardContent>\n      </GlassCard>\n\n      <FormModal\n        open={createOpen}\n        onOpenChange={setCreateOpen}\n        title=\"Add Candidate\"\n        description=\"Add someone to your hiring pipeline.\"\n        fields={CANDIDATE_FIELDS}\n        submitLabel=\"Add candidate\"\n        onSubmit={handleCreate}\n      />\n      <FormModal\n        open={editTarget !== null}\n        onOpenChange={(open) => {\n          if (!open) {\n            setEditTarget(null);\n          }\n        }}\n        title=\"Edit Candidate\"\n        description={editTarget ? `${editTarget.firstName} ${editTarget.lastName}` : undefined}\n        fields={CANDIDATE_FIELDS}\n        initialValues={editTarget ? candidateToValues(editTarget) : undefined}\n        submitLabel=\"Save changes\"\n        onSubmit={handleEdit}\n      />\n      <ConfirmDialog\n        open={deleteTarget !== null}\n        onOpenChange={(open) => {\n          if (!open) {\n            setDeleteTarget(null);\n          }\n        }}\n        title=\"Remove candidate\"\n        description={\n          deleteTarget\n            ? `Remove ${deleteTarget.firstName} ${deleteTarget.lastName} from the pipeline?`\n            : undefined\n        }\n        confirmLabel=\"Remove\"\n        destructive\n        onConfirm={handleDelete}\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}