@burdenoff/microfe-crewfoundry 2026.1107.1 → 2026.1107.2

package/dist/crewfoundry/pages/DashboardExecutiveDashboardPage.js

@@ -1,33 +1,34 @@
 import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
-import { useCallback as t, useEffect as n, useMemo as r } from "react";
-import { Building2 as i, Percent as a, RefreshCw as o, Target as s, UserPlus as c, Users as l } from "lucide-react";
-import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
-import { Badge as p, Button as m, Card as h, CardContent as g, CardDescription as _, CardHeader as v, CardTitle as y, GlassCard as b, GradientText as x, IllustratedEmptyState as S, PagePurpose as C, ResponsiveTable as w, Separator as T, Spinner as E } from "@burdenoff/fe-libs/ui";
+import { WorkforceForecastCard as t } from "../components/WorkforceForecastCard.js";
+import { useCallback as n, useEffect as r, useMemo as i } from "react";
+import { Building2 as a, Percent as o, RefreshCw as s, Target as c, UserPlus as l, Users as u } from "lucide-react";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+import { Badge as m, Button as h, Card as g, CardContent as _, CardDescription as v, CardHeader as y, CardTitle as b, GlassCard as x, GradientText as S, IllustratedEmptyState as C, PagePurpose as w, ResponsiveTable as T, Separator as E, Spinner as D } from "@burdenoff/fe-libs/ui";
 //#region src/crewfoundry/pages/DashboardExecutiveDashboardPage.tsx
