@burdenoff/microfe-crewfoundry 2026.723.2 → 2026.730.1

package/dist/crewfoundry/components/viz/SkillBar.js

@@ -1,3 +1,43 @@
-import "./lib/palette.js";
-import "./lib/hooks.js";
-import "react/jsx-runtime";
+import { ACCENT as e } from "./lib/palette.js";
+import { cn as t } from "../../utils/cn.js";
+import { useMounted as n, usePrefersReducedMotion as r } from "./lib/hooks.js";
+import { clamp as i } from "./lib/geometry.js";
+import { toPercent as a } from "./lib/format.js";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/crewfoundry/components/viz/SkillBar.tsx
+function c({ label: c, value: l, max: u = 100, levelLabel: d, showPercent: f = !0, color: p = e, height: m = 8, className: h }) {
+	let g = n(), _ = r(), v = i(a(l, u, 0), 0, 100), y = d ?? (f ? `${v}%` : null);
+	return /* @__PURE__ */ s("div", {
+		className: t("flex flex-col gap-1.5", h),
+		children: [/* @__PURE__ */ s("div", {
+			className: "flex items-baseline justify-between gap-3 text-sm",
+			children: [/* @__PURE__ */ o("span", {
+				className: "font-medium text-text-primary",
+				children: c
+			}), y === null ? null : /* @__PURE__ */ o("span", {
+				className: "tabular-nums text-text-secondary",
+				children: y
+			})]
+		}), /* @__PURE__ */ o("div", {
+			className: "w-full overflow-hidden rounded-full bg-bg-sunken",
+			style: { height: m },
+			role: "progressbar",
+			"aria-valuenow": v,
+			"aria-valuemin": 0,
+			"aria-valuemax": 100,
+			"aria-label": `${c} proficiency`,
+			children: /* @__PURE__ */ o("div", {
+				className: "h-full rounded-full",
+				style: {
+					width: g || _ ? `${v}%` : "0%",
+					backgroundColor: p,
+					transition: _ ? void 0 : "width 700ms cubic-bezier(0.22,1,0.36,1)"
+				}
+			})
+		})]
+	});
+}
+//#endregion
+export { c as SkillBar };
+
+//# sourceMappingURL=SkillBar.js.map

