@burdenoff/microfe-crewfoundry 2026.704.6 → 2026.707.1

package/dist/crewfoundry/pages/HiringCandidatesPagePage.js

@@ -1,16 +1,85 @@
 import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
 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";
+import { getInitials as n } from "../components/viz/lib/format.js";
+import { KanbanBoard as r } from "../components/viz/KanbanBoard.js";
+import { RatingStars as i } from "../components/viz/RatingStars.js";
+import "../components/viz/index.js";
+import { FormModal as a } from "../components/forms/FormModal.js";
+import { ConfirmDialog as o } from "../components/forms/ConfirmDialog.js";
+import { getNumber as s, getTags as c, getText as l, newClientId as ee } from "../components/forms/formValues.js";
+import { useMemo as u, useState as d } from "react";
+import { ArrowRightLeft as f, LayoutGrid as p, Pencil as m, Plus as h, Search as g, Table2 as _, Trash2 as v } from "lucide-react";
+import { jsx as y, jsxs as b } from "react/jsx-runtime";
+import { Badge as x, Button as S, CardContent as C, DropdownMenu as w, DropdownMenuContent as T, DropdownMenuItem as E, DropdownMenuLabel as D, DropdownMenuSeparator as O, DropdownMenuTrigger as k, GlassCard as A, GradientText as j, IllustratedEmptyState as M, Input as N, PagePurpose as P, Pagination as F, ResponsiveTable as te } from "@burdenoff/fe-libs/ui";
+import { usePagination as ne } from "@burdenoff/fe-libs/shared/hooks";
+import { useGlobalUi as re } from "@burdenoff/fe-libs/shared/providers/shell";
 //#region src/crewfoundry/pages/HiringCandidatesPagePage.tsx
