@burdenoff/microfe-crewfoundry 2026.704.5 → 2026.704.7

package/dist/crewfoundry/pages/AnalyticsHiringAnalyticsPagePage.js

@@ -1,29 +1,32 @@
 import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
 import { formatEnumLabel as t } from "../utils/formatEnumLabel.js";
-import { useMemo as n } from "react";
-import { Briefcase as r, Clock as i, Target as a, Users as o } from "lucide-react";
-import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
-import { Badge as u, Card as d, CardContent as f, CardDescription as p, CardHeader as m, CardTitle as h, GlassCard as g, GradientText as _, IllustratedEmptyState as v, PagePurpose as y, Pagination as b, ResponsiveTable as x } from "@burdenoff/fe-libs/ui";
-import { usePagination as S } from "@burdenoff/fe-libs/shared/hooks";
+import { LineChart as n } from "../components/viz/LineChart.js";
+import { BarChart as r } from "../components/viz/BarChart.js";
+import "../components/viz/index.js";
+import { useMemo as i } from "react";
+import { Briefcase as a, Clock as o, Target as s, Users as c } from "lucide-react";
+import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+import { Badge as f, Card as p, CardContent as m, CardDescription as h, CardHeader as g, CardTitle as _, GlassCard as v, GradientText as y, IllustratedEmptyState as b, PagePurpose as x, Pagination as S, ResponsiveTable as C } from "@burdenoff/fe-libs/ui";
+import { usePagination as w } from "@burdenoff/fe-libs/shared/hooks";
 //#region src/crewfoundry/pages/AnalyticsHiringAnalyticsPagePage.tsx
