@burdenoff/microfe-crewfoundry 2026.704.6 → 2026.704.7

package/dist/crewfoundry/pages/AnalyticsFinancialAnalyticsPagePage.js

@@ -1,14 +1,17 @@
 import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
 import { formatEnumLabel as t } from "../utils/formatEnumLabel.js";
-import { useMemo as n } from "react";
-import { DollarSign as r, FileText as i, Receipt as a, TrendingUp as o, Wallet as s } from "lucide-react";
-import { 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, Separator as S } from "@burdenoff/fe-libs/ui";
-import { usePagination as C } from "@burdenoff/fe-libs/shared/hooks";
+import { LineChart as n } from "../components/viz/LineChart.js";
+import { DonutChart as r } from "../components/viz/DonutChart.js";
+import "../components/viz/index.js";
+import { useMemo as i } from "react";
+import { DollarSign as a, FileText as o, Receipt as s, TrendingUp as c, Wallet as l } from "lucide-react";
+import { 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, Separator as w } from "@burdenoff/fe-libs/ui";
+import { usePagination as T } from "@burdenoff/fe-libs/shared/hooks";
 //#region src/crewfoundry/pages/AnalyticsFinancialAnalyticsPagePage.tsx
-function w() {
-	let { employees: w, departments: T, payrollRecords: E, invoices: D, projects: O } = e(), k = n(() => {
-		let e = E.reduce((e, t) => {
+function E() {
+	let { employees: E, departments: D, payrollRecords: O, invoices: k, projects: A } = e(), j = i(() => {
+		let e = O.reduce((e, t) => {
 			let n = new Date(t.payDate).toLocaleString("en-US", { month: "short" }), r = e[n] || {
 				gross: 0,
 				net: 0,
@@ -20,27 +23,27 @@ function w() {
 			month: e,
 			...t
 		})).slice(-6);
-	}, [E]), A = n(() => {
+	}, [O]), M = i(() => {
 		let e = [
 			{
 				category: "Gross Payroll",
-				amount: E.reduce((e, t) => e + t.grossPay, 0),
-				icon: s
+				amount: O.reduce((e, t) => e + t.grossPay, 0),
+				icon: l
 			},
 			{
 				category: "Deductions",
-				amount: E.reduce((e, t) => e + t.deductions, 0),
-				icon: a
+				amount: O.reduce((e, t) => e + t.deductions, 0),
+				icon: s
 			},
 			{
 				category: "Project Spend",
-				amount: O.reduce((e, t) => e + t.spent, 0),
-				icon: o
+				amount: A.reduce((e, t) => e + t.spent, 0),
+				icon: c
 			},
 			{
 				category: "Collected Invoices",
-				amount: D.filter((e) => e.status === "paid").reduce((e, t) => e + t.amount, 0),
-				icon: i
+				amount: k.filter((e) => e.status === "paid").reduce((e, t) => e + t.amount, 0),
+				icon: o
 			}
 		], t = e.reduce((e, t) => e + t.amount, 0) || 1;
 		return e.map((e) => ({
@@ -48,247 +51,204 @@ function w() {
 			percentage: Math.round(e.amount / t * 100)
 		}));
 	}, [
-		D,
-		E,
-		O
-	]), j = w.reduce((e, t) => e + t.salary, 0), M = Math.round(j / 12), N = D.reduce((e, t) => e + t.amount, 0), P = D.filter((e) => e.status === "paid").reduce((e, t) => e + t.amount, 0), F = O.reduce((e, t) => e + t.budget, 0), I = O.reduce((e, t) => e + t.spent, 0), L = Math.max(1, ...k.map((e) => e.gross)), R = F > 0 ? Math.round(I / F * 100) : 0, z = [...T.map((e) => {
-		let t = w.filter((t) => t.department === e.name), n = t.reduce((e, t) => e + t.salary, 0);
+		k,
+		O,
+		A
+	]), N = E.reduce((e, t) => e + t.salary, 0), P = Math.round(N / 12), F = k.reduce((e, t) => e + t.amount, 0), I = k.filter((e) => e.status === "paid").reduce((e, t) => e + t.amount, 0), L = A.reduce((e, t) => e + t.budget, 0), R = A.reduce((e, t) => e + t.spent, 0), z = j.map((e) => ({
+		label: e.month,
+		value: e.gross
+	})), B = j.map((e) => e.net), V = M.filter((e) => e.amount > 0).map((e) => ({
+		label: e.category,
+		value: e.amount
+	})), H = L > 0 ? Math.round(R / L * 100) : 0, U = [...D.map((e) => {
+		let t = E.filter((t) => t.department === e.name), n = t.reduce((e, t) => e + t.salary, 0);
 		return {
 			name: e.name,
 			salary: n,
 			budget: e.budget,
 			headcount: t.length
 		};
-	})].sort((e, t) => t.salary - e.salary), B = T.reduce((e, t) => e + t.budget, 0), V = [...D].filter((e) => e.status !== "paid").sort((e, t) => e.dueDate.localeCompare(t.dueDate)), { page: H, pageSize: U, offset: W, setPage: G } = C({ initialPageSize: 6 }), K = V.slice(W, W + U);
-	return /* @__PURE__ */ l("div", {
+	})].sort((e, t) => t.salary - e.salary), W = D.reduce((e, t) => e + t.budget, 0), G = [...k].filter((e) => e.status !== "paid").sort((e, t) => e.dueDate.localeCompare(t.dueDate)), { page: K, pageSize: q, offset: J, setPage: Y } = T({ initialPageSize: 6 }), X = G.slice(J, J + q);
+	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: "Financial Analytics" })
+						children: /* @__PURE__ */ u(y, { children: "Financial Analytics" })
 					}),
-					/* @__PURE__ */ c("p", {
+					/* @__PURE__ */ u("p", {
 						className: "text-sm text-text-secondary",
 						children: "Workforce financial metrics and cost analysis"
 					}),
-					/* @__PURE__ */ c(y, {
+					/* @__PURE__ */ u(x, {
 						className: "mt-1",
 						children: "Understand the money side of your workforce — payroll, project budgets, and spend trends — so you can plan headcount and control costs with confidence."
 					})
 				] })
 			}),
-			/* @__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: "Monthly Payroll"
-							}), /* @__PURE__ */ c(r, { className: "h-4 w-4 text-text-secondary" })]
-						}), /* @__PURE__ */ l(f, { children: [/* @__PURE__ */ l("div", {
+							}), /* @__PURE__ */ u(a, { className: "h-4 w-4 text-text-secondary" })]
+						}), /* @__PURE__ */ d(m, { children: [/* @__PURE__ */ d("div", {
 							className: "text-2xl font-bold tabular-nums",
 							children: [
 								"$",
-								(M / 1e3).toFixed(0),
+								(P / 1e3).toFixed(0),
 								"K"
 							]
-						}), /* @__PURE__ */ c("p", {
+						}), /* @__PURE__ */ u("p", {
 							className: "text-xs text-text-secondary",
 							children: "Annual salary ÷ 12 months"
 						})] })]
 					}),
