@burdenoff/microfe-crewfoundry 2026.624.1 → 2026.625.2

package/dist/crewfoundry/pages/AnalyticsFinancialAnalyticsPagePage.js

@@ -2,11 +2,11 @@ import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
 import { useMemo as t } from "react";
 import { ArrowUp as n, 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, Separator as g } from "@burdenoff/fe-libs/ui";
+import { Badge as u, Card as d, CardContent as f, CardDescription as p, CardHeader as m, CardTitle as h, GlassCard as g, GradientText as _, PagePurpose as v, Separator as y } from "@burdenoff/fe-libs/ui";
 //#region src/crewfoundry/pages/AnalyticsFinancialAnalyticsPagePage.tsx
-function _() {
-	let { employees: _, departments: v, payrollRecords: y, invoices: b, projects: x } = e(), S = t(() => {
-		let e = y.reduce((e, t) => {
+function b() {
+	let { employees: b, departments: x, payrollRecords: S, invoices: C, projects: w } = e(), T = t(() => {
+		let e = S.reduce((e, t) => {
 			let n = new Date(t.payDate).toLocaleString("en-US", { month: "short" }), r = e[n] || {
 				gross: 0,
 				net: 0,
@@ -18,38 +18,38 @@ function _() {
 			month: e,
 			...t
 		})).slice(-6);
-	}, [y]), C = t(() => [
+	}, [S]), E = t(() => [
 		{
 			category: "Payroll",
-			amount: y.reduce((e, t) => e + t.grossPay, 0),
-			budget: v.reduce((e, t) => e + t.budget * .7, 0),
+			amount: S.reduce((e, t) => e + t.grossPay, 0),
+			budget: x.reduce((e, t) => e + t.budget * .7, 0),
 			icon: s
 		},
 		{
 			category: "Benefits",
-			amount: y.reduce((e, t) => e + t.deductions * .4, 0),
-			budget: v.reduce((e, t) => e + t.budget * .15, 0),
+			amount: S.reduce((e, t) => e + t.deductions * .4, 0),
+			budget: x.reduce((e, t) => e + t.budget * .15, 0),
 			icon: a
 		},
 		{
 			category: "Recruitment",
-			amount: b.reduce((e, t) => e + (t.status === "paid" ? t.amount * .15 : 0), 0),
-			budget: v.reduce((e, t) => e + t.budget * .1, 0),
+			amount: C.reduce((e, t) => e + (t.status === "paid" ? t.amount * .15 : 0), 0),
+			budget: x.reduce((e, t) => e + t.budget * .1, 0),
 			icon: i
 		},
 		{
 			category: "Training",
-			amount: x.reduce((e, t) => e + t.spent * .08, 0),
-			budget: v.reduce((e, t) => e + t.budget * .08, 0),
+			amount: w.reduce((e, t) => e + t.spent * .08, 0),
+			budget: x.reduce((e, t) => e + t.budget * .08, 0),
 			icon: o
 		}
 	], [
-		v,
-		b,
-		y,
-		x
-	]), w = _.reduce((e, t) => e + t.salary, 0), T = Math.round(w / 12), E = b.reduce((e, t) => e + t.amount, 0), D = b.filter((e) => e.status === "paid").reduce((e, t) => e + t.amount, 0), O = x.reduce((e, t) => e + t.budget, 0), k = x.reduce((e, t) => e + t.spent, 0), A = Math.max(1, ...S.map((e) => e.gross)), j = v.map((e) => {
-		let t = _.filter((t) => t.department === e.name), n = t.reduce((e, t) => e + t.salary, 0);
+		x,
+		C,
+		S,
+		w
+	]), D = b.reduce((e, t) => e + t.salary, 0), O = Math.round(D / 12), k = C.reduce((e, t) => e + t.amount, 0), A = C.filter((e) => e.status === "paid").reduce((e, t) => e + t.amount, 0), j = w.reduce((e, t) => e + t.budget, 0), M = w.reduce((e, t) => e + t.spent, 0), N = Math.max(1, ...T.map((e) => e.gross)), P = x.map((e) => {
+		let t = b.filter((t) => t.department === e.name), n = t.reduce((e, t) => e + t.salary, 0);
 		return {
 			name: e.name,
 			salary: n,
@@ -62,94 +62,118 @@ function _() {
 		children: [
 			/* @__PURE__ */ c("div", {
 				className: "flex items-center justify-between",
-				children: /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("h1", {
-					className: "text-2xl font-semibold",
-					children: "Financial Analytics"
-				}), /* @__PURE__ */ c("p", {
-					className: "text-sm text-text-secondary",
-					children: "Workforce financial metrics and cost analysis"
-				})] })
+				children: /* @__PURE__ */ l("div", { children: [
+					/* @__PURE__ */ c("h1", {
+						className: "text-2xl font-semibold",
+						children: /* @__PURE__ */ c(_, { children: "Financial Analytics" })
+					}),
+					/* @__PURE__ */ c("p", {
+						className: "text-sm text-text-secondary",
+						children: "Workforce financial metrics and cost analysis"
+					}),
+					/* @__PURE__ */ c(v, {
+						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", {
 				className: "grid gap-4 md:grid-cols-2 lg:grid-cols-4",
 				children: [
-					/* @__PURE__ */ l(d, { children: [/* @__PURE__ */ l(m, {
-						className: "flex flex-row items-center justify-between space-y-0 pb-2",
-						children: [/* @__PURE__ */ c(h, {
-							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", {
-						className: "text-2xl font-bold",
-						children: [
-							"$",
-							(T / 1e3).toFixed(0),
-							"K"
-						]
-					}), /* @__PURE__ */ l("div", {
-						className: "flex items-center text-xs text-yellow-600",
-						children: [/* @__PURE__ */ c(n, { className: "h-3 w-3 mr-1" }), "+2.1% from last month"]
-					})] })] }),
-					/* @__PURE__ */ l(d, { children: [/* @__PURE__ */ l(m, {
-						className: "flex flex-row items-center justify-between space-y-0 pb-2",
-						children: [/* @__PURE__ */ c(h, {
-							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", {
-						className: "text-2xl font-bold",
-						children: [
-							"$",
-							(w / 1e6).toFixed(1),
-							"M"
-						]
-					}), /* @__PURE__ */ l("p", {
-						className: "text-xs text-text-secondary",
-						children: [_.length, " employees"]
-					})] })] }),
-					/* @__PURE__ */ l(d, { children: [/* @__PURE__ */ l(m, {
-						className: "flex flex-row items-center justify-between space-y-0 pb-2",
-						children: [/* @__PURE__ */ c(h, {
-							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", {
-						className: "text-2xl font-bold",
-						children: [
-							"$",
-							(E / 1e3).toFixed(1),
-							"K"
-						]
-					}), /* @__PURE__ */ l("p", {
-						className: "text-xs text-text-secondary",
-						children: [
-							"$",
-							(D / 1e3).toFixed(1),
-							"K collected"
-						]
-					})] })] }),
-					/* @__PURE__ */ l(d, { children: [/* @__PURE__ */ l(m, {
-						className: "flex flex-row items-center justify-between space-y-0 pb-2",
-						children: [/* @__PURE__ */ c(h, {
-							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", {
-						className: "text-2xl font-bold",
-						children: [
-							"$",
-							(O / 1e6).toFixed(1),
-							"M"
-						]
-					}), /* @__PURE__ */ l("p", {
-						className: "text-xs text-text-secondary",
-						children: [Math.round(k / O * 100), "% utilized"]
-					})] })] })
+					/* @__PURE__ */ l(g, {
+						treatment: "glass",
+						glow: !0,
+						className: "border-border-seam",
+						children: [/* @__PURE__ */ l(m, {
+							className: "flex flex-row items-center justify-between space-y-0 pb-2",
+							children: [/* @__PURE__ */ c(h, {
+								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", {
+							className: "text-2xl font-bold tabular-nums",
+							children: [
+								"$",
+								(O / 1e3).toFixed(0),
+								"K"
+							]
+						}), /* @__PURE__ */ l("div", {
+							className: "flex items-center text-xs text-status-warning-text",
+							children: [/* @__PURE__ */ c(n, { className: "h-3 w-3 mr-1" }), "+2.1% from last month"]
+						})] })]
+					}),
+					/* @__PURE__ */ l(g, {
+						treatment: "metric",
+						className: "border-border-seam",
+						children: [/* @__PURE__ */ l(m, {
+							className: "flex flex-row items-center justify-between space-y-0 pb-2",
+							children: [/* @__PURE__ */ c(h, {
+								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", {
+							className: "text-2xl font-bold tabular-nums",
+							children: [
+								"$",
+								(D / 1e6).toFixed(1),
+								"M"
+							]
+						}), /* @__PURE__ */ l("p", {
+							className: "text-xs text-text-secondary",
+							children: [b.length, " employees"]
+						})] })]
+					}),
+					/* @__PURE__ */ l(g, {
+						treatment: "metric",
+						className: "border-border-seam",
+						children: [/* @__PURE__ */ l(m, {
+							className: "flex flex-row items-center justify-between space-y-0 pb-2",
+							children: [/* @__PURE__ */ c(h, {
+								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", {
+							className: "text-2xl font-bold tabular-nums",
+							children: [
+								"$",
+								(k / 1e3).toFixed(1),
+								"K"
+							]
+						}), /* @__PURE__ */ l("p", {
+							className: "text-xs text-text-secondary",
+							children: [
+								"$",
+								(A / 1e3).toFixed(1),
+								"K collected"
+							]
+						})] })]
+					}),
+					/* @__PURE__ */ l(g, {
+						treatment: "metric",
+						className: "border-border-seam",
+						children: [/* @__PURE__ */ l(m, {
+							className: "flex flex-row items-center justify-between space-y-0 pb-2",
+							children: [/* @__PURE__ */ c(h, {
+								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", {
+							className: "text-2xl font-bold tabular-nums",
+							children: [
+								"$",
+								(j / 1e6).toFixed(1),
+								"M"
+							]
+						}), /* @__PURE__ */ l("p", {
+							className: "text-xs text-text-secondary",
+							children: [Math.round(M / j * 100), "% 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: [S.map((e) => /* @__PURE__ */ l("div", {
+				children: [T.map((e) => /* @__PURE__ */ l("div", {
 					className: "flex items-center gap-3",
 					children: [
 						/* @__PURE__ */ c("span", {
@@ -160,10 +184,10 @@ function _() {
 							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 / A * 100)}%` }
+								style: { width: `${Math.round(e.net / N * 100)}%` }
 							}), /* @__PURE__ */ c("div", {
 								className: "h-5 bg-action-primary-bg/30",
-								style: { width: `${Math.round(e.deductions / A * 100)}%` }
+								style: { width: `${Math.round(e.deductions / N * 100)}%` }
 							})]
 						}),
 						/* @__PURE__ */ l("span", {
@@ -190,7 +214,7 @@ function _() {
 				className: "grid gap-4 md:grid-cols-2",
 				children: [/* @__PURE__ */ l(d, { children: [/* @__PURE__ */ l(m, { children: [/* @__PURE__ */ c(h, { children: "Budget vs Actual" }), /* @__PURE__ */ c(p, { children: "Monthly expense tracking by category" })] }), /* @__PURE__ */ c(f, {
 					className: "space-y-4",
-					children: C.map((e) => {
+					children: E.map((e) => {
 						let t = Math.round(e.amount / e.budget * 100);
 						return /* @__PURE__ */ l("div", {
 							className: "space-y-1",
@@ -211,7 +235,7 @@ function _() {
 								/* @__PURE__ */ c("div", {
 									className: "h-3 bg-bg-sunken rounded overflow-hidden",
 									children: /* @__PURE__ */ c("div", {
-										className: `h-3 rounded ${t > 95 ? "bg-red-500" : t > 80 ? "bg-yellow-500" : "bg-green-500"}`,
+										className: `h-3 rounded ${t > 95 ? "bg-status-error-text" : t > 80 ? "bg-status-warning-text" : "bg-status-success-text"}`,
 										style: { width: `${t}%` }
 									})
 								}),
@@ -224,7 +248,7 @@ function _() {
 					})
 				})] }), /* @__PURE__ */ l(d, { children: [/* @__PURE__ */ l(m, { children: [/* @__PURE__ */ c(h, { children: "Outstanding Invoices" }), /* @__PURE__ */ c(p, { children: "Invoices requiring attention" })] }), /* @__PURE__ */ c(f, {
 					className: "space-y-3",
-					children: b.map((e) => /* @__PURE__ */ l("div", {
+					children: C.map((e) => /* @__PURE__ */ l("div", {
 						className: "flex items-center justify-between rounded border p-3",
 						children: [/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("p", {
 							className: "text-sm font-medium",
@@ -269,7 +293,7 @@ function _() {
 						})
 					]
 				}),
-				j.sort((e, t) => t.salary - e.salary).map((e) => /* @__PURE__ */ l("div", {
+				P.sort((e, t) => t.salary - e.salary).map((e) => /* @__PURE__ */ l("div", {
 					className: "grid grid-cols-5 gap-2 py-2 border-b last:border-0 text-sm",
 					children: [
 						/* @__PURE__ */ c("span", {
@@ -306,20 +330,20 @@ function _() {
 						})
 					]
 				}, e.name)),
-				/* @__PURE__ */ c(g, { className: "my-2" }),
+				/* @__PURE__ */ c(y, { className: "my-2" }),
 				/* @__PURE__ */ l("div", {
 					className: "grid grid-cols-5 gap-2 text-sm font-bold",
 					children: [
 						/* @__PURE__ */ c("span", { children: "Total" }),
 						/* @__PURE__ */ c("span", {
 							className: "text-right",
-							children: _.length
+							children: b.length
 						}),
 						/* @__PURE__ */ l("span", {
 							className: "text-right",
 							children: [
 								"$",
-								(w / 1e6).toFixed(1),
+								(D / 1e6).toFixed(1),
 								"M"
 							]
 						}),
@@ -327,7 +351,7 @@ function _() {
 							className: "text-right",
 							children: [
 								"$",
-								(v.reduce((e, t) => e + t.budget, 0) / 1e6).toFixed(1),
+								(x.reduce((e, t) => e + t.budget, 0) / 1e6).toFixed(1),
 								"M"
 							]
 						}),
@@ -339,6 +363,6 @@ function _() {
 	});
 }
 //#endregion
-export { _ as AnalyticsFinancialAnalyticsPagePage };
+export { b 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  Separator,\n} from '@burdenoff/fe-libs/ui';\nimport { ArrowUp, DollarSign, FileText, Receipt, TrendingUp, Wallet } from 'lucide-react';\nimport { useMemo } from 'react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\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  const expenseCategories = useMemo(\n    () => [\n      {\n        category: 'Payroll',\n        amount: payrollRecords.reduce((sum, record) => sum + record.grossPay, 0),\n        budget: departments.reduce((sum, department) => sum + department.budget * 0.7, 0),\n        icon: Wallet,\n      },\n      {\n        category: 'Benefits',\n        amount: payrollRecords.reduce((sum, record) => sum + record.deductions * 0.4, 0),\n        budget: departments.reduce((sum, department) => sum + department.budget * 0.15, 0),\n        icon: Receipt,\n      },\n      {\n        category: 'Recruitment',\n        amount: invoices.reduce(\n          (sum, invoice) => sum + (invoice.status === 'paid' ? invoice.amount * 0.15 : 0),\n          0\n        ),\n        budget: departments.reduce((sum, department) => sum + department.budget * 0.1, 0),\n        icon: FileText,\n      },\n      {\n        category: 'Training',\n        amount: projects.reduce((sum, project) => sum + project.spent * 0.08, 0),\n        budget: departments.reduce((sum, department) => sum + department.budget * 0.08, 0),\n        icon: TrendingUp,\n      },\n    ],\n    [departments, invoices, payrollRecords, projects]\n  );\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\n  const deptCost = 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\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\">Financial Analytics</h1>\n          <p className=\"text-sm text-text-secondary\">\n            Workforce financial metrics and cost analysis\n          </p>\n        </div>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-4\">\n        <Card>\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\">${(monthlyPayroll / 1000).toFixed(0)}K</div>\n            <div className=\"flex items-center text-xs text-yellow-600\">\n              <ArrowUp className=\"h-3 w-3 mr-1\" />\n              +2.1% from last month\n            </div>\n          </CardContent>\n        </Card>\n        <Card>\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\">${(totalPayroll / 1000000).toFixed(1)}M</div>\n            <p className=\"text-xs text-text-secondary\">{employees.length} employees</p>\n          </CardContent>\n        </Card>\n        <Card>\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\">${(totalInvoiced / 1000).toFixed(1)}K</div>\n            <p className=\"text-xs text-text-secondary\">\n              ${(paidInvoices / 1000).toFixed(1)}K collected\n            </p>\n          </CardContent>\n        </Card>\n        <Card>\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\">${(totalProjectBudget / 1000000).toFixed(1)}M</div>\n            <p className=\"text-xs text-text-secondary\">\n              {Math.round((totalProjectSpent / totalProjectBudget) * 100)}% utilized\n            </p>\n          </CardContent>\n        </Card>\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>Budget vs Actual</CardTitle>\n            <CardDescription>Monthly expense tracking by category</CardDescription>\n          </CardHeader>\n          <CardContent className=\"space-y-4\">\n            {expenseCategories.map((cat) => {\n              const pct = Math.round((cat.amount / cat.budget) * 100);\n              return (\n                <div key={cat.category} className=\"space-y-1\">\n                  <div className=\"flex justify-between text-sm\">\n                    <span className=\"font-medium\">{cat.category}</span>\n                    <span>\n                      ${(cat.amount / 1000).toFixed(0)}K / ${(cat.budget / 1000).toFixed(0)}K\n                    </span>\n                  </div>\n                  <div className=\"h-3 bg-bg-sunken rounded overflow-hidden\">\n                    <div\n                      className={`h-3 rounded ${pct > 95 ? 'bg-red-500' : pct > 80 ? 'bg-yellow-500' : 'bg-green-500'}`}\n                      style={{ width: `${pct}%` }}\n                    />\n                  </div>\n                  <p className=\"text-xs text-text-secondary text-right\">{pct}% utilized</p>\n                </div>\n              );\n            })}\n          </CardContent>\n        </Card>\n\n        <Card>\n          <CardHeader>\n            <CardTitle>Outstanding Invoices</CardTitle>\n            <CardDescription>Invoices requiring attention</CardDescription>\n          </CardHeader>\n          <CardContent className=\"space-y-3\">\n            {invoices.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={\n                      inv.status === 'paid'\n                        ? 'default'\n                        : inv.status === 'overdue'\n                          ? 'destructive'\n                          : 'secondary'\n                    }\n                    className=\"text-[10px]\"\n                  >\n                    {inv.status}\n                  </Badge>\n                </div>\n              </div>\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          <div className=\"grid grid-cols-5 gap-2 text-xs font-medium text-text-secondary border-b pb-2 mb-2\">\n            <span>Department</span>\n            <span className=\"text-right\">Headcount</span>\n            <span className=\"text-right\">Total Salary</span>\n            <span className=\"text-right\">Dept Budget</span>\n            <span className=\"text-right\">Salary/Budget %</span>\n          </div>\n          {deptCost\n            .sort((a, b) => b.salary - a.salary)\n            .map((d) => (\n              <div\n                key={d.name}\n                className=\"grid grid-cols-5 gap-2 py-2 border-b last:border-0 text-sm\"\n              >\n                <span className=\"font-medium\">{d.name}</span>\n                <span className=\"text-right\">{d.headcount}</span>\n                <span className=\"text-right\">${(d.salary / 1000).toFixed(0)}K</span>\n                <span className=\"text-right\">${(d.budget / 1000000).toFixed(1)}M</span>\n                <span className=\"text-right\">\n                  <Badge\n                    variant={d.salary / d.budget > 0.5 ? 'destructive' : 'default'}\n                    className=\"text-[10px]\"\n                  >\n                    {Math.round((d.salary / d.budget) * 100)}%\n                  </Badge>\n                </span>\n              </div>\n            ))}\n          <Separator className=\"my-2\" />\n          <div className=\"grid grid-cols-5 gap-2 text-sm font-bold\">\n            <span>Total</span>\n            <span className=\"text-right\">{employees.length}</span>\n            <span className=\"text-right\">${(totalPayroll / 1000000).toFixed(1)}M</span>\n            <span className=\"text-right\">\n              ${(departments.reduce((s, d) => s + d.budget, 0) / 1000000).toFixed(1)}M\n            </span>\n            <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  PagePurpose,\n  Separator,\n} from '@burdenoff/fe-libs/ui';\nimport { ArrowUp, DollarSign, FileText, Receipt, TrendingUp, Wallet } from 'lucide-react';\nimport { useMemo } from 'react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\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  const expenseCategories = useMemo(\n    () => [\n      {\n        category: 'Payroll',\n        amount: payrollRecords.reduce((sum, record) => sum + record.grossPay, 0),\n        budget: departments.reduce((sum, department) => sum + department.budget * 0.7, 0),\n        icon: Wallet,\n      },\n      {\n        category: 'Benefits',\n        amount: payrollRecords.reduce((sum, record) => sum + record.deductions * 0.4, 0),\n        budget: departments.reduce((sum, department) => sum + department.budget * 0.15, 0),\n        icon: Receipt,\n      },\n      {\n        category: 'Recruitment',\n        amount: invoices.reduce(\n          (sum, invoice) => sum + (invoice.status === 'paid' ? invoice.amount * 0.15 : 0),\n          0\n        ),\n        budget: departments.reduce((sum, department) => sum + department.budget * 0.1, 0),\n        icon: FileText,\n      },\n      {\n        category: 'Training',\n        amount: projects.reduce((sum, project) => sum + project.spent * 0.08, 0),\n        budget: departments.reduce((sum, department) => sum + department.budget * 0.08, 0),\n        icon: TrendingUp,\n      },\n    ],\n    [departments, invoices, payrollRecords, projects]\n  );\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\n  const deptCost = 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\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\">Understand the money side of your workforce — payroll, project budgets, and spend trends — so you can plan headcount and control costs with confidence.</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            <div className=\"flex items-center text-xs text-status-warning-text\">\n              <ArrowUp className=\"h-3 w-3 mr-1\" />\n              +2.1% from last month\n            </div>\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\">\n              {Math.round((totalProjectSpent / totalProjectBudget) * 100)}% utilized\n            </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>Budget vs Actual</CardTitle>\n            <CardDescription>Monthly expense tracking by category</CardDescription>\n          </CardHeader>\n          <CardContent className=\"space-y-4\">\n            {expenseCategories.map((cat) => {\n              const pct = Math.round((cat.amount / cat.budget) * 100);\n              return (\n                <div key={cat.category} className=\"space-y-1\">\n                  <div className=\"flex justify-between text-sm\">\n                    <span className=\"font-medium\">{cat.category}</span>\n                    <span>\n                      ${(cat.amount / 1000).toFixed(0)}K / ${(cat.budget / 1000).toFixed(0)}K\n                    </span>\n                  </div>\n                  <div className=\"h-3 bg-bg-sunken rounded overflow-hidden\">\n                    <div\n                      className={`h-3 rounded ${pct > 95 ? 'bg-status-error-text' : pct > 80 ? 'bg-status-warning-text' : 'bg-status-success-text'}`}\n                      style={{ width: `${pct}%` }}\n                    />\n                  </div>\n                  <p className=\"text-xs text-text-secondary text-right\">{pct}% utilized</p>\n                </div>\n              );\n            })}\n          </CardContent>\n        </Card>\n\n        <Card>\n          <CardHeader>\n            <CardTitle>Outstanding Invoices</CardTitle>\n            <CardDescription>Invoices requiring attention</CardDescription>\n          </CardHeader>\n          <CardContent className=\"space-y-3\">\n            {invoices.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={\n                      inv.status === 'paid'\n                        ? 'default'\n                        : inv.status === 'overdue'\n                          ? 'destructive'\n                          : 'secondary'\n                    }\n                    className=\"text-[10px]\"\n                  >\n                    {inv.status}\n                  </Badge>\n                </div>\n              </div>\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          <div className=\"grid grid-cols-5 gap-2 text-xs font-medium text-text-secondary border-b pb-2 mb-2\">\n            <span>Department</span>\n            <span className=\"text-right\">Headcount</span>\n            <span className=\"text-right\">Total Salary</span>\n            <span className=\"text-right\">Dept Budget</span>\n            <span className=\"text-right\">Salary/Budget %</span>\n          </div>\n          {deptCost\n            .sort((a, b) => b.salary - a.salary)\n            .map((d) => (\n              <div\n                key={d.name}\n                className=\"grid grid-cols-5 gap-2 py-2 border-b last:border-0 text-sm\"\n              >\n                <span className=\"font-medium\">{d.name}</span>\n                <span className=\"text-right\">{d.headcount}</span>\n                <span className=\"text-right\">${(d.salary / 1000).toFixed(0)}K</span>\n                <span className=\"text-right\">${(d.budget / 1000000).toFixed(1)}M</span>\n                <span className=\"text-right\">\n                  <Badge\n                    variant={d.salary / d.budget > 0.5 ? 'destructive' : 'default'}\n                    className=\"text-[10px]\"\n                  >\n                    {Math.round((d.salary / d.budget) * 100)}%\n                  </Badge>\n                </span>\n              </div>\n            ))}\n          <Separator className=\"my-2\" />\n          <div className=\"grid grid-cols-5 gap-2 text-sm font-bold\">\n            <span>Total</span>\n            <span className=\"text-right\">{employees.length}</span>\n            <span className=\"text-right\">${(totalPayroll / 1000000).toFixed(1)}M</span>\n            <span className=\"text-right\">\n              ${(departments.reduce((s, d) => s + d.budget, 0) / 1000000).toFixed(1)}M\n            </span>\n            <span />\n          </div>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}