package/dist/crewfoundry/components/viz/SkillBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkillBar.js","names":[],"sources":["../../../../src/crewfoundry/components/viz/SkillBar.tsx"],"sourcesContent":["import { cn } from '../../utils/cn';\nimport { ACCENT } from './lib/palette';\nimport { clamp } from './lib/geometry';\nimport { toPercent } from './lib/format';\nimport { useMounted, usePrefersReducedMotion } from './lib/hooks';\n\nexport interface SkillBarProps {\n  label: string;\n  value: number;\n  max?: number;\n  /** Qualitative level shown on the right, e.g. \"Advanced\". */\n  levelLabel?: string;\n  /** Show the numeric percentage on the right (ignored when levelLabel is set). */\n  showPercent?: boolean;\n  /** Tokenized fill color; defaults to the product accent. */\n  color?: string;\n  /** Bar height in pixels. */\n  height?: number;\n  className?: string;\n}\n\n/** A labeled proficiency bar (skill name + level bar). */\nexport function SkillBar({\n  label,\n  value,\n  max = 100,\n  levelLabel,\n  showPercent = true,\n  color = ACCENT,\n  height = 8,\n  className,\n}: SkillBarProps) {\n  const mounted = useMounted();\n  const reduced = usePrefersReducedMotion();\n  const pct = clamp(toPercent(value, max, 0), 0, 100);\n  const right = levelLabel ?? (showPercent ? `${pct}%` : null);\n\n  return (\n    <div className={cn('flex flex-col gap-1.5', className)}>\n      <div className=\"flex items-baseline justify-between gap-3 text-sm\">\n        <span className=\"font-medium text-text-primary\">{label}</span>\n        {right !== null ? <span className=\"tabular-nums text-text-secondary\">{right}</span> : null}\n      </div>\n      <div\n        className=\"w-full overflow-hidden rounded-full bg-bg-sunken\"\n        style={{ height }}\n        role=\"progressbar\"\n        aria-valuenow={pct}\n        aria-valuemin={0}\n        aria-valuemax={100}\n        aria-label={`${label} proficiency`}\n      >\n        <div\n          className=\"h-full rounded-full\"\n          style={{\n            width: mounted || reduced ? `${pct}%` : '0%',\n            backgroundColor: color,\n            transition: reduced ? undefined : 'width 700ms cubic-bezier(0.22,1,0.36,1)',\n          }}\n        />\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AAsBA,SAAgB,EAAS,EACvB,UACA,UACA,SAAM,KACN,eACA,iBAAc,IACd,WAAQ,GACR,YAAS,GACT,gBACgB;CAChB,IAAM,IAAU,GAAY,EACtB,IAAU,GAAyB,EACnC,IAAM,EAAM,EAAU,GAAO,GAAK,EAAE,EAAE,GAAG,IAAI,EAC7C,IAAQ,MAAe,IAAc,GAAG,EAAI,KAAK;AAEvD,QACE,kBAAC,OAAD;EAAK,WAAW,EAAG,yBAAyB,EAAU;YAAtD,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,QAAD;IAAM,WAAU;cAAiC;IAAa,CAAA,EAC7D,MAAU,OAA2E,OAApE,kBAAC,QAAD;IAAM,WAAU;cAAoC;IAAa,CAAA,CAC/E;MACN,kBAAC,OAAD;GACE,WAAU;GACV,OAAO,EAAE,WAAQ;GACjB,MAAK;GACL,iBAAe;GACf,iBAAe;GACf,iBAAe;GACf,cAAY,GAAG,EAAM;aAErB,kBAAC,OAAD;IACE,WAAU;IACV,OAAO;KACL,OAAO,KAAW,IAAU,GAAG,EAAI,KAAK;KACxC,iBAAiB;KACjB,YAAY,IAAU,KAAA,IAAY;KACnC;IACD,CAAA;GACE,CAAA,CACF"}

package/dist/crewfoundry/pages/HiringJobDetailsPagePage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HiringJobDetailsPagePage.d.ts","sourceRoot":"","sources":["../../../src/crewfoundry/pages/HiringJobDetailsPagePage.tsx"],"names":[],"mappings":"AAyGA,wBAAgB,wBAAwB,gCAqTvC"}
+{"version":3,"file":"HiringJobDetailsPagePage.d.ts","sourceRoot":"","sources":["../../../src/crewfoundry/pages/HiringJobDetailsPagePage.tsx"],"names":[],"mappings":"AAkHA,wBAAgB,wBAAwB,gCAsbvC"}

package/dist/crewfoundry/pages/HiringJobDetailsPagePage.js

@@ -1,20 +1,22 @@
 import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
 import { formatEnumLabel as t } from "../utils/formatEnumLabel.js";
-import { getInitials as n } from "../components/viz/lib/format.js";
-import { HBarFunnel as r } from "../components/viz/HBarFunnel.js";
-import { RatingStars as i } from "../components/viz/RatingStars.js";
+import { STATUS as n } from "../components/viz/lib/palette.js";
+import { getInitials as r } from "../components/viz/lib/format.js";
+import { HBarFunnel as i } from "../components/viz/HBarFunnel.js";
+import { RatingStars as a } from "../components/viz/RatingStars.js";
+import { SkillBar as ee } from "../components/viz/SkillBar.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 } from "../components/forms/formValues.js";
-import { useState as u } from "react";
-import { Briefcase as d, Calendar as f, CheckCircle as p, MapPin as m, Pencil as h, Share2 as g, Trash2 as ee, Users as _ } from "lucide-react";
-import { useNavigate as v, useSearchParams as y } from "react-router-dom";
-import { jsx as b, jsxs as x } from "react/jsx-runtime";
-import { Badge as S, Button as C, Card as w, CardContent as T, CardHeader as E, CardTitle as D, GlassCard as O, GradientText as k, IllustratedEmptyState as A, PagePurpose as j, Spinner as M } from "@burdenoff/fe-libs/ui";
-import { useGlobalUi as N } from "@burdenoff/fe-libs/shared/providers/shell";
+import { FormModal as te } from "../components/forms/FormModal.js";
+import { ConfirmDialog as ne } from "../components/forms/ConfirmDialog.js";
+import { getNumber as o, getTags as s, getText as c } from "../components/forms/formValues.js";
+import { useState as l } from "react";
+import { Briefcase as re, Calendar as ie, CheckCircle as u, MapPin as ae, Pencil as d, Share2 as f, Sparkles as p, Trash2 as m, Users as h, XCircle as g } from "lucide-react";
+import { useNavigate as _, useSearchParams as oe } from "react-router-dom";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
+import { Badge as b, Button as x, Card as S, CardContent as C, CardHeader as w, CardTitle as T, GlassCard as se, GradientText as E, IllustratedEmptyState as D, PagePurpose as O, Spinner as k } from "@burdenoff/fe-libs/ui";
+import { useGlobalUi as A } from "@burdenoff/fe-libs/shared/providers/shell";
 //#region src/crewfoundry/pages/HiringJobDetailsPagePage.tsx
-var P = [
+var j = [
 	{
 		name: "title",
 		label: "Job Title",
@@ -142,7 +144,7 @@ var P = [
 		label: "Benefits",
 		type: "tags"
 	}
-], F = {
+], M = {
 	new: "outline",
 	screening: "secondary",
 	interview: "secondary",
@@ -151,8 +153,8 @@ var P = [
 	hired: "default",
 	rejected: "destructive"
 };
-function I({ name: e, size: t = 32 }) {
-	return /* @__PURE__ */ b("span", {
+function N({ name: e, size: t = 32 }) {
+	return /* @__PURE__ */ v("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,
@@ -160,45 +162,45 @@ function I({ name: e, size: t = 32 }) {
 			fontSize: Math.round(t * .36)
 		},
 		"aria-hidden": "true",
-		children: n(e)
+		children: r(e)
 	});
 }
-function L() {
-	let n = v(), [L] = y(), { showToast: R } = N(), { jobPostings: z, candidates: B, updateJobPosting: V, removeJobPosting: H, initialized: U } = e(), W = L.get("id"), G = W ? z.find((e) => e.id === W) : z[0], [K, q] = u(!1), [J, Y] = u(!1);
-	if (!U && !G) return /* @__PURE__ */ b("div", {
+function P() {
+	let r = _(), [P] = oe(), { showToast: F } = A(), { jobPostings: I, candidates: L, updateJobPosting: R, removeJobPosting: z, initialized: B, jobPostingMatches: V, jobPostingMatchesLoading: H, fetchJobPostingMatches: U } = e(), W = P.get("id"), G = W ? I.find((e) => e.id === W) : I[0], [K, q] = l(!1), [ce, J] = l(!1);
+	if (!B && !G) return /* @__PURE__ */ v("div", {
 		className: "flex min-h-[60vh] items-center justify-center p-6",
-		children: /* @__PURE__ */ b(M, { size: "lg" })
+		children: /* @__PURE__ */ v(k, { size: "lg" })
 	});
-	if (!G) return /* @__PURE__ */ b("div", {
+	if (!G) return /* @__PURE__ */ v("div", {
 		className: "p-6",
-		children: /* @__PURE__ */ b(A, {
+		children: /* @__PURE__ */ v(D, {
 			illustration: "empty-search",
 			title: "No job posting found",
 			description: "This job posting is no longer available."
 		})
 	});
-	let X = G.title.trim().toLowerCase(), Z = B.filter((e) => e.position.trim().toLowerCase() === X), Q = (e) => Z.filter((t) => t.status === e).length, $ = Q("interview"), te = [
+	let le = G.title.trim().toLowerCase(), Y = L.filter((e) => e.position.trim().toLowerCase() === le), X = (e) => Y.filter((t) => t.status === e).length, Z = X("interview"), ue = [
 		{
 			label: "Applied",
-			value: Z.length
+			value: Y.length
 		},
 		{
 			label: "Screening",
-			value: Q("screening")
+			value: X("screening")
 		},
 		{
 			label: "Interview",
-			value: $
+			value: Z
 		},
 		{
 			label: "Assessment",
-			value: Q("assessment")
+			value: X("assessment")
 		},
 		{
 			label: "Offer",
-			value: Q("offer") + Q("hired")
+			value: X("offer") + X("hired")
 		}
-	], ne = {
+	], de = {
 		title: G.title,
 		department: G.department,
 		location: G.location,
@@ -211,74 +213,98 @@ function L() {
 		description: G.description,
 		requirements: G.requirements,
 		benefits: G.benefits
-	};
-	return /* @__PURE__ */ x("div", {
+	}, fe = async (e) => {
+		let t = {
+			title: c(e, "title"),
+			department: c(e, "department"),
+			location: c(e, "location"),
+			type: e.type,
+			experienceLevel: e.experienceLevel,
+			status: e.status,
+			salaryMin: o(e, "salaryMin"),
+			salaryMax: o(e, "salaryMax"),
+			deadline: c(e, "deadline"),
+			description: c(e, "description"),
+			requirements: s(e, "requirements"),
+			benefits: s(e, "benefits")
+		};
+		await R(G.id, t), F("Job posting updated", "success");
+	}, pe = async () => {
+		await z(G.id), F("Job posting deleted", "success"), r("../hiring/jobs-page");
+	}, me = async () => {
+		try {
+			await navigator.clipboard.writeText(window.location.href), F("Job link copied to clipboard", "success");
+		} catch {
+			F("Could not copy the job link", "error");
+		}
+	}, he = () => r(`../hiring/applications-page?position=${encodeURIComponent(G.title)}`), Q = V[G.id], $ = Q !== void 0, ge = (e) => e >= 75 ? n.success : e >= 45 ? n.warning : n.danger;
+	return /* @__PURE__ */ y("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ b(O, {
+			/* @__PURE__ */ v(se, {
 				treatment: "glass",
 				glow: !0,
 				className: "border-border-seam",
-				children: /* @__PURE__ */ x(T, {
+				children: /* @__PURE__ */ y(C, {
 					className: "flex flex-col gap-4 p-6 lg:flex-row lg:items-start lg:justify-between",
-					children: [/* @__PURE__ */ x("div", {
+					children: [/* @__PURE__ */ y("div", {
 						className: "min-w-0",
 						children: [
-							/* @__PURE__ */ x("div", {
+							/* @__PURE__ */ y("div", {
 								className: "mb-1 flex flex-wrap items-center gap-2",
-								children: [/* @__PURE__ */ b("h1", {
+								children: [/* @__PURE__ */ v("h1", {
 									className: "text-2xl font-semibold",
-									children: /* @__PURE__ */ b(k, { children: G.title })
-								}), /* @__PURE__ */ b(S, {
+									children: /* @__PURE__ */ v(E, { children: G.title })
+								}), /* @__PURE__ */ v(b, {
 									variant: G.status === "active" ? "default" : "secondary",
 									children: t(G.status)
 								})]
 							}),
-							/* @__PURE__ */ x("div", {
+							/* @__PURE__ */ y("div", {
 								className: "flex flex-wrap items-center gap-x-4 gap-y-1 text-sm text-text-secondary",
 								children: [
-									/* @__PURE__ */ x("span", {
+									/* @__PURE__ */ y("span", {
 										className: "flex items-center gap-1",
-										children: [/* @__PURE__ */ b(d, { className: "h-3.5 w-3.5" }), G.department]
+										children: [/* @__PURE__ */ v(re, { className: "h-3.5 w-3.5" }), G.department]
 									}),
-									/* @__PURE__ */ x("span", {
+									/* @__PURE__ */ y("span", {
 										className: "flex items-center gap-1",
-										children: [/* @__PURE__ */ b(m, { className: "h-3.5 w-3.5" }), G.location]
+										children: [/* @__PURE__ */ v(ae, { className: "h-3.5 w-3.5" }), G.location]
 									}),
-									/* @__PURE__ */ b("span", { children: t(G.type) })
+									/* @__PURE__ */ v("span", { children: t(G.type) })
 								]
 							}),
-							/* @__PURE__ */ x("div", {
+							/* @__PURE__ */ y("div", {
 								className: "mt-2 flex flex-wrap items-center gap-2 text-xs text-text-secondary",
 								children: [
-									/* @__PURE__ */ x(S, {
+									/* @__PURE__ */ y(b, {
 										variant: "secondary",
 										className: "text-[10px]",
-										children: [Z.length, " applicants"]
+										children: [Y.length, " applicants"]
 									}),
-									$ > 0 && /* @__PURE__ */ x(S, {
+									Z > 0 && /* @__PURE__ */ y(b, {
 										variant: "secondary",
 										className: "text-[10px]",
-										children: [$, " in interview"]
+										children: [Z, " in interview"]
 									}),
-									/* @__PURE__ */ x("span", {
+									/* @__PURE__ */ y("span", {
 										className: "flex items-center gap-1",
 										children: [
-											/* @__PURE__ */ b(f, { className: "h-3 w-3" }),
+											/* @__PURE__ */ v(ie, { className: "h-3 w-3" }),
 											"Posted ",
 											G.postedDate
 										]
 									})
 								]
 							}),
-							/* @__PURE__ */ b(j, {
+							/* @__PURE__ */ v(O, {
 								className: "mt-3",
 								children: "Everything about this role in one place — review applicants, requirements, and compensation to decide who to interview and keep the posting current."
 							})
 						]
-					}), /* @__PURE__ */ x("div", {
+					}), /* @__PURE__ */ y("div", {
 						className: "flex shrink-0 flex-col items-start gap-3 lg:items-end",
-						children: [/* @__PURE__ */ x("div", {
+						children: [/* @__PURE__ */ y("div", {
 							className: "text-2xl font-bold tabular-nums text-text-primary",
 							children: [
 								"$",
@@ -287,90 +313,179 @@ function L() {
 								(G.salaryMax / 1e3).toFixed(0),
 								"k"
 							]
-						}), /* @__PURE__ */ x("div", {
+						}), /* @__PURE__ */ y("div", {
 							className: "flex flex-wrap gap-2",
 							children: [
-								/* @__PURE__ */ x(C, {
+								/* @__PURE__ */ y(x, {
 									variant: "outline",
 									size: "sm",
-									onClick: async () => {
-										try {
-											await navigator.clipboard.writeText(window.location.href), R("Job link copied to clipboard", "success");
-										} catch {
-											R("Could not copy the job link", "error");
-										}
-									},
-									children: [/* @__PURE__ */ b(g, { className: "mr-1 h-4 w-4" }), "Share"]
+									onClick: me,
+									children: [/* @__PURE__ */ v(f, { className: "mr-1 h-4 w-4" }), "Share"]
 								}),
-								/* @__PURE__ */ x(C, {
+								/* @__PURE__ */ y(x, {
 									variant: "outline",
 									size: "sm",
 									onClick: () => q(!0),
-									children: [/* @__PURE__ */ b(h, { className: "mr-1 h-4 w-4" }), "Edit"]
+									children: [/* @__PURE__ */ v(d, { className: "mr-1 h-4 w-4" }), "Edit"]
 								}),
-								/* @__PURE__ */ b(C, {
+								/* @__PURE__ */ v(x, {
 									variant: "destructive",
 									size: "sm",
 									"aria-label": "Delete job posting",
-									onClick: () => Y(!0),
-									children: /* @__PURE__ */ b(ee, { className: "h-4 w-4" })
+									onClick: () => J(!0),
+									children: /* @__PURE__ */ v(m, { className: "h-4 w-4" })
 								}),
-								/* @__PURE__ */ x(C, {
+								/* @__PURE__ */ y(x, {
 									size: "sm",
-									onClick: () => n(`../hiring/applications-page?position=${encodeURIComponent(G.title)}`),
-									children: [/* @__PURE__ */ b(_, { className: "mr-1 h-4 w-4" }), "View Applications"]
+									onClick: he,
+									children: [/* @__PURE__ */ v(h, { className: "mr-1 h-4 w-4" }), "View Applications"]
 								})
 							]
 						})]
 					})]
 				})
 			}),
-			/* @__PURE__ */ x("div", {
+			/* @__PURE__ */ y("div", {
 				className: "grid gap-6 lg:grid-cols-3",
-				children: [/* @__PURE__ */ x("div", {
+				children: [/* @__PURE__ */ y("div", {
 					className: "space-y-6 lg:col-span-2",
 					children: [
-						/* @__PURE__ */ x(w, { children: [/* @__PURE__ */ b(E, { children: /* @__PURE__ */ b(D, { children: "Description" }) }), /* @__PURE__ */ b(T, { children: /* @__PURE__ */ b("p", {
+						/* @__PURE__ */ y(S, { children: [/* @__PURE__ */ v(w, { children: /* @__PURE__ */ v(T, { children: "Description" }) }), /* @__PURE__ */ v(C, { children: /* @__PURE__ */ v("p", {
 							className: "text-sm leading-relaxed text-text-secondary",
 							children: G.description
 						}) })] }),
-						/* @__PURE__ */ x(w, { children: [/* @__PURE__ */ b(E, { children: /* @__PURE__ */ b(D, { children: "Requirements" }) }), /* @__PURE__ */ b(T, { children: G.requirements.length === 0 ? /* @__PURE__ */ b("p", {
+						/* @__PURE__ */ y(S, { children: [/* @__PURE__ */ v(w, { children: /* @__PURE__ */ v(T, { children: "Requirements" }) }), /* @__PURE__ */ v(C, { children: G.requirements.length === 0 ? /* @__PURE__ */ v("p", {
 							className: "text-sm text-text-muted",
 							children: "No requirements listed."
-						}) : /* @__PURE__ */ b("ul", {
+						}) : /* @__PURE__ */ v("ul", {
 							className: "space-y-2",
-							children: G.requirements.map((e, t) => /* @__PURE__ */ x("li", {
+							children: G.requirements.map((e, t) => /* @__PURE__ */ y("li", {
 								className: "flex items-start gap-2 text-sm",
-								children: [/* @__PURE__ */ b(p, { className: "mt-0.5 h-4 w-4 flex-shrink-0 text-status-success-text" }), e]
+								children: [/* @__PURE__ */ v(u, { className: "mt-0.5 h-4 w-4 flex-shrink-0 text-status-success-text" }), e]
 							}, t))
 						}) })] }),
-						/* @__PURE__ */ x(w, { children: [/* @__PURE__ */ b(E, { children: /* @__PURE__ */ b(D, { children: "Benefits" }) }), /* @__PURE__ */ b(T, { children: G.benefits.length === 0 ? /* @__PURE__ */ b("p", {
+						/* @__PURE__ */ y(S, { children: [/* @__PURE__ */ v(w, { children: /* @__PURE__ */ v(T, { children: "Benefits" }) }), /* @__PURE__ */ v(C, { children: G.benefits.length === 0 ? /* @__PURE__ */ v("p", {
 							className: "text-sm text-text-muted",
 							children: "No benefits listed."
-						}) : /* @__PURE__ */ b("div", {
+						}) : /* @__PURE__ */ v("div", {
 							className: "flex flex-wrap gap-2",
-							children: G.benefits.map((e, t) => /* @__PURE__ */ b(S, {
+							children: G.benefits.map((e, t) => /* @__PURE__ */ v(b, {
 								variant: "outline",
 								className: "rounded-full px-3 py-1 text-xs",
 								children: e
 							}, t))
+						}) })] }),
+						/* @__PURE__ */ y(S, { children: [/* @__PURE__ */ y(w, {
+							className: "flex flex-row items-center justify-between gap-3",
+							children: [/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v(T, { children: "Suggested Matches" }), /* @__PURE__ */ v("p", {
+								className: "mt-1 text-xs text-text-muted",
+								children: "Rule-based scoring — skill overlap (70%) + experience fit (30%) against this role's requirements. Not an AI-generated summary."
+							})] }), /* @__PURE__ */ y(x, {
+								size: "sm",
+								variant: "outline",
+								onClick: async () => {
+									try {
+										await U(G.id);
+									} catch {
+										F("Unable to generate candidate matches", "error");
+									}
+								},
+								disabled: H,
+								children: [/* @__PURE__ */ v(p, { className: "mr-1 h-4 w-4" }), $ ? "Refresh matches" : "Generate matches"]
+							})]
+						}), /* @__PURE__ */ v(C, { children: H ? /* @__PURE__ */ v("div", {
+							className: "flex items-center justify-center py-6",
+							children: /* @__PURE__ */ v(k, { size: "md" })
+						}) : $ ? Q.length === 0 ? /* @__PURE__ */ v("p", {
+							className: "text-sm text-text-muted",
+							children: "No candidates in the pool right now (excluding already-hired/rejected)."
+						}) : /* @__PURE__ */ v("ul", {
+							className: "space-y-4",
+							children: Q.map((e) => /* @__PURE__ */ y("li", {
+								className: "rounded-[var(--radius-card)] border border-border-subtle bg-bg-surface p-3",
+								children: [
+									/* @__PURE__ */ y("div", {
+										className: "flex items-center gap-2",
+										children: [
+											/* @__PURE__ */ v(N, {
+												name: `${e.candidate.firstName} ${e.candidate.lastName}`,
+												size: 28
+											}),
+											/* @__PURE__ */ y("span", {
+												className: "min-w-0 flex-1 truncate text-sm font-medium text-text-primary",
+												children: [
+													e.candidate.firstName,
+													" ",
+													e.candidate.lastName
+												]
+											}),
+											/* @__PURE__ */ v(b, {
+												variant: M[e.candidate.status],
+												className: "shrink-0 text-[9px]",
+												children: t(e.candidate.status)
+											})
+										]
+									}),
+									/* @__PURE__ */ v("div", {
+										className: "mt-2",
+										children: /* @__PURE__ */ v(ee, {
+											label: "Overall match",
+											value: e.score,
+											levelLabel: `${e.score}%`,
+											color: ge(e.score),
+											height: 6
+										})
+									}),
+									/* @__PURE__ */ y("div", {
+										className: "mt-2 grid grid-cols-2 gap-2 text-xs text-text-secondary",
+										children: [/* @__PURE__ */ y("span", { children: [
+											"Skills: ",
+											e.skillScore,
+											"%"
+										] }), /* @__PURE__ */ y("span", { children: [
+											"Experience: ",
+											e.experienceScore,
+											"%"
+										] })]
+									}),
+									(e.matchedSkills.length > 0 || e.missingSkills.length > 0) && /* @__PURE__ */ y("div", {
+										className: "mt-2 flex flex-wrap gap-1",
+										children: [e.matchedSkills.map((e) => /* @__PURE__ */ y(b, {
+											variant: "secondary",
+											className: "gap-1 text-[10px]",
+											children: [/* @__PURE__ */ v(u, { className: "h-3 w-3 text-status-success-text" }), e]
+										}, `m-${e}`)), e.missingSkills.map((e) => /* @__PURE__ */ y(b, {
+											variant: "outline",
+											className: "gap-1 text-[10px] text-text-muted",
+											children: [/* @__PURE__ */ v(g, { className: "h-3 w-3 text-status-error-text" }), e]
+										}, `x-${e}`))]
+									}),
+									/* @__PURE__ */ v("p", {
+										className: "mt-2 text-xs leading-relaxed text-text-muted",
+										children: e.rationale
+									})
+								]
+							}, e.candidateId))
+						}) : /* @__PURE__ */ v("p", {
+							className: "text-sm text-text-muted",
+							children: "Click \"Generate matches\" to rank the candidate pool against this posting's requirements and experience level."
 						}) })] })
 					]
-				}), /* @__PURE__ */ x("div", {
+				}), /* @__PURE__ */ y("div", {
 					className: "space-y-6",
-					children: [/* @__PURE__ */ x(w, { children: [/* @__PURE__ */ b(E, { children: /* @__PURE__ */ b(D, { children: "Candidates" }) }), /* @__PURE__ */ b(T, { children: Z.length === 0 ? /* @__PURE__ */ b("p", {
+					children: [/* @__PURE__ */ y(S, { children: [/* @__PURE__ */ v(w, { children: /* @__PURE__ */ v(T, { children: "Candidates" }) }), /* @__PURE__ */ v(C, { children: Y.length === 0 ? /* @__PURE__ */ v("p", {
 						className: "text-sm text-text-muted",
 						children: "No applicants matched to this role yet."
-					}) : /* @__PURE__ */ b("ul", {
+					}) : /* @__PURE__ */ v("ul", {
 						className: "max-h-96 space-y-1 overflow-y-auto pr-1",
-						children: Z.map((e) => /* @__PURE__ */ x("li", {
+						children: Y.map((e) => /* @__PURE__ */ y("li", {
 							className: "flex items-center gap-2 rounded-[var(--radius-input)] px-2 py-2 hover:bg-bg-sunken",
 							children: [
-								/* @__PURE__ */ b(I, {
+								/* @__PURE__ */ v(N, {
 									name: `${e.firstName} ${e.lastName}`,
 									size: 30
 								}),
-								/* @__PURE__ */ x("span", {
+								/* @__PURE__ */ y("span", {
 									className: "min-w-0 flex-1 truncate text-sm font-medium text-text-primary",
 									children: [
 										e.firstName,
@@ -378,69 +493,51 @@ function L() {
 										e.lastName
 									]
 								}),
-								/* @__PURE__ */ b(S, {
-									variant: F[e.status],
+								/* @__PURE__ */ v(b, {
+									variant: M[e.status],
 									className: "shrink-0 text-[9px]",
 									children: t(e.status)
 								}),
-								/* @__PURE__ */ b(i, {
+								/* @__PURE__ */ v(a, {
 									value: e.rating,
 									size: 12,
 									className: "shrink-0"
 								})
 							]
 						}, e.id))
-					}) })] }), /* @__PURE__ */ x(w, { children: [/* @__PURE__ */ b(E, { children: /* @__PURE__ */ b(D, { children: "Hiring funnel" }) }), /* @__PURE__ */ b(T, { children: Z.length === 0 ? /* @__PURE__ */ b("p", {
+					}) })] }), /* @__PURE__ */ y(S, { children: [/* @__PURE__ */ v(w, { children: /* @__PURE__ */ v(T, { children: "Hiring funnel" }) }), /* @__PURE__ */ v(C, { children: Y.length === 0 ? /* @__PURE__ */ v("p", {
 						className: "text-sm text-text-muted",
 						children: "The funnel appears once candidates apply to this role."
-					}) : /* @__PURE__ */ b(r, {
-						stages: te,
+					}) : /* @__PURE__ */ v(i, {
+						stages: ue,
 						valueFormatter: (e) => String(e),
 						showConversion: !0
 					}) })] })]
 				})]
 			}),
-			/* @__PURE__ */ b(a, {
+			/* @__PURE__ */ v(te, {
 				open: K,
 				onOpenChange: q,
 				title: "Edit Job Posting",
 				description: "Update the role details, compensation, and status.",
-				fields: P,
-				initialValues: ne,
+				fields: j,
+				initialValues: de,
 				submitLabel: "Save changes",
-				onSubmit: async (e) => {
-					let t = {
-						title: l(e, "title"),
-						department: l(e, "department"),
-						location: l(e, "location"),
-						type: e.type,
-						experienceLevel: e.experienceLevel,
-						status: e.status,
-						salaryMin: s(e, "salaryMin"),
-						salaryMax: s(e, "salaryMax"),
-						deadline: l(e, "deadline"),
-						description: l(e, "description"),
-						requirements: c(e, "requirements"),
-						benefits: c(e, "benefits")
-					};
-					await V(G.id, t), R("Job posting updated", "success");
-				}
+				onSubmit: fe
 			}),
-			/* @__PURE__ */ b(o, {
-				open: J,
-				onOpenChange: Y,
+			/* @__PURE__ */ v(ne, {
+				open: ce,
+				onOpenChange: J,
 				title: "Delete job posting",
 				description: `Permanently remove “${G.title}”? This cannot be undone.`,
 				confirmLabel: "Delete",
 				destructive: !0,
-				onConfirm: async () => {
-					await H(G.id), R("Job posting deleted", "success"), n("../hiring/jobs-page");
-				}
+				onConfirm: pe
 			})
 		]
 	});
 }
 //#endregion
-export { L as HiringJobDetailsPagePage };
+export { P as HiringJobDetailsPagePage };
 
 //# sourceMappingURL=HiringJobDetailsPagePage.js.map