-					/* @__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: "Annual Salary Cost"
-							}), /* @__PURE__ */ c(s, { className: "h-4 w-4 text-text-secondary" })]
-						}), /* @__PURE__ */ l(f, { children: [/* @__PURE__ */ l("div", {
+							}), /* @__PURE__ */ u(l, { className: "h-4 w-4 text-text-secondary" })]
+						}), /* @__PURE__ */ d(m, { children: [/* @__PURE__ */ d("div", {
 							className: "text-2xl font-bold tabular-nums",
 							children: [
 								"$",
-								(j / 1e6).toFixed(1),
+								(N / 1e6).toFixed(1),
 								"M"
 							]
-						}), /* @__PURE__ */ l("p", {
+						}), /* @__PURE__ */ d("p", {
 							className: "text-xs text-text-secondary",
-							children: [w.length, " employees"]
+							children: [E.length, " employees"]
 						})] })]
 					}),
-					/* @__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: "Total Invoiced"
-							}), /* @__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: [
 								"$",
-								(N / 1e3).toFixed(1),
+								(F / 1e3).toFixed(1),
 								"K"
 							]
-						}), /* @__PURE__ */ l("p", {
+						}), /* @__PURE__ */ d("p", {
 							className: "text-xs text-text-secondary",
 							children: [
 								"$",
-								(P / 1e3).toFixed(1),
+								(I / 1e3).toFixed(1),
 								"K collected"
 							]
 						})] })]
 					}),
-					/* @__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: "Project Budget"
-							}), /* @__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: [
 								"$",
-								(F / 1e6).toFixed(1),
+								(L / 1e6).toFixed(1),
 								"M"
 							]
-						}), /* @__PURE__ */ l("p", {
+						}), /* @__PURE__ */ d("p", {
 							className: "text-xs text-text-secondary",
-							children: [R, "% utilized"]
+							children: [H, "% utilized"]
 						})] })]
 					})
 				]
 			}),