-var C = (e) => {
+var T = (e) => {
 	let t = new Date(e);
 	return `${t.getFullYear()}-${String(t.getMonth()).padStart(2, "0")}`;
-}, w = (/* @__PURE__ */ new Date("2026-03-01")).getTime();
-function T() {
-	let { jobPostings: T, candidates: E, interviews: D } = e(), O = n(() => E.length === 0 && D.length === 0 ? [] : Array.from(new Set([...E.map((e) => C(e.appliedDate)), ...D.map((e) => C(e.date))])).sort().slice(-6).map((e) => {
+}, E = (/* @__PURE__ */ new Date("2026-03-01")).getTime();
+function D() {
+	let { jobPostings: D, candidates: O, interviews: k } = e(), A = i(() => O.length === 0 && k.length === 0 ? [] : Array.from(new Set([...O.map((e) => T(e.appliedDate)), ...k.map((e) => T(e.date))])).sort().slice(-6).map((e) => {
 		let [t, n] = e.split("-").map(Number), r = new Date(t, n, 1).toLocaleString("en-US", {
 			month: "short",
 			year: "2-digit"
-		}), i = E.filter((t) => C(t.appliedDate) === e);
+		}), i = O.filter((t) => T(t.appliedDate) === e);
 		return {
 			month: r,
 			applications: i.length,
-			interviews: D.filter((t) => C(t.date) === e).length,
+			interviews: k.filter((t) => T(t.date) === e).length,
 			hires: i.filter((e) => e.status === "hired").length
 		};
-	}), [E, D]), k = n(() => {
-		let e = E.reduce((e, t) => {
+	}), [O, k]), j = i(() => {
+		let e = O.reduce((e, t) => {
 			let n = t.source || "Unknown", r = e[n] || {
 				applications: 0,
 				hires: 0
@@ -36,236 +39,196 @@ function T() {
 			hires: t.hires,
 			conversionRate: Number((t.hires / Math.max(t.applications, 1) * 100).toFixed(1))
 		})).sort((e, t) => t.conversionRate - e.conversionRate);
-	}, [E]), A = n(() => {
-		let e = T.filter((e) => e.status === "active");
+	}, [O]), M = i(() => {
+		let e = D.filter((e) => e.status === "active");
 		if (e.length === 0) return 0;
 		let t = e.reduce((e, t) => {
 			let n = new Date(t.postedDate).getTime();
-			return Number.isNaN(n) ? e : e + Math.max(0, (w - n) / (1e3 * 60 * 60 * 24));
+			return Number.isNaN(n) ? e : e + Math.max(0, (E - n) / (1e3 * 60 * 60 * 24));
 		}, 0);
 		return Math.round(t / e.length);
-	}, [T]), j = T.filter((e) => e.status === "active"), M = T.reduce((e, t) => e + t.applicants, 0), N = D.filter((e) => e.status === "scheduled").length, P = D.filter((e) => e.status === "completed").length, F = E.filter((e) => e.status === "offer").length, I = E.filter((e) => e.status === "hired").length, L = E.filter((e) => [
+	}, [D]), N = D.filter((e) => e.status === "active"), P = D.reduce((e, t) => e + t.applicants, 0), F = k.filter((e) => e.status === "scheduled").length, I = k.filter((e) => e.status === "completed").length, L = O.filter((e) => e.status === "offer").length, R = O.filter((e) => e.status === "hired").length, z = O.filter((e) => [
 		"interview",
 		"assessment",
 		"offer",
 		"hired"
-	].includes(e.status)).length, R = E.filter((e) => ["offer", "hired"].includes(e.status)).length, z = Math.round(R / Math.max(L, 1) * 100), B = Math.round(I / Math.max(F + I, 1) * 100), V = Math.max(1, ...O.map((e) => e.applications)), H = [
+	].includes(e.status)).length, B = O.filter((e) => ["offer", "hired"].includes(e.status)).length, V = Math.round(B / Math.max(z, 1) * 100), H = Math.round(R / Math.max(L + R, 1) * 100), U = A.map((e) => ({
+		label: e.month,
+		value: e.applications
+	})), W = A.map((e) => e.hires), G = [
 		{
 			status: "New",
-			count: E.filter((e) => e.status === "new").length,
+			count: O.filter((e) => e.status === "new").length,
 			color: "bg-text-secondary"
 		},
 		{
 			status: "Screening",
-			count: E.filter((e) => e.status === "screening").length,
+			count: O.filter((e) => e.status === "screening").length,
 			color: "bg-status-info-text"
 		},
 		{
 			status: "Interview",
-			count: E.filter((e) => e.status === "interview").length,
+			count: O.filter((e) => e.status === "interview").length,
 			color: "bg-status-info-text"
 		},
 		{
 			status: "Assessment",
-			count: E.filter((e) => e.status === "assessment").length,
+			count: O.filter((e) => e.status === "assessment").length,
 			color: "bg-action-primary-bg"
 		},
 		{
 			status: "Offer",
-			count: F,
+			count: L,
 			color: "bg-status-warning-text"
 		},
 		{
 			status: "Hired",
-			count: I,
+			count: R,
 			color: "bg-status-success-text"
 		},
 		{
 			status: "Rejected",
-			count: E.filter((e) => e.status === "rejected").length,
+			count: O.filter((e) => e.status === "rejected").length,
 			color: "bg-status-error-text"
 		}
-	], U = H.reduce((e, t) => e + t.count, 0), W = [...j].sort((e, t) => t.applicants - e.applicants), { page: G, pageSize: K, offset: q, setPage: J } = S({ initialPageSize: 8 }), Y = W.slice(q, q + K);
-	return /* @__PURE__ */ l("div", {
+	], K = G.reduce((e, t) => e + t.count, 0), q = G.map((e) => ({
+		label: e.status,
+		value: e.count
+	})), J = [...N].sort((e, t) => t.applicants - e.applicants), { page: Y, pageSize: X, offset: Z, setPage: Q } = w({ initialPageSize: 8 }), $ = J.slice(Z, Z + X);
+	return /* @__PURE__ */ d("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ c("div", {
+			/* @__PURE__ */ u("div", {
 				className: "flex items-center justify-between",
-				children: /* @__PURE__ */ l("div", { children: [
-					/* @__PURE__ */ c("h1", {
+				children: /* @__PURE__ */ d("div", { children: [
+					/* @__PURE__ */ u("h1", {
 						className: "text-2xl font-semibold",
-						children: /* @__PURE__ */ c(_, { children: "Hiring Analytics" })
+						children: /* @__PURE__ */ u(y, { children: "Hiring Analytics" })
 					}),
-					/* @__PURE__ */ c("p", {
+					/* @__PURE__ */ u("p", {
 						className: "text-sm text-text-secondary",
 						children: "Recruitment performance and pipeline analysis"
 					}),
-					/* @__PURE__ */ c(y, {
+					/* @__PURE__ */ u(x, {
 						className: "mt-1",
 						children: "Measure how your hiring funnel performs — applications, time-to-hire, and source quality — to make recruiting faster and more effective."
 					})
 				] })
 			}),
-			/* @__PURE__ */ l("div", {
+			/* @__PURE__ */ d("div", {
 				className: "grid gap-4 md:grid-cols-2 lg:grid-cols-4",
 				children: [
-					/* @__PURE__ */ l(g, {
+					/* @__PURE__ */ d(v, {
 						treatment: "glass",
 						glow: !0,
 						className: "border-border-seam",
-						children: [/* @__PURE__ */ l(m, {
+						children: [/* @__PURE__ */ d(g, {
 							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ c(h, {
+							children: [/* @__PURE__ */ u(_, {
 								className: "text-sm font-medium",
 								children: "Active Postings"
-							}), /* @__PURE__ */ c(r, { className: "h-4 w-4 text-text-secondary" })]
-						}), /* @__PURE__ */ l(f, { children: [/* @__PURE__ */ c("div", {
+							}), /* @__PURE__ */ u(a, { className: "h-4 w-4 text-text-secondary" })]
+						}), /* @__PURE__ */ d(m, { children: [/* @__PURE__ */ u("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: j.length
-						}), /* @__PURE__ */ l("p", {
+							children: N.length
+						}), /* @__PURE__ */ d("p", {
 							className: "text-xs text-text-secondary",
-							children: [M, " total applicants"]
+							children: [P, " total applicants"]
 						})] })]
 					}),
-					/* @__PURE__ */ l(g, {
+					/* @__PURE__ */ d(v, {
 						treatment: "metric",
 						className: "border-border-seam",
-						children: [/* @__PURE__ */ l(m, {
+						children: [/* @__PURE__ */ d(g, {
 							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ c(h, {
+							children: [/* @__PURE__ */ u(_, {
 								className: "text-sm font-medium",
 								children: "Avg Days Open"
-							}), /* @__PURE__ */ c(i, { className: "h-4 w-4 text-text-secondary" })]
-						}), /* @__PURE__ */ l(f, { children: [/* @__PURE__ */ l("div", {
+							}), /* @__PURE__ */ u(o, { className: "h-4 w-4 text-text-secondary" })]
+						}), /* @__PURE__ */ d(m, { children: [/* @__PURE__ */ d("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: [A, " days"]
-						}), /* @__PURE__ */ c("p", {
+							children: [M, " days"]
+						}), /* @__PURE__ */ u("p", {
 							className: "text-xs text-text-secondary",
 							children: "Across active postings"
 						})] })]
 					}),
-					/* @__PURE__ */ l(g, {
+					/* @__PURE__ */ d(v, {
 						treatment: "metric",
 						className: "border-border-seam",
-						children: [/* @__PURE__ */ l(m, {
+						children: [/* @__PURE__ */ d(g, {
 							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ c(h, {
+							children: [/* @__PURE__ */ u(_, {
 								className: "text-sm font-medium",
 								children: "Interview to Offer"
-							}), /* @__PURE__ */ c(a, { className: "h-4 w-4 text-text-secondary" })]
-						}), /* @__PURE__ */ l(f, { children: [/* @__PURE__ */ l("div", {
+							}), /* @__PURE__ */ u(s, { className: "h-4 w-4 text-text-secondary" })]
+						}), /* @__PURE__ */ d(m, { children: [/* @__PURE__ */ d("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: [z, "%"]
-						}), /* @__PURE__ */ l("p", {
+							children: [V, "%"]
+						}), /* @__PURE__ */ d("p", {
 							className: "text-xs text-text-secondary",
 							children: [
-								N,
+								F,
 								" scheduled, ",
-								P,
+								I,
 								" completed"
 							]
 						})] })]
 					}),
-					/* @__PURE__ */ l(g, {
+					/* @__PURE__ */ d(v, {
 						treatment: "metric",
 						className: "border-border-seam",
-						children: [/* @__PURE__ */ l(m, {
+						children: [/* @__PURE__ */ d(g, {
 							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ c(h, {
+							children: [/* @__PURE__ */ u(_, {
 								className: "text-sm font-medium",
 								children: "Offer Acceptance"
-							}), /* @__PURE__ */ c(o, { className: "h-4 w-4 text-text-secondary" })]
-						}), /* @__PURE__ */ l(f, { children: [/* @__PURE__ */ l("div", {
+							}), /* @__PURE__ */ u(c, { className: "h-4 w-4 text-text-secondary" })]
+						}), /* @__PURE__ */ d(m, { children: [/* @__PURE__ */ d("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: [B, "%"]
-						}), /* @__PURE__ */ l("p", {
+							children: [H, "%"]
+						}), /* @__PURE__ */ d("p", {
 							className: "text-xs text-text-secondary",
-							children: [I, " hired to date"]
+							children: [R, " hired to date"]
 						})] })]
 					})
 				]
 			}),
-			/* @__PURE__ */ l("div", {
+			/* @__PURE__ */ d("div", {
 				className: "grid gap-4 md:grid-cols-7",
-				children: [/* @__PURE__ */ l(d, {
+				children: [/* @__PURE__ */ d(p, {
 					className: "col-span-4",
-					children: [/* @__PURE__ */ l(m, { children: [/* @__PURE__ */ c(h, { children: "Monthly Hiring Activity" }), /* @__PURE__ */ c(p, { children: "Applications, interviews, and hires over time" })] }), /* @__PURE__ */ l(f, {
-						className: "space-y-3",
-						children: [O.length === 0 && /* @__PURE__ */ c("p", {
-							className: "py-6 text-center text-sm text-text-secondary",
-							children: "No hiring activity recorded yet."
-						}), O.map((e) => /* @__PURE__ */ l("div", {
-							className: "flex items-center gap-3",
-							children: [
-								/* @__PURE__ */ c("span", {
-									className: "w-12 text-sm text-text-secondary",
-									children: e.month
-								}),
-								/* @__PURE__ */ c("div", {
-									className: "flex-1 h-5 bg-bg-sunken rounded overflow-hidden",
-									children: /* @__PURE__ */ c("div", {
-										className: "h-5 bg-action-primary-bg rounded",
-										style: { width: `${Math.round(e.applications / V * 100)}%` }
-									})
-								}),
-								/* @__PURE__ */ l("div", {
-									className: "flex gap-1 w-48 justify-end",
-									children: [
-										/* @__PURE__ */ l(u, {
-											variant: "outline",
-											className: "text-[10px]",
-											children: [e.applications, " apps"]
-										}),
-										/* @__PURE__ */ l(u, {
-											variant: "secondary",
-											className: "text-[10px]",
-											children: [e.interviews, " int"]
-										}),
-										/* @__PURE__ */ l(u, {
-											variant: "default",
-											className: "text-[10px]",
-											children: [e.hires, " hired"]
-										})
-									]
-								})
-							]
-						}, e.month))]
-					})]
-				}), /* @__PURE__ */ l(d, {
+					children: [/* @__PURE__ */ d(g, { children: [/* @__PURE__ */ u(_, { children: "Monthly Hiring Activity" }), /* @__PURE__ */ u(h, { children: "Applications, interviews, and hires over time" })] }), /* @__PURE__ */ u(m, { children: U.length === 0 ? /* @__PURE__ */ u("p", {
+						className: "py-6 text-center text-sm text-text-secondary",
+						children: "No hiring activity recorded yet."
+					}) : /* @__PURE__ */ u(n, {
+						series: U,
+						compare: W,
+						seriesLabel: "Applications",
+						compareLabel: "Hires",
+						height: 220,
+						valueFormatter: (e) => `${e}`
+					}) })]
+				}), /* @__PURE__ */ d(p, {
 					className: "col-span-3",
-					children: [/* @__PURE__ */ l(m, { children: [/* @__PURE__ */ c(h, { children: "Pipeline Status" }), /* @__PURE__ */ c(p, { children: "Current candidate distribution" })] }), /* @__PURE__ */ c(f, {
-						className: "space-y-3",
-						children: H.map((e) => /* @__PURE__ */ l("div", {
-							className: "flex items-center gap-3",
-							children: [
-								/* @__PURE__ */ c("div", { className: `h-3 w-3 rounded-full ${e.color}` }),
-								/* @__PURE__ */ c("span", {
-									className: "w-20 text-sm",
-									children: t(e.status)
-								}),
-								/* @__PURE__ */ c("div", {
-									className: "flex-1 h-3 bg-bg-sunken rounded overflow-hidden",
-									children: /* @__PURE__ */ c("div", {
-										className: `h-3 rounded ${e.color}`,
-										style: { width: `${U > 0 ? Math.max(Math.round(e.count / U * 100), 3) : 3}%` }
-									})
-								}),
-								/* @__PURE__ */ c("span", {
-									className: "text-sm font-medium w-6 text-right",
-									children: e.count
-								})
-							]
-						}, e.status))
-					})]
+					children: [/* @__PURE__ */ d(g, { children: [/* @__PURE__ */ u(_, { children: "Pipeline Status" }), /* @__PURE__ */ u(h, { children: "Current candidate distribution" })] }), /* @__PURE__ */ u(m, { children: K > 0 ? /* @__PURE__ */ u(r, {
+						series: q,
+						colorful: !0,
+						height: 220,
+						title: "Candidate pipeline by stage"
+					}) : /* @__PURE__ */ u("p", {
+						className: "py-6 text-center text-sm text-text-secondary",
+						children: "No candidates in the pipeline yet."
+					}) })]
 				})]
 			}),
-			/* @__PURE__ */ l(d, { children: [/* @__PURE__ */ l(m, { children: [/* @__PURE__ */ c(h, { children: "Source Effectiveness" }), /* @__PURE__ */ c(p, { children: "Recruitment channel performance comparison" })] }), /* @__PURE__ */ c(f, { children: /* @__PURE__ */ c(x, {
+			/* @__PURE__ */ d(p, { children: [/* @__PURE__ */ d(g, { children: [/* @__PURE__ */ u(_, { children: "Source Effectiveness" }), /* @__PURE__ */ u(h, { children: "Recruitment channel performance comparison" })] }), /* @__PURE__ */ u(m, { children: /* @__PURE__ */ u(C, {
 				columns: [
 					{
 						key: "source",
 						header: "Source",
 						priority: "primary",
-						cell: (e) => /* @__PURE__ */ c("span", {
+						cell: (e) => /* @__PURE__ */ u("span", {
 							className: "font-medium",
 							children: e.source
 						})
@@ -274,7 +237,7 @@ function T() {
 						key: "applications",
 						header: "Applications",
 						priority: "secondary",
-						cell: (e) => /* @__PURE__ */ c("span", {
+						cell: (e) => /* @__PURE__ */ u("span", {
 							className: "md:block md:text-right",
 							children: e.applications
 						})
@@ -283,7 +246,7 @@ function T() {
 						key: "hires",
 						header: "Hires",
 						priority: "secondary",
-						cell: (e) => /* @__PURE__ */ c("span", {
+						cell: (e) => /* @__PURE__ */ u("span", {
 							className: "md:block md:text-right",
 							children: e.hires
 						})
@@ -292,9 +255,9 @@ function T() {
 						key: "conversion",
 						header: "Conversion",
 						priority: "primary",
-						cell: (e) => /* @__PURE__ */ c("span", {
+						cell: (e) => /* @__PURE__ */ u("span", {
 							className: "md:block md:text-right",
-							children: /* @__PURE__ */ l(u, {
+							children: /* @__PURE__ */ d(f, {
 								variant: e.conversionRate >= 5 ? "default" : "secondary",
 								className: "text-[10px]",
 								children: [e.conversionRate, "%"]
@@ -302,24 +265,24 @@ function T() {
 						})
 					}
 				],
-				data: k,
+				data: j,
 				rowKey: (e) => e.source,
-				emptyState: /* @__PURE__ */ c("p", {
+				emptyState: /* @__PURE__ */ u("p", {
 					className: "py-6 text-center text-sm text-text-secondary",
 					children: "No candidate source data yet."
 				})
 			}) })] }),
-			/* @__PURE__ */ l(d, { children: [/* @__PURE__ */ l(m, { children: [/* @__PURE__ */ c(h, { children: "Open Positions Detail" }), /* @__PURE__ */ c(p, { children: "Active job postings and applicant counts" })] }), /* @__PURE__ */ c(f, { children: W.length === 0 ? /* @__PURE__ */ c(v, {
+			/* @__PURE__ */ d(p, { children: [/* @__PURE__ */ d(g, { children: [/* @__PURE__ */ u(_, { children: "Open Positions Detail" }), /* @__PURE__ */ u(h, { children: "Active job postings and applicant counts" })] }), /* @__PURE__ */ u(m, { children: J.length === 0 ? /* @__PURE__ */ u(b, {
 				illustration: "empty-data",
 				title: "No open positions",
 				description: "Active job postings will appear here once you publish a role."
-			}) : /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c(x, {
+			}) : /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u(C, {
 				columns: [
 					{
 						key: "title",
 						header: "Position",
 						priority: "primary",
-						cell: (e) => /* @__PURE__ */ c("span", {
+						cell: (e) => /* @__PURE__ */ u("span", {
 							className: "font-medium",
 							children: e.title
 						})
@@ -328,7 +291,7 @@ function T() {
 						key: "department",
 						header: "Department",
 						priority: "secondary",
-						cell: (e) => /* @__PURE__ */ c("span", {
+						cell: (e) => /* @__PURE__ */ u("span", {
 							className: "text-text-secondary",
 							children: e.department
 						})
@@ -337,7 +300,7 @@ function T() {
 						key: "level",
 						header: "Level",
 						priority: "hidden-on-mobile",
-						cell: (e) => /* @__PURE__ */ c(u, {
+						cell: (e) => /* @__PURE__ */ u(f, {
 							variant: "outline",
 							className: "w-fit text-[10px]",
 							children: t(e.experienceLevel)
@@ -347,7 +310,7 @@ function T() {
 						key: "applicants",
 						header: "Applicants",
 						priority: "secondary",
-						cell: (e) => /* @__PURE__ */ c("span", {
+						cell: (e) => /* @__PURE__ */ u("span", {
 							className: "md:block md:text-right",
 							children: e.applicants
 						})
@@ -356,7 +319,7 @@ function T() {
 						key: "salary",
 						header: "Salary Range",
 						priority: "secondary",
-						cell: (e) => /* @__PURE__ */ l("span", {
+						cell: (e) => /* @__PURE__ */ d("span", {
 							className: "md:block md:text-right text-text-secondary",
 							children: [
 								"$",
@@ -371,26 +334,26 @@ function T() {
 						key: "status",
 						header: "Status",
 						priority: "primary",
-						cell: (e) => /* @__PURE__ */ c(u, {
+						cell: (e) => /* @__PURE__ */ u(f, {
 							variant: "default",
 							className: "text-[10px]",
 							children: t(e.status)
 						})
 					}
 				],
-				data: Y,
+				data: $,
 				rowKey: (e) => e.id
-			}), W.length > K && /* @__PURE__ */ c(b, {
-				page: G,
-				pageSize: K,
-				totalItems: W.length,
-				onPageChange: J,
+			}), J.length > X && /* @__PURE__ */ u(S, {
+				page: Y,
+				pageSize: X,
+				totalItems: J.length,
+				onPageChange: Q,
 				className: "mt-3"
 			})] }) })] })
 		]
 	});
 }
 //#endregion
-export { T as AnalyticsHiringAnalyticsPagePage };
+export { D as AnalyticsHiringAnalyticsPagePage };
 
 //# sourceMappingURL=AnalyticsHiringAnalyticsPagePage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AnalyticsHiringAnalyticsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/AnalyticsHiringAnalyticsPagePage.tsx"],"sourcesContent":["import {\n  Badge,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  GlassCard,\n  GradientText,\n  IllustratedEmptyState,\n  PagePurpose,\n  Pagination,\n  ResponsiveTable,\n  type ResponsiveTableColumn,\n} from '@burdenoff/fe-libs/ui';\nimport { usePagination } from '@burdenoff/fe-libs/shared/hooks';\nimport { Briefcase, Clock, Target, Users } from 'lucide-react';\nimport { useMemo } from 'react';\nimport { useCrewFoundryStore, type JobPosting } from '../store/crewfoundryStore';\nimport { formatEnumLabel } from '../utils/formatEnumLabel';\n\ntype SourceRow = {\n  source: string;\n  applications: number;\n  hires: number;\n  conversionRate: number;\n};\n\nconst monthKeyOf = (value: string) => {\n  const date = new Date(value);\n  return `${date.getFullYear()}-${String(date.getMonth()).padStart(2, '0')}`;\n};\n\n// Stable \"as of\" anchor for this dataset (avoids impure Date.now() in render).\nconst AS_OF = new Date('2026-03-01').getTime();\n\nexport function AnalyticsHiringAnalyticsPagePage() {\n  const { jobPostings, candidates, interviews } = useCrewFoundryStore();\n\n  // Real monthly activity derived from candidate/interview dates.\n  const hiringMetrics = useMemo(() => {\n    if (candidates.length === 0 && interviews.length === 0) {\n      return [];\n    }\n    const keys = Array.from(\n      new Set([\n        ...candidates.map((candidate) => monthKeyOf(candidate.appliedDate)),\n        ...interviews.map((interview) => monthKeyOf(interview.date)),\n      ])\n    )\n      .sort()\n      .slice(-6);\n    return keys.map((key) => {\n      const [year, month] = key.split('-').map(Number);\n      const label = new Date(year, month, 1).toLocaleString('en-US', {\n        month: 'short',\n        year: '2-digit',\n      });\n      const monthCandidates = candidates.filter(\n        (candidate) => monthKeyOf(candidate.appliedDate) === key\n      );\n      return {\n        month: label,\n        applications: monthCandidates.length,\n        interviews: interviews.filter((interview) => monthKeyOf(interview.date) === key).length,\n        hires: monthCandidates.filter((candidate) => candidate.status === 'hired').length,\n      };\n    });\n  }, [candidates, interviews]);\n\n  const sourceEffectiveness = useMemo<SourceRow[]>(() => {\n    const grouped = candidates.reduce<Record<string, { applications: number; hires: number }>>(\n      (acc, candidate) => {\n        const source = candidate.source || 'Unknown';\n        const value = acc[source] || { applications: 0, hires: 0 };\n        value.applications += 1;\n        if (candidate.status === 'hired') {\n          value.hires += 1;\n        }\n        acc[source] = value;\n        return acc;\n      },\n      {}\n    );\n\n    return Object.entries(grouped)\n      .map(([source, value]) => ({\n        source,\n        applications: value.applications,\n        hires: value.hires,\n        conversionRate: Number(((value.hires / Math.max(value.applications, 1)) * 100).toFixed(1)),\n      }))\n      .sort((a, b) => b.conversionRate - a.conversionRate);\n  }, [candidates]);\n\n  // Real average number of days active postings have been open.\n  const avgDaysOpen = useMemo(() => {\n    const activePostings = jobPostings.filter((posting) => posting.status === 'active');\n    if (activePostings.length === 0) {\n      return 0;\n    }\n    const totalDays = activePostings.reduce((sum, posting) => {\n      const posted = new Date(posting.postedDate).getTime();\n      if (Number.isNaN(posted)) {\n        return sum;\n      }\n      return sum + Math.max(0, (AS_OF - posted) / (1000 * 60 * 60 * 24));\n    }, 0);\n    return Math.round(totalDays / activePostings.length);\n  }, [jobPostings]);\n\n  const activeJobs = jobPostings.filter((j) => j.status === 'active');\n  const totalApplicants = jobPostings.reduce((s, j) => s + j.applicants, 0);\n  const scheduledInterviews = interviews.filter((i) => i.status === 'scheduled').length;\n  const completedInterviews = interviews.filter((i) => i.status === 'completed').length;\n  const offeredCandidates = candidates.filter((c) => c.status === 'offer').length;\n  const hiredCandidates = candidates.filter((c) => c.status === 'hired').length;\n\n  const interviewedOrBeyond = candidates.filter((c) =>\n    ['interview', 'assessment', 'offer', 'hired'].includes(c.status)\n  ).length;\n  const offerOrBeyond = candidates.filter((c) => ['offer', 'hired'].includes(c.status)).length;\n  const interviewToOffer = Math.round((offerOrBeyond / Math.max(interviewedOrBeyond, 1)) * 100);\n  const offerAcceptance = Math.round(\n    (hiredCandidates / Math.max(offeredCandidates + hiredCandidates, 1)) * 100\n  );\n\n  const maxApplications = Math.max(1, ...hiringMetrics.map((m) => m.applications));\n\n  const statusPipeline = [\n    {\n      status: 'New',\n      count: candidates.filter((c) => c.status === 'new').length,\n      color: 'bg-text-secondary',\n    },\n    {\n      status: 'Screening',\n      count: candidates.filter((c) => c.status === 'screening').length,\n      color: 'bg-status-info-text',\n    },\n    {\n      status: 'Interview',\n      count: candidates.filter((c) => c.status === 'interview').length,\n      color: 'bg-status-info-text',\n    },\n    {\n      status: 'Assessment',\n      count: candidates.filter((c) => c.status === 'assessment').length,\n      color: 'bg-action-primary-bg',\n    },\n    { status: 'Offer', count: offeredCandidates, color: 'bg-status-warning-text' },\n    { status: 'Hired', count: hiredCandidates, color: 'bg-status-success-text' },\n    {\n      status: 'Rejected',\n      count: candidates.filter((c) => c.status === 'rejected').length,\n      color: 'bg-status-error-text',\n    },\n  ];\n  const totalPipeline = statusPipeline.reduce((s, p) => s + p.count, 0);\n\n  // Open Positions = active postings only, paginated to match the card title.\n  const openPositions = [...activeJobs].sort((a, b) => b.applicants - a.applicants);\n  const {\n    page: jobPage,\n    pageSize: jobPageSize,\n    offset: jobOffset,\n    setPage: setJobPage,\n  } = usePagination({ initialPageSize: 8 });\n  const jobPageItems = openPositions.slice(jobOffset, jobOffset + jobPageSize);\n\n  const sourceColumns: ResponsiveTableColumn<SourceRow>[] = [\n    {\n      key: 'source',\n      header: 'Source',\n      priority: 'primary',\n      cell: (src) => <span className=\"font-medium\">{src.source}</span>,\n    },\n    {\n      key: 'applications',\n      header: 'Applications',\n      priority: 'secondary',\n      cell: (src) => <span className=\"md:block md:text-right\">{src.applications}</span>,\n    },\n    {\n      key: 'hires',\n      header: 'Hires',\n      priority: 'secondary',\n      cell: (src) => <span className=\"md:block md:text-right\">{src.hires}</span>,\n    },\n    {\n      key: 'conversion',\n      header: 'Conversion',\n      priority: 'primary',\n      cell: (src) => (\n        <span className=\"md:block md:text-right\">\n          <Badge\n            variant={src.conversionRate >= 5 ? 'default' : 'secondary'}\n            className=\"text-[10px]\"\n          >\n            {src.conversionRate}%\n          </Badge>\n        </span>\n      ),\n    },\n  ];\n\n  const jobColumns: ResponsiveTableColumn<JobPosting>[] = [\n    {\n      key: 'title',\n      header: 'Position',\n      priority: 'primary',\n      cell: (job) => <span className=\"font-medium\">{job.title}</span>,\n    },\n    {\n      key: 'department',\n      header: 'Department',\n      priority: 'secondary',\n      cell: (job) => <span className=\"text-text-secondary\">{job.department}</span>,\n    },\n    {\n      key: 'level',\n      header: 'Level',\n      priority: 'hidden-on-mobile',\n      cell: (job) => (\n        <Badge variant=\"outline\" className=\"w-fit text-[10px]\">\n          {formatEnumLabel(job.experienceLevel)}\n        </Badge>\n      ),\n    },\n    {\n      key: 'applicants',\n      header: 'Applicants',\n      priority: 'secondary',\n      cell: (job) => <span className=\"md:block md:text-right\">{job.applicants}</span>,\n    },\n    {\n      key: 'salary',\n      header: 'Salary Range',\n      priority: 'secondary',\n      cell: (job) => (\n        <span className=\"md:block md:text-right text-text-secondary\">\n          ${(job.salaryMin / 1000).toFixed(0)}K-${(job.salaryMax / 1000).toFixed(0)}K\n        </span>\n      ),\n    },\n    {\n      key: 'status',\n      header: 'Status',\n      priority: 'primary',\n      cell: (job) => (\n        <Badge variant=\"default\" className=\"text-[10px]\">\n          {formatEnumLabel(job.status)}\n        </Badge>\n      ),\n    },\n  ];\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>Hiring Analytics</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">\n            Recruitment performance and pipeline analysis\n          </p>\n          <PagePurpose className=\"mt-1\">\n            Measure how your hiring funnel performs — applications, time-to-hire, and source quality\n            — to make recruiting faster and more effective.\n          </PagePurpose>\n        </div>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-4\">\n        <GlassCard treatment=\"glass\" glow className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Active Postings</CardTitle>\n            <Briefcase className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{activeJobs.length}</div>\n            <p className=\"text-xs text-text-secondary\">{totalApplicants} total applicants</p>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Avg Days Open</CardTitle>\n            <Clock className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{avgDaysOpen} days</div>\n            <p className=\"text-xs text-text-secondary\">Across active postings</p>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Interview to Offer</CardTitle>\n            <Target className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{interviewToOffer}%</div>\n            <p className=\"text-xs text-text-secondary\">\n              {scheduledInterviews} scheduled, {completedInterviews} completed\n            </p>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Offer Acceptance</CardTitle>\n            <Users className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{offerAcceptance}%</div>\n            <p className=\"text-xs text-text-secondary\">{hiredCandidates} hired to date</p>\n          </CardContent>\n        </GlassCard>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-7\">\n        <Card className=\"col-span-4\">\n          <CardHeader>\n            <CardTitle>Monthly Hiring Activity</CardTitle>\n            <CardDescription>Applications, interviews, and hires over time</CardDescription>\n          </CardHeader>\n          <CardContent className=\"space-y-3\">\n            {hiringMetrics.length === 0 && (\n              <p className=\"py-6 text-center text-sm text-text-secondary\">\n                No hiring activity recorded yet.\n              </p>\n            )}\n            {hiringMetrics.map((m) => (\n              <div key={m.month} className=\"flex items-center gap-3\">\n                <span className=\"w-12 text-sm text-text-secondary\">{m.month}</span>\n                <div className=\"flex-1 h-5 bg-bg-sunken rounded overflow-hidden\">\n                  <div\n                    className=\"h-5 bg-action-primary-bg rounded\"\n                    style={{\n                      width: `${Math.round((m.applications / maxApplications) * 100)}%`,\n                    }}\n                  />\n                </div>\n                <div className=\"flex gap-1 w-48 justify-end\">\n                  <Badge variant=\"outline\" className=\"text-[10px]\">\n                    {m.applications} apps\n                  </Badge>\n                  <Badge variant=\"secondary\" className=\"text-[10px]\">\n                    {m.interviews} int\n                  </Badge>\n                  <Badge variant=\"default\" className=\"text-[10px]\">\n                    {m.hires} hired\n                  </Badge>\n                </div>\n              </div>\n            ))}\n          </CardContent>\n        </Card>\n\n        <Card className=\"col-span-3\">\n          <CardHeader>\n            <CardTitle>Pipeline Status</CardTitle>\n            <CardDescription>Current candidate distribution</CardDescription>\n          </CardHeader>\n          <CardContent className=\"space-y-3\">\n            {statusPipeline.map((stage) => (\n              <div key={stage.status} className=\"flex items-center gap-3\">\n                <div className={`h-3 w-3 rounded-full ${stage.color}`} />\n                <span className=\"w-20 text-sm\">{formatEnumLabel(stage.status)}</span>\n                <div className=\"flex-1 h-3 bg-bg-sunken rounded overflow-hidden\">\n                  <div\n                    className={`h-3 rounded ${stage.color}`}\n                    style={{\n                      width: `${totalPipeline > 0 ? Math.max(Math.round((stage.count / totalPipeline) * 100), 3) : 3}%`,\n                    }}\n                  />\n                </div>\n                <span className=\"text-sm font-medium w-6 text-right\">{stage.count}</span>\n              </div>\n            ))}\n          </CardContent>\n        </Card>\n      </div>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Source Effectiveness</CardTitle>\n          <CardDescription>Recruitment channel performance comparison</CardDescription>\n        </CardHeader>\n        <CardContent>\n          <ResponsiveTable\n            columns={sourceColumns}\n            data={sourceEffectiveness}\n            rowKey={(src) => src.source}\n            emptyState={\n              <p className=\"py-6 text-center text-sm text-text-secondary\">\n                No candidate source data yet.\n              </p>\n            }\n          />\n        </CardContent>\n      </Card>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Open Positions Detail</CardTitle>\n          <CardDescription>Active job postings and applicant counts</CardDescription>\n        </CardHeader>\n        <CardContent>\n          {openPositions.length === 0 ? (\n            <IllustratedEmptyState\n              illustration=\"empty-data\"\n              title=\"No open positions\"\n              description=\"Active job postings will appear here once you publish a role.\"\n            />\n          ) : (\n            <>\n              <ResponsiveTable columns={jobColumns} data={jobPageItems} rowKey={(job) => job.id} />\n              {openPositions.length > jobPageSize && (\n                <Pagination\n                  page={jobPage}\n                  pageSize={jobPageSize}\n                  totalItems={openPositions.length}\n                  onPageChange={setJobPage}\n                  className=\"mt-3\"\n                />\n              )}\n            </>\n          )}\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"AnalyticsHiringAnalyticsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/AnalyticsHiringAnalyticsPagePage.tsx"],"sourcesContent":["import {\n  Badge,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  GlassCard,\n  GradientText,\n  IllustratedEmptyState,\n  PagePurpose,\n  Pagination,\n  ResponsiveTable,\n  type ResponsiveTableColumn,\n} from '@burdenoff/fe-libs/ui';\nimport { usePagination } from '@burdenoff/fe-libs/shared/hooks';\nimport { Briefcase, Clock, Target, Users } from 'lucide-react';\nimport { useMemo } from 'react';\nimport { useCrewFoundryStore, type JobPosting } from '../store/crewfoundryStore';\nimport { formatEnumLabel } from '../utils/formatEnumLabel';\nimport { BarChart, LineChart } from '../components/viz';\nimport type { LabeledValue, Segment } from '../components/viz';\n\ntype SourceRow = {\n  source: string;\n  applications: number;\n  hires: number;\n  conversionRate: number;\n};\n\nconst monthKeyOf = (value: string) => {\n  const date = new Date(value);\n  return `${date.getFullYear()}-${String(date.getMonth()).padStart(2, '0')}`;\n};\n\n// Stable \"as of\" anchor for this dataset (avoids impure Date.now() in render).\nconst AS_OF = new Date('2026-03-01').getTime();\n\nexport function AnalyticsHiringAnalyticsPagePage() {\n  const { jobPostings, candidates, interviews } = useCrewFoundryStore();\n\n  // Real monthly activity derived from candidate/interview dates.\n  const hiringMetrics = useMemo(() => {\n    if (candidates.length === 0 && interviews.length === 0) {\n      return [];\n    }\n    const keys = Array.from(\n      new Set([\n        ...candidates.map((candidate) => monthKeyOf(candidate.appliedDate)),\n        ...interviews.map((interview) => monthKeyOf(interview.date)),\n      ])\n    )\n      .sort()\n      .slice(-6);\n    return keys.map((key) => {\n      const [year, month] = key.split('-').map(Number);\n      const label = new Date(year, month, 1).toLocaleString('en-US', {\n        month: 'short',\n        year: '2-digit',\n      });\n      const monthCandidates = candidates.filter(\n        (candidate) => monthKeyOf(candidate.appliedDate) === key\n      );\n      return {\n        month: label,\n        applications: monthCandidates.length,\n        interviews: interviews.filter((interview) => monthKeyOf(interview.date) === key).length,\n        hires: monthCandidates.filter((candidate) => candidate.status === 'hired').length,\n      };\n    });\n  }, [candidates, interviews]);\n\n  const sourceEffectiveness = useMemo<SourceRow[]>(() => {\n    const grouped = candidates.reduce<Record<string, { applications: number; hires: number }>>(\n      (acc, candidate) => {\n        const source = candidate.source || 'Unknown';\n        const value = acc[source] || { applications: 0, hires: 0 };\n        value.applications += 1;\n        if (candidate.status === 'hired') {\n          value.hires += 1;\n        }\n        acc[source] = value;\n        return acc;\n      },\n      {}\n    );\n\n    return Object.entries(grouped)\n      .map(([source, value]) => ({\n        source,\n        applications: value.applications,\n        hires: value.hires,\n        conversionRate: Number(((value.hires / Math.max(value.applications, 1)) * 100).toFixed(1)),\n      }))\n      .sort((a, b) => b.conversionRate - a.conversionRate);\n  }, [candidates]);\n\n  // Real average number of days active postings have been open.\n  const avgDaysOpen = useMemo(() => {\n    const activePostings = jobPostings.filter((posting) => posting.status === 'active');\n    if (activePostings.length === 0) {\n      return 0;\n    }\n    const totalDays = activePostings.reduce((sum, posting) => {\n      const posted = new Date(posting.postedDate).getTime();\n      if (Number.isNaN(posted)) {\n        return sum;\n      }\n      return sum + Math.max(0, (AS_OF - posted) / (1000 * 60 * 60 * 24));\n    }, 0);\n    return Math.round(totalDays / activePostings.length);\n  }, [jobPostings]);\n\n  const activeJobs = jobPostings.filter((j) => j.status === 'active');\n  const totalApplicants = jobPostings.reduce((s, j) => s + j.applicants, 0);\n  const scheduledInterviews = interviews.filter((i) => i.status === 'scheduled').length;\n  const completedInterviews = interviews.filter((i) => i.status === 'completed').length;\n  const offeredCandidates = candidates.filter((c) => c.status === 'offer').length;\n  const hiredCandidates = candidates.filter((c) => c.status === 'hired').length;\n\n  const interviewedOrBeyond = candidates.filter((c) =>\n    ['interview', 'assessment', 'offer', 'hired'].includes(c.status)\n  ).length;\n  const offerOrBeyond = candidates.filter((c) => ['offer', 'hired'].includes(c.status)).length;\n  const interviewToOffer = Math.round((offerOrBeyond / Math.max(interviewedOrBeyond, 1)) * 100);\n  const offerAcceptance = Math.round(\n    (hiredCandidates / Math.max(offeredCandidates + hiredCandidates, 1)) * 100\n  );\n\n  const applicationsSeries: LabeledValue[] = hiringMetrics.map((m) => ({\n    label: m.month,\n    value: m.applications,\n  }));\n  const hiresCompare = hiringMetrics.map((m) => m.hires);\n\n  const statusPipeline = [\n    {\n      status: 'New',\n      count: candidates.filter((c) => c.status === 'new').length,\n      color: 'bg-text-secondary',\n    },\n    {\n      status: 'Screening',\n      count: candidates.filter((c) => c.status === 'screening').length,\n      color: 'bg-status-info-text',\n    },\n    {\n      status: 'Interview',\n      count: candidates.filter((c) => c.status === 'interview').length,\n      color: 'bg-status-info-text',\n    },\n    {\n      status: 'Assessment',\n      count: candidates.filter((c) => c.status === 'assessment').length,\n      color: 'bg-action-primary-bg',\n    },\n    { status: 'Offer', count: offeredCandidates, color: 'bg-status-warning-text' },\n    { status: 'Hired', count: hiredCandidates, color: 'bg-status-success-text' },\n    {\n      status: 'Rejected',\n      count: candidates.filter((c) => c.status === 'rejected').length,\n      color: 'bg-status-error-text',\n    },\n  ];\n  const totalPipeline = statusPipeline.reduce((s, p) => s + p.count, 0);\n  const pipelineSeries: Segment[] = statusPipeline.map((stage) => ({\n    label: stage.status,\n    value: stage.count,\n  }));\n\n  // Open Positions = active postings only, paginated to match the card title.\n  const openPositions = [...activeJobs].sort((a, b) => b.applicants - a.applicants);\n  const {\n    page: jobPage,\n    pageSize: jobPageSize,\n    offset: jobOffset,\n    setPage: setJobPage,\n  } = usePagination({ initialPageSize: 8 });\n  const jobPageItems = openPositions.slice(jobOffset, jobOffset + jobPageSize);\n\n  const sourceColumns: ResponsiveTableColumn<SourceRow>[] = [\n    {\n      key: 'source',\n      header: 'Source',\n      priority: 'primary',\n      cell: (src) => <span className=\"font-medium\">{src.source}</span>,\n    },\n    {\n      key: 'applications',\n      header: 'Applications',\n      priority: 'secondary',\n      cell: (src) => <span className=\"md:block md:text-right\">{src.applications}</span>,\n    },\n    {\n      key: 'hires',\n      header: 'Hires',\n      priority: 'secondary',\n      cell: (src) => <span className=\"md:block md:text-right\">{src.hires}</span>,\n    },\n    {\n      key: 'conversion',\n      header: 'Conversion',\n      priority: 'primary',\n      cell: (src) => (\n        <span className=\"md:block md:text-right\">\n          <Badge\n            variant={src.conversionRate >= 5 ? 'default' : 'secondary'}\n            className=\"text-[10px]\"\n          >\n            {src.conversionRate}%\n          </Badge>\n        </span>\n      ),\n    },\n  ];\n\n  const jobColumns: ResponsiveTableColumn<JobPosting>[] = [\n    {\n      key: 'title',\n      header: 'Position',\n      priority: 'primary',\n      cell: (job) => <span className=\"font-medium\">{job.title}</span>,\n    },\n    {\n      key: 'department',\n      header: 'Department',\n      priority: 'secondary',\n      cell: (job) => <span className=\"text-text-secondary\">{job.department}</span>,\n    },\n    {\n      key: 'level',\n      header: 'Level',\n      priority: 'hidden-on-mobile',\n      cell: (job) => (\n        <Badge variant=\"outline\" className=\"w-fit text-[10px]\">\n          {formatEnumLabel(job.experienceLevel)}\n        </Badge>\n      ),\n    },\n    {\n      key: 'applicants',\n      header: 'Applicants',\n      priority: 'secondary',\n      cell: (job) => <span className=\"md:block md:text-right\">{job.applicants}</span>,\n    },\n    {\n      key: 'salary',\n      header: 'Salary Range',\n      priority: 'secondary',\n      cell: (job) => (\n        <span className=\"md:block md:text-right text-text-secondary\">\n          ${(job.salaryMin / 1000).toFixed(0)}K-${(job.salaryMax / 1000).toFixed(0)}K\n        </span>\n      ),\n    },\n    {\n      key: 'status',\n      header: 'Status',\n      priority: 'primary',\n      cell: (job) => (\n        <Badge variant=\"default\" className=\"text-[10px]\">\n          {formatEnumLabel(job.status)}\n        </Badge>\n      ),\n    },\n  ];\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>Hiring Analytics</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">\n            Recruitment performance and pipeline analysis\n          </p>\n          <PagePurpose className=\"mt-1\">\n            Measure how your hiring funnel performs — applications, time-to-hire, and source quality\n            — to make recruiting faster and more effective.\n          </PagePurpose>\n        </div>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-4\">\n        <GlassCard treatment=\"glass\" glow className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Active Postings</CardTitle>\n            <Briefcase className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{activeJobs.length}</div>\n            <p className=\"text-xs text-text-secondary\">{totalApplicants} total applicants</p>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Avg Days Open</CardTitle>\n            <Clock className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{avgDaysOpen} days</div>\n            <p className=\"text-xs text-text-secondary\">Across active postings</p>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Interview to Offer</CardTitle>\n            <Target className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{interviewToOffer}%</div>\n            <p className=\"text-xs text-text-secondary\">\n              {scheduledInterviews} scheduled, {completedInterviews} completed\n            </p>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Offer Acceptance</CardTitle>\n            <Users className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{offerAcceptance}%</div>\n            <p className=\"text-xs text-text-secondary\">{hiredCandidates} hired to date</p>\n          </CardContent>\n        </GlassCard>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-7\">\n        <Card className=\"col-span-4\">\n          <CardHeader>\n            <CardTitle>Monthly Hiring Activity</CardTitle>\n            <CardDescription>Applications, interviews, and hires over time</CardDescription>\n          </CardHeader>\n          <CardContent>\n            {applicationsSeries.length === 0 ? (\n              <p className=\"py-6 text-center text-sm text-text-secondary\">\n                No hiring activity recorded yet.\n              </p>\n            ) : (\n              <LineChart\n                series={applicationsSeries}\n                compare={hiresCompare}\n                seriesLabel=\"Applications\"\n                compareLabel=\"Hires\"\n                height={220}\n                valueFormatter={(value) => `${value}`}\n              />\n            )}\n          </CardContent>\n        </Card>\n\n        <Card className=\"col-span-3\">\n          <CardHeader>\n            <CardTitle>Pipeline Status</CardTitle>\n            <CardDescription>Current candidate distribution</CardDescription>\n          </CardHeader>\n          <CardContent>\n            {totalPipeline > 0 ? (\n              <BarChart series={pipelineSeries} colorful height={220} title=\"Candidate pipeline by stage\" />\n            ) : (\n              <p className=\"py-6 text-center text-sm text-text-secondary\">\n                No candidates in the pipeline yet.\n              </p>\n            )}\n          </CardContent>\n        </Card>\n      </div>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Source Effectiveness</CardTitle>\n          <CardDescription>Recruitment channel performance comparison</CardDescription>\n        </CardHeader>\n        <CardContent>\n          <ResponsiveTable\n            columns={sourceColumns}\n            data={sourceEffectiveness}\n            rowKey={(src) => src.source}\n            emptyState={\n              <p className=\"py-6 text-center text-sm text-text-secondary\">\n                No candidate source data yet.\n              </p>\n            }\n          />\n        </CardContent>\n      </Card>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Open Positions Detail</CardTitle>\n          <CardDescription>Active job postings and applicant counts</CardDescription>\n        </CardHeader>\n        <CardContent>\n          {openPositions.length === 0 ? (\n            <IllustratedEmptyState\n              illustration=\"empty-data\"\n              title=\"No open positions\"\n              description=\"Active job postings will appear here once you publish a role.\"\n            />\n          ) : (\n            <>\n              <ResponsiveTable columns={jobColumns} data={jobPageItems} rowKey={(job) => job.id} />\n              {openPositions.length > jobPageSize && (\n                <Pagination\n                  page={jobPage}\n                  pageSize={jobPageSize}\n                  totalItems={openPositions.length}\n                  onPageChange={setJobPage}\n                  className=\"mt-3\"\n                />\n              )}\n            </>\n          )}\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;AA8BA,IAAM,KAAc,MAAkB;CACpC,IAAM,IAAO,IAAI,KAAK,EAAM;AAC5B,QAAO,GAAG,EAAK,aAAa,CAAC,GAAG,OAAO,EAAK,UAAU,CAAC,CAAC,SAAS,GAAG,IAAI;GAIpE,qBAAQ,IAAI,KAAK,aAAa,EAAC,SAAS;AAE9C,SAAgB,IAAmC;CACjD,IAAM,EAAE,gBAAa,eAAY,kBAAe,GAAqB,EAG/D,IAAgB,QAChB,EAAW,WAAW,KAAK,EAAW,WAAW,IAC5C,EAAE,GAEE,MAAM,KACjB,IAAI,IAAI,CACN,GAAG,EAAW,KAAK,MAAc,EAAW,EAAU,YAAY,CAAC,EACnE,GAAG,EAAW,KAAK,MAAc,EAAW,EAAU,KAAK,CAAC,CAC7D,CAAC,CACH,CACE,MAAM,CACN,MAAM,GAAG,CACA,KAAK,MAAQ;EACvB,IAAM,CAAC,GAAM,KAAS,EAAI,MAAM,IAAI,CAAC,IAAI,OAAO,EAC1C,IAAQ,IAAI,KAAK,GAAM,GAAO,EAAE,CAAC,eAAe,SAAS;GAC7D,OAAO;GACP,MAAM;GACP,CAAC,EACI,IAAkB,EAAW,QAChC,MAAc,EAAW,EAAU,YAAY,KAAK,EACtD;AACD,SAAO;GACL,OAAO;GACP,cAAc,EAAgB;GAC9B,YAAY,EAAW,QAAQ,MAAc,EAAW,EAAU,KAAK,KAAK,EAAI,CAAC;GACjF,OAAO,EAAgB,QAAQ,MAAc,EAAU,WAAW,QAAQ,CAAC;GAC5E;GACD,EACD,CAAC,GAAY,EAAW,CAAC,EAEtB,IAAsB,QAA2B;EACrD,IAAM,IAAU,EAAW,QACxB,GAAK,MAAc;GAClB,IAAM,IAAS,EAAU,UAAU,WAC7B,IAAQ,EAAI,MAAW;IAAE,cAAc;IAAG,OAAO;IAAG;AAM1D,UALA,EAAM,gBAAgB,GAClB,EAAU,WAAW,YACvB,EAAM,SAAS,IAEjB,EAAI,KAAU,GACP;KAET,EAAE,CACH;AAED,SAAO,OAAO,QAAQ,EAAQ,CAC3B,KAAK,CAAC,GAAQ,QAAY;GACzB;GACA,cAAc,EAAM;GACpB,OAAO,EAAM;GACb,gBAAgB,QAAS,EAAM,QAAQ,KAAK,IAAI,EAAM,cAAc,EAAE,GAAI,KAAK,QAAQ,EAAE,CAAC;GAC3F,EAAE,CACF,MAAM,GAAG,MAAM,EAAE,iBAAiB,EAAE,eAAe;IACrD,CAAC,EAAW,CAAC,EAGV,IAAc,QAAc;EAChC,IAAM,IAAiB,EAAY,QAAQ,MAAY,EAAQ,WAAW,SAAS;AACnF,MAAI,EAAe,WAAW,EAC5B,QAAO;EAET,IAAM,IAAY,EAAe,QAAQ,GAAK,MAAY;GACxD,IAAM,IAAS,IAAI,KAAK,EAAQ,WAAW,CAAC,SAAS;AAIrD,UAHI,OAAO,MAAM,EAAO,GACf,IAEF,IAAM,KAAK,IAAI,IAAI,IAAQ,MAAW,MAAO,KAAK,KAAK,IAAI;KACjE,EAAE;AACL,SAAO,KAAK,MAAM,IAAY,EAAe,OAAO;IACnD,CAAC,EAAY,CAAC,EAEX,IAAa,EAAY,QAAQ,MAAM,EAAE,WAAW,SAAS,EAC7D,IAAkB,EAAY,QAAQ,GAAG,MAAM,IAAI,EAAE,YAAY,EAAE,EACnE,IAAsB,EAAW,QAAQ,MAAM,EAAE,WAAW,YAAY,CAAC,QACzE,IAAsB,EAAW,QAAQ,MAAM,EAAE,WAAW,YAAY,CAAC,QACzE,IAAoB,EAAW,QAAQ,MAAM,EAAE,WAAW,QAAQ,CAAC,QACnE,IAAkB,EAAW,QAAQ,MAAM,EAAE,WAAW,QAAQ,CAAC,QAEjE,IAAsB,EAAW,QAAQ,MAC7C;EAAC;EAAa;EAAc;EAAS;EAAQ,CAAC,SAAS,EAAE,OAAO,CACjE,CAAC,QACI,IAAgB,EAAW,QAAQ,MAAM,CAAC,SAAS,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,QAChF,IAAmB,KAAK,MAAO,IAAgB,KAAK,IAAI,GAAqB,EAAE,GAAI,IAAI,EACvF,IAAkB,KAAK,MAC1B,IAAkB,KAAK,IAAI,IAAoB,GAAiB,EAAE,GAAI,IACxE,EAEK,IAAqC,EAAc,KAAK,OAAO;EACnE,OAAO,EAAE;EACT,OAAO,EAAE;EACV,EAAE,EACG,IAAe,EAAc,KAAK,MAAM,EAAE,MAAM,EAEhD,IAAiB;EACrB;GACE,QAAQ;GACR,OAAO,EAAW,QAAQ,MAAM,EAAE,WAAW,MAAM,CAAC;GACpD,OAAO;GACR;EACD;GACE,QAAQ;GACR,OAAO,EAAW,QAAQ,MAAM,EAAE,WAAW,YAAY,CAAC;GAC1D,OAAO;GACR;EACD;GACE,QAAQ;GACR,OAAO,EAAW,QAAQ,MAAM,EAAE,WAAW,YAAY,CAAC;GAC1D,OAAO;GACR;EACD;GACE,QAAQ;GACR,OAAO,EAAW,QAAQ,MAAM,EAAE,WAAW,aAAa,CAAC;GAC3D,OAAO;GACR;EACD;GAAE,QAAQ;GAAS,OAAO;GAAmB,OAAO;GAA0B;EAC9E;GAAE,QAAQ;GAAS,OAAO;GAAiB,OAAO;GAA0B;EAC5E;GACE,QAAQ;GACR,OAAO,EAAW,QAAQ,MAAM,EAAE,WAAW,WAAW,CAAC;GACzD,OAAO;GACR;EACF,EACK,IAAgB,EAAe,QAAQ,GAAG,MAAM,IAAI,EAAE,OAAO,EAAE,EAC/D,IAA4B,EAAe,KAAK,OAAW;EAC/D,OAAO,EAAM;EACb,OAAO,EAAM;EACd,EAAE,EAGG,IAAgB,CAAC,GAAG,EAAW,CAAC,MAAM,GAAG,MAAM,EAAE,aAAa,EAAE,WAAW,EAC3E,EACJ,MAAM,GACN,UAAU,GACV,QAAQ,GACR,SAAS,MACP,EAAc,EAAE,iBAAiB,GAAG,CAAC,EACnC,IAAe,EAAc,MAAM,GAAW,IAAY,EAAY;AAyF5E,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,OAAD,EAAA,UAAA;KACE,kBAAC,MAAD;MAAI,WAAU;gBACZ,kBAAC,GAAD,EAAA,UAAc,oBAA+B,CAAA;MAC1C,CAAA;KACL,kBAAC,KAAD;MAAG,WAAU;gBAA8B;MAEvC,CAAA;KACJ,kBAAC,GAAD;MAAa,WAAU;gBAAO;MAGhB,CAAA;KACV,EAAA,CAAA;IACF,CAAA;GAEN,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,GAAD;MAAW,WAAU;MAAQ,MAAA;MAAK,WAAU;gBAA5C,CACE,kBAAC,GAAD;OAAY,WAAU;iBAAtB,CACE,kBAAC,GAAD;QAAW,WAAU;kBAAsB;QAA2B,CAAA,EACtE,kBAAC,GAAD,EAAW,WAAU,+BAAgC,CAAA,CAC1C;UACb,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAmC,EAAW;OAAa,CAAA,EAC1E,kBAAC,KAAD;OAAG,WAAU;iBAAb,CAA4C,GAAgB,oBAAqB;SACrE,EAAA,CAAA,CACJ;;KACZ,kBAAC,GAAD;MAAW,WAAU;MAAS,WAAU;gBAAxC,CACE,kBAAC,GAAD;OAAY,WAAU;iBAAtB,CACE,kBAAC,GAAD;QAAW,WAAU;kBAAsB;QAAyB,CAAA,EACpE,kBAAC,GAAD,EAAO,WAAU,+BAAgC,CAAA,CACtC;UACb,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CAAkD,GAAY,QAAW;UACzE,kBAAC,KAAD;OAAG,WAAU;iBAA8B;OAA0B,CAAA,CACzD,EAAA,CAAA,CACJ;;KACZ,kBAAC,GAAD;MAAW,WAAU;MAAS,WAAU;gBAAxC,CACE,kBAAC,GAAD;OAAY,WAAU;iBAAtB,CACE,kBAAC,GAAD;QAAW,WAAU;kBAAsB;QAA8B,CAAA,EACzE,kBAAC,GAAD,EAAQ,WAAU,+BAAgC,CAAA,CACvC;UACb,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CAAkD,GAAiB,IAAO;UAC1E,kBAAC,KAAD;OAAG,WAAU;iBAAb;QACG;QAAoB;QAAa;QAAoB;QACpD;SACQ,EAAA,CAAA,CACJ;;KACZ,kBAAC,GAAD;MAAW,WAAU;MAAS,WAAU;gBAAxC,CACE,kBAAC,GAAD;OAAY,WAAU;iBAAtB,CACE,kBAAC,GAAD;QAAW,WAAU;kBAAsB;QAA4B,CAAA,EACvE,kBAAC,GAAD,EAAO,WAAU,+BAAgC,CAAA,CACtC;UACb,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CAAkD,GAAgB,IAAO;UACzE,kBAAC,KAAD;OAAG,WAAU;iBAAb,CAA4C,GAAgB,iBAAkB;SAClE,EAAA,CAAA,CACJ;;KACR;;GAEN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KAAM,WAAU;eAAhB,CACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAAW,2BAAmC,CAAA,EAC9C,kBAAC,GAAD,EAAA,UAAiB,iDAA+D,CAAA,CACrE,EAAA,CAAA,EACb,kBAAC,GAAD,EAAA,UACG,EAAmB,WAAW,IAC7B,kBAAC,KAAD;MAAG,WAAU;gBAA+C;MAExD,CAAA,GAEJ,kBAAC,GAAD;MACE,QAAQ;MACR,SAAS;MACT,aAAY;MACZ,cAAa;MACb,QAAQ;MACR,iBAAiB,MAAU,GAAG;MAC9B,CAAA,EAEQ,CAAA,CACT;QAEP,kBAAC,GAAD;KAAM,WAAU;eAAhB,CACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAAW,mBAA2B,CAAA,EACtC,kBAAC,GAAD,EAAA,UAAiB,kCAAgD,CAAA,CACtD,EAAA,CAAA,EACb,kBAAC,GAAD,EAAA,UACG,IAAgB,IACf,kBAAC,GAAD;MAAU,QAAQ;MAAgB,UAAA;MAAS,QAAQ;MAAK,OAAM;MAAgC,CAAA,GAE9F,kBAAC,KAAD;MAAG,WAAU;gBAA+C;MAExD,CAAA,EAEM,CAAA,CACT;OACH;;GAEN,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAAW,wBAAgC,CAAA,EAC3C,kBAAC,GAAD,EAAA,UAAiB,8CAA4D,CAAA,CAClE,EAAA,CAAA,EACb,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;IACE,SArMgD;KACxD;MACE,KAAK;MACL,QAAQ;MACR,UAAU;MACV,OAAO,MAAQ,kBAAC,QAAD;OAAM,WAAU;iBAAe,EAAI;OAAc,CAAA;MACjE;KACD;MACE,KAAK;MACL,QAAQ;MACR,UAAU;MACV,OAAO,MAAQ,kBAAC,QAAD;OAAM,WAAU;iBAA0B,EAAI;OAAoB,CAAA;MAClF;KACD;MACE,KAAK;MACL,QAAQ;MACR,UAAU;MACV,OAAO,MAAQ,kBAAC,QAAD;OAAM,WAAU;iBAA0B,EAAI;OAAa,CAAA;MAC3E;KACD;MACE,KAAK;MACL,QAAQ;MACR,UAAU;MACV,OAAO,MACL,kBAAC,QAAD;OAAM,WAAU;iBACd,kBAAC,GAAD;QACE,SAAS,EAAI,kBAAkB,IAAI,YAAY;QAC/C,WAAU;kBAFZ,CAIG,EAAI,gBAAe,IACd;;OACH,CAAA;MAEV;KACF;IAoKS,MAAM;IACN,SAAS,MAAQ,EAAI;IACrB,YACE,kBAAC,KAAD;KAAG,WAAU;eAA+C;KAExD,CAAA;IAEN,CAAA,EACU,CAAA,CACT,EAAA,CAAA;GAEP,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAAW,yBAAiC,CAAA,EAC5C,kBAAC,GAAD,EAAA,UAAiB,4CAA0D,CAAA,CAChE,EAAA,CAAA,EACb,kBAAC,GAAD,EAAA,UACG,EAAc,WAAW,IACxB,kBAAC,GAAD;IACE,cAAa;IACb,OAAM;IACN,aAAY;IACZ,CAAA,GAEF,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;IAAiB,SA3L2B;KACtD;MACE,KAAK;MACL,QAAQ;MACR,UAAU;MACV,OAAO,MAAQ,kBAAC,QAAD;OAAM,WAAU;iBAAe,EAAI;OAAa,CAAA;MAChE;KACD;MACE,KAAK;MACL,QAAQ;MACR,UAAU;MACV,OAAO,MAAQ,kBAAC,QAAD;OAAM,WAAU;iBAAuB,EAAI;OAAkB,CAAA;MAC7E;KACD;MACE,KAAK;MACL,QAAQ;MACR,UAAU;MACV,OAAO,MACL,kBAAC,GAAD;OAAO,SAAQ;OAAU,WAAU;iBAChC,EAAgB,EAAI,gBAAgB;OAC/B,CAAA;MAEX;KACD;MACE,KAAK;MACL,QAAQ;MACR,UAAU;MACV,OAAO,MAAQ,kBAAC,QAAD;OAAM,WAAU;iBAA0B,EAAI;OAAkB,CAAA;MAChF;KACD;MACE,KAAK;MACL,QAAQ;MACR,UAAU;MACV,OAAO,MACL,kBAAC,QAAD;OAAM,WAAU;iBAAhB;QAA6D;SACxD,EAAI,YAAY,KAAM,QAAQ,EAAE;QAAC;SAAK,EAAI,YAAY,KAAM,QAAQ,EAAE;QAAC;QACrE;;MAEV;KACD;MACE,KAAK;MACL,QAAQ;MACR,UAAU;MACV,OAAO,MACL,kBAAC,GAAD;OAAO,SAAQ;OAAU,WAAU;iBAChC,EAAgB,EAAI,OAAO;OACtB,CAAA;MAEX;KACF;IA0IiD,MAAM;IAAc,SAAS,MAAQ,EAAI;IAAM,CAAA,EACpF,EAAc,SAAS,KACtB,kBAAC,GAAD;IACE,MAAM;IACN,UAAU;IACV,YAAY,EAAc;IAC1B,cAAc;IACd,WAAU;IACV,CAAA,CAEH,EAAA,CAAA,EAEO,CAAA,CACT,EAAA,CAAA;GACH"}