-var O = [
+var I = [
+	{
+		label: "New",
+		value: "new"
+	},
+	{
+		label: "Screening",
+		value: "screening"
+	},
+	{
+		label: "Interview",
+		value: "interview"
+	},
+	{
+		label: "Assessment",
+		value: "assessment"
+	},
+	{
+		label: "Offer",
+		value: "offer"
+	},
+	{
+		label: "Hired",
+		value: "hired"
+	},
+	{
+		label: "Rejected",
+		value: "rejected"
+	}
+], L = [
+	{
+		key: "new",
+		label: "New",
+		accent: "var(--color-status-info-text)"
+	},
+	{
+		key: "screening",
+		label: "Screening",
+		accent: "var(--color-accent-blue)"
+	},
+	{
+		key: "interview",
+		label: "Interview",
+		accent: "var(--color-accent-purple)"
+	},
+	{
+		key: "assessment",
+		label: "Assessment",
+		accent: "var(--color-status-warning-text)"
+	},
+	{
+		key: "offer",
+		label: "Offer",
+		accent: "var(--color-accent-teal)"
+	},
+	{
+		key: "hired",
+		label: "Hired",
+		accent: "var(--color-status-success-text)"
+	},
+	{
+		key: "rejected",
+		label: "Rejected",
+		accent: "var(--color-status-error-text)"
+	}
+], R = [
 	{
 		name: "firstName",
 		label: "First Name",
@@ -46,36 +115,7 @@ var O = [
 		label: "Status",
 		type: "select",
 		required: !0,
-		options: [
-			{
-				label: "New",
-				value: "new"
-			},
-			{
-				label: "Screening",
-				value: "screening"
-			},
-			{
-				label: "Interview",
-				value: "interview"
-			},
-			{
-				label: "Assessment",
-				value: "assessment"
-			},
-			{
-				label: "Offer",
-				value: "offer"
-			},
-			{
-				label: "Hired",
-				value: "hired"
-			},
-			{
-				label: "Rejected",
-				value: "rejected"
-			}
-		]
+		options: I
 	},
 	{
 		name: "source",
@@ -122,7 +162,7 @@ var O = [
 		type: "textarea",
 		colSpan: 2
 	}
-], k = (e) => ({
+], z = (e) => ({
 	firstName: e.firstName,
 	lastName: e.lastName,
 	email: e.email,
@@ -137,46 +177,65 @@ var O = [
 	resumeUrl: e.resumeUrl ?? "",
 	skills: e.skills,
 	notes: e.notes
-}), A = (e) => {
-	let t = o(e, "appliedDate");
+}), B = (e) => {
+	let t = l(e, "appliedDate");
 	return {
-		firstName: o(e, "firstName"),
-		lastName: o(e, "lastName"),
-		email: o(e, "email"),
-		phone: o(e, "phone"),
-		position: o(e, "position"),
+		firstName: l(e, "firstName"),
+		lastName: l(e, "lastName"),
+		email: l(e, "email"),
+		phone: l(e, "phone"),
+		position: l(e, "position"),
 		status: e.status,
-		source: o(e, "source"),
-		experience: i(e, "experience"),
-		currentCompany: o(e, "currentCompany"),
-		rating: i(e, "rating"),
+		source: l(e, "source"),
+		experience: s(e, "experience"),
+		currentCompany: l(e, "currentCompany"),
+		rating: s(e, "rating"),
 		appliedDate: t.trim() === "" ? (/* @__PURE__ */ new Date()).toISOString().slice(0, 10) : t,
-		resumeUrl: o(e, "resumeUrl"),
-		skills: a(e, "skills"),
-		notes: o(e, "notes")
+		resumeUrl: l(e, "resumeUrl"),
+		skills: c(e, "skills"),
+		notes: l(e, "notes")
 	};
-}, j = [
+};
+function V({ name: e, size: t = 36 }) {
+	return /* @__PURE__ */ y("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,
+			height: t,
+			fontSize: Math.round(t * .36)
+		},
+		"aria-hidden": "true",
+		children: n(e)
+	});
+}
+var H = [
 	{
 		key: "name",
 		header: "Name",
 		priority: "primary",
-		cell: (e) => /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ h("p", {
-			className: "font-medium",
-			children: [
-				e.firstName,
-				" ",
-				e.lastName
-			]
-		}), /* @__PURE__ */ m("p", {
-			className: "text-xs text-text-secondary",
-			children: e.email
-		})] })
+		cell: (e) => /* @__PURE__ */ b("div", {
+			className: "flex items-center gap-2",
+			children: [/* @__PURE__ */ y(V, {
+				name: `${e.firstName} ${e.lastName}`,
+				size: 30
+			}), /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ b("p", {
+				className: "font-medium",
+				children: [
+					e.firstName,
+					" ",
+					e.lastName
+				]
+			}), /* @__PURE__ */ y("p", {
+				className: "text-xs text-text-secondary",
+				children: e.email
+			})] })]
+		})
 	},
 	{
 		key: "position",
 		header: "Position",
 		priority: "secondary",
-		cell: (e) => /* @__PURE__ */ m("span", {
+		cell: (e) => /* @__PURE__ */ y("span", {
 			className: "text-text-secondary",
 			children: e.position
 		})
@@ -185,7 +244,7 @@ var O = [
 		key: "source",
 		header: "Source",
 		priority: "secondary",
-		cell: (e) => /* @__PURE__ */ m(g, {
+		cell: (e) => /* @__PURE__ */ y(x, {
 			variant: "outline",
 			className: "w-fit h-fit text-[10px]",
 			children: e.source
@@ -195,22 +254,22 @@ var O = [
 		key: "experience",
 		header: "Experience",
 		priority: "secondary",
-		cell: (e) => /* @__PURE__ */ h("span", { children: [e.experience, " yrs"] })
+		cell: (e) => /* @__PURE__ */ b("span", { children: [e.experience, " yrs"] })
 	},
 	{
 		key: "rating",
 		header: "Rating",
 		priority: "secondary",
-		cell: (e) => /* @__PURE__ */ h("span", {
-			className: "flex items-center gap-1",
-			children: [/* @__PURE__ */ m(f, { className: "h-3 w-3 text-status-warning-text" }), e.rating]
+		cell: (e) => /* @__PURE__ */ y(i, {
+			value: e.rating,
+			size: 13
 		})
 	},
 	{
 		key: "applied",
 		header: "Applied",
 		priority: "hidden-on-mobile",
-		cell: (e) => /* @__PURE__ */ m("span", {
+		cell: (e) => /* @__PURE__ */ y("span", {
 			className: "text-text-secondary text-xs",
 			children: e.appliedDate
 		})
@@ -219,160 +278,295 @@ var O = [
 		key: "status",
 		header: "Status",
 		priority: "secondary",
-		cell: (e) => /* @__PURE__ */ m(g, {
+		cell: (e) => /* @__PURE__ */ y(x, {
 			variant: e.status === "hired" || e.status === "offer" ? "default" : e.status === "rejected" ? "destructive" : "secondary",
 			className: "text-[10px]",
 			children: t(e.status)
 		})
 	}
 ];
-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: s(),
-			...A(e)
-		}), t("Candidate added", "success");
-	}, K = async (e) => {
-		V && (await o(V.id, A(e)), t("Candidate updated", "success"));
-	}, q = async () => {
-		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(g.toLowerCase()), n = N === "all" || e.status === N;
-		return t && n;
-	}), X = Y.slice(L, L + I);
-	return /* @__PURE__ */ h("div", {
+function U() {
+	let { showToast: n } = re(), { candidates: i, addCandidate: s, updateCandidate: c, removeCandidate: l } = e(), [f, x] = d(""), [w, T] = d("board"), [E, D] = d("all"), { page: O, pageSize: k, offset: I, setPage: V } = ne({ initialPageSize: 25 }), [U, G] = d(!1), [K, q] = d(null), [J, Y] = d(null), X = async (e) => {
+		await s({
+			id: ee(),
+			...B(e)
+		}), n("Candidate added", "success");
+	}, ie = async (e) => {
+		K && (await c(K.id, B(e)), n("Candidate updated", "success"));
+	}, ae = async () => {
+		J && (await l(J.id), n("Candidate removed", "success"));
+	}, oe = async (e, r) => {
+		if (e.status !== r) try {
+			await c(e.id, { status: r }), n(`${e.firstName} ${e.lastName} moved to ${t(r)}`, "success");
+		} catch {
+			n("Could not move candidate", "error");
+		}
+	}, Z = f.toLowerCase(), Q = u(() => i.filter((e) => `${e.firstName} ${e.lastName} ${e.position} ${e.email}`.toLowerCase().includes(Z)), [i, Z]), $ = Q.filter((e) => E === "all" || e.status === E), se = $.slice(I, I + k), ce = L.map((e) => {
+		let t = Q.filter((t) => t.status === e.key).sort((e, t) => t.rating - e.rating);
+		return {
+			id: e.key,
+			title: e.label,
+			accent: e.accent,
+			items: t.map((e) => /* @__PURE__ */ y(W, {
+				candidate: e,
+				onMove: oe,
+				onEdit: () => q(e),
+				onDelete: () => Y(e)
+			}, e.id))
+		};
+	});
+	return /* @__PURE__ */ b("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ h("div", {
-				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ h("div", { children: [
-					/* @__PURE__ */ m("h1", {
+			/* @__PURE__ */ b("div", {
+				className: "flex flex-wrap items-start justify-between gap-3",
+				children: [/* @__PURE__ */ b("div", { children: [
+					/* @__PURE__ */ y("h1", {
 						className: "text-2xl font-semibold",
-						children: /* @__PURE__ */ m(b, { children: "Candidates" })
+						children: /* @__PURE__ */ y(j, { children: "Candidate Pipeline" })
 					}),
-					/* @__PURE__ */ h("p", {
+					/* @__PURE__ */ b("p", {
 						className: "text-sm text-text-secondary",
 						children: [i.length, " candidates in pipeline"]
 					}),
-					/* @__PURE__ */ m(C, {
+					/* @__PURE__ */ y(P, {
 						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."
+						children: "Track every candidate as they move through your hiring stages — drag work through New, Screening, Interview, Assessment, Offer, and Hired to keep the pipeline flowing."
 					})
-				] }), /* @__PURE__ */ h(_, {
+				] }), /* @__PURE__ */ b(S, {
 					size: "sm",
-					onClick: () => B(!0),
-					children: [/* @__PURE__ */ m(u, { className: "h-4 w-4 mr-1" }), "Add Candidate"]
+					onClick: () => G(!0),
+					children: [/* @__PURE__ */ y(h, { className: "h-4 w-4 mr-1" }), "Add Candidate"]
 				})]
 			}),
-			/* @__PURE__ */ h("div", {
-				className: "flex gap-3 flex-wrap",
-				children: [/* @__PURE__ */ h("div", {
-					className: "relative flex-1 max-w-sm",
-					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, {
+			/* @__PURE__ */ b("div", {
+				className: "flex flex-wrap items-center gap-3",
+				children: [/* @__PURE__ */ b("div", {
+					className: "relative flex-1 min-w-[12rem] max-w-sm",
+					children: [/* @__PURE__ */ y(g, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary" }), /* @__PURE__ */ y(N, {
 						placeholder: "Search candidates...",
 						className: "pl-9",
-						value: g,
+						value: f,
 						onChange: (e) => {
-							M(e.target.value), R(1);
+							x(e.target.value), V(1);
 						}
 					})]
-				}), /* @__PURE__ */ h("div", {
-					className: "flex gap-1",
-					children: [/* @__PURE__ */ m(_, {
-						variant: N === "all" ? "default" : "outline",
+				}), /* @__PURE__ */ b("div", {
+					className: "inline-flex items-center gap-1 rounded-full border border-border-subtle bg-bg-sunken p-1",
+					children: [/* @__PURE__ */ b(S, {
+						variant: w === "board" ? "default" : "ghost",
 						size: "sm",
-						onClick: () => {
-							P("all"), R(1);
-						},
-						children: "All"
-					}), J.map((e) => /* @__PURE__ */ m(_, {
-						variant: N === e ? "default" : "outline",
+						className: "rounded-full",
+						onClick: () => T("board"),
+						children: [/* @__PURE__ */ y(p, { className: "h-4 w-4 mr-1" }), "Board"]
+					}), /* @__PURE__ */ b(S, {
+						variant: w === "table" ? "default" : "ghost",
 						size: "sm",
-						onClick: () => {
-							P(e), R(1);
-						},
-						children: e
-					}, e))]
+						className: "rounded-full",
+						onClick: () => T("table"),
+						children: [/* @__PURE__ */ y(_, { className: "h-4 w-4 mr-1" }), "Table"]
+					})]
 				})]
 			}),
-			/* @__PURE__ */ m(y, {
+			i.length === 0 ? /* @__PURE__ */ y(A, {
+				treatment: "glass",
+				className: "border-border-seam",
+				children: /* @__PURE__ */ y(C, {
+					className: "p-4",
+					children: /* @__PURE__ */ y(M, {
+						illustration: "empty-search",
+						title: "No candidates yet",
+						description: "Add your first candidate to start building the pipeline."
+					})
+				})
+			}) : w === "board" ? /* @__PURE__ */ y(r, {
+				columns: ce,
+				emptyColumnHint: "No candidates in this stage"
+			}) : /* @__PURE__ */ y(A, {
 				treatment: "glass",
 				glow: !0,
 				className: "border-border-seam",
-				children: /* @__PURE__ */ h(v, {
+				children: /* @__PURE__ */ b(C, {
 					className: "p-4",
-					children: [/* @__PURE__ */ m(T, {
-						data: X,
-						rowKey: (e) => e.id,
-						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__ */ h("div", {
-							className: "flex items-center justify-end gap-1",
-							children: [/* @__PURE__ */ m(_, {
-								variant: "ghost",
+					children: [
+						/* @__PURE__ */ b("div", {
+							className: "mb-3 flex flex-wrap gap-1",
+							children: [/* @__PURE__ */ y(S, {
+								variant: E === "all" ? "default" : "outline",
 								size: "sm",
-								"aria-label": `Edit ${e.firstName} ${e.lastName}`,
-								onClick: () => H(e),
-								children: /* @__PURE__ */ m(l, { className: "h-3.5 w-3.5" })
-							}), /* @__PURE__ */ m(_, {
-								variant: "ghost",
+								onClick: () => {
+									D("all"), V(1);
+								},
+								children: "All"
+							}), L.map((e) => /* @__PURE__ */ y(S, {
+								variant: E === e.key ? "default" : "outline",
 								size: "sm",
-								"aria-label": `Delete ${e.firstName} ${e.lastName}`,
-								onClick: () => W(e),
-								children: /* @__PURE__ */ m(p, { className: "h-3.5 w-3.5 text-status-error-fg" })
-							})]
-						})
-					}), Y.length > I && /* @__PURE__ */ m("div", {
-						className: "mt-4",
-						children: /* @__PURE__ */ m(w, {
-							page: F,
-							pageSize: I,
-							totalItems: Y.length,
-							onPageChange: R
+								onClick: () => {
+									D(e.key), V(1);
+								},
+								children: e.label
+							}, e.key))]
+						}),
+						/* @__PURE__ */ y(te, {
+							data: se,
+							rowKey: (e) => e.id,
+							columns: H,
+							emptyState: /* @__PURE__ */ y(M, {
+								illustration: "empty-search",
+								title: "No candidates match",
+								description: "Try a different search term or status filter."
+							}),
+							rowActions: (e) => /* @__PURE__ */ b("div", {
+								className: "flex items-center justify-end gap-1",
+								children: [/* @__PURE__ */ y(S, {
+									variant: "ghost",
+									size: "sm",
+									"aria-label": `Edit ${e.firstName} ${e.lastName}`,
+									onClick: () => q(e),
+									children: /* @__PURE__ */ y(m, { className: "h-3.5 w-3.5" })
+								}), /* @__PURE__ */ y(S, {
+									variant: "ghost",
+									size: "sm",
+									"aria-label": `Delete ${e.firstName} ${e.lastName}`,
+									onClick: () => Y(e),
+									children: /* @__PURE__ */ y(v, { className: "h-3.5 w-3.5 text-status-error-fg" })
+								})]
+							})
+						}),
+						$.length > k && /* @__PURE__ */ y("div", {
+							className: "mt-4",
+							children: /* @__PURE__ */ y(F, {
+								page: O,
+								pageSize: k,
+								totalItems: $.length,
+								onPageChange: V
+							})
 						})
-					})]
+					]
 				})
 			}),
-			/* @__PURE__ */ m(n, {
-				open: z,
-				onOpenChange: B,
+			/* @__PURE__ */ y(a, {
+				open: U,
+				onOpenChange: G,
 				title: "Add Candidate",
 				description: "Add someone to your hiring pipeline.",
-				fields: O,
+				fields: R,
 				submitLabel: "Add candidate",
-				onSubmit: G
+				onSubmit: X
 			}),
-			/* @__PURE__ */ m(n, {
-				open: V !== null,
+			/* @__PURE__ */ y(a, {
+				open: K !== null,
 				onOpenChange: (e) => {
-					e || H(null);
+					e || q(null);
 				},
 				title: "Edit Candidate",
-				description: V ? `${V.firstName} ${V.lastName}` : void 0,
-				fields: O,
-				initialValues: V ? k(V) : void 0,
+				description: K ? `${K.firstName} ${K.lastName}` : void 0,
+				fields: R,
+				initialValues: K ? z(K) : void 0,
 				submitLabel: "Save changes",
-				onSubmit: K
+				onSubmit: ie
 			}),
-			/* @__PURE__ */ m(r, {
-				open: U !== null,
+			/* @__PURE__ */ y(o, {
+				open: J !== null,
 				onOpenChange: (e) => {
-					e || W(null);
+					e || Y(null);
 				},
 				title: "Remove candidate",
-				description: U ? `Remove ${U.firstName} ${U.lastName} from the pipeline?` : void 0,
+				description: J ? `Remove ${J.firstName} ${J.lastName} from the pipeline?` : void 0,
 				confirmLabel: "Remove",
 				destructive: !0,
-				onConfirm: q
+				onConfirm: ae
+			})
+		]
+	});
+}
+function W({ candidate: e, onMove: t, onEdit: n, onDelete: r }) {
+	let a = `${e.firstName} ${e.lastName}`;
+	return /* @__PURE__ */ b("div", {
+		className: "group rounded-[var(--radius-input)] border border-border-subtle bg-bg-surface p-3 shadow-elevation-1 transition-shadow hover:shadow-elevation-2",
+		children: [
+			/* @__PURE__ */ b("div", {
+				className: "flex items-start gap-2.5",
+				children: [/* @__PURE__ */ y(V, {
+					name: a,
+					size: 36
+				}), /* @__PURE__ */ b("div", {
+					className: "min-w-0 flex-1",
+					children: [/* @__PURE__ */ y("p", {
+						className: "truncate text-sm font-semibold text-text-primary",
+						children: a
+					}), /* @__PURE__ */ y("p", {
+						className: "truncate text-xs text-text-secondary",
+						children: e.position
+					})]
+				})]
+			}),
+			/* @__PURE__ */ b("div", {
+				className: "mt-2 flex items-center justify-between gap-2",
+				children: [/* @__PURE__ */ y(i, {
+					value: e.rating,
+					size: 13
+				}), /* @__PURE__ */ y(x, {
+					variant: "outline",
+					className: "shrink-0 text-[9px]",
+					children: e.source
+				})]
+			}),
+			e.skills.length > 0 && /* @__PURE__ */ y("div", {
+				className: "mt-2 flex flex-wrap gap-1",
+				children: e.skills.slice(0, 3).map((e) => /* @__PURE__ */ y(x, {
+					variant: "secondary",
+					className: "text-[9px]",
+					children: e
+				}, e))
+			}),
+			/* @__PURE__ */ b("div", {
+				className: "mt-2.5 flex items-center justify-between gap-1 border-t border-border-subtle pt-2",
+				children: [/* @__PURE__ */ b(w, { children: [/* @__PURE__ */ y(k, {
+					asChild: !0,
+					children: /* @__PURE__ */ b(S, {
+						variant: "ghost",
+						size: "sm",
+						className: "h-7 px-2 text-xs",
+						children: [/* @__PURE__ */ y(f, { className: "mr-1 h-3.5 w-3.5" }), "Move"]
+					})
+				}), /* @__PURE__ */ b(T, {
+					align: "start",
+					children: [
+						/* @__PURE__ */ y(D, { children: "Move to stage" }),
+						/* @__PURE__ */ y(O, {}),
+						L.filter((t) => t.key !== e.status).map((n) => /* @__PURE__ */ b(E, {
+							onSelect: () => t(e, n.key),
+							children: [/* @__PURE__ */ y("span", {
+								"aria-hidden": "true",
+								className: "mr-2 inline-block h-2 w-2 rounded-full",
+								style: { backgroundColor: n.accent }
+							}), n.label]
+						}, n.key))
+					]
+				})] }), /* @__PURE__ */ b("div", {
+					className: "flex items-center gap-0.5",
+					children: [/* @__PURE__ */ y(S, {
+						variant: "ghost",
+						size: "sm",
+						className: "h-7 w-7 p-0",
+						"aria-label": `Edit ${a}`,
+						onClick: n,
+						children: /* @__PURE__ */ y(m, { className: "h-3.5 w-3.5" })
+					}), /* @__PURE__ */ y(S, {
+						variant: "ghost",
+						size: "sm",
+						className: "h-7 w-7 p-0",
+						"aria-label": `Delete ${a}`,
+						onClick: r,
+						children: /* @__PURE__ */ y(v, { className: "h-3.5 w-3.5 text-status-error-fg" })
+					})]
+				})]
 			})
 		]
 	});
 }
 //#endregion
-export { M as HiringCandidatesPagePage };
+export { U as HiringCandidatesPagePage };
 
 //# sourceMappingURL=HiringCandidatesPagePage.js.map