-			/* @__PURE__ */ l(d, { children: [/* @__PURE__ */ l(m, { children: [/* @__PURE__ */ c(h, { children: "Payroll Trend" }), /* @__PURE__ */ c(p, { children: "Monthly gross payroll over the last 6 months" })] }), /* @__PURE__ */ l(f, {
-				className: "space-y-3",
-				children: [k.map((e) => /* @__PURE__ */ l("div", {
-					className: "flex items-center gap-3",
-					children: [
-						/* @__PURE__ */ c("span", {
-							className: "w-10 text-sm text-text-secondary",
-							children: e.month
-						}),
-						/* @__PURE__ */ l("div", {
-							className: "flex-1 h-5 bg-bg-sunken rounded overflow-hidden flex",
-							children: [/* @__PURE__ */ c("div", {
-								className: "h-5 bg-action-primary-bg",
-								style: { width: `${Math.round(e.net / L * 100)}%` }
-							}), /* @__PURE__ */ c("div", {
-								className: "h-5 bg-action-primary-bg/30",
-								style: { width: `${Math.round(e.deductions / L * 100)}%` }
-							})]
-						}),
-						/* @__PURE__ */ l("span", {
-							className: "text-sm font-medium w-20 text-right",
-							children: [
-								"$",
-								(e.gross / 1e6).toFixed(2),
-								"M"
-							]
-						})
-					]
-				}, e.month)), /* @__PURE__ */ l("div", {
-					className: "flex items-center gap-4 mt-2 text-xs text-text-secondary",
-					children: [/* @__PURE__ */ l("div", {
-						className: "flex items-center gap-1",
-						children: [/* @__PURE__ */ c("div", { className: "h-3 w-3 bg-action-primary-bg rounded" }), /* @__PURE__ */ c("span", { children: "Net Pay" })]
-					}), /* @__PURE__ */ l("div", {
-						className: "flex items-center gap-1",
-						children: [/* @__PURE__ */ c("div", { className: "h-3 w-3 bg-action-primary-bg/30 rounded" }), /* @__PURE__ */ c("span", { children: "Deductions" })]
-					})]
-				})]
-			})] }),
-			/* @__PURE__ */ l("div", {
+			/* @__PURE__ */ d(p, { children: [/* @__PURE__ */ d(g, { children: [/* @__PURE__ */ u(_, { children: "Payroll Trend" }), /* @__PURE__ */ u(h, { children: "Monthly gross payroll over the last 6 months" })] }), /* @__PURE__ */ u(m, { children: z.length > 0 ? /* @__PURE__ */ u(n, {
+				series: z,
+				compare: B,
+				seriesLabel: "Gross pay",
+				compareLabel: "Net pay",
+				height: 220,
+				valueFormatter: (e) => `$${(e / 1e3).toFixed(0)}K`
+			}) : /* @__PURE__ */ u("p", {
+				className: "py-6 text-center text-sm text-text-secondary",
+				children: "No payroll records yet."
+			}) })] }),
+			/* @__PURE__ */ d("div", {
 				className: "grid gap-4 md:grid-cols-2",
-				children: [/* @__PURE__ */ l(d, { children: [/* @__PURE__ */ l(m, { children: [/* @__PURE__ */ c(h, { children: "Spend by Category" }), /* @__PURE__ */ c(p, { children: "Share of tracked workforce spend" })] }), /* @__PURE__ */ c(f, {
-					className: "space-y-4",
-					children: A.map((e) => /* @__PURE__ */ l("div", {
-						className: "space-y-1",
-						children: [
-							/* @__PURE__ */ l("div", {
-								className: "flex justify-between text-sm",
-								children: [/* @__PURE__ */ l("span", {
-									className: "flex items-center gap-2 font-medium",
-									children: [/* @__PURE__ */ c(e.icon, { className: "h-4 w-4 text-text-secondary" }), e.category]
-								}), /* @__PURE__ */ l("span", { children: [
-									"$",
-									(e.amount / 1e3).toFixed(0),
-									"K"
-								] })]
-							}),
-							/* @__PURE__ */ c("div", {
-								className: "h-3 bg-bg-sunken rounded overflow-hidden",
-								children: /* @__PURE__ */ c("div", {
-									className: "h-3 rounded bg-action-primary-bg",
-									style: { width: `${e.percentage}%` }
-								})
-							}),
-							/* @__PURE__ */ l("p", {
-								className: "text-xs text-text-secondary text-right",
-								children: [e.percentage, "% of spend"]
-							})
-						]
-					}, e.category))
-				})] }), /* @__PURE__ */ l(d, { children: [/* @__PURE__ */ l(m, { children: [/* @__PURE__ */ c(h, { children: "Outstanding Invoices" }), /* @__PURE__ */ c(p, { children: "Unpaid invoices requiring attention" })] }), /* @__PURE__ */ l(f, {
+				children: [/* @__PURE__ */ d(p, { children: [/* @__PURE__ */ d(g, { children: [/* @__PURE__ */ u(_, { children: "Spend by Category" }), /* @__PURE__ */ u(h, { children: "Share of tracked workforce spend" })] }), /* @__PURE__ */ u(m, { children: V.length > 0 ? /* @__PURE__ */ u(r, {
+					segments: V,
+					centerLabel: `$${(V.reduce((e, t) => e + t.value, 0) / 1e3).toFixed(0)}K`,
+					centerCaption: "Total spend",
+					valueFormatter: (e) => `$${(e / 1e3).toFixed(0)}K`
+				}) : /* @__PURE__ */ u("p", {
+					className: "py-6 text-center text-sm text-text-secondary",
+					children: "No tracked spend yet."
+				}) })] }), /* @__PURE__ */ d(p, { children: [/* @__PURE__ */ d(g, { children: [/* @__PURE__ */ u(_, { children: "Outstanding Invoices" }), /* @__PURE__ */ u(h, { children: "Unpaid invoices requiring attention" })] }), /* @__PURE__ */ d(m, {
 					className: "space-y-3",
 					children: [
-						V.length === 0 && /* @__PURE__ */ c(v, {
+						G.length === 0 && /* @__PURE__ */ u(b, {
 							illustration: "empty-data",
 							title: "No outstanding invoices",
 							description: "Every invoice has been paid. New unpaid invoices will appear here."
 						}),
-						K.map((e) => /* @__PURE__ */ l("div", {
+						X.map((e) => /* @__PURE__ */ d("div", {
 							className: "flex items-center justify-between rounded border p-3",
-							children: [/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("p", {
+							children: [/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("p", {
 								className: "text-sm font-medium",
 								children: e.number
-							}), /* @__PURE__ */ c("p", {
+							}), /* @__PURE__ */ u("p", {
 								className: "text-xs text-text-secondary",
 								children: e.clientName
-							})] }), /* @__PURE__ */ l("div", {
+							})] }), /* @__PURE__ */ d("div", {
 								className: "text-right",
-								children: [/* @__PURE__ */ l("p", {
+								children: [/* @__PURE__ */ d("p", {
 									className: "text-sm font-medium",
 									children: ["$", e.amount.toLocaleString()]
-								}), /* @__PURE__ */ c(u, {
+								}), /* @__PURE__ */ u(f, {
 									variant: e.status === "overdue" ? "destructive" : "secondary",
 									className: "text-[10px]",
 									children: t(e.status)
 								})]
 							})]
 						}, e.id)),
-						V.length > U && /* @__PURE__ */ c(b, {
-							page: H,
-							pageSize: U,
-							totalItems: V.length,
-							onPageChange: G
+						G.length > q && /* @__PURE__ */ u(S, {
+							page: K,
+							pageSize: q,
+							totalItems: G.length,
+							onPageChange: Y
 						})
 					]
 				})] })]
 			}),
-			/* @__PURE__ */ l(d, { children: [/* @__PURE__ */ l(m, { children: [/* @__PURE__ */ c(h, { children: "Department Cost Analysis" }), /* @__PURE__ */ c(p, { children: "Total salary cost and budget allocation by department" })] }), /* @__PURE__ */ l(f, { children: [
-				/* @__PURE__ */ c(x, {
+			/* @__PURE__ */ d(p, { children: [/* @__PURE__ */ d(g, { children: [/* @__PURE__ */ u(_, { children: "Department Cost Analysis" }), /* @__PURE__ */ u(h, { children: "Total salary cost and budget allocation by department" })] }), /* @__PURE__ */ d(m, { children: [
+				/* @__PURE__ */ u(C, {
 					columns: [
 						{
 							key: "name",
 							header: "Department",
 							priority: "primary",
-							cell: (e) => /* @__PURE__ */ c("span", {
+							cell: (e) => /* @__PURE__ */ u("span", {
 								className: "font-medium",
 								children: e.name
 							})
@@ -297,7 +257,7 @@ function w() {
 							key: "headcount",
 							header: "Headcount",
 							priority: "secondary",
-							cell: (e) => /* @__PURE__ */ c("span", {
+							cell: (e) => /* @__PURE__ */ u("span", {
 								className: "md:block md:text-right",
 								children: e.headcount
 							})
@@ -306,7 +266,7 @@ function w() {
 							key: "salary",
 							header: "Total Salary",
 							priority: "secondary",
-							cell: (e) => /* @__PURE__ */ l("span", {
+							cell: (e) => /* @__PURE__ */ d("span", {
 								className: "md:block md:text-right",
 								children: [
 									"$",
@@ -319,7 +279,7 @@ function w() {
 							key: "budget",
 							header: "Dept Budget",
 							priority: "secondary",
-							cell: (e) => /* @__PURE__ */ l("span", {
+							cell: (e) => /* @__PURE__ */ d("span", {
 								className: "md:block md:text-right",
 								children: [
 									"$",
@@ -334,9 +294,9 @@ function w() {
 							priority: "primary",
 							cell: (e) => {
 								let t = e.budget > 0 ? Math.round(e.salary / e.budget * 100) : 0;
-								return /* @__PURE__ */ c("span", {
+								return /* @__PURE__ */ u("span", {
 									className: "md:block md:text-right",
-									children: /* @__PURE__ */ l(u, {
+									children: /* @__PURE__ */ d(f, {
 										variant: t > 50 ? "destructive" : "default",
 										className: "text-[10px]",
 										children: [t, "%"]
@@ -345,23 +305,23 @@ function w() {
 							}
 						}
 					],
-					data: z,
+					data: U,
 					rowKey: (e) => e.name
 				}),
-				/* @__PURE__ */ c(S, { className: "my-3" }),
-				/* @__PURE__ */ l("div", {
+				/* @__PURE__ */ u(w, { className: "my-3" }),
+				/* @__PURE__ */ d("div", {
 					className: "flex flex-wrap items-center justify-between gap-2 text-sm font-bold",
 					children: [
-						/* @__PURE__ */ c("span", { children: "Total" }),
-						/* @__PURE__ */ l("span", { children: [w.length, " employees"] }),
-						/* @__PURE__ */ l("span", { children: [
+						/* @__PURE__ */ u("span", { children: "Total" }),
+						/* @__PURE__ */ d("span", { children: [E.length, " employees"] }),
+						/* @__PURE__ */ d("span", { children: [
 							"$",
-							(j / 1e6).toFixed(1),
+							(N / 1e6).toFixed(1),
 							"M salary"
 						] }),
-						/* @__PURE__ */ l("span", { children: [
+						/* @__PURE__ */ d("span", { children: [
 							"$",
-							(B / 1e6).toFixed(1),
+							(W / 1e6).toFixed(1),
 							"M budget"
 						] })
 					]
@@ -371,6 +331,6 @@ function w() {
 	});
 }
 //#endregion
-export { w as AnalyticsFinancialAnalyticsPagePage };
+export { E as AnalyticsFinancialAnalyticsPagePage };
 
 //# sourceMappingURL=AnalyticsFinancialAnalyticsPagePage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AnalyticsFinancialAnalyticsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/AnalyticsFinancialAnalyticsPagePage.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  Separator,\n} from '@burdenoff/fe-libs/ui';\nimport { usePagination } from '@burdenoff/fe-libs/shared/hooks';\nimport { DollarSign, FileText, Receipt, TrendingUp, Wallet } from 'lucide-react';\nimport { useMemo } from 'react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\nimport { formatEnumLabel } from '../utils/formatEnumLabel';\n\ntype DeptCostRow = {\n  name: string;\n  salary: number;\n  budget: number;\n  headcount: number;\n};\n\nexport function AnalyticsFinancialAnalyticsPagePage() {\n  const { employees, departments, payrollRecords, invoices, projects } = useCrewFoundryStore();\n\n  const monthlyPayrollTrend = useMemo(() => {\n    const byPeriod = payrollRecords.reduce<\n      Record<string, { gross: number; net: number; deductions: number }>\n    >((acc, record) => {\n      const month = new Date(record.payDate).toLocaleString('en-US', { month: 'short' });\n      const current = acc[month] || { gross: 0, net: 0, deductions: 0 };\n      current.gross += record.grossPay;\n      current.net += record.netPay;\n      current.deductions += record.deductions;\n      acc[month] = current;\n      return acc;\n    }, {});\n    return Object.entries(byPeriod)\n      .map(([month, value]) => ({ month, ...value }))\n      .slice(-6);\n  }, [payrollRecords]);\n\n  // Real spend lines only (no invented budget coefficients).\n  const spendByCategory = useMemo(() => {\n    const items = [\n      {\n        category: 'Gross Payroll',\n        amount: payrollRecords.reduce((sum, record) => sum + record.grossPay, 0),\n        icon: Wallet,\n      },\n      {\n        category: 'Deductions',\n        amount: payrollRecords.reduce((sum, record) => sum + record.deductions, 0),\n        icon: Receipt,\n      },\n      {\n        category: 'Project Spend',\n        amount: projects.reduce((sum, project) => sum + project.spent, 0),\n        icon: TrendingUp,\n      },\n      {\n        category: 'Collected Invoices',\n        amount: invoices\n          .filter((invoice) => invoice.status === 'paid')\n          .reduce((sum, invoice) => sum + invoice.amount, 0),\n        icon: FileText,\n      },\n    ];\n    const total = items.reduce((sum, item) => sum + item.amount, 0) || 1;\n    return items.map((item) => ({ ...item, percentage: Math.round((item.amount / total) * 100) }));\n  }, [invoices, payrollRecords, projects]);\n\n  const totalPayroll = employees.reduce((sum, e) => sum + e.salary, 0);\n  const monthlyPayroll = Math.round(totalPayroll / 12);\n  const totalInvoiced = invoices.reduce((sum, inv) => sum + inv.amount, 0);\n  const paidInvoices = invoices\n    .filter((i) => i.status === 'paid')\n    .reduce((s, i) => s + i.amount, 0);\n  const totalProjectBudget = projects.reduce((s, p) => s + p.budget, 0);\n  const totalProjectSpent = projects.reduce((s, p) => s + p.spent, 0);\n\n  const maxPayroll = Math.max(1, ...monthlyPayrollTrend.map((m) => m.gross));\n  const projectUtilization =\n    totalProjectBudget > 0 ? Math.round((totalProjectSpent / totalProjectBudget) * 100) : 0;\n\n  const deptCost: DeptCostRow[] = departments.map((d) => {\n    const deptEmps = employees.filter((e) => e.department === d.name);\n    const totalSal = deptEmps.reduce((s, e) => s + e.salary, 0);\n    return { name: d.name, salary: totalSal, budget: d.budget, headcount: deptEmps.length };\n  });\n  const sortedDeptCost = [...deptCost].sort((a, b) => b.salary - a.salary);\n  const totalDeptBudget = departments.reduce((s, d) => s + d.budget, 0);\n\n  // Outstanding invoices = anything not fully paid, matching the card title.\n  const outstandingInvoices = [...invoices]\n    .filter((invoice) => invoice.status !== 'paid')\n    .sort((a, b) => a.dueDate.localeCompare(b.dueDate));\n  const {\n    page: invoicePage,\n    pageSize: invoicePageSize,\n    offset: invoiceOffset,\n    setPage: setInvoicePage,\n  } = usePagination({ initialPageSize: 6 });\n  const invoicePageItems = outstandingInvoices.slice(\n    invoiceOffset,\n    invoiceOffset + invoicePageSize\n  );\n\n  const deptCostColumns: ResponsiveTableColumn<DeptCostRow>[] = [\n    {\n      key: 'name',\n      header: 'Department',\n      priority: 'primary',\n      cell: (d) => <span className=\"font-medium\">{d.name}</span>,\n    },\n    {\n      key: 'headcount',\n      header: 'Headcount',\n      priority: 'secondary',\n      cell: (d) => <span className=\"md:block md:text-right\">{d.headcount}</span>,\n    },\n    {\n      key: 'salary',\n      header: 'Total Salary',\n      priority: 'secondary',\n      cell: (d) => <span className=\"md:block md:text-right\">${(d.salary / 1000).toFixed(0)}K</span>,\n    },\n    {\n      key: 'budget',\n      header: 'Dept Budget',\n      priority: 'secondary',\n      cell: (d) => (\n        <span className=\"md:block md:text-right\">${(d.budget / 1000000).toFixed(1)}M</span>\n      ),\n    },\n    {\n      key: 'ratio',\n      header: 'Salary/Budget %',\n      priority: 'primary',\n      cell: (d) => {\n        const ratio = d.budget > 0 ? Math.round((d.salary / d.budget) * 100) : 0;\n        return (\n          <span className=\"md:block md:text-right\">\n            <Badge variant={ratio > 50 ? 'destructive' : 'default'} className=\"text-[10px]\">\n              {ratio}%\n            </Badge>\n          </span>\n        );\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>Financial Analytics</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">\n            Workforce financial metrics and cost analysis\n          </p>\n          <PagePurpose className=\"mt-1\">\n            Understand the money side of your workforce — payroll, project budgets, and spend trends\n            — so you can plan headcount and control costs with confidence.\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\">Monthly Payroll</CardTitle>\n            <DollarSign className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">\n              ${(monthlyPayroll / 1000).toFixed(0)}K\n            </div>\n            <p className=\"text-xs text-text-secondary\">Annual salary ÷ 12 months</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\">Annual Salary Cost</CardTitle>\n            <Wallet className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">\n              ${(totalPayroll / 1000000).toFixed(1)}M\n            </div>\n            <p className=\"text-xs text-text-secondary\">{employees.length} employees</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\">Total Invoiced</CardTitle>\n            <FileText className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">\n              ${(totalInvoiced / 1000).toFixed(1)}K\n            </div>\n            <p className=\"text-xs text-text-secondary\">\n              ${(paidInvoices / 1000).toFixed(1)}K collected\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\">Project Budget</CardTitle>\n            <TrendingUp className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">\n              ${(totalProjectBudget / 1000000).toFixed(1)}M\n            </div>\n            <p className=\"text-xs text-text-secondary\">{projectUtilization}% utilized</p>\n          </CardContent>\n        </GlassCard>\n      </div>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Payroll Trend</CardTitle>\n          <CardDescription>Monthly gross payroll over the last 6 months</CardDescription>\n        </CardHeader>\n        <CardContent className=\"space-y-3\">\n          {monthlyPayrollTrend.map((m) => (\n            <div key={m.month} className=\"flex items-center gap-3\">\n              <span className=\"w-10 text-sm text-text-secondary\">{m.month}</span>\n              <div className=\"flex-1 h-5 bg-bg-sunken rounded overflow-hidden flex\">\n                <div\n                  className=\"h-5 bg-action-primary-bg\"\n                  style={{ width: `${Math.round((m.net / maxPayroll) * 100)}%` }}\n                />\n                <div\n                  className=\"h-5 bg-action-primary-bg/30\"\n                  style={{ width: `${Math.round((m.deductions / maxPayroll) * 100)}%` }}\n                />\n              </div>\n              <span className=\"text-sm font-medium w-20 text-right\">\n                ${(m.gross / 1000000).toFixed(2)}M\n              </span>\n            </div>\n          ))}\n          <div className=\"flex items-center gap-4 mt-2 text-xs text-text-secondary\">\n            <div className=\"flex items-center gap-1\">\n              <div className=\"h-3 w-3 bg-action-primary-bg rounded\" />\n              <span>Net Pay</span>\n            </div>\n            <div className=\"flex items-center gap-1\">\n              <div className=\"h-3 w-3 bg-action-primary-bg/30 rounded\" />\n              <span>Deductions</span>\n            </div>\n          </div>\n        </CardContent>\n      </Card>\n\n      <div className=\"grid gap-4 md:grid-cols-2\">\n        <Card>\n          <CardHeader>\n            <CardTitle>Spend by Category</CardTitle>\n            <CardDescription>Share of tracked workforce spend</CardDescription>\n          </CardHeader>\n          <CardContent className=\"space-y-4\">\n            {spendByCategory.map((cat) => (\n              <div key={cat.category} className=\"space-y-1\">\n                <div className=\"flex justify-between text-sm\">\n                  <span className=\"flex items-center gap-2 font-medium\">\n                    <cat.icon className=\"h-4 w-4 text-text-secondary\" />\n                    {cat.category}\n                  </span>\n                  <span>${(cat.amount / 1000).toFixed(0)}K</span>\n                </div>\n                <div className=\"h-3 bg-bg-sunken rounded overflow-hidden\">\n                  <div\n                    className=\"h-3 rounded bg-action-primary-bg\"\n                    style={{ width: `${cat.percentage}%` }}\n                  />\n                </div>\n                <p className=\"text-xs text-text-secondary text-right\">{cat.percentage}% of spend</p>\n              </div>\n            ))}\n          </CardContent>\n        </Card>\n\n        <Card>\n          <CardHeader>\n            <CardTitle>Outstanding Invoices</CardTitle>\n            <CardDescription>Unpaid invoices requiring attention</CardDescription>\n          </CardHeader>\n          <CardContent className=\"space-y-3\">\n            {outstandingInvoices.length === 0 && (\n              <IllustratedEmptyState\n                illustration=\"empty-data\"\n                title=\"No outstanding invoices\"\n                description=\"Every invoice has been paid. New unpaid invoices will appear here.\"\n              />\n            )}\n            {invoicePageItems.map((inv) => (\n              <div key={inv.id} className=\"flex items-center justify-between rounded border p-3\">\n                <div>\n                  <p className=\"text-sm font-medium\">{inv.number}</p>\n                  <p className=\"text-xs text-text-secondary\">{inv.clientName}</p>\n                </div>\n                <div className=\"text-right\">\n                  <p className=\"text-sm font-medium\">${inv.amount.toLocaleString()}</p>\n                  <Badge\n                    variant={inv.status === 'overdue' ? 'destructive' : 'secondary'}\n                    className=\"text-[10px]\"\n                  >\n                    {formatEnumLabel(inv.status)}\n                  </Badge>\n                </div>\n              </div>\n            ))}\n            {outstandingInvoices.length > invoicePageSize && (\n              <Pagination\n                page={invoicePage}\n                pageSize={invoicePageSize}\n                totalItems={outstandingInvoices.length}\n                onPageChange={setInvoicePage}\n              />\n            )}\n          </CardContent>\n        </Card>\n      </div>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Department Cost Analysis</CardTitle>\n          <CardDescription>Total salary cost and budget allocation by department</CardDescription>\n        </CardHeader>\n        <CardContent>\n          <ResponsiveTable columns={deptCostColumns} data={sortedDeptCost} rowKey={(d) => d.name} />\n          <Separator className=\"my-3\" />\n          <div className=\"flex flex-wrap items-center justify-between gap-2 text-sm font-bold\">\n            <span>Total</span>\n            <span>{employees.length} employees</span>\n            <span>${(totalPayroll / 1000000).toFixed(1)}M salary</span>\n            <span>${(totalDeptBudget / 1000000).toFixed(1)}M budget</span>\n          </div>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"AnalyticsFinancialAnalyticsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/AnalyticsFinancialAnalyticsPagePage.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  Separator,\n} from '@burdenoff/fe-libs/ui';\nimport { usePagination } from '@burdenoff/fe-libs/shared/hooks';\nimport { DollarSign, FileText, Receipt, TrendingUp, Wallet } from 'lucide-react';\nimport { useMemo } from 'react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\nimport { formatEnumLabel } from '../utils/formatEnumLabel';\nimport { DonutChart, LineChart } from '../components/viz';\nimport type { LabeledValue, Segment } from '../components/viz';\n\ntype DeptCostRow = {\n  name: string;\n  salary: number;\n  budget: number;\n  headcount: number;\n};\n\nexport function AnalyticsFinancialAnalyticsPagePage() {\n  const { employees, departments, payrollRecords, invoices, projects } = useCrewFoundryStore();\n\n  const monthlyPayrollTrend = useMemo(() => {\n    const byPeriod = payrollRecords.reduce<\n      Record<string, { gross: number; net: number; deductions: number }>\n    >((acc, record) => {\n      const month = new Date(record.payDate).toLocaleString('en-US', { month: 'short' });\n      const current = acc[month] || { gross: 0, net: 0, deductions: 0 };\n      current.gross += record.grossPay;\n      current.net += record.netPay;\n      current.deductions += record.deductions;\n      acc[month] = current;\n      return acc;\n    }, {});\n    return Object.entries(byPeriod)\n      .map(([month, value]) => ({ month, ...value }))\n      .slice(-6);\n  }, [payrollRecords]);\n\n  // Real spend lines only (no invented budget coefficients).\n  const spendByCategory = useMemo(() => {\n    const items = [\n      {\n        category: 'Gross Payroll',\n        amount: payrollRecords.reduce((sum, record) => sum + record.grossPay, 0),\n        icon: Wallet,\n      },\n      {\n        category: 'Deductions',\n        amount: payrollRecords.reduce((sum, record) => sum + record.deductions, 0),\n        icon: Receipt,\n      },\n      {\n        category: 'Project Spend',\n        amount: projects.reduce((sum, project) => sum + project.spent, 0),\n        icon: TrendingUp,\n      },\n      {\n        category: 'Collected Invoices',\n        amount: invoices\n          .filter((invoice) => invoice.status === 'paid')\n          .reduce((sum, invoice) => sum + invoice.amount, 0),\n        icon: FileText,\n      },\n    ];\n    const total = items.reduce((sum, item) => sum + item.amount, 0) || 1;\n    return items.map((item) => ({ ...item, percentage: Math.round((item.amount / total) * 100) }));\n  }, [invoices, payrollRecords, projects]);\n\n  const totalPayroll = employees.reduce((sum, e) => sum + e.salary, 0);\n  const monthlyPayroll = Math.round(totalPayroll / 12);\n  const totalInvoiced = invoices.reduce((sum, inv) => sum + inv.amount, 0);\n  const paidInvoices = invoices\n    .filter((i) => i.status === 'paid')\n    .reduce((s, i) => s + i.amount, 0);\n  const totalProjectBudget = projects.reduce((s, p) => s + p.budget, 0);\n  const totalProjectSpent = projects.reduce((s, p) => s + p.spent, 0);\n\n  const grossSeries: LabeledValue[] = monthlyPayrollTrend.map((m) => ({\n    label: m.month,\n    value: m.gross,\n  }));\n  const netCompare = monthlyPayrollTrend.map((m) => m.net);\n  const spendSegments: Segment[] = spendByCategory\n    .filter((category) => category.amount > 0)\n    .map((category) => ({ label: category.category, value: category.amount }));\n  const projectUtilization =\n    totalProjectBudget > 0 ? Math.round((totalProjectSpent / totalProjectBudget) * 100) : 0;\n\n  const deptCost: DeptCostRow[] = departments.map((d) => {\n    const deptEmps = employees.filter((e) => e.department === d.name);\n    const totalSal = deptEmps.reduce((s, e) => s + e.salary, 0);\n    return { name: d.name, salary: totalSal, budget: d.budget, headcount: deptEmps.length };\n  });\n  const sortedDeptCost = [...deptCost].sort((a, b) => b.salary - a.salary);\n  const totalDeptBudget = departments.reduce((s, d) => s + d.budget, 0);\n\n  // Outstanding invoices = anything not fully paid, matching the card title.\n  const outstandingInvoices = [...invoices]\n    .filter((invoice) => invoice.status !== 'paid')\n    .sort((a, b) => a.dueDate.localeCompare(b.dueDate));\n  const {\n    page: invoicePage,\n    pageSize: invoicePageSize,\n    offset: invoiceOffset,\n    setPage: setInvoicePage,\n  } = usePagination({ initialPageSize: 6 });\n  const invoicePageItems = outstandingInvoices.slice(\n    invoiceOffset,\n    invoiceOffset + invoicePageSize\n  );\n\n  const deptCostColumns: ResponsiveTableColumn<DeptCostRow>[] = [\n    {\n      key: 'name',\n      header: 'Department',\n      priority: 'primary',\n      cell: (d) => <span className=\"font-medium\">{d.name}</span>,\n    },\n    {\n      key: 'headcount',\n      header: 'Headcount',\n      priority: 'secondary',\n      cell: (d) => <span className=\"md:block md:text-right\">{d.headcount}</span>,\n    },\n    {\n      key: 'salary',\n      header: 'Total Salary',\n      priority: 'secondary',\n      cell: (d) => <span className=\"md:block md:text-right\">${(d.salary / 1000).toFixed(0)}K</span>,\n    },\n    {\n      key: 'budget',\n      header: 'Dept Budget',\n      priority: 'secondary',\n      cell: (d) => (\n        <span className=\"md:block md:text-right\">${(d.budget / 1000000).toFixed(1)}M</span>\n      ),\n    },\n    {\n      key: 'ratio',\n      header: 'Salary/Budget %',\n      priority: 'primary',\n      cell: (d) => {\n        const ratio = d.budget > 0 ? Math.round((d.salary / d.budget) * 100) : 0;\n        return (\n          <span className=\"md:block md:text-right\">\n            <Badge variant={ratio > 50 ? 'destructive' : 'default'} className=\"text-[10px]\">\n              {ratio}%\n            </Badge>\n          </span>\n        );\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>Financial Analytics</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">\n            Workforce financial metrics and cost analysis\n          </p>\n          <PagePurpose className=\"mt-1\">\n            Understand the money side of your workforce — payroll, project budgets, and spend trends\n            — so you can plan headcount and control costs with confidence.\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\">Monthly Payroll</CardTitle>\n            <DollarSign className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">\n              ${(monthlyPayroll / 1000).toFixed(0)}K\n            </div>\n            <p className=\"text-xs text-text-secondary\">Annual salary ÷ 12 months</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\">Annual Salary Cost</CardTitle>\n            <Wallet className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">\n              ${(totalPayroll / 1000000).toFixed(1)}M\n            </div>\n            <p className=\"text-xs text-text-secondary\">{employees.length} employees</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\">Total Invoiced</CardTitle>\n            <FileText className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">\n              ${(totalInvoiced / 1000).toFixed(1)}K\n            </div>\n            <p className=\"text-xs text-text-secondary\">\n              ${(paidInvoices / 1000).toFixed(1)}K collected\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\">Project Budget</CardTitle>\n            <TrendingUp className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">\n              ${(totalProjectBudget / 1000000).toFixed(1)}M\n            </div>\n            <p className=\"text-xs text-text-secondary\">{projectUtilization}% utilized</p>\n          </CardContent>\n        </GlassCard>\n      </div>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Payroll Trend</CardTitle>\n          <CardDescription>Monthly gross payroll over the last 6 months</CardDescription>\n        </CardHeader>\n        <CardContent>\n          {grossSeries.length > 0 ? (\n            <LineChart\n              series={grossSeries}\n              compare={netCompare}\n              seriesLabel=\"Gross pay\"\n              compareLabel=\"Net pay\"\n              height={220}\n              valueFormatter={(value) => `$${(value / 1000).toFixed(0)}K`}\n            />\n          ) : (\n            <p className=\"py-6 text-center text-sm text-text-secondary\">\n              No payroll records yet.\n            </p>\n          )}\n        </CardContent>\n      </Card>\n\n      <div className=\"grid gap-4 md:grid-cols-2\">\n        <Card>\n          <CardHeader>\n            <CardTitle>Spend by Category</CardTitle>\n            <CardDescription>Share of tracked workforce spend</CardDescription>\n          </CardHeader>\n          <CardContent>\n            {spendSegments.length > 0 ? (\n              <DonutChart\n                segments={spendSegments}\n                centerLabel={`$${(spendSegments.reduce((sum, s) => sum + s.value, 0) / 1000).toFixed(0)}K`}\n                centerCaption=\"Total spend\"\n                valueFormatter={(value) => `$${(value / 1000).toFixed(0)}K`}\n              />\n            ) : (\n              <p className=\"py-6 text-center text-sm text-text-secondary\">\n                No tracked spend yet.\n              </p>\n            )}\n          </CardContent>\n        </Card>\n\n        <Card>\n          <CardHeader>\n            <CardTitle>Outstanding Invoices</CardTitle>\n            <CardDescription>Unpaid invoices requiring attention</CardDescription>\n          </CardHeader>\n          <CardContent className=\"space-y-3\">\n            {outstandingInvoices.length === 0 && (\n              <IllustratedEmptyState\n                illustration=\"empty-data\"\n                title=\"No outstanding invoices\"\n                description=\"Every invoice has been paid. New unpaid invoices will appear here.\"\n              />\n            )}\n            {invoicePageItems.map((inv) => (\n              <div key={inv.id} className=\"flex items-center justify-between rounded border p-3\">\n                <div>\n                  <p className=\"text-sm font-medium\">{inv.number}</p>\n                  <p className=\"text-xs text-text-secondary\">{inv.clientName}</p>\n                </div>\n                <div className=\"text-right\">\n                  <p className=\"text-sm font-medium\">${inv.amount.toLocaleString()}</p>\n                  <Badge\n                    variant={inv.status === 'overdue' ? 'destructive' : 'secondary'}\n                    className=\"text-[10px]\"\n                  >\n                    {formatEnumLabel(inv.status)}\n                  </Badge>\n                </div>\n              </div>\n            ))}\n            {outstandingInvoices.length > invoicePageSize && (\n              <Pagination\n                page={invoicePage}\n                pageSize={invoicePageSize}\n                totalItems={outstandingInvoices.length}\n                onPageChange={setInvoicePage}\n              />\n            )}\n          </CardContent>\n        </Card>\n      </div>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Department Cost Analysis</CardTitle>\n          <CardDescription>Total salary cost and budget allocation by department</CardDescription>\n        </CardHeader>\n        <CardContent>\n          <ResponsiveTable columns={deptCostColumns} data={sortedDeptCost} rowKey={(d) => d.name} />\n          <Separator className=\"my-3\" />\n          <div className=\"flex flex-wrap items-center justify-between gap-2 text-sm font-bold\">\n            <span>Total</span>\n            <span>{employees.length} employees</span>\n            <span>${(totalPayroll / 1000000).toFixed(1)}M salary</span>\n            <span>${(totalDeptBudget / 1000000).toFixed(1)}M budget</span>\n          </div>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}