@burdenoff/microfe-crewfoundry 2026.1030.3 → 2026.1030.4

package/dist/crewfoundry/pages/HiringCandidatesPagePage.js

@@ -6,16 +6,17 @@ import { RatingStars as i } from "../components/viz/RatingStars.js";
 import "../components/viz/index.js";
 import { FormModal as a } from "../components/forms/FormModal.js";
 import { useFocusedRecordParam as o } from "../lib/useFocusedRecordParam.js";
-import { ConfirmDialog as s } from "../components/forms/ConfirmDialog.js";
-import { getNumber as c, getTags as l, getText as u, newClientId as d } from "../components/forms/formValues.js";
-import { useMemo as f, useState as p } from "react";
-import { ArrowRightLeft as m, LayoutGrid as h, Pencil as g, Plus as _, Search as v, Table2 as y, Trash2 as b } from "lucide-react";
-import { jsx as x, jsxs as S } from "react/jsx-runtime";
-import { Badge as C, Button as w, CardContent as T, DropdownMenu as E, DropdownMenuContent as D, DropdownMenuItem as O, DropdownMenuLabel as k, DropdownMenuSeparator as A, DropdownMenuTrigger as j, GlassCard as M, GradientText as N, IllustratedEmptyState as P, Input as F, PagePurpose as ee, Pagination as te, ResponsiveTable as ne } from "@burdenoff/fe-libs/ui";
-import { usePagination as re } from "@burdenoff/fe-libs/shared/hooks";
-import { useGlobalUi as ie } from "@burdenoff/fe-libs/shared/providers/shell";
+import { CandidateSkillsPanel as s } from "../components/EmployeeSkillsPanel.js";
+import { ConfirmDialog as c } from "../components/forms/ConfirmDialog.js";
+import { getNumber as l, getTags as u, getText as d, newClientId as f } from "../components/forms/formValues.js";
+import { useMemo as p, useState as m } from "react";
+import { ArrowRightLeft as h, Gauge as g, LayoutGrid as ee, Pencil as _, Plus as te, Search as ne, Table2 as v, Trash2 as y } from "lucide-react";
+import { jsx as b, jsxs as x } from "react/jsx-runtime";
+import { Badge as S, Button as C, CardContent as w, DropdownMenu as T, DropdownMenuContent as E, DropdownMenuItem as D, DropdownMenuLabel as O, DropdownMenuSeparator as k, DropdownMenuTrigger as A, GlassCard as j, GradientText as M, IllustratedEmptyState as N, Input as re, PagePurpose as ie, Pagination as ae, ResponsiveDialog as oe, ResponsiveDialogContent as se, ResponsiveDialogDescription as ce, ResponsiveDialogHeader as le, ResponsiveDialogTitle as ue, ResponsiveTable as P } from "@burdenoff/fe-libs/ui";
+import { usePagination as F } from "@burdenoff/fe-libs/shared/hooks";
+import { useGlobalUi as I } from "@burdenoff/fe-libs/shared/providers/shell";
 //#region src/crewfoundry/pages/HiringCandidatesPagePage.tsx
