@burdenoff/microfe-crewfoundry 2026.510.105

package/dist/crewfoundry/pages/AnalyticsFinancialAnalyticsPagePage.js

@@ -0,0 +1,344 @@
+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";
+//#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) => {
+			let n = new Date(t.payDate).toLocaleString("en-US", { month: "short" }), r = e[n] || {
+				gross: 0,
+				net: 0,
+				deductions: 0
+			};
+			return r.gross += t.grossPay, r.net += t.netPay, r.deductions += t.deductions, e[n] = r, e;
+		}, {});
+		return Object.entries(e).map(([e, t]) => ({
+			month: e,
+			...t
+		})).slice(-6);
+	}, [y]), C = t(() => [
+		{
+			category: "Payroll",
+			amount: y.reduce((e, t) => e + t.grossPay, 0),
+			budget: v.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),
+			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),
+			icon: i
+		},
+		{
+			category: "Training",
+			amount: x.reduce((e, t) => e + t.spent * .08, 0),
+			budget: v.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);
+		return {
+			name: e.name,
+			salary: n,
+			budget: e.budget,
+			headcount: t.length
+		};
+	});
+	return /* @__PURE__ */ l("div", {
+		className: "space-y-6 p-6",
+		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-muted-foreground",
+					children: "Workforce financial metrics and cost analysis"
+				})] })
+			}),
+			/* @__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-muted-foreground" })]
+					}), /* @__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-muted-foreground" })]
+					}), /* @__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-muted-foreground",
+						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-muted-foreground" })]
+					}), /* @__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-muted-foreground",
+						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-muted-foreground" })]
+					}), /* @__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-muted-foreground",
+						children: [Math.round(k / O * 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", {
+					className: "flex items-center gap-3",
+					children: [
+						/* @__PURE__ */ c("span", {
+							className: "w-10 text-sm text-muted-foreground",
+							children: e.month
+						}),
+						/* @__PURE__ */ l("div", {
+							className: "flex-1 h-5 bg-muted rounded overflow-hidden flex",
+							children: [/* @__PURE__ */ c("div", {
+								className: "h-5 bg-primary",
+								style: { width: `${Math.round(e.net / A * 100)}%` }
+							}), /* @__PURE__ */ c("div", {
+								className: "h-5 bg-primary/30",
+								style: { width: `${Math.round(e.deductions / A * 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-muted-foreground",
+					children: [/* @__PURE__ */ l("div", {
+						className: "flex items-center gap-1",
+						children: [/* @__PURE__ */ c("div", { className: "h-3 w-3 bg-primary 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-primary/30 rounded" }), /* @__PURE__ */ c("span", { children: "Deductions" })]
+					})]
+				})]
+			})] }),
+			/* @__PURE__ */ l("div", {
+				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) => {
+						let t = Math.round(e.amount / e.budget * 100);
+						return /* @__PURE__ */ l("div", {
+							className: "space-y-1",
+							children: [
+								/* @__PURE__ */ l("div", {
+									className: "flex justify-between text-sm",
+									children: [/* @__PURE__ */ c("span", {
+										className: "font-medium",
+										children: e.category
+									}), /* @__PURE__ */ l("span", { children: [
+										"$",
+										(e.amount / 1e3).toFixed(0),
+										"K / $",
+										(e.budget / 1e3).toFixed(0),
+										"K"
+									] })]
+								}),
+								/* @__PURE__ */ c("div", {
+									className: "h-3 bg-muted rounded overflow-hidden",
+									children: /* @__PURE__ */ c("div", {
+										className: `h-3 rounded ${t > 95 ? "bg-red-500" : t > 80 ? "bg-yellow-500" : "bg-green-500"}`,
+										style: { width: `${t}%` }
+									})
+								}),
+								/* @__PURE__ */ l("p", {
+									className: "text-xs text-muted-foreground text-right",
+									children: [t, "% utilized"]
+								})
+							]
+						}, e.category);
+					})
+				})] }), /* @__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", {
+						className: "flex items-center justify-between rounded border p-3",
+						children: [/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("p", {
+							className: "text-sm font-medium",
+							children: e.number
+						}), /* @__PURE__ */ c("p", {
+							className: "text-xs text-muted-foreground",
+							children: e.clientName
+						})] }), /* @__PURE__ */ l("div", {
+							className: "text-right",
+							children: [/* @__PURE__ */ l("p", {
+								className: "text-sm font-medium",
+								children: ["$", e.amount.toLocaleString()]
+							}), /* @__PURE__ */ c(u, {
+								variant: e.status === "paid" ? "default" : e.status === "overdue" ? "destructive" : "secondary",
+								className: "text-[10px]",
+								children: e.status
+							})]
+						})]
+					}, e.id))
+				})] })]
+			}),
+			/* @__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__ */ l("div", {
+					className: "grid grid-cols-5 gap-2 text-xs font-medium text-muted-foreground border-b pb-2 mb-2",
+					children: [
+						/* @__PURE__ */ c("span", { children: "Department" }),
+						/* @__PURE__ */ c("span", {
+							className: "text-right",
+							children: "Headcount"
+						}),
+						/* @__PURE__ */ c("span", {
+							className: "text-right",
+							children: "Total Salary"
+						}),
+						/* @__PURE__ */ c("span", {
+							className: "text-right",
+							children: "Dept Budget"
+						}),
+						/* @__PURE__ */ c("span", {
+							className: "text-right",
+							children: "Salary/Budget %"
+						})
+					]
+				}),
+				j.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", {
+							className: "font-medium",
+							children: e.name
+						}),
+						/* @__PURE__ */ c("span", {
+							className: "text-right",
+							children: e.headcount
+						}),
+						/* @__PURE__ */ l("span", {
+							className: "text-right",
+							children: [
+								"$",
+								(e.salary / 1e3).toFixed(0),
+								"K"
+							]
+						}),
+						/* @__PURE__ */ l("span", {
+							className: "text-right",
+							children: [
+								"$",
+								(e.budget / 1e6).toFixed(1),
+								"M"
+							]
+						}),
+						/* @__PURE__ */ c("span", {
+							className: "text-right",
+							children: /* @__PURE__ */ l(u, {
+								variant: e.salary / e.budget > .5 ? "destructive" : "default",
+								className: "text-[10px]",
+								children: [Math.round(e.salary / e.budget * 100), "%"]
+							})
+						})
+					]
+				}, e.name)),
+				/* @__PURE__ */ c(g, { 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
+						}),
+						/* @__PURE__ */ l("span", {
+							className: "text-right",
+							children: [
+								"$",
+								(w / 1e6).toFixed(1),
+								"M"
+							]
+						}),
+						/* @__PURE__ */ l("span", {
+							className: "text-right",
+							children: [
+								"$",
+								(v.reduce((e, t) => e + t.budget, 0) / 1e6).toFixed(1),
+								"M"
+							]
+						}),
+						/* @__PURE__ */ c("span", {})
+					]
+				})
+			] })] })
+		]
+	});
+}
+//#endregion
+export { _ as AnalyticsFinancialAnalyticsPagePage };
+
+//# sourceMappingURL=AnalyticsFinancialAnalyticsPagePage.js.map

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

@@ -0,0 +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-muted-foreground\">\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-muted-foreground\" />\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-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">${(totalPayroll / 1000000).toFixed(1)}M</div>\n            <p className=\"text-xs text-muted-foreground\">{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-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">${(totalInvoiced / 1000).toFixed(1)}K</div>\n            <p className=\"text-xs text-muted-foreground\">\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-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">${(totalProjectBudget / 1000000).toFixed(1)}M</div>\n            <p className=\"text-xs text-muted-foreground\">\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-muted-foreground\">{m.month}</span>\n              <div className=\"flex-1 h-5 bg-muted rounded overflow-hidden flex\">\n                <div\n                  className=\"h-5 bg-primary\"\n                  style={{ width: `${Math.round((m.net / maxPayroll) * 100)}%` }}\n                />\n                <div\n                  className=\"h-5 bg-primary/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-muted-foreground\">\n            <div className=\"flex items-center gap-1\">\n              <div className=\"h-3 w-3 bg-primary rounded\" />\n              <span>Net Pay</span>\n            </div>\n            <div className=\"flex items-center gap-1\">\n              <div className=\"h-3 w-3 bg-primary/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-muted 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-muted-foreground 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-muted-foreground\">{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-muted-foreground 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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"}

package/dist/crewfoundry/pages/AnalyticsHiringAnalyticsPagePage.d.ts

@@ -0,0 +1,2 @@
+export declare function AnalyticsHiringAnalyticsPagePage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AnalyticsHiringAnalyticsPagePage.d.ts.map

package/dist/crewfoundry/pages/AnalyticsHiringAnalyticsPagePage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnalyticsHiringAnalyticsPagePage.d.ts","sourceRoot":"","sources":["../../../src/crewfoundry/pages/AnalyticsHiringAnalyticsPagePage.tsx"],"names":[],"mappings":"AAYA,wBAAgB,gCAAgC,4CAqS/C"}