-var D = 8, O = {
+var O = 8, k = {
 	HIGH: "destructive",
 	MEDIUM: "warning",
 	LOW: "secondary"
 };
-function k(e) {
+function A(e) {
 	return Math.abs(e) >= 1e6 ? `$${(e / 1e6).toFixed(1)}M` : Math.abs(e) >= 1e3 ? `$${(e / 1e3).toFixed(0)}K` : `$${Math.round(e)}`;
 }
-function A(e) {
+function j(e) {
 	let t = new Date(e);
 	return Number.isNaN(t.getTime()) ? "" : t.toLocaleString(void 0, {
 		dateStyle: "medium",
 		timeStyle: "short"
 	});
 }
-var j = [
+var M = [
 	{
 		key: "employee",
 		header: "Employee",
 		priority: "primary",
-		cell: (e) => /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("p", {
+		cell: (e) => /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("p", {
 			className: "font-medium",
 			children: e.employeeName
-		}), /* @__PURE__ */ d("p", {
+		}), /* @__PURE__ */ f("p", {
 			className: "text-xs text-text-secondary",
 			children: e.department
 		})] })
@@ -36,8 +37,8 @@ var j = [
 		key: "level",
 		header: "Risk",
 		priority: "primary",
-		cell: (e) => /* @__PURE__ */ f(p, {
-			variant: O[e.riskLevel],
+		cell: (e) => /* @__PURE__ */ p(m, {
+			variant: k[e.riskLevel],
 			children: [
 				e.riskLevel.charAt(0),
 				e.riskLevel.slice(1).toLowerCase(),
@@ -50,17 +51,17 @@ var j = [
 		key: "drivers",
 		header: "Drivers",
 		priority: "secondary",
-		cell: (e) => /* @__PURE__ */ d("span", {
+		cell: (e) => /* @__PURE__ */ f("span", {
 			className: "text-sm text-text-secondary",
 			children: e.drivers.length > 0 ? e.drivers.join(", ") : "No risk signals"
 		})
 	}
-], M = [
+], N = [
 	{
 		key: "department",
 		header: "Department",
 		priority: "primary",
-		cell: (e) => /* @__PURE__ */ d("span", {
+		cell: (e) => /* @__PURE__ */ f("span", {
 			className: "font-medium",
 			children: e.department
 		})
@@ -69,7 +70,7 @@ var j = [
 		key: "current",
 		header: "Active",
 		priority: "secondary",
-		cell: (e) => /* @__PURE__ */ d("span", {
+		cell: (e) => /* @__PURE__ */ f("span", {
 			className: "tabular-nums md:block md:text-right",
 			children: e.current
 		})
@@ -78,7 +79,7 @@ var j = [
 		key: "open",
 		header: "Open roles",
 		priority: "primary",
-		cell: (e) => /* @__PURE__ */ d("span", {
+		cell: (e) => /* @__PURE__ */ f("span", {
 			className: "tabular-nums md:block md:text-right",
 			children: e.openPostings
 		})
@@ -87,17 +88,17 @@ var j = [
 		key: "projected",
 		header: "Projected",
 		priority: "secondary",
-		cell: (e) => /* @__PURE__ */ d("span", {
+		cell: (e) => /* @__PURE__ */ f("span", {
 			className: "tabular-nums md:block md:text-right",
 			children: e.projectedHeadcount
 		})
 	}
-], N = [
+], P = [
 	{
 		key: "skill",
 		header: "Skill",
 		priority: "primary",
-		cell: (e) => /* @__PURE__ */ d("span", {
+		cell: (e) => /* @__PURE__ */ f("span", {
 			className: "font-medium",
 			children: e.skill
 		})
@@ -106,7 +107,7 @@ var j = [
 		key: "supply",
 		header: "People",
 		priority: "secondary",
-		cell: (e) => /* @__PURE__ */ d("span", {
+		cell: (e) => /* @__PURE__ */ f("span", {
 			className: "tabular-nums md:block md:text-right",
 			children: e.employeesWithSkill
 		})
@@ -115,7 +116,7 @@ var j = [
 		key: "demand",
 		header: "Open roles",
 		priority: "secondary",
-		cell: (e) => /* @__PURE__ */ d("span", {
+		cell: (e) => /* @__PURE__ */ f("span", {
 			className: "tabular-nums md:block md:text-right",
 			children: e.openJobsRequiringSkill
 		})
@@ -124,17 +125,17 @@ var j = [
 		key: "shortage",
 		header: "Shortage",
 		priority: "primary",
-		cell: (e) => /* @__PURE__ */ d("span", {
+		cell: (e) => /* @__PURE__ */ f("span", {
 			className: "font-semibold tabular-nums text-status-warning-text md:block md:text-right",
 			children: e.shortage
 		})
 	}
-], P = [
+], F = [
 	{
 		key: "department",
 		header: "Department",
 		priority: "primary",
-		cell: (e) => /* @__PURE__ */ d("span", {
+		cell: (e) => /* @__PURE__ */ f("span", {
 			className: "font-medium",
 			children: e.department
 		})
@@ -143,7 +144,7 @@ var j = [
 		key: "headcount",
 		header: "Active",
 		priority: "secondary",
-		cell: (e) => /* @__PURE__ */ d("span", {
+		cell: (e) => /* @__PURE__ */ f("span", {
 			className: "tabular-nums md:block md:text-right",
 			children: e.headcount
 		})
@@ -152,26 +153,26 @@ var j = [
 		key: "monthly",
 		header: "Monthly",
 		priority: "secondary",
-		cell: (e) => /* @__PURE__ */ d("span", {
+		cell: (e) => /* @__PURE__ */ f("span", {
 			className: "tabular-nums md:block md:text-right",
-			children: k(e.monthly)
+			children: A(e.monthly)
 		})
 	},
 	{
 		key: "annual",
 		header: "Annual",
 		priority: "primary",
-		cell: (e) => /* @__PURE__ */ d("span", {
+		cell: (e) => /* @__PURE__ */ f("span", {
 			className: "tabular-nums md:block md:text-right",
-			children: k(e.annual)
+			children: A(e.annual)
 		})
 	}
-], F = [
+], I = [
 	{
 		key: "name",
 		header: "Department",
 		priority: "primary",
-		cell: (e) => /* @__PURE__ */ d("span", {
+		cell: (e) => /* @__PURE__ */ f("span", {
 			className: "font-medium",
 			children: e.name
 		})
@@ -180,7 +181,7 @@ var j = [
 		key: "head",
 		header: "Head",
 		priority: "secondary",
-		cell: (e) => /* @__PURE__ */ d("span", {
+		cell: (e) => /* @__PURE__ */ f("span", {
 			className: "text-text-secondary",
 			children: e.headName
 		})
@@ -189,7 +190,7 @@ var j = [
 		key: "headcount",
 		header: "Headcount",
 		priority: "secondary",
-		cell: (e) => /* @__PURE__ */ d("span", {
+		cell: (e) => /* @__PURE__ */ f("span", {
 			className: "md:block md:text-right",
 			children: e.employeeCount
 		})
@@ -198,88 +199,88 @@ var j = [
 		key: "budget",
 		header: "Budget",
 		priority: "secondary",
-		cell: (e) => /* @__PURE__ */ d("span", {
+		cell: (e) => /* @__PURE__ */ f("span", {
 			className: "md:block md:text-right",
-			children: k(e.budget)
+			children: A(e.budget)
 		})
 	},
 	{
 		key: "costPerEmployee",
 		header: "Cost/Employee",
 		priority: "primary",
-		cell: (e) => /* @__PURE__ */ d("span", {
+		cell: (e) => /* @__PURE__ */ f("span", {
 			className: "md:block md:text-right",
-			children: k(e.employeeCount > 0 ? Math.round(e.budget / e.employeeCount) : 0)
+			children: A(e.employeeCount > 0 ? Math.round(e.budget / e.employeeCount) : 0)
 		})
 	}
 ];
-function I({ label: e, value: t, caption: n, icon: r, testId: i }) {
-	return /* @__PURE__ */ f(b, {
+function L({ label: e, value: t, caption: n, icon: r, testId: i }) {
+	return /* @__PURE__ */ p(x, {
 		treatment: "metric",
 		className: "border-border-seam",
 		"data-testid": i,
-		children: [/* @__PURE__ */ f(v, {
+		children: [/* @__PURE__ */ p(y, {
 			className: "flex flex-row items-center justify-between space-y-0 pb-2",
-			children: [/* @__PURE__ */ d(y, {
+			children: [/* @__PURE__ */ f(b, {
 				className: "text-sm font-medium",
 				children: e
 			}), r]
-		}), /* @__PURE__ */ f(g, { children: [/* @__PURE__ */ d("div", {
+		}), /* @__PURE__ */ p(_, { children: [/* @__PURE__ */ f("div", {
 			className: "text-2xl font-bold tabular-nums",
 			children: t
-		}), /* @__PURE__ */ d("p", {
+		}), /* @__PURE__ */ f("p", {
 			className: "text-xs text-text-secondary",
 			children: n
 		})] })]
 	});
 }
-function L({ analytics: e, budget: t, retention: n }) {
-	let r = e.costProjection.reduce((e, t) => e + t.annual, 0), o = e.headcountGap.reduce((e, t) => e + t.openPostings, 0), u = t.total > 0 ? Math.round(t.spent / t.total * 100) : 0, p = n.total > 0 ? `${Math.round(n.retained / n.total * 100)}%` : "—", m = "h-4 w-4 text-text-secondary";
-	return /* @__PURE__ */ f("div", {
+function R({ analytics: e, budget: t, retention: n }) {
+	let r = e.costProjection.reduce((e, t) => e + t.annual, 0), i = e.headcountGap.reduce((e, t) => e + t.openPostings, 0), s = t.total > 0 ? Math.round(t.spent / t.total * 100) : 0, d = n.total > 0 ? `${Math.round(n.retained / n.total * 100)}%` : "—", m = "h-4 w-4 text-text-secondary";
+	return /* @__PURE__ */ p("div", {
 		className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-4",
 		children: [
-			/* @__PURE__ */ d(I, {
+			/* @__PURE__ */ f(L, {
 				label: "Active headcount",
 				value: e.activeHeadcount,
 				caption: `${e.totalHeadcount} people on record`,
-				icon: /* @__PURE__ */ d(l, { className: m }),
+				icon: /* @__PURE__ */ f(u, { className: m }),
 				testId: "kpi-active-headcount"
 			}),
-			/* @__PURE__ */ d(I, {
+			/* @__PURE__ */ f(L, {
 				label: "Hires and exits (90 days)",
 				value: `${e.newHiresLast90Days} / ${e.exitsLast90Days}`,
 				caption: `${e.newHiresLast90Days} joined, ${e.exitsLast90Days} left`,
-				icon: /* @__PURE__ */ d(c, { className: m })
+				icon: /* @__PURE__ */ f(l, { className: m })
 			}),
-			/* @__PURE__ */ d(I, {
+			/* @__PURE__ */ f(L, {
 				label: "Average tenure",
 				value: `${e.averageTenureMonths.toFixed(1)} mo`,
 				caption: `Average performance ${e.averagePerformanceScore.toFixed(2)} of 5`,
-				icon: /* @__PURE__ */ d(s, { className: m })
+				icon: /* @__PURE__ */ f(c, { className: m })
 			}),
-			/* @__PURE__ */ d(I, {
+			/* @__PURE__ */ f(L, {
 				label: "Retention rate",
-				value: p,
+				value: d,
 				caption: `${n.total - n.retained} of ${n.total} people on record have left`,
-				icon: /* @__PURE__ */ d(s, { className: m })
+				icon: /* @__PURE__ */ f(c, { className: m })
 			}),
-			/* @__PURE__ */ d(I, {
+			/* @__PURE__ */ f(L, {
 				label: "Payroll run-rate",
-				value: k(r),
-				caption: `Annual salary of active employees; ${o} open role${o === 1 ? "" : "s"} not included`,
-				icon: /* @__PURE__ */ d(i, { className: m }),
+				value: A(r),
+				caption: `Annual salary of active employees; ${i} open role${i === 1 ? "" : "s"} not included`,
+				icon: /* @__PURE__ */ f(a, { className: m }),
 				testId: "kpi-payroll-run-rate"
 			}),
-			/* @__PURE__ */ d(I, {
+			/* @__PURE__ */ f(L, {
 				label: "Budget utilization",
-				value: `${u}%`,
-				caption: `${k(t.spent)} of ${k(t.total)} project budget`,
-				icon: /* @__PURE__ */ d(a, { className: m })
+				value: `${s}%`,
+				caption: `${A(t.spent)} of ${A(t.total)} project budget`,
+				icon: /* @__PURE__ */ f(o, { className: m })
 			})
 		]
 	});
 }
-var R = [
+var z = [
 	{
 		key: "high",
 		label: "High",
@@ -296,85 +297,85 @@ var R = [
 		dot: "bg-status-success-text"
 	}
 ];
-function z({ risk: e }) {
+function B({ risk: e }) {
 	let t = {
 		high: e.highCount,
 		medium: e.mediumCount,
 		low: e.lowCount
 	};
-	return /* @__PURE__ */ f(h, { children: [/* @__PURE__ */ f(v, { children: [/* @__PURE__ */ d(y, { children: "Attrition risk" }), /* @__PURE__ */ d(_, { children: "Heuristic risk bands from performance, tenure, contract type and recent leave. A signal to start a conversation, not a prediction." })] }), /* @__PURE__ */ f(g, {
+	return /* @__PURE__ */ p(g, { children: [/* @__PURE__ */ p(y, { children: [/* @__PURE__ */ f(b, { children: "Attrition risk" }), /* @__PURE__ */ f(v, { children: "Heuristic risk bands from performance, tenure, contract type and recent leave. A signal to start a conversation, not a prediction." })] }), /* @__PURE__ */ p(_, {
 		className: "space-y-4",
-		children: [/* @__PURE__ */ d("div", {
+		children: [/* @__PURE__ */ f("div", {
 			className: "grid gap-3 sm:grid-cols-3",
-			children: R.map((e) => /* @__PURE__ */ f("div", {
+			children: z.map((e) => /* @__PURE__ */ p("div", {
 				className: "flex items-center justify-between rounded border p-3",
 				"data-testid": `attrition-${e.key}`,
-				children: [/* @__PURE__ */ f("div", {
+				children: [/* @__PURE__ */ p("div", {
 					className: "flex items-center gap-3",
-					children: [/* @__PURE__ */ d("div", { className: `h-3 w-3 rounded-full ${e.dot}` }), /* @__PURE__ */ f("p", {
+					children: [/* @__PURE__ */ f("div", { className: `h-3 w-3 rounded-full ${e.dot}` }), /* @__PURE__ */ p("p", {
 						className: "text-sm font-medium",
 						children: [e.label, " risk"]
 					})]
-				}), /* @__PURE__ */ d("span", {
+				}), /* @__PURE__ */ f("span", {
 					className: "text-lg font-bold tabular-nums",
 					children: t[e.key]
 				})]
 			}, e.key))
-		}), e.totalAssessed === 0 ? /* @__PURE__ */ d(S, {
+		}), e.totalAssessed === 0 ? /* @__PURE__ */ f(C, {
 			illustration: "empty-data",
 			title: "No active employees to assess",
 			description: "Add employees to see where retention attention is needed."
-		}) : /* @__PURE__ */ d(w, {
-			columns: j,
+		}) : /* @__PURE__ */ f(T, {
+			columns: M,
 			data: e.topRisks,
 			rowKey: (e) => e.employeeId
 		})]
 	})] });
 }
-function B({ title: e, description: t, columns: n, rows: r, rowKey: i, emptyTitle: a, emptyDescription: o }) {
-	return /* @__PURE__ */ f(h, { children: [/* @__PURE__ */ f(v, { children: [/* @__PURE__ */ d(y, { children: e }), /* @__PURE__ */ d(_, { children: t })] }), /* @__PURE__ */ d(g, { children: r.length > 0 ? /* @__PURE__ */ d(w, {
+function V({ title: e, description: t, columns: n, rows: r, rowKey: i, emptyTitle: a, emptyDescription: o }) {
+	return /* @__PURE__ */ p(g, { children: [/* @__PURE__ */ p(y, { children: [/* @__PURE__ */ f(b, { children: e }), /* @__PURE__ */ f(v, { children: t })] }), /* @__PURE__ */ f(_, { children: r.length > 0 ? /* @__PURE__ */ f(T, {
 		columns: n,
 		data: r,
 		rowKey: i
-	}) : /* @__PURE__ */ d(S, {
+	}) : /* @__PURE__ */ f(C, {
 		illustration: "empty-data",
 		title: a,
 		description: o
 	}) })] });
 }
-function V({ analytics: e, budget: t, retention: n }) {
-	let r = e.skillsGap.filter((e) => e.shortage > 0).slice(0, D);
-	return /* @__PURE__ */ f(u, { children: [
-		/* @__PURE__ */ d(L, {
+function H({ analytics: e, budget: t, retention: n }) {
+	let r = e.skillsGap.filter((e) => e.shortage > 0).slice(0, O);
+	return /* @__PURE__ */ p(d, { children: [
+		/* @__PURE__ */ f(R, {
 			analytics: e,
 			budget: t,
 			retention: n
 		}),
-		/* @__PURE__ */ d(z, { risk: e.attritionRisk }),
-		/* @__PURE__ */ f("div", {
+		/* @__PURE__ */ f(B, { risk: e.attritionRisk }),
+		/* @__PURE__ */ p("div", {
 			className: "grid gap-4 lg:grid-cols-2",
-			children: [/* @__PURE__ */ d(B, {
+			children: [/* @__PURE__ */ f(V, {
 				title: "Headcount plan",
 				description: "Active people per department plus open (active or paused) roles.",
-				columns: M,
+				columns: N,
 				rows: e.headcountGap,
 				rowKey: (e) => e.department,
 				emptyTitle: "No headcount yet",
 				emptyDescription: "Departments appear here once they have active people or open roles."
-			}), /* @__PURE__ */ d(B, {
+			}), /* @__PURE__ */ f(V, {
 				title: "Skills shortages",
 				description: "Skills open roles ask for that more roles need than people have.",
-				columns: N,
+				columns: P,
 				rows: r,
 				rowKey: (e) => e.skill,
 				emptyTitle: "No skills shortages",
 				emptyDescription: "Every skill listed on an open role is covered by at least as many active employees."
 			})]
 		}),
-		/* @__PURE__ */ d(B, {
+		/* @__PURE__ */ f(V, {
 			title: "Payroll run-rate by department",
 			description: "Annualised salary of active employees",
-			columns: P,
+			columns: F,
 			rows: e.costProjection,
 			rowKey: (e) => e.department,
 			emptyTitle: "No salaried employees yet",
@@ -382,108 +383,116 @@ function V({ analytics: e, budget: t, retention: n }) {
 		})
 	] });
 }
-function H({ departments: e }) {
+function U({ departments: e }) {
 	let t = e.reduce((e, t) => e + t.budget, 0), n = e.reduce((e, t) => e + t.employeeCount, 0), r = n > 0 ? t / n : 0;
-	return /* @__PURE__ */ f(h, { children: [/* @__PURE__ */ f(v, { children: [/* @__PURE__ */ d(y, { children: "Department Budget Status" }), /* @__PURE__ */ d(_, { children: "Annual budget allocation and headcount" })] }), /* @__PURE__ */ f(g, { children: [
-		/* @__PURE__ */ d(w, {
-			columns: F,
+	return /* @__PURE__ */ p(g, { children: [/* @__PURE__ */ p(y, { children: [/* @__PURE__ */ f(b, { children: "Department Budget Status" }), /* @__PURE__ */ f(v, { children: "Annual budget allocation and headcount" })] }), /* @__PURE__ */ p(_, { children: [
+		/* @__PURE__ */ f(T, {
+			columns: I,
 			data: e,
 			rowKey: (e) => e.id
 		}),
-		/* @__PURE__ */ d(T, { className: "my-3" }),
-		/* @__PURE__ */ f("div", {
+		/* @__PURE__ */ f(E, { className: "my-3" }),
+		/* @__PURE__ */ p("div", {
 			className: "flex flex-wrap items-center justify-between gap-2 text-sm font-bold",
 			children: [
-				/* @__PURE__ */ d("span", { children: "Total" }),
-				/* @__PURE__ */ f("span", { children: [n, " employees"] }),
-				/* @__PURE__ */ f("span", { children: [k(t), " budget"] }),
-				/* @__PURE__ */ f("span", { children: [k(r), " / employee"] })
+				/* @__PURE__ */ f("span", { children: "Total" }),
+				/* @__PURE__ */ p("span", { children: [n, " employees"] }),
+				/* @__PURE__ */ p("span", { children: [A(t), " budget"] }),
+				/* @__PURE__ */ p("span", { children: [A(r), " / employee"] })
 			]
 		})
 	] })] });
 }
-function U() {
-	let i = e((e) => e.initialized), a = e((e) => e.initParams.workspaceId), s = e((e) => e.departments), c = e((e) => e.projects), l = e((e) => e.employees), u = e((e) => e.executiveDashboard), _ = e((e) => e.executiveDashboardLoading), v = e((e) => e.executiveDashboardError), y = e((e) => e.fetchExecutiveDashboard), b = t(() => {
-		y();
-	}, [y]);
-	n(() => {
-		!i || !a || b();
+function W() {
+	let a = e((e) => e.initialized), o = e((e) => e.initParams.workspaceId), c = e((e) => e.departments), l = e((e) => e.projects), u = e((e) => e.employees), d = e((e) => e.executiveDashboard), v = e((e) => e.executiveDashboardLoading), y = e((e) => e.executiveDashboardError), b = e((e) => e.fetchExecutiveDashboard), x = e((e) => e.workforceForecast), C = e((e) => e.workforceForecastLoading), T = e((e) => e.workforceForecastError), E = e((e) => e.fetchWorkforceForecast), O = n(() => {
+		E();
+	}, [E]), k = n(() => {
+		b(), O();
+	}, [b, O]);
+	r(() => {
+		!a || !o || k();
 	}, [
-		i,
 		a,
-		b
+		o,
+		k
 	]);
-	let S = r(() => ({
-		spent: c.reduce((e, t) => e + t.spent, 0),
-		total: c.reduce((e, t) => e + t.budget, 0)
-	}), [c]), w = r(() => ({
-		retained: l.filter((e) => e.status !== "terminated").length,
-		total: l.length
-	}), [l]);
-	return i ? /* @__PURE__ */ f("div", {
+	let A = i(() => ({
+		spent: l.reduce((e, t) => e + t.spent, 0),
+		total: l.reduce((e, t) => e + t.budget, 0)
+	}), [l]), M = i(() => ({
+		retained: u.filter((e) => e.status !== "terminated").length,
+		total: u.length
+	}), [u]);
+	return a ? /* @__PURE__ */ p("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ f("div", {
+			/* @__PURE__ */ p("div", {
 				className: "flex flex-wrap items-start justify-between gap-3",
-				children: [/* @__PURE__ */ f("div", { children: [
-					/* @__PURE__ */ d("h1", {
+				children: [/* @__PURE__ */ p("div", { children: [
+					/* @__PURE__ */ f("h1", {
 						className: "text-2xl font-semibold",
-						children: /* @__PURE__ */ d(x, { children: "Executive Dashboard" })
+						children: /* @__PURE__ */ f(S, { children: "Executive Dashboard" })
 					}),
-					/* @__PURE__ */ d("p", {
+					/* @__PURE__ */ f("p", {
 						className: "text-sm text-text-secondary",
 						children: "Strategic workforce insights for leadership"
 					}),
-					/* @__PURE__ */ d(C, {
+					/* @__PURE__ */ f(w, {
 						className: "mt-1",
 						children: "The executive snapshot — headcount, attrition risk, hiring plan, skills shortages and payroll run-rate in one view, computed from your workspace's own records."
 					})
-				] }), /* @__PURE__ */ f("div", {
+				] }), /* @__PURE__ */ p("div", {
 					className: "flex items-center gap-2",
-					children: [u ? /* @__PURE__ */ f(p, {
+					children: [d ? /* @__PURE__ */ p(m, {
 						variant: "outline",
-						children: ["Updated ", A(u.generatedAt)]
-					}) : null, /* @__PURE__ */ f(m, {
+						children: ["Updated ", j(d.generatedAt)]
+					}) : null, /* @__PURE__ */ p(h, {
 						variant: "outline",
 						size: "sm",
-						onClick: b,
-						disabled: _,
+						onClick: k,
+						disabled: v || C,
 						"aria-label": "Refresh workforce analytics",
-						children: [/* @__PURE__ */ d(o, { className: `mr-2 h-4 w-4 ${_ ? "animate-spin" : ""}` }), "Refresh"]
+						children: [/* @__PURE__ */ f(s, { className: `mr-2 h-4 w-4 ${v || C ? "animate-spin" : ""}` }), "Refresh"]
 					})]
 				})]
 			}),
-			v ? /* @__PURE__ */ d(h, {
+			y ? /* @__PURE__ */ f(g, {
 				className: "border-status-error-border",
-				children: /* @__PURE__ */ f(g, {
+				children: /* @__PURE__ */ p(_, {
 					className: "flex flex-wrap items-center justify-between gap-3 py-4",
-					children: [/* @__PURE__ */ d("p", {
+					children: [/* @__PURE__ */ f("p", {
 						className: "text-sm text-status-error-text",
-						children: v
-					}), /* @__PURE__ */ d(m, {
+						children: y
+					}), /* @__PURE__ */ f(h, {
 						variant: "outline",
 						size: "sm",
-						onClick: b,
+						onClick: k,
 						children: "Try again"
 					})]
 				})
 			}) : null,
-			u ? /* @__PURE__ */ d(V, {
-				analytics: u,
-				budget: S,
-				retention: w
-			}) : _ ? /* @__PURE__ */ d("div", {
+			d ? /* @__PURE__ */ f(H, {
+				analytics: d,
+				budget: A,
+				retention: M
+			}) : v ? /* @__PURE__ */ f("div", {
 				className: "flex min-h-[12rem] items-center justify-center",
-				children: /* @__PURE__ */ d(E, { size: "md" })
+				children: /* @__PURE__ */ f(D, { size: "md" })
 			}) : null,
-			/* @__PURE__ */ d(H, { departments: s })
+			/* @__PURE__ */ f(t, {
+				forecast: x,
+				loading: C,
+				error: T,
+				onRetry: O
+			}),
+			/* @__PURE__ */ f(U, { departments: c })
 		]
-	}) : /* @__PURE__ */ d("div", {
+	}) : /* @__PURE__ */ f("div", {
 		className: "flex min-h-[60vh] items-center justify-center p-6",
-		children: /* @__PURE__ */ d(E, { size: "lg" })
+		children: /* @__PURE__ */ f(D, { size: "lg" })
 	});
 }
 //#endregion
-export { U as DashboardExecutiveDashboardPage };
+export { W as DashboardExecutiveDashboardPage };
 
 //# sourceMappingURL=DashboardExecutiveDashboardPage.js.map