-var I = [
+var L = [
 	{
 		label: "New",
 		value: "new"
@@ -44,7 +45,7 @@ var I = [
 		label: "Rejected",
 		value: "rejected"
 	}
-], L = [
+], R = [
 	{
 		key: "new",
 		label: "New",
@@ -80,7 +81,7 @@ var I = [
 		label: "Rejected",
 		accent: "var(--color-status-error-text)"
 	}
-], R = [
+], z = [
 	{
 		name: "firstName",
 		label: "First Name",
@@ -116,7 +117,7 @@ var I = [
 		label: "Status",
 		type: "select",
 		required: !0,
-		options: I
+		options: L
 	},
 	{
 		name: "source",
@@ -163,7 +164,7 @@ var I = [
 		type: "textarea",
 		colSpan: 2
 	}
-], z = (e) => ({
+], B = (e) => ({
 	firstName: e.firstName,
 	lastName: e.lastName,
 	email: e.email,
@@ -178,27 +179,27 @@ var I = [
 	resumeUrl: e.resumeUrl ?? "",
 	skills: e.skills,
 	notes: e.notes
-}), B = (e) => {
-	let t = u(e, "appliedDate");
+}), V = (e) => {
+	let t = d(e, "appliedDate");
 	return {
-		firstName: u(e, "firstName"),
-		lastName: u(e, "lastName"),
-		email: u(e, "email"),
-		phone: u(e, "phone"),
-		position: u(e, "position"),
+		firstName: d(e, "firstName"),
+		lastName: d(e, "lastName"),
+		email: d(e, "email"),
+		phone: d(e, "phone"),
+		position: d(e, "position"),
 		status: e.status,
-		source: u(e, "source"),
-		experience: c(e, "experience"),
-		currentCompany: u(e, "currentCompany"),
-		rating: c(e, "rating"),
+		source: d(e, "source"),
+		experience: l(e, "experience"),
+		currentCompany: d(e, "currentCompany"),
+		rating: l(e, "rating"),
 		appliedDate: t.trim() === "" ? (/* @__PURE__ */ new Date()).toISOString().slice(0, 10) : t,
-		resumeUrl: u(e, "resumeUrl"),
-		skills: l(e, "skills"),
-		notes: u(e, "notes")
+		resumeUrl: d(e, "resumeUrl"),
+		skills: u(e, "skills"),
+		notes: d(e, "notes")
 	};
 };
-function V({ name: e, size: t = 36 }) {
-	return /* @__PURE__ */ x("span", {
+function H({ name: e, size: t = 36 }) {
+	return /* @__PURE__ */ b("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,
@@ -209,24 +210,24 @@ function V({ name: e, size: t = 36 }) {
 		children: n(e)
 	});
 }
-var H = [
+var de = [
 	{
 		key: "name",
 		header: "Name",
 		priority: "primary",
-		cell: (e) => /* @__PURE__ */ S("div", {
+		cell: (e) => /* @__PURE__ */ x("div", {
 			className: "flex items-center gap-2",
-			children: [/* @__PURE__ */ x(V, {
+			children: [/* @__PURE__ */ b(H, {
 				name: `${e.firstName} ${e.lastName}`,
 				size: 30
-			}), /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ S("p", {
+			}), /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ x("p", {
 				className: "font-medium",
 				children: [
 					e.firstName,
 					" ",
 					e.lastName
 				]
-			}), /* @__PURE__ */ x("p", {
+			}), /* @__PURE__ */ b("p", {
 				className: "text-xs text-text-secondary",
 				children: e.email
 			})] })]
@@ -236,7 +237,7 @@ var H = [
 		key: "position",
 		header: "Position",
 		priority: "secondary",
-		cell: (e) => /* @__PURE__ */ x("span", {
+		cell: (e) => /* @__PURE__ */ b("span", {
 			className: "text-text-secondary",
 			children: e.position
 		})
@@ -245,7 +246,7 @@ var H = [
 		key: "source",
 		header: "Source",
 		priority: "secondary",
-		cell: (e) => /* @__PURE__ */ x(C, {
+		cell: (e) => /* @__PURE__ */ b(S, {
 			variant: "outline",
 			className: "w-fit h-fit text-[10px]",
 			children: e.source
@@ -255,13 +256,13 @@ var H = [
 		key: "experience",
 		header: "Experience",
 		priority: "secondary",
-		cell: (e) => /* @__PURE__ */ S("span", { children: [e.experience, " yrs"] })
+		cell: (e) => /* @__PURE__ */ x("span", { children: [e.experience, " yrs"] })
 	},
 	{
 		key: "rating",
 		header: "Rating",
 		priority: "secondary",
-		cell: (e) => /* @__PURE__ */ x(i, {
+		cell: (e) => /* @__PURE__ */ b(i, {
 			value: e.rating,
 			size: 13
 		})
@@ -270,7 +271,7 @@ var H = [
 		key: "applied",
 		header: "Applied",
 		priority: "hidden-on-mobile",
-		cell: (e) => /* @__PURE__ */ x("span", {
+		cell: (e) => /* @__PURE__ */ b("span", {
 			className: "text-text-secondary text-xs",
 			children: e.appliedDate
 		})
@@ -279,7 +280,7 @@ var H = [
 		key: "status",
 		header: "Status",
 		priority: "secondary",
-		cell: (e) => /* @__PURE__ */ x(C, {
+		cell: (e) => /* @__PURE__ */ b(S, {
 			variant: e.status === "hired" || e.status === "offer" ? "default" : e.status === "rejected" ? "destructive" : "secondary",
 			className: "text-[10px]",
 			children: t(e.status)
@@ -287,287 +288,319 @@ var H = [
 	}
 ];
 function U() {
-	let { showToast: n } = ie(), { candidates: i, addCandidate: c, updateCandidate: l, removeCandidate: u } = e(), [m, C] = p(""), [E, D] = p("board"), [O, k] = p("all"), { page: A, pageSize: j, offset: I, setPage: V } = re({ initialPageSize: 25 }), [U, G] = p(!1), [K, q] = p(null), [J, Y] = p(null);
+	let { showToast: n } = I(), { candidates: i, addCandidate: l, updateCandidate: u, removeCandidate: d } = e(), [h, S] = m(""), [T, E] = m("board"), [D, O] = m("all"), { page: k, pageSize: A, offset: L, setPage: H } = F({ initialPageSize: 25 }), [U, W] = m(!1), [G, K] = m(null), [q, J] = m(null), [Y, X] = m(null);
 	o({
 		records: i,
-		activeId: K?.id ?? null,
-		onRestore: q
+		activeId: G?.id ?? null,
+		onRestore: K
 	});
-	let ae = async (e) => {
-		await c({
-			id: d(),
-			...B(e)
+	let pe = async (e) => {
+		await l({
+			id: f(),
+			...V(e)
 		}), n("Candidate added", "success");
-	}, oe = async (e) => {
-		K && (await l(K.id, B(e)), n("Candidate updated", "success"));
-	}, se = async () => {
-		J && (await u(J.id), n("Candidate removed", "success"));
-	}, ce = async (e, r) => {
+	}, me = async (e) => {
+		G && (await u(G.id, V(e)), n("Candidate updated", "success"));
+	}, he = async () => {
+		q && (await d(q.id), n("Candidate removed", "success"));
+	}, ge = async (e, r) => {
 		if (e.status !== r) try {
-			await l(e.id, { status: r }), n(`${e.firstName} ${e.lastName} moved to ${t(r)}`, "success");
+			await u(e.id, { status: r }), n(`${e.firstName} ${e.lastName} moved to ${t(r)}`, "success");
 		} catch {
 			n("Could not move candidate", "error");
 		}
-	}, X = m.toLowerCase(), Z = f(() => i.filter((e) => `${e.firstName} ${e.lastName} ${e.position} ${e.email}`.toLowerCase().includes(X)), [i, X]), Q = Z.filter((e) => O === "all" || e.status === O), le = Q.slice(I, I + j), $ = L.map((e) => {
-		let t = Z.filter((t) => t.status === e.key).sort((e, t) => t.rating - e.rating);
+	}, Z = h.toLowerCase(), Q = p(() => i.filter((e) => `${e.firstName} ${e.lastName} ${e.position} ${e.email}`.toLowerCase().includes(Z)), [i, Z]), $ = Q.filter((e) => D === "all" || e.status === D), _e = $.slice(L, L + A), ve = R.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__ */ x(W, {
+			items: t.map((e) => /* @__PURE__ */ b(fe, {
 				candidate: e,
-				onMove: ce,
-				onEdit: () => q(e),
-				onDelete: () => Y(e)
+				onMove: ge,
+				onEdit: () => K(e),
+				onSkills: () => X(e),
+				onDelete: () => J(e)
 			}, e.id))
 		};
 	});
-	return /* @__PURE__ */ S("div", {
+	return /* @__PURE__ */ x("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ S("div", {
+			/* @__PURE__ */ x("div", {
 				className: "flex flex-wrap items-start justify-between gap-3",
-				children: [/* @__PURE__ */ S("div", { children: [
-					/* @__PURE__ */ x("h1", {
+				children: [/* @__PURE__ */ x("div", { children: [
+					/* @__PURE__ */ b("h1", {
 						className: "text-2xl font-semibold",
-						children: /* @__PURE__ */ x(N, { children: "Candidate Pipeline" })
+						children: /* @__PURE__ */ b(M, { children: "Candidate Pipeline" })
 					}),
-					/* @__PURE__ */ S("p", {
+					/* @__PURE__ */ x("p", {
 						className: "text-sm text-text-secondary",
 						children: [i.length, " candidates in pipeline"]
 					}),
-					/* @__PURE__ */ x(ee, {
+					/* @__PURE__ */ b(ie, {
 						className: "mt-1",
 						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__ */ S(w, {
+				] }), /* @__PURE__ */ x(C, {
 					size: "sm",
-					onClick: () => G(!0),
-					children: [/* @__PURE__ */ x(_, { className: "h-4 w-4 mr-1" }), "Add Candidate"]
+					onClick: () => W(!0),
+					children: [/* @__PURE__ */ b(te, { className: "h-4 w-4 mr-1" }), "Add Candidate"]
 				})]
 			}),
-			/* @__PURE__ */ S("div", {
+			/* @__PURE__ */ x("div", {
 				className: "flex flex-wrap items-center gap-3",
-				children: [/* @__PURE__ */ S("div", {
+				children: [/* @__PURE__ */ x("div", {
 					className: "relative flex-1 min-w-[12rem] max-w-sm",
-					children: [/* @__PURE__ */ x(v, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary" }), /* @__PURE__ */ x(F, {
+					children: [/* @__PURE__ */ b(ne, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary" }), /* @__PURE__ */ b(re, {
 						placeholder: "Search candidates...",
 						className: "pl-9",
-						value: m,
+						value: h,
 						onChange: (e) => {
-							C(e.target.value), V(1);
+							S(e.target.value), H(1);
 						}
 					})]
-				}), /* @__PURE__ */ S("div", {
+				}), /* @__PURE__ */ x("div", {
 					className: "inline-flex items-center gap-1 rounded-full border border-border-subtle bg-bg-sunken p-1",
-					children: [/* @__PURE__ */ S(w, {
-						variant: E === "board" ? "default" : "ghost",
+					children: [/* @__PURE__ */ x(C, {
+						variant: T === "board" ? "default" : "ghost",
 						size: "sm",
 						className: "rounded-full",
-						onClick: () => D("board"),
-						children: [/* @__PURE__ */ x(h, { className: "h-4 w-4 mr-1" }), "Board"]
-					}), /* @__PURE__ */ S(w, {
-						variant: E === "table" ? "default" : "ghost",
+						onClick: () => E("board"),
+						children: [/* @__PURE__ */ b(ee, { className: "h-4 w-4 mr-1" }), "Board"]
+					}), /* @__PURE__ */ x(C, {
+						variant: T === "table" ? "default" : "ghost",
 						size: "sm",
 						className: "rounded-full",
-						onClick: () => D("table"),
-						children: [/* @__PURE__ */ x(y, { className: "h-4 w-4 mr-1" }), "Table"]
+						onClick: () => E("table"),
+						children: [/* @__PURE__ */ b(v, { className: "h-4 w-4 mr-1" }), "Table"]
 					})]
 				})]
 			}),
-			i.length === 0 ? /* @__PURE__ */ x(M, {
+			i.length === 0 ? /* @__PURE__ */ b(j, {
 				treatment: "glass",
 				className: "border-border-seam",
-				children: /* @__PURE__ */ x(T, {
+				children: /* @__PURE__ */ b(w, {
 					className: "p-4",
-					children: /* @__PURE__ */ x(P, {
+					children: /* @__PURE__ */ b(N, {
 						illustration: "empty-search",
 						title: "No candidates yet",
 						description: "Add your first candidate to start building the pipeline."
 					})
 				})
-			}) : E === "board" ? /* @__PURE__ */ x(r, {
-				columns: $,
+			}) : T === "board" ? /* @__PURE__ */ b(r, {
+				columns: ve,
 				emptyColumnHint: "No candidates in this stage"
-			}) : /* @__PURE__ */ x(M, {
+			}) : /* @__PURE__ */ b(j, {
 				treatment: "glass",
 				glow: !0,
 				className: "border-border-seam",
-				children: /* @__PURE__ */ S(T, {
+				children: /* @__PURE__ */ x(w, {
 					className: "p-4",
 					children: [
-						/* @__PURE__ */ S("div", {
+						/* @__PURE__ */ x("div", {
 							className: "mb-3 flex flex-wrap gap-1",
-							children: [/* @__PURE__ */ x(w, {
-								variant: O === "all" ? "default" : "outline",
+							children: [/* @__PURE__ */ b(C, {
+								variant: D === "all" ? "default" : "outline",
 								size: "sm",
 								onClick: () => {
-									k("all"), V(1);
+									O("all"), H(1);
 								},
 								children: "All"
-							}), L.map((e) => /* @__PURE__ */ x(w, {
-								variant: O === e.key ? "default" : "outline",
+							}), R.map((e) => /* @__PURE__ */ b(C, {
+								variant: D === e.key ? "default" : "outline",
 								size: "sm",
 								onClick: () => {
-									k(e.key), V(1);
+									O(e.key), H(1);
 								},
 								children: e.label
 							}, e.key))]
 						}),
-						/* @__PURE__ */ x(ne, {
-							data: le,
+						/* @__PURE__ */ b(P, {
+							data: _e,
 							rowKey: (e) => e.id,
-							columns: H,
-							emptyState: /* @__PURE__ */ x(P, {
+							columns: de,
+							emptyState: /* @__PURE__ */ b(N, {
 								illustration: "empty-search",
 								title: "No candidates match",
 								description: "Try a different search term or status filter."
 							}),
-							rowActions: (e) => /* @__PURE__ */ S("div", {
+							rowActions: (e) => /* @__PURE__ */ x("div", {
 								className: "flex items-center justify-end gap-1",
-								children: [/* @__PURE__ */ x(w, {
-									variant: "ghost",
-									size: "sm",
-									"aria-label": `Edit ${e.firstName} ${e.lastName}`,
-									onClick: () => q(e),
-									children: /* @__PURE__ */ x(g, { className: "h-3.5 w-3.5" })
-								}), /* @__PURE__ */ x(w, {
-									variant: "ghost",
-									size: "sm",
-									"aria-label": `Delete ${e.firstName} ${e.lastName}`,
-									onClick: () => Y(e),
-									children: /* @__PURE__ */ x(b, { className: "h-3.5 w-3.5 text-status-error-fg" })
-								})]
+								children: [
+									/* @__PURE__ */ b(C, {
+										variant: "ghost",
+										size: "sm",
+										"aria-label": `Skills of ${e.firstName} ${e.lastName}`,
+										onClick: () => X(e),
+										children: /* @__PURE__ */ b(g, { className: "h-3.5 w-3.5" })
+									}),
+									/* @__PURE__ */ b(C, {
+										variant: "ghost",
+										size: "sm",
+										"aria-label": `Edit ${e.firstName} ${e.lastName}`,
+										onClick: () => K(e),
+										children: /* @__PURE__ */ b(_, { className: "h-3.5 w-3.5" })
+									}),
+									/* @__PURE__ */ b(C, {
+										variant: "ghost",
+										size: "sm",
+										"aria-label": `Delete ${e.firstName} ${e.lastName}`,
+										onClick: () => J(e),
+										children: /* @__PURE__ */ b(y, { className: "h-3.5 w-3.5 text-status-error-fg" })
+									})
+								]
 							})
 						}),
-						Q.length > j && /* @__PURE__ */ x("div", {
+						$.length > A && /* @__PURE__ */ b("div", {
 							className: "mt-4",
-							children: /* @__PURE__ */ x(te, {
-								page: A,
-								pageSize: j,
-								totalItems: Q.length,
-								onPageChange: V
+							children: /* @__PURE__ */ b(ae, {
+								page: k,
+								pageSize: A,
+								totalItems: $.length,
+								onPageChange: H
 							})
 						})
 					]
 				})
 			}),
-			/* @__PURE__ */ x(a, {
+			/* @__PURE__ */ b(a, {
 				open: U,
-				onOpenChange: G,
+				onOpenChange: W,
 				title: "Add Candidate",
 				description: "Add someone to your hiring pipeline.",
-				fields: R,
+				fields: z,
 				submitLabel: "Add candidate",
-				onSubmit: ae
+				onSubmit: pe
 			}),
-			/* @__PURE__ */ x(a, {
-				open: K !== null,
+			/* @__PURE__ */ b(a, {
+				open: G !== null,
 				onOpenChange: (e) => {
-					e || q(null);
+					e || K(null);
 				},
 				title: "Edit Candidate",
-				description: K ? `${K.firstName} ${K.lastName}` : void 0,
-				fields: R,
-				initialValues: K ? z(K) : void 0,
+				description: G ? `${G.firstName} ${G.lastName}` : void 0,
+				fields: z,
+				initialValues: G ? B(G) : void 0,
 				submitLabel: "Save changes",
-				onSubmit: oe
+				onSubmit: me
 			}),
-			/* @__PURE__ */ x(s, {
-				open: J !== null,
+			/* @__PURE__ */ b(c, {
+				open: q !== null,
 				onOpenChange: (e) => {
-					e || Y(null);
+					e || J(null);
 				},
 				title: "Remove candidate",
-				description: J ? `Remove ${J.firstName} ${J.lastName} from the pipeline?` : void 0,
+				description: q ? `Remove ${q.firstName} ${q.lastName} from the pipeline?` : void 0,
 				confirmLabel: "Remove",
 				destructive: !0,
-				onConfirm: se
+				onConfirm: he
+			}),
+			/* @__PURE__ */ b(oe, {
+				open: Y !== null,
+				onOpenChange: (e) => {
+					e || X(null);
+				},
+				children: /* @__PURE__ */ x(se, {
+					className: "sm:max-w-[560px]",
+					children: [/* @__PURE__ */ x(le, { children: [/* @__PURE__ */ b(ue, { children: Y ? `${Y.firstName} ${Y.lastName} · Skills` : "Skills" }), /* @__PURE__ */ b(ce, { children: "Canonical skills with proficiency. Matching for open roles uses these, including skills they imply or supersede." })] }), Y ? /* @__PURE__ */ b(s, { candidateId: Y.id }) : null]
+				})
 			})
 		]
 	});
 }
-function W({ candidate: e, onMove: t, onEdit: n, onDelete: r }) {
-	let a = `${e.firstName} ${e.lastName}`;
-	return /* @__PURE__ */ S("div", {
+function fe({ candidate: e, onMove: t, onEdit: n, onSkills: r, onDelete: a }) {
+	let o = `${e.firstName} ${e.lastName}`;
+	return /* @__PURE__ */ x("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__ */ S("div", {
+			/* @__PURE__ */ x("div", {
 				className: "flex items-start gap-2.5",
-				children: [/* @__PURE__ */ x(V, {
-					name: a,
+				children: [/* @__PURE__ */ b(H, {
+					name: o,
 					size: 36
-				}), /* @__PURE__ */ S("div", {
+				}), /* @__PURE__ */ x("div", {
 					className: "min-w-0 flex-1",
-					children: [/* @__PURE__ */ x("p", {
+					children: [/* @__PURE__ */ b("p", {
 						className: "truncate text-sm font-semibold text-text-primary",
-						children: a
-					}), /* @__PURE__ */ x("p", {
+						children: o
+					}), /* @__PURE__ */ b("p", {
 						className: "truncate text-xs text-text-secondary",
 						children: e.position
 					})]
 				})]
 			}),
-			/* @__PURE__ */ S("div", {
+			/* @__PURE__ */ x("div", {
 				className: "mt-2 flex items-center justify-between gap-2",
-				children: [/* @__PURE__ */ x(i, {
+				children: [/* @__PURE__ */ b(i, {
 					value: e.rating,
 					size: 13
-				}), /* @__PURE__ */ x(C, {
+				}), /* @__PURE__ */ b(S, {
 					variant: "outline",
 					className: "shrink-0 text-[9px]",
 					children: e.source
 				})]
 			}),
-			e.skills.length > 0 && /* @__PURE__ */ x("div", {
+			e.skills.length > 0 && /* @__PURE__ */ b("div", {
 				className: "mt-2 flex flex-wrap gap-1",
-				children: e.skills.slice(0, 3).map((e) => /* @__PURE__ */ x(C, {
+				children: e.skills.slice(0, 3).map((e) => /* @__PURE__ */ b(S, {
 					variant: "secondary",
 					className: "text-[9px]",
 					children: e
 				}, e))
 			}),
-			/* @__PURE__ */ S("div", {
+			/* @__PURE__ */ x("div", {
 				className: "mt-2.5 flex items-center justify-between gap-1 border-t border-border-subtle pt-2",
-				children: [/* @__PURE__ */ S(E, { children: [/* @__PURE__ */ x(j, {
+				children: [/* @__PURE__ */ x(T, { children: [/* @__PURE__ */ b(A, {
 					asChild: !0,
-					children: /* @__PURE__ */ S(w, {
+					children: /* @__PURE__ */ x(C, {
 						variant: "ghost",
 						size: "sm",
 						className: "h-7 px-2 text-xs",
-						children: [/* @__PURE__ */ x(m, { className: "mr-1 h-3.5 w-3.5" }), "Move"]
+						children: [/* @__PURE__ */ b(h, { className: "mr-1 h-3.5 w-3.5" }), "Move"]
 					})
-				}), /* @__PURE__ */ S(D, {
+				}), /* @__PURE__ */ x(E, {
 					align: "start",
 					children: [
-						/* @__PURE__ */ x(k, { children: "Move to stage" }),
-						/* @__PURE__ */ x(A, {}),
-						L.filter((t) => t.key !== e.status).map((n) => /* @__PURE__ */ S(O, {
+						/* @__PURE__ */ b(O, { children: "Move to stage" }),
+						/* @__PURE__ */ b(k, {}),
+						R.filter((t) => t.key !== e.status).map((n) => /* @__PURE__ */ x(D, {
 							onSelect: () => t(e, n.key),
-							children: [/* @__PURE__ */ x("span", {
+							children: [/* @__PURE__ */ b("span", {
 								"aria-hidden": "true",
 								className: "mr-2 inline-block h-2 w-2 rounded-full",
 								style: { backgroundColor: n.accent }
 							}), n.label]
 						}, n.key))
 					]
-				})] }), /* @__PURE__ */ S("div", {
+				})] }), /* @__PURE__ */ x("div", {
 					className: "flex items-center gap-0.5",
-					children: [/* @__PURE__ */ x(w, {
-						variant: "ghost",
-						size: "sm",
-						className: "h-7 w-7 p-0",
-						"aria-label": `Edit ${a}`,
-						onClick: n,
-						children: /* @__PURE__ */ x(g, { className: "h-3.5 w-3.5" })
-					}), /* @__PURE__ */ x(w, {
-						variant: "ghost",
-						size: "sm",
-						className: "h-7 w-7 p-0",
-						"aria-label": `Delete ${a}`,
-						onClick: r,
-						children: /* @__PURE__ */ x(b, { className: "h-3.5 w-3.5 text-status-error-fg" })
-					})]
+					children: [
+						/* @__PURE__ */ b(C, {
+							variant: "ghost",
+							size: "sm",
+							className: "h-7 w-7 p-0",
+							"aria-label": `Skills of ${o}`,
+							onClick: r,
+							children: /* @__PURE__ */ b(g, { className: "h-3.5 w-3.5" })
+						}),
+						/* @__PURE__ */ b(C, {
+							variant: "ghost",
+							size: "sm",
+							className: "h-7 w-7 p-0",
+							"aria-label": `Edit ${o}`,
+							onClick: n,
+							children: /* @__PURE__ */ b(_, { className: "h-3.5 w-3.5" })
+						}),
+						/* @__PURE__ */ b(C, {
+							variant: "ghost",
+							size: "sm",
+							className: "h-7 w-7 p-0",
+							"aria-label": `Delete ${o}`,
+							onClick: a,
+							children: /* @__PURE__ */ b(y, { className: "h-3.5 w-3.5 text-status-error-fg" })
+						})
+					]
 				})]
 			})
 		]