@burdenoff/microfe-crewfoundry 2026.1030.3 → 2026.1102.1

package/dist/crewfoundry/pages/DashboardExecutiveDashboardPage.js

@@ -1,233 +1,489 @@
 import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
-import { useMemo as t } from "react";
-import { Building2 as n, Percent as r, Target as i } from "lucide-react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { Badge as s, Card as c, CardContent as l, CardDescription as u, CardHeader as d, CardTitle as f, GlassCard as p, GradientText as m, PagePurpose as h, ResponsiveTable as g, Separator as _ } from "@burdenoff/fe-libs/ui";
+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";
 //#region src/crewfoundry/pages/DashboardExecutiveDashboardPage.tsx
-function v() {
-	let { employees: v, departments: y, projects: b, jobPostings: x } = e(), S = t(() => [
-		{
-			metric: "Flight Risk Employees",
-			value: v.filter((e) => e.performanceScore < 3.6).length,
-			severity: "warning",
-			detail: `${Math.round(v.filter((e) => e.performanceScore < 3.6).length / Math.max(v.length, 1) * 100)}% of workforce`
-		},
-		{
-			metric: "Employees On Leave",
-			value: v.filter((e) => e.status === "on_leave").length,
-			severity: "error",
-			detail: "Coverage follow-ups required"
-		},
-		{
-			metric: "Unfilled Lead Roles",
-			value: x.filter((e) => e.status === "active" && e.experienceLevel === "lead").length,
-			severity: "warning",
-			detail: "Open lead-level positions"
-		},
-		{
-			metric: "Contract Employees",
-			value: v.filter((e) => e.type === "contract").length,
-			severity: "info",
-			detail: "Contract renewals in focus"
-		}
-	], [v, x]), C = v.reduce((e, t) => e + t.salary, 0), w = y.reduce((e, t) => e + t.budget, 0), T = b.reduce((e, t) => e + t.budget, 0), E = b.reduce((e, t) => e + t.spent, 0), D = T > 0 ? Math.round(E / T * 100) : 0, O = v.filter((e) => e.status === "terminated").length, k = v.length > 0 ? Math.round((1 - O / v.length) * 100) : 0, A = y.reduce((e, t) => e + t.employeeCount, 0), j = A > 0 ? w / A : 0;
-	return /* @__PURE__ */ o("div", {
+var D = 8, O = {
+	HIGH: "destructive",
+	MEDIUM: "warning",
+	LOW: "secondary"
+};
+function k(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) {
+	let t = new Date(e);
+	return Number.isNaN(t.getTime()) ? "" : t.toLocaleString(void 0, {
+		dateStyle: "medium",
+		timeStyle: "short"
+	});
+}
+var j = [
+	{
+		key: "employee",
+		header: "Employee",
+		priority: "primary",
+		cell: (e) => /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("p", {
+			className: "font-medium",
+			children: e.employeeName
+		}), /* @__PURE__ */ d("p", {
+			className: "text-xs text-text-secondary",
+			children: e.department
+		})] })
+	},
+	{
+		key: "level",
+		header: "Risk",
+		priority: "primary",
+		cell: (e) => /* @__PURE__ */ f(p, {
+			variant: O[e.riskLevel],
+			children: [
+				e.riskLevel.charAt(0),
+				e.riskLevel.slice(1).toLowerCase(),
+				" · ",
+				e.riskScore.toFixed(2)
+			]
+		})
+	},
+	{
+		key: "drivers",
+		header: "Drivers",
+		priority: "secondary",
+		cell: (e) => /* @__PURE__ */ d("span", {
+			className: "text-sm text-text-secondary",
+			children: e.drivers.length > 0 ? e.drivers.join(", ") : "No risk signals"
+		})
+	}
+], M = [
+	{
+		key: "department",
+		header: "Department",
+		priority: "primary",
+		cell: (e) => /* @__PURE__ */ d("span", {
+			className: "font-medium",
+			children: e.department
+		})
+	},
+	{
+		key: "current",
+		header: "Active",
+		priority: "secondary",
+		cell: (e) => /* @__PURE__ */ d("span", {
+			className: "tabular-nums md:block md:text-right",
+			children: e.current
+		})
+	},
+	{
+		key: "open",
+		header: "Open roles",
+		priority: "primary",
+		cell: (e) => /* @__PURE__ */ d("span", {
+			className: "tabular-nums md:block md:text-right",
+			children: e.openPostings
+		})
+	},
+	{
+		key: "projected",
+		header: "Projected",
+		priority: "secondary",
+		cell: (e) => /* @__PURE__ */ d("span", {
+			className: "tabular-nums md:block md:text-right",
+			children: e.projectedHeadcount
+		})
+	}
+], N = [
+	{
+		key: "skill",
+		header: "Skill",
+		priority: "primary",
+		cell: (e) => /* @__PURE__ */ d("span", {
+			className: "font-medium",
+			children: e.skill
+		})
+	},
+	{
+		key: "supply",
+		header: "People",
+		priority: "secondary",
+		cell: (e) => /* @__PURE__ */ d("span", {
+			className: "tabular-nums md:block md:text-right",
+			children: e.employeesWithSkill
+		})
+	},
+	{
+		key: "demand",
+		header: "Open roles",
+		priority: "secondary",
+		cell: (e) => /* @__PURE__ */ d("span", {
+			className: "tabular-nums md:block md:text-right",
+			children: e.openJobsRequiringSkill
+		})
+	},
+	{
+		key: "shortage",
+		header: "Shortage",
+		priority: "primary",
+		cell: (e) => /* @__PURE__ */ d("span", {
+			className: "font-semibold tabular-nums text-status-warning-text md:block md:text-right",
+			children: e.shortage
+		})
+	}
+], P = [
+	{
+		key: "department",
+		header: "Department",
+		priority: "primary",
+		cell: (e) => /* @__PURE__ */ d("span", {
+			className: "font-medium",
+			children: e.department
+		})
+	},
+	{
+		key: "headcount",
+		header: "Active",
+		priority: "secondary",
+		cell: (e) => /* @__PURE__ */ d("span", {
+			className: "tabular-nums md:block md:text-right",
+			children: e.headcount
+		})
+	},
+	{
+		key: "monthly",
+		header: "Monthly",
+		priority: "secondary",
+		cell: (e) => /* @__PURE__ */ d("span", {
+			className: "tabular-nums md:block md:text-right",
+			children: k(e.monthly)
+		})
+	},
+	{
+		key: "annual",
+		header: "Annual",
+		priority: "primary",
+		cell: (e) => /* @__PURE__ */ d("span", {
+			className: "tabular-nums md:block md:text-right",
+			children: k(e.annual)
+		})
+	}
+], F = [
+	{
+		key: "name",
+		header: "Department",
+		priority: "primary",
+		cell: (e) => /* @__PURE__ */ d("span", {
+			className: "font-medium",
+			children: e.name
+		})
+	},
+	{
+		key: "head",
+		header: "Head",
+		priority: "secondary",
+		cell: (e) => /* @__PURE__ */ d("span", {
+			className: "text-text-secondary",
+			children: e.headName
+		})
+	},
+	{
+		key: "headcount",
+		header: "Headcount",
+		priority: "secondary",
+		cell: (e) => /* @__PURE__ */ d("span", {
+			className: "md:block md:text-right",
+			children: e.employeeCount
+		})
+	},
+	{
+		key: "budget",
+		header: "Budget",
+		priority: "secondary",
+		cell: (e) => /* @__PURE__ */ d("span", {
+			className: "md:block md:text-right",
+			children: k(e.budget)
+		})
+	},
+	{
+		key: "costPerEmployee",
+		header: "Cost/Employee",
+		priority: "primary",
+		cell: (e) => /* @__PURE__ */ d("span", {
+			className: "md:block md:text-right",
+			children: k(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, {
+		treatment: "metric",
+		className: "border-border-seam",
+		"data-testid": i,
+		children: [/* @__PURE__ */ f(v, {
+			className: "flex flex-row items-center justify-between space-y-0 pb-2",
+			children: [/* @__PURE__ */ d(y, {
+				className: "text-sm font-medium",
+				children: e
+			}), r]
+		}), /* @__PURE__ */ f(g, { children: [/* @__PURE__ */ d("div", {
+			className: "text-2xl font-bold tabular-nums",
+			children: t
+		}), /* @__PURE__ */ d("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", {
+		className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-4",
+		children: [
+			/* @__PURE__ */ d(I, {
+				label: "Active headcount",
+				value: e.activeHeadcount,
+				caption: `${e.totalHeadcount} people on record`,
+				icon: /* @__PURE__ */ d(l, { className: m }),
+				testId: "kpi-active-headcount"
+			}),
+			/* @__PURE__ */ d(I, {
+				label: "Hires and exits (90 days)",
+				value: `${e.newHiresLast90Days} / ${e.exitsLast90Days}`,
+				caption: `${e.newHiresLast90Days} joined, ${e.exitsLast90Days} left`,
+				icon: /* @__PURE__ */ d(c, { className: m })
+			}),
+			/* @__PURE__ */ d(I, {
+				label: "Average tenure",
+				value: `${e.averageTenureMonths.toFixed(1)} mo`,
+				caption: `Average performance ${e.averagePerformanceScore.toFixed(2)} of 5`,
+				icon: /* @__PURE__ */ d(s, { className: m })
+			}),
+			/* @__PURE__ */ d(I, {
+				label: "Retention rate",
+				value: p,
+				caption: `${n.total - n.retained} of ${n.total} people on record have left`,
+				icon: /* @__PURE__ */ d(s, { className: m })
+			}),
+			/* @__PURE__ */ d(I, {
+				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 }),
+				testId: "kpi-payroll-run-rate"
+			}),
+			/* @__PURE__ */ d(I, {
+				label: "Budget utilization",
+				value: `${u}%`,
+				caption: `${k(t.spent)} of ${k(t.total)} project budget`,
+				icon: /* @__PURE__ */ d(a, { className: m })
+			})
+		]
+	});
+}
+var R = [
+	{
+		key: "high",
+		label: "High",
+		dot: "bg-status-error-text"
+	},
+	{
+		key: "medium",
+		label: "Medium",
+		dot: "bg-status-warning-text"
+	},
+	{
+		key: "low",
+		label: "Low",
+		dot: "bg-status-success-text"
+	}
+];
+function z({ 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, {
+		className: "space-y-4",
+		children: [/* @__PURE__ */ d("div", {
+			className: "grid gap-3 sm:grid-cols-3",
+			children: R.map((e) => /* @__PURE__ */ f("div", {
+				className: "flex items-center justify-between rounded border p-3",
+				"data-testid": `attrition-${e.key}`,
+				children: [/* @__PURE__ */ f("div", {
+					className: "flex items-center gap-3",
+					children: [/* @__PURE__ */ d("div", { className: `h-3 w-3 rounded-full ${e.dot}` }), /* @__PURE__ */ f("p", {
+						className: "text-sm font-medium",
+						children: [e.label, " risk"]
+					})]
+				}), /* @__PURE__ */ d("span", {
+					className: "text-lg font-bold tabular-nums",
+					children: t[e.key]
+				})]
+			}, e.key))
+		}), e.totalAssessed === 0 ? /* @__PURE__ */ d(S, {
+			illustration: "empty-data",
+			title: "No active employees to assess",
+			description: "Add employees to see where retention attention is needed."
+		}) : /* @__PURE__ */ d(w, {
+			columns: j,
+			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, {
+		columns: n,
+		data: r,
+		rowKey: i
+	}) : /* @__PURE__ */ d(S, {
+		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, {
+			analytics: e,
+			budget: t,
+			retention: n
+		}),
+		/* @__PURE__ */ d(z, { risk: e.attritionRisk }),
+		/* @__PURE__ */ f("div", {
+			className: "grid gap-4 lg:grid-cols-2",
+			children: [/* @__PURE__ */ d(B, {
+				title: "Headcount plan",
+				description: "Active people per department plus open (active or paused) roles.",
+				columns: M,
+				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, {
+				title: "Skills shortages",
+				description: "Skills open roles ask for that more roles need than people have.",
+				columns: N,
+				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, {
+			title: "Payroll run-rate by department",
+			description: "Annualised salary of active employees",
+			columns: P,
+			rows: e.costProjection,
+			rowKey: (e) => e.department,
+			emptyTitle: "No salaried employees yet",
+			emptyDescription: "Record salaries on active employees to see the run-rate."
+		})
+	] });
+}
+function H({ 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,
+			data: e,
+			rowKey: (e) => e.id
+		}),
+		/* @__PURE__ */ d(T, { className: "my-3" }),
+		/* @__PURE__ */ f("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"] })
+			]
+		})
+	] })] });
+}
+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();
+	}, [
+		i,
+		a,
+		b
+	]);
+	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", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ o("div", {
-				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ o("div", { children: [
-					/* @__PURE__ */ a("h1", {
+			/* @__PURE__ */ f("div", {
+				className: "flex flex-wrap items-start justify-between gap-3",
+				children: [/* @__PURE__ */ f("div", { children: [
+					/* @__PURE__ */ d("h1", {
 						className: "text-2xl font-semibold",
-						children: /* @__PURE__ */ a(m, { children: "Executive Dashboard" })
+						children: /* @__PURE__ */ d(x, { children: "Executive Dashboard" })
 					}),
-					/* @__PURE__ */ a("p", {
+					/* @__PURE__ */ d("p", {
 						className: "text-sm text-text-secondary",
 						children: "Strategic workforce insights for leadership"
 					}),
-					/* @__PURE__ */ a(h, {
+					/* @__PURE__ */ d(C, {
 						className: "mt-1",
-						children: "The executive snapshot — top-line workforce, financial, and hiring KPIs in one view so leaders can make decisions fast."
+						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__ */ a(s, {
-					variant: "outline",
-					children: "Q1 2026"
+				] }), /* @__PURE__ */ f("div", {
+					className: "flex items-center gap-2",
+					children: [u ? /* @__PURE__ */ f(p, {
+						variant: "outline",
+						children: ["Updated ", A(u.generatedAt)]
+					}) : null, /* @__PURE__ */ f(m, {
+						variant: "outline",
+						size: "sm",
+						onClick: b,
+						disabled: _,
+						"aria-label": "Refresh workforce analytics",
+						children: [/* @__PURE__ */ d(o, { className: `mr-2 h-4 w-4 ${_ ? "animate-spin" : ""}` }), "Refresh"]
+					})]
 				})]
 			}),
-			/* @__PURE__ */ o("div", {
-				className: "grid gap-4 md:grid-cols-3",
-				children: [
-					/* @__PURE__ */ o(p, {
-						treatment: "glass",
-						glow: !0,
-						className: "border-border-seam",
-						children: [/* @__PURE__ */ o(d, {
-							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ a(f, {
-								className: "text-sm font-medium",
-								children: "Total Workforce Cost"
-							}), /* @__PURE__ */ a(n, { className: "h-4 w-4 text-text-secondary" })]
-						}), /* @__PURE__ */ o(l, { children: [/* @__PURE__ */ o("div", {
-							className: "text-2xl font-bold tabular-nums",
-							children: [
-								"$",
-								(C / 1e6).toFixed(1),
-								"M"
-							]
-						}), /* @__PURE__ */ a("p", {
-							className: "text-xs text-text-secondary",
-							children: "Annual salary expenditure"
-						})] })]
-					}),
-					/* @__PURE__ */ o(p, {
-						treatment: "metric",
-						className: "border-border-seam",
-						children: [/* @__PURE__ */ o(d, {
-							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ a(f, {
-								className: "text-sm font-medium",
-								children: "Budget Utilization"
-							}), /* @__PURE__ */ a(r, { className: "h-4 w-4 text-text-secondary" })]
-						}), /* @__PURE__ */ o(l, { children: [/* @__PURE__ */ o("div", {
-							className: "text-2xl font-bold tabular-nums",
-							children: [D, "%"]
-						}), /* @__PURE__ */ o("p", {
-							className: "text-xs text-text-secondary",
-							children: [
-								"$",
-								(E / 1e6).toFixed(1),
-								"M of $",
-								(T / 1e6).toFixed(1),
-								"M project budget"
-							]
-						})] })]
-					}),
-					/* @__PURE__ */ o(p, {
-						treatment: "metric",
-						className: "border-border-seam",
-						children: [/* @__PURE__ */ o(d, {
-							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ a(f, {
-								className: "text-sm font-medium",
-								children: "Retention Rate"
-							}), /* @__PURE__ */ a(i, { className: "h-4 w-4 text-text-secondary" })]
-						}), /* @__PURE__ */ o(l, { children: [/* @__PURE__ */ o("div", {
-							className: "text-2xl font-bold tabular-nums",
-							children: [k, "%"]
-						}), /* @__PURE__ */ o("p", {
-							className: "text-xs text-text-secondary",
-							children: [
-								O,
-								" of ",
-								v.length,
-								" employees no longer active"
-							]
-						})] })]
-					})
-				]
-			}),
-			/* @__PURE__ */ o(c, { children: [/* @__PURE__ */ o(d, { children: [/* @__PURE__ */ a(f, { children: "Risk Indicators" }), /* @__PURE__ */ a(u, { children: "Items requiring executive attention" })] }), /* @__PURE__ */ a(l, {
-				className: "grid gap-3 md:grid-cols-2",
-				children: S.map((e) => /* @__PURE__ */ o("div", {
-					className: "flex items-center justify-between rounded border p-3",
-					children: [/* @__PURE__ */ o("div", {
-						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ a("div", { className: `h-3 w-3 rounded-full ${e.severity === "error" ? "bg-status-error-text" : e.severity === "warning" ? "bg-status-warning-text" : "bg-status-info-text"}` }), /* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("p", {
-							className: "text-sm font-medium",
-							children: e.metric
-						}), /* @__PURE__ */ a("p", {
-							className: "text-xs text-text-secondary",
-							children: e.detail
-						})] })]
-					}), /* @__PURE__ */ a("span", {
-						className: "text-lg font-bold",
-						children: e.value
+			v ? /* @__PURE__ */ d(h, {
+				className: "border-status-error-border",
+				children: /* @__PURE__ */ f(g, {
+					className: "flex flex-wrap items-center justify-between gap-3 py-4",
+					children: [/* @__PURE__ */ d("p", {
+						className: "text-sm text-status-error-text",
+						children: v
+					}), /* @__PURE__ */ d(m, {
+						variant: "outline",
+						size: "sm",
+						onClick: b,
+						children: "Try again"
 					})]
-				}, e.metric))
-			})] }),
-			/* @__PURE__ */ o(c, { children: [/* @__PURE__ */ o(d, { children: [/* @__PURE__ */ a(f, { children: "Department Budget Status" }), /* @__PURE__ */ a(u, { children: "Annual budget allocation and headcount" })] }), /* @__PURE__ */ o(l, { children: [
-				/* @__PURE__ */ a(g, {
-					columns: [
-						{
-							key: "name",
-							header: "Department",
-							priority: "primary",
-							cell: (e) => /* @__PURE__ */ a("span", {
-								className: "font-medium",
-								children: e.name
-							})
-						},
-						{
-							key: "head",
-							header: "Head",
-							priority: "secondary",
-							cell: (e) => /* @__PURE__ */ a("span", {
-								className: "text-text-secondary",
-								children: e.headName
-							})
-						},
-						{
-							key: "headcount",
-							header: "Headcount",
-							priority: "secondary",
-							cell: (e) => /* @__PURE__ */ a("span", {
-								className: "md:block md:text-right",
-								children: e.employeeCount
-							})
-						},
-						{
-							key: "budget",
-							header: "Budget",
-							priority: "secondary",
-							cell: (e) => /* @__PURE__ */ o("span", {
-								className: "md:block md:text-right",
-								children: [
-									"$",
-									(e.budget / 1e6).toFixed(1),
-									"M"
-								]
-							})
-						},
-						{
-							key: "costPerEmployee",
-							header: "Cost/Employee",
-							priority: "primary",
-							cell: (e) => /* @__PURE__ */ o("span", {
-								className: "md:block md:text-right",
-								children: [
-									"$",
-									((e.employeeCount > 0 ? Math.round(e.budget / e.employeeCount) : 0) / 1e3).toFixed(0),
-									"K"
-								]
-							})
-						}
-					],
-					data: y,
-					rowKey: (e) => e.id
-				}),
-				/* @__PURE__ */ a(_, { className: "my-3" }),
-				/* @__PURE__ */ o("div", {
-					className: "flex flex-wrap items-center justify-between gap-2 text-sm font-bold",
-					children: [
-						/* @__PURE__ */ a("span", { children: "Total" }),
-						/* @__PURE__ */ o("span", { children: [A, " employees"] }),
-						/* @__PURE__ */ o("span", { children: [
-							"$",
-							(w / 1e6).toFixed(1),
-							"M budget"
-						] }),
-						/* @__PURE__ */ o("span", { children: [
-							"$",
-							(j / 1e3).toFixed(0),
-							"K / employee"
-						] })
-					]
 				})
-			] })] })
+			}) : null,
+			u ? /* @__PURE__ */ d(V, {
+				analytics: u,
+				budget: S,
+				retention: w
+			}) : _ ? /* @__PURE__ */ d("div", {
+				className: "flex min-h-[12rem] items-center justify-center",
+				children: /* @__PURE__ */ d(E, { size: "md" })
+			}) : null,
+			/* @__PURE__ */ d(H, { departments: s })
 		]
+	}) : /* @__PURE__ */ d("div", {
+		className: "flex min-h-[60vh] items-center justify-center p-6",
+		children: /* @__PURE__ */ d(E, { size: "lg" })
 	});
 }
 //#endregion
-export { v as DashboardExecutiveDashboardPage };
+export { U as DashboardExecutiveDashboardPage };
 
 //# sourceMappingURL=DashboardExecutiveDashboardPage.js.map