@burdenoff/microfe-crewfoundry 2026.704.2 → 2026.704.4

package/dist/crewfoundry/pages/DashboardAnalyticsPagePage.js

@@ -1,166 +1,167 @@
 import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
-import { useMemo as t } from "react";
-import { BarChart3 as n, DollarSign as r, Target as i, TrendingDown as a, TrendingUp as o, Users 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 _, PagePurpose as v, ResponsiveTable as y } from "@burdenoff/fe-libs/ui";
+import { formatEnumLabel as t } from "../utils/formatEnumLabel.js";
+import { useMemo as n } from "react";
+import { BarChart3 as r, DollarSign as i, Target as a, TrendingDown as o, TrendingUp as s, Users as c } from "lucide-react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { Badge as d, Card as f, CardContent as p, CardDescription as m, CardHeader as h, CardTitle as g, GlassCard as _, GradientText as v, PagePurpose as y, ResponsiveTable as b } from "@burdenoff/fe-libs/ui";
 //#region src/crewfoundry/pages/DashboardAnalyticsPagePage.tsx
-function b() {
-	let { employees: b, departments: x, jobPostings: S, payrollRecords: C, projects: w } = e(), T = t(() => {
-		if (b.length === 0) return [];
+function x() {
+	let { employees: x, departments: S, jobPostings: C, payrollRecords: w, projects: T } = e(), E = n(() => {
+		if (x.length === 0) return [];
 		let e = (e) => {
 			let t = new Date(e);
 			return `${t.getFullYear()}-${String(t.getMonth()).padStart(2, "0")}`;
 		};
-		return Array.from(new Set(b.map((t) => e(t.startDate)))).sort().slice(-6).map((t) => {
+		return Array.from(new Set(x.map((t) => e(t.startDate)))).sort().slice(-6).map((t) => {
 			let [n, r] = t.split("-").map(Number), i = new Date(n, r + 1, 0).getTime(), a = new Date(n, r, 1).toLocaleString("en-US", {
 				month: "short",
 				year: "2-digit"
-			}), o = b.filter((e) => new Date(e.startDate).getTime() <= i && e.status !== "terminated").length;
+			}), o = x.filter((e) => new Date(e.startDate).getTime() <= i && e.status !== "terminated").length;
 			return {
 				month: a,
-				hires: b.filter((n) => e(n.startDate) === t).length,
-				attrition: b.filter((n) => n.status === "terminated" && e(n.startDate) === t).length,
+				hires: x.filter((n) => e(n.startDate) === t).length,
+				attrition: x.filter((n) => n.status === "terminated" && e(n.startDate) === t).length,
 				headcount: o
 			};
 		});
-	}, [b]), E = Math.max(1, ...T.map((e) => e.headcount)), D = C.reduce((e, t) => e + t.netPay, 0), O = Math.round(b.reduce((e, t) => e + t.salary, 0) / Math.max(b.length, 1)), k = S.filter((e) => e.status === "active").length, A = b.reduce((e, t) => {
+	}, [x]), D = Math.max(1, ...E.map((e) => e.headcount)), O = w.reduce((e, t) => e + t.netPay, 0), k = Math.round(x.reduce((e, t) => e + t.salary, 0) / Math.max(x.length, 1)), A = C.filter((e) => e.status === "active").length, j = x.reduce((e, t) => {
 		let n = t.type.replace("_", " ");
 		return e[n] = (e[n] || 0) + 1, e;
-	}, {}), j = t(() => {
+	}, {}), M = n(() => {
 		let e = [{
 			category: "Net Payroll",
-			amount: D
+			amount: O
 		}, {
 			category: "Project Delivery",
-			amount: w.reduce((e, t) => e + t.spent, 0)
+			amount: T.reduce((e, t) => e + t.spent, 0)
 		}], t = e.reduce((e, t) => e + t.amount, 0) || 1;
 		return e.map((e) => ({
 			...e,
 			percentage: Math.round(e.amount / t * 100)
 		}));
-	}, [w, D]);
-	return /* @__PURE__ */ l("div", {
+	}, [T, O]);
+	return /* @__PURE__ */ u("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ l("div", { children: [
-				/* @__PURE__ */ c("h1", {
+			/* @__PURE__ */ u("div", { children: [
+				/* @__PURE__ */ l("h1", {
 					className: "text-2xl font-semibold",
-					children: /* @__PURE__ */ c(_, { children: "Dashboard Analytics" })
+					children: /* @__PURE__ */ l(v, { children: "Dashboard Analytics" })
 				}),
-				/* @__PURE__ */ c("p", {
+				/* @__PURE__ */ l("p", {
 					className: "text-sm text-text-secondary",
 					children: "Workforce analytics and operational insights"
 				}),
-				/* @__PURE__ */ c(v, {
+				/* @__PURE__ */ l(y, {
 					className: "mt-1",
 					children: "A consolidated analytics view across your organization — use it to monitor the metrics that matter most without digging through separate reports."
 				})
 			] }),
-			/* @__PURE__ */ l("div", {
+			/* @__PURE__ */ u("div", {
 				className: "grid gap-4 md:grid-cols-2 lg:grid-cols-4",
 				children: [
-					/* @__PURE__ */ l(g, {
+					/* @__PURE__ */ u(_, {
 						treatment: "glass",
 						glow: !0,
 						className: "border-border-seam",
-						children: [/* @__PURE__ */ l(m, {
+						children: [/* @__PURE__ */ u(h, {
 							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ c(h, {
+							children: [/* @__PURE__ */ l(g, {
 								className: "text-sm font-medium",
 								children: "Total Headcount"
-							}), /* @__PURE__ */ c(s, { className: "h-4 w-4 text-text-secondary" })]
-						}), /* @__PURE__ */ l(f, { children: [/* @__PURE__ */ c("div", {
+							}), /* @__PURE__ */ l(c, { className: "h-4 w-4 text-text-secondary" })]
+						}), /* @__PURE__ */ u(p, { children: [/* @__PURE__ */ l("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: b.length
-						}), /* @__PURE__ */ l("div", {
+							children: x.length
+						}), /* @__PURE__ */ u("div", {
 							className: "flex items-center text-xs text-status-success-text",
-							children: [/* @__PURE__ */ c(o, { className: "mr-1 h-3 w-3" }), "Live workforce count"]
+							children: [/* @__PURE__ */ l(s, { className: "mr-1 h-3 w-3" }), "Live workforce count"]
 						})] })]
 					}),
-					/* @__PURE__ */ l(g, {
+					/* @__PURE__ */ u(_, {
 						treatment: "metric",
 						className: "border-border-seam",
-						children: [/* @__PURE__ */ l(m, {
+						children: [/* @__PURE__ */ u(h, {
 							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ c(h, {
+							children: [/* @__PURE__ */ l(g, {
 								className: "text-sm font-medium",
 								children: "Avg Salary"
-							}), /* @__PURE__ */ c(r, { className: "h-4 w-4 text-text-secondary" })]
-						}), /* @__PURE__ */ l(f, { children: [/* @__PURE__ */ l("div", {
+							}), /* @__PURE__ */ l(i, { className: "h-4 w-4 text-text-secondary" })]
+						}), /* @__PURE__ */ u(p, { children: [/* @__PURE__ */ u("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: ["$", O.toLocaleString()]
-						}), /* @__PURE__ */ l("div", {
+							children: ["$", k.toLocaleString()]
+						}), /* @__PURE__ */ u("div", {
 							className: "flex items-center text-xs text-status-success-text",
-							children: [/* @__PURE__ */ c(o, { className: "mr-1 h-3 w-3" }), "Updated from employee records"]
+							children: [/* @__PURE__ */ l(s, { className: "mr-1 h-3 w-3" }), "Updated from employee records"]
 						})] })]
 					}),
-					/* @__PURE__ */ l(g, {
+					/* @__PURE__ */ u(_, {
 						treatment: "metric",
 						className: "border-border-seam",
-						children: [/* @__PURE__ */ l(m, {
+						children: [/* @__PURE__ */ u(h, {
 							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ c(h, {
+							children: [/* @__PURE__ */ l(g, {
 								className: "text-sm font-medium",
 								children: "Attrition Rate"
-							}), /* @__PURE__ */ c(a, { className: "h-4 w-4 text-text-secondary" })]
-						}), /* @__PURE__ */ l(f, { children: [/* @__PURE__ */ l("div", {
+							}), /* @__PURE__ */ l(o, { className: "h-4 w-4 text-text-secondary" })]
+						}), /* @__PURE__ */ u(p, { children: [/* @__PURE__ */ u("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: [Math.round(b.filter((e) => e.status === "terminated").length / Math.max(b.length, 1) * 100), "%"]
-						}), /* @__PURE__ */ l("div", {
+							children: [Math.round(x.filter((e) => e.status === "terminated").length / Math.max(x.length, 1) * 100), "%"]
+						}), /* @__PURE__ */ u("div", {
 							className: "flex items-center text-xs text-status-success-text",
-							children: [/* @__PURE__ */ c(a, { className: "mr-1 h-3 w-3" }), "Calculated from status mix"]
+							children: [/* @__PURE__ */ l(o, { className: "mr-1 h-3 w-3" }), "Calculated from status mix"]
 						})] })]
 					}),
-					/* @__PURE__ */ l(g, {
+					/* @__PURE__ */ u(_, {
 						treatment: "metric",
 						className: "border-border-seam",
-						children: [/* @__PURE__ */ l(m, {
+						children: [/* @__PURE__ */ u(h, {
 							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ c(h, {
+							children: [/* @__PURE__ */ l(g, {
 								className: "text-sm font-medium",
 								children: "Open Roles"
-							}), /* @__PURE__ */ c(i, { className: "h-4 w-4 text-text-secondary" })]
-						}), /* @__PURE__ */ l(f, { children: [/* @__PURE__ */ c("div", {
+							}), /* @__PURE__ */ l(a, { className: "h-4 w-4 text-text-secondary" })]
+						}), /* @__PURE__ */ u(p, { children: [/* @__PURE__ */ l("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: k
-						}), /* @__PURE__ */ c("p", {
+							children: A
+						}), /* @__PURE__ */ l("p", {
 							className: "text-xs text-text-secondary",
 							children: "Based on active job postings"
 						})] })]
 					})
 				]
 			}),
-			/* @__PURE__ */ l("div", {
+			/* @__PURE__ */ u("div", {
 				className: "grid gap-4 md:grid-cols-7",
-				children: [/* @__PURE__ */ l(d, {
+				children: [/* @__PURE__ */ u(f, {
 					className: "col-span-4",
-					children: [/* @__PURE__ */ l(m, { children: [/* @__PURE__ */ c(h, { children: "Headcount Trend" }), /* @__PURE__ */ c(p, { children: "Monthly headcount over recent months" })] }), /* @__PURE__ */ c(f, {
+					children: [/* @__PURE__ */ u(h, { children: [/* @__PURE__ */ l(g, { children: "Headcount Trend" }), /* @__PURE__ */ l(m, { children: "Monthly headcount over recent months" })] }), /* @__PURE__ */ l(p, {
 						className: "space-y-3",
-						children: T.map((e, t) => /* @__PURE__ */ l("div", {
+						children: E.map((e, t) => /* @__PURE__ */ u("div", {
 							className: "flex items-center gap-3",
 							children: [
-								/* @__PURE__ */ c("span", {
+								/* @__PURE__ */ l("span", {
 									className: "w-10 text-sm text-text-secondary",
 									children: e.month
 								}),
-								/* @__PURE__ */ c("div", {
+								/* @__PURE__ */ l("div", {
 									className: "h-4 flex-1 overflow-hidden rounded bg-bg-sunken",
-									children: /* @__PURE__ */ c("div", {
+									children: /* @__PURE__ */ l("div", {
 										className: "h-4 rounded bg-action-primary-bg",
-										style: { width: `${Math.round(e.headcount / E * 100)}%` }
+										style: { width: `${Math.round(e.headcount / D * 100)}%` }
 									})
 								}),
-								/* @__PURE__ */ c("span", {
+								/* @__PURE__ */ l("span", {
 									className: "w-10 text-right text-sm font-medium",
 									children: e.headcount
 								}),
-								/* @__PURE__ */ l("div", {
+								/* @__PURE__ */ u("div", {
 									className: "flex w-24 gap-1",
-									children: [/* @__PURE__ */ l(u, {
+									children: [/* @__PURE__ */ u(d, {
 										variant: "default",
 										className: "text-[10px]",
 										children: ["+", e.hires]
-									}), /* @__PURE__ */ l(u, {
+									}), /* @__PURE__ */ u(d, {
 										variant: "destructive",
 										className: "text-[10px]",
 										children: ["-", e.attrition]
@@ -169,28 +170,28 @@ function b() {
 							]
 						}, `${e.month}-${t}`))
 					})]
-				}), /* @__PURE__ */ l(d, {
+				}), /* @__PURE__ */ u(f, {
 					className: "col-span-3",
-					children: [/* @__PURE__ */ l(m, { children: [/* @__PURE__ */ c(h, { children: "Employee Types" }), /* @__PURE__ */ c(p, { children: "Distribution by employment type" })] }), /* @__PURE__ */ c(f, {
+					children: [/* @__PURE__ */ u(h, { children: [/* @__PURE__ */ l(g, { children: "Employee Types" }), /* @__PURE__ */ l(m, { children: "Distribution by employment type" })] }), /* @__PURE__ */ l(p, {
 						className: "space-y-4",
-						children: Object.entries(A).sort(([, e], [, t]) => t - e).map(([e, t]) => /* @__PURE__ */ l("div", {
+						children: Object.entries(j).sort(([, e], [, t]) => t - e).map(([e, t]) => /* @__PURE__ */ u("div", {
 							className: "flex items-center justify-between",
-							children: [/* @__PURE__ */ l("div", {
+							children: [/* @__PURE__ */ u("div", {
 								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ c(n, { className: "h-4 w-4 text-text-secondary" }), /* @__PURE__ */ c("span", {
+								children: [/* @__PURE__ */ l(r, { className: "h-4 w-4 text-text-secondary" }), /* @__PURE__ */ l("span", {
 									className: "text-sm capitalize",
 									children: e
 								})]
-							}), /* @__PURE__ */ l("div", {
+							}), /* @__PURE__ */ u("div", {
 								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ c("span", {
+								children: [/* @__PURE__ */ l("span", {
 									className: "text-sm font-medium",
 									children: t
-								}), /* @__PURE__ */ l("span", {
+								}), /* @__PURE__ */ u("span", {
 									className: "text-xs text-text-secondary",
 									children: [
 										"(",
-										Math.round(t / Math.max(b.length, 1) * 100),
+										Math.round(t / Math.max(x.length, 1) * 100),
 										"%)"
 									]
 								})]
@@ -199,23 +200,23 @@ function b() {
 					})]
 				})]
 			}),
-			/* @__PURE__ */ l(d, { children: [/* @__PURE__ */ l(m, { children: [/* @__PURE__ */ c(h, { children: "Workforce Cost Breakdown" }), /* @__PURE__ */ c(p, { children: "Operational costs by category" })] }), /* @__PURE__ */ l(f, { children: [/* @__PURE__ */ c("div", {
+			/* @__PURE__ */ u(f, { children: [/* @__PURE__ */ u(h, { children: [/* @__PURE__ */ l(g, { children: "Workforce Cost Breakdown" }), /* @__PURE__ */ l(m, { children: "Operational costs by category" })] }), /* @__PURE__ */ u(p, { children: [/* @__PURE__ */ l("div", {
 				className: "space-y-3",
-				children: j.map((e) => /* @__PURE__ */ l("div", {
+				children: M.map((e) => /* @__PURE__ */ u("div", {
 					className: "flex items-center gap-4",
 					children: [
-						/* @__PURE__ */ c("span", {
+						/* @__PURE__ */ l("span", {
 							className: "w-48 text-sm text-text-secondary",
 							children: e.category
 						}),
-						/* @__PURE__ */ c("div", {
+						/* @__PURE__ */ l("div", {
 							className: "h-3 flex-1 overflow-hidden rounded bg-bg-sunken",
-							children: /* @__PURE__ */ c("div", {
+							children: /* @__PURE__ */ l("div", {
 								className: "h-3 rounded bg-action-primary-bg/80",
 								style: { width: `${e.percentage}%` }
 							})
 						}),
-						/* @__PURE__ */ l("span", {
+						/* @__PURE__ */ u("span", {
 							className: "w-24 text-right text-sm font-medium",
 							children: [
 								"$",
@@ -223,33 +224,33 @@ function b() {
 								"K"
 							]
 						}),
-						/* @__PURE__ */ l("span", {
+						/* @__PURE__ */ u("span", {
 							className: "w-10 text-right text-xs text-text-secondary",
 							children: [e.percentage, "%"]
 						})
 					]
 				}, e.category))
-			}), /* @__PURE__ */ l("div", {
+			}), /* @__PURE__ */ u("div", {
 				className: "mt-4 flex justify-between border-t pt-4 text-sm",
-				children: [/* @__PURE__ */ c("span", {
+				children: [/* @__PURE__ */ l("span", {
 					className: "font-medium",
 					children: "Total Monthly Cost"
-				}), /* @__PURE__ */ l("span", {
+				}), /* @__PURE__ */ u("span", {
 					className: "font-bold",
 					children: [
 						"$",
-						(j.reduce((e, t) => e + t.amount, 0) / 1e3).toFixed(0),
+						(M.reduce((e, t) => e + t.amount, 0) / 1e3).toFixed(0),
 						"K"
 					]
 				})]
 			})] })] }),
-			/* @__PURE__ */ l(d, { children: [/* @__PURE__ */ l(m, { children: [/* @__PURE__ */ c(h, { children: "Department Overview" }), /* @__PURE__ */ c(p, { children: "Key metrics by department" })] }), /* @__PURE__ */ c(f, { children: /* @__PURE__ */ c(y, {
+			/* @__PURE__ */ u(f, { children: [/* @__PURE__ */ u(h, { children: [/* @__PURE__ */ l(g, { children: "Department Overview" }), /* @__PURE__ */ l(m, { children: "Key metrics by department" })] }), /* @__PURE__ */ l(p, { children: /* @__PURE__ */ l(b, {
 				columns: [
 					{
 						key: "name",
 						header: "Department",
 						priority: "primary",
-						cell: (e) => /* @__PURE__ */ c("span", {
+						cell: (e) => /* @__PURE__ */ l("span", {
 							className: "font-medium",
 							children: e.name
 						})
@@ -258,7 +259,7 @@ function b() {
 						key: "head",
 						header: "Head",
 						priority: "secondary",
-						cell: (e) => /* @__PURE__ */ c("span", {
+						cell: (e) => /* @__PURE__ */ l("span", {
 							className: "text-text-secondary",
 							children: e.headName
 						})
@@ -267,7 +268,7 @@ function b() {
 						key: "employees",
 						header: "Employees",
 						priority: "secondary",
-						cell: (e) => /* @__PURE__ */ c("span", {
+						cell: (e) => /* @__PURE__ */ l("span", {
 							className: "md:block md:text-right",
 							children: e.employeeCount
 						})
@@ -276,7 +277,7 @@ function b() {
 						key: "budget",
 						header: "Budget",
 						priority: "secondary",
-						cell: (e) => /* @__PURE__ */ l("span", {
+						cell: (e) => /* @__PURE__ */ u("span", {
 							className: "md:block md:text-right",
 							children: [
 								"$",
@@ -289,19 +290,19 @@ function b() {
 						key: "status",
 						header: "Status",
 						priority: "primary",
-						cell: (e) => /* @__PURE__ */ c(u, {
+						cell: (e) => /* @__PURE__ */ l(d, {
 							variant: e.status === "active" ? "default" : "secondary",
-							children: e.status
+							children: t(e.status)
 						})
 					}
 				],
-				data: x,
+				data: S,
 				rowKey: (e) => e.id
 			}) })] })
 		]
 	});
 }
 //#endregion
-export { b as DashboardAnalyticsPagePage };
+export { x as DashboardAnalyticsPagePage };
 
 //# sourceMappingURL=DashboardAnalyticsPagePage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DashboardAnalyticsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/DashboardAnalyticsPagePage.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { BarChart3, DollarSign, Target, TrendingDown, TrendingUp, Users } from 'lucide-react';\nimport {\n  Badge,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  GlassCard,\n  GradientText,\n  PagePurpose,\n  ResponsiveTable,\n  type ResponsiveTableColumn,\n} from '@burdenoff/fe-libs/ui';\nimport { useCrewFoundryStore, type Department } from '../store/crewfoundryStore';\n\ntype MonthlyTrend = {\n  month: string;\n  hires: number;\n  attrition: number;\n  headcount: number;\n};\n\ntype CostItem = {\n  category: string;\n  amount: number;\n  percentage: number;\n};\n\nexport function DashboardAnalyticsPagePage() {\n  const { employees, departments, jobPostings, payrollRecords, projects } = useCrewFoundryStore();\n\n  const monthlyTrends = useMemo<MonthlyTrend[]>(() => {\n    if (employees.length === 0) {\n      return [];\n    }\n    const monthKey = (value: string) => {\n      const date = new Date(value);\n      return `${date.getFullYear()}-${String(date.getMonth()).padStart(2, '0')}`;\n    };\n    const distinctMonths = Array.from(new Set(employees.map((item) => monthKey(item.startDate))))\n      .sort()\n      .slice(-6);\n    return distinctMonths.map((key) => {\n      const [year, month] = key.split('-').map(Number);\n      const monthEnd = new Date(year, month + 1, 0).getTime();\n      const label = new Date(year, month, 1).toLocaleString('en-US', {\n        month: 'short',\n        year: '2-digit',\n      });\n      // Real cumulative headcount as of the end of this month (still employed).\n      const headcount = employees.filter(\n        (item) => new Date(item.startDate).getTime() <= monthEnd && item.status !== 'terminated'\n      ).length;\n      const hires = employees.filter((item) => monthKey(item.startDate) === key).length;\n      const attrition = employees.filter(\n        (item) => item.status === 'terminated' && monthKey(item.startDate) === key\n      ).length;\n      return { month: label, hires, attrition, headcount };\n    });\n  }, [employees]);\n\n  const maxTrend = Math.max(1, ...monthlyTrends.map((trend) => trend.headcount));\n\n  const totalPayroll = payrollRecords.reduce((sum, record) => sum + record.netPay, 0);\n  const avgSalary = Math.round(\n    employees.reduce((sum, employee) => sum + employee.salary, 0) / Math.max(employees.length, 1)\n  );\n  const activePostings = jobPostings.filter((posting) => posting.status === 'active').length;\n\n  const typeDistribution = employees.reduce<Record<string, number>>((acc, employee) => {\n    const key = employee.type.replace('_', ' ');\n    acc[key] = (acc[key] || 0) + 1;\n    return acc;\n  }, {});\n\n  // Only real, store-backed cost lines (no invented coefficients).\n  const costBreakdown = useMemo<CostItem[]>(() => {\n    const costs: Array<{ category: string; amount: number }> = [\n      { category: 'Net Payroll', amount: totalPayroll },\n      {\n        category: 'Project Delivery',\n        amount: projects.reduce((sum, project) => sum + project.spent, 0),\n      },\n    ];\n    const total = costs.reduce((sum, item) => sum + item.amount, 0) || 1;\n    return costs.map((item) => ({\n      ...item,\n      percentage: Math.round((item.amount / total) * 100),\n    }));\n  }, [projects, totalPayroll]);\n\n  const departmentColumns: ResponsiveTableColumn<Department>[] = [\n    {\n      key: 'name',\n      header: 'Department',\n      priority: 'primary',\n      cell: (department) => <span className=\"font-medium\">{department.name}</span>,\n    },\n    {\n      key: 'head',\n      header: 'Head',\n      priority: 'secondary',\n      cell: (department) => <span className=\"text-text-secondary\">{department.headName}</span>,\n    },\n    {\n      key: 'employees',\n      header: 'Employees',\n      priority: 'secondary',\n      cell: (department) => (\n        <span className=\"md:block md:text-right\">{department.employeeCount}</span>\n      ),\n    },\n    {\n      key: 'budget',\n      header: 'Budget',\n      priority: 'secondary',\n      cell: (department) => (\n        <span className=\"md:block md:text-right\">${(department.budget / 1000000).toFixed(1)}M</span>\n      ),\n    },\n    {\n      key: 'status',\n      header: 'Status',\n      priority: 'primary',\n      cell: (department) => (\n        <Badge variant={department.status === 'active' ? 'default' : 'secondary'}>\n          {department.status}\n        </Badge>\n      ),\n    },\n  ];\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold\">\n          <GradientText>Dashboard Analytics</GradientText>\n        </h1>\n        <p className=\"text-sm text-text-secondary\">Workforce analytics and operational insights</p>\n        <PagePurpose className=\"mt-1\">\n          A consolidated analytics view across your organization — use it to monitor the metrics\n          that matter most without digging through separate reports.\n        </PagePurpose>\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\">Total Headcount</CardTitle>\n            <Users className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{employees.length}</div>\n            <div className=\"flex items-center text-xs text-status-success-text\">\n              <TrendingUp className=\"mr-1 h-3 w-3\" />\n              Live workforce count\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\">Avg Salary</CardTitle>\n            <DollarSign className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">${avgSalary.toLocaleString()}</div>\n            <div className=\"flex items-center text-xs text-status-success-text\">\n              <TrendingUp className=\"mr-1 h-3 w-3\" />\n              Updated from employee records\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\">Attrition Rate</CardTitle>\n            <TrendingDown className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">\n              {Math.round(\n                (employees.filter((employee) => employee.status === 'terminated').length /\n                  Math.max(employees.length, 1)) *\n                  100\n              )}\n              %\n            </div>\n            <div className=\"flex items-center text-xs text-status-success-text\">\n              <TrendingDown className=\"mr-1 h-3 w-3\" />\n              Calculated from status mix\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\">Open Roles</CardTitle>\n            <Target className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{activePostings}</div>\n            <p className=\"text-xs text-text-secondary\">Based on active job postings</p>\n          </CardContent>\n        </GlassCard>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-7\">\n        <Card className=\"col-span-4\">\n          <CardHeader>\n            <CardTitle>Headcount Trend</CardTitle>\n            <CardDescription>Monthly headcount over recent months</CardDescription>\n          </CardHeader>\n          <CardContent className=\"space-y-3\">\n            {monthlyTrends.map((trend, index) => (\n              <div key={`${trend.month}-${index}`} className=\"flex items-center gap-3\">\n                <span className=\"w-10 text-sm text-text-secondary\">{trend.month}</span>\n                <div className=\"h-4 flex-1 overflow-hidden rounded bg-bg-sunken\">\n                  <div\n                    className=\"h-4 rounded bg-action-primary-bg\"\n                    style={{ width: `${Math.round((trend.headcount / maxTrend) * 100)}%` }}\n                  />\n                </div>\n                <span className=\"w-10 text-right text-sm font-medium\">{trend.headcount}</span>\n                <div className=\"flex w-24 gap-1\">\n                  <Badge variant=\"default\" className=\"text-[10px]\">\n                    +{trend.hires}\n                  </Badge>\n                  <Badge variant=\"destructive\" className=\"text-[10px]\">\n                    -{trend.attrition}\n                  </Badge>\n                </div>\n              </div>\n            ))}\n          </CardContent>\n        </Card>\n\n        <Card className=\"col-span-3\">\n          <CardHeader>\n            <CardTitle>Employee Types</CardTitle>\n            <CardDescription>Distribution by employment type</CardDescription>\n          </CardHeader>\n          <CardContent className=\"space-y-4\">\n            {Object.entries(typeDistribution)\n              .sort(([, a], [, b]) => b - a)\n              .map(([type, count]) => (\n                <div key={type} className=\"flex items-center justify-between\">\n                  <div className=\"flex items-center gap-2\">\n                    <BarChart3 className=\"h-4 w-4 text-text-secondary\" />\n                    <span className=\"text-sm capitalize\">{type}</span>\n                  </div>\n                  <div className=\"flex items-center gap-2\">\n                    <span className=\"text-sm font-medium\">{count}</span>\n                    <span className=\"text-xs text-text-secondary\">\n                      ({Math.round((count / Math.max(employees.length, 1)) * 100)}%)\n                    </span>\n                  </div>\n                </div>\n              ))}\n          </CardContent>\n        </Card>\n      </div>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Workforce Cost Breakdown</CardTitle>\n          <CardDescription>Operational costs by category</CardDescription>\n        </CardHeader>\n        <CardContent>\n          <div className=\"space-y-3\">\n            {costBreakdown.map((item) => (\n              <div key={item.category} className=\"flex items-center gap-4\">\n                <span className=\"w-48 text-sm text-text-secondary\">{item.category}</span>\n                <div className=\"h-3 flex-1 overflow-hidden rounded bg-bg-sunken\">\n                  <div\n                    className=\"h-3 rounded bg-action-primary-bg/80\"\n                    style={{ width: `${item.percentage}%` }}\n                  />\n                </div>\n                <span className=\"w-24 text-right text-sm font-medium\">\n                  ${(item.amount / 1000).toFixed(0)}K\n                </span>\n                <span className=\"w-10 text-right text-xs text-text-secondary\">\n                  {item.percentage}%\n                </span>\n              </div>\n            ))}\n          </div>\n          <div className=\"mt-4 flex justify-between border-t pt-4 text-sm\">\n            <span className=\"font-medium\">Total Monthly Cost</span>\n            <span className=\"font-bold\">\n              ${(costBreakdown.reduce((sum, item) => sum + item.amount, 0) / 1000).toFixed(0)}K\n            </span>\n          </div>\n        </CardContent>\n      </Card>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Department Overview</CardTitle>\n          <CardDescription>Key metrics by department</CardDescription>\n        </CardHeader>\n        <CardContent>\n          <ResponsiveTable\n            columns={departmentColumns}\n            data={departments}\n            rowKey={(department) => department.id}\n          />\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"DashboardAnalyticsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/DashboardAnalyticsPagePage.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { BarChart3, DollarSign, Target, TrendingDown, TrendingUp, Users } from 'lucide-react';\nimport {\n  Badge,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  GlassCard,\n  GradientText,\n  PagePurpose,\n  ResponsiveTable,\n  type ResponsiveTableColumn,\n} from '@burdenoff/fe-libs/ui';\nimport { useCrewFoundryStore, type Department } from '../store/crewfoundryStore';\nimport { formatEnumLabel } from '../utils/formatEnumLabel';\n\ntype MonthlyTrend = {\n  month: string;\n  hires: number;\n  attrition: number;\n  headcount: number;\n};\n\ntype CostItem = {\n  category: string;\n  amount: number;\n  percentage: number;\n};\n\nexport function DashboardAnalyticsPagePage() {\n  const { employees, departments, jobPostings, payrollRecords, projects } = useCrewFoundryStore();\n\n  const monthlyTrends = useMemo<MonthlyTrend[]>(() => {\n    if (employees.length === 0) {\n      return [];\n    }\n    const monthKey = (value: string) => {\n      const date = new Date(value);\n      return `${date.getFullYear()}-${String(date.getMonth()).padStart(2, '0')}`;\n    };\n    const distinctMonths = Array.from(new Set(employees.map((item) => monthKey(item.startDate))))\n      .sort()\n      .slice(-6);\n    return distinctMonths.map((key) => {\n      const [year, month] = key.split('-').map(Number);\n      const monthEnd = new Date(year, month + 1, 0).getTime();\n      const label = new Date(year, month, 1).toLocaleString('en-US', {\n        month: 'short',\n        year: '2-digit',\n      });\n      // Real cumulative headcount as of the end of this month (still employed).\n      const headcount = employees.filter(\n        (item) => new Date(item.startDate).getTime() <= monthEnd && item.status !== 'terminated'\n      ).length;\n      const hires = employees.filter((item) => monthKey(item.startDate) === key).length;\n      const attrition = employees.filter(\n        (item) => item.status === 'terminated' && monthKey(item.startDate) === key\n      ).length;\n      return { month: label, hires, attrition, headcount };\n    });\n  }, [employees]);\n\n  const maxTrend = Math.max(1, ...monthlyTrends.map((trend) => trend.headcount));\n\n  const totalPayroll = payrollRecords.reduce((sum, record) => sum + record.netPay, 0);\n  const avgSalary = Math.round(\n    employees.reduce((sum, employee) => sum + employee.salary, 0) / Math.max(employees.length, 1)\n  );\n  const activePostings = jobPostings.filter((posting) => posting.status === 'active').length;\n\n  const typeDistribution = employees.reduce<Record<string, number>>((acc, employee) => {\n    const key = employee.type.replace('_', ' ');\n    acc[key] = (acc[key] || 0) + 1;\n    return acc;\n  }, {});\n\n  // Only real, store-backed cost lines (no invented coefficients).\n  const costBreakdown = useMemo<CostItem[]>(() => {\n    const costs: Array<{ category: string; amount: number }> = [\n      { category: 'Net Payroll', amount: totalPayroll },\n      {\n        category: 'Project Delivery',\n        amount: projects.reduce((sum, project) => sum + project.spent, 0),\n      },\n    ];\n    const total = costs.reduce((sum, item) => sum + item.amount, 0) || 1;\n    return costs.map((item) => ({\n      ...item,\n      percentage: Math.round((item.amount / total) * 100),\n    }));\n  }, [projects, totalPayroll]);\n\n  const departmentColumns: ResponsiveTableColumn<Department>[] = [\n    {\n      key: 'name',\n      header: 'Department',\n      priority: 'primary',\n      cell: (department) => <span className=\"font-medium\">{department.name}</span>,\n    },\n    {\n      key: 'head',\n      header: 'Head',\n      priority: 'secondary',\n      cell: (department) => <span className=\"text-text-secondary\">{department.headName}</span>,\n    },\n    {\n      key: 'employees',\n      header: 'Employees',\n      priority: 'secondary',\n      cell: (department) => (\n        <span className=\"md:block md:text-right\">{department.employeeCount}</span>\n      ),\n    },\n    {\n      key: 'budget',\n      header: 'Budget',\n      priority: 'secondary',\n      cell: (department) => (\n        <span className=\"md:block md:text-right\">${(department.budget / 1000000).toFixed(1)}M</span>\n      ),\n    },\n    {\n      key: 'status',\n      header: 'Status',\n      priority: 'primary',\n      cell: (department) => (\n        <Badge variant={department.status === 'active' ? 'default' : 'secondary'}>\n          {formatEnumLabel(department.status)}\n        </Badge>\n      ),\n    },\n  ];\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold\">\n          <GradientText>Dashboard Analytics</GradientText>\n        </h1>\n        <p className=\"text-sm text-text-secondary\">Workforce analytics and operational insights</p>\n        <PagePurpose className=\"mt-1\">\n          A consolidated analytics view across your organization — use it to monitor the metrics\n          that matter most without digging through separate reports.\n        </PagePurpose>\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\">Total Headcount</CardTitle>\n            <Users className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{employees.length}</div>\n            <div className=\"flex items-center text-xs text-status-success-text\">\n              <TrendingUp className=\"mr-1 h-3 w-3\" />\n              Live workforce count\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\">Avg Salary</CardTitle>\n            <DollarSign className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">${avgSalary.toLocaleString()}</div>\n            <div className=\"flex items-center text-xs text-status-success-text\">\n              <TrendingUp className=\"mr-1 h-3 w-3\" />\n              Updated from employee records\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\">Attrition Rate</CardTitle>\n            <TrendingDown className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">\n              {Math.round(\n                (employees.filter((employee) => employee.status === 'terminated').length /\n                  Math.max(employees.length, 1)) *\n                  100\n              )}\n              %\n            </div>\n            <div className=\"flex items-center text-xs text-status-success-text\">\n              <TrendingDown className=\"mr-1 h-3 w-3\" />\n              Calculated from status mix\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\">Open Roles</CardTitle>\n            <Target className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{activePostings}</div>\n            <p className=\"text-xs text-text-secondary\">Based on active job postings</p>\n          </CardContent>\n        </GlassCard>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-7\">\n        <Card className=\"col-span-4\">\n          <CardHeader>\n            <CardTitle>Headcount Trend</CardTitle>\n            <CardDescription>Monthly headcount over recent months</CardDescription>\n          </CardHeader>\n          <CardContent className=\"space-y-3\">\n            {monthlyTrends.map((trend, index) => (\n              <div key={`${trend.month}-${index}`} className=\"flex items-center gap-3\">\n                <span className=\"w-10 text-sm text-text-secondary\">{trend.month}</span>\n                <div className=\"h-4 flex-1 overflow-hidden rounded bg-bg-sunken\">\n                  <div\n                    className=\"h-4 rounded bg-action-primary-bg\"\n                    style={{ width: `${Math.round((trend.headcount / maxTrend) * 100)}%` }}\n                  />\n                </div>\n                <span className=\"w-10 text-right text-sm font-medium\">{trend.headcount}</span>\n                <div className=\"flex w-24 gap-1\">\n                  <Badge variant=\"default\" className=\"text-[10px]\">\n                    +{trend.hires}\n                  </Badge>\n                  <Badge variant=\"destructive\" className=\"text-[10px]\">\n                    -{trend.attrition}\n                  </Badge>\n                </div>\n              </div>\n            ))}\n          </CardContent>\n        </Card>\n\n        <Card className=\"col-span-3\">\n          <CardHeader>\n            <CardTitle>Employee Types</CardTitle>\n            <CardDescription>Distribution by employment type</CardDescription>\n          </CardHeader>\n          <CardContent className=\"space-y-4\">\n            {Object.entries(typeDistribution)\n              .sort(([, a], [, b]) => b - a)\n              .map(([type, count]) => (\n                <div key={type} className=\"flex items-center justify-between\">\n                  <div className=\"flex items-center gap-2\">\n                    <BarChart3 className=\"h-4 w-4 text-text-secondary\" />\n                    <span className=\"text-sm capitalize\">{type}</span>\n                  </div>\n                  <div className=\"flex items-center gap-2\">\n                    <span className=\"text-sm font-medium\">{count}</span>\n                    <span className=\"text-xs text-text-secondary\">\n                      ({Math.round((count / Math.max(employees.length, 1)) * 100)}%)\n                    </span>\n                  </div>\n                </div>\n              ))}\n          </CardContent>\n        </Card>\n      </div>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Workforce Cost Breakdown</CardTitle>\n          <CardDescription>Operational costs by category</CardDescription>\n        </CardHeader>\n        <CardContent>\n          <div className=\"space-y-3\">\n            {costBreakdown.map((item) => (\n              <div key={item.category} className=\"flex items-center gap-4\">\n                <span className=\"w-48 text-sm text-text-secondary\">{item.category}</span>\n                <div className=\"h-3 flex-1 overflow-hidden rounded bg-bg-sunken\">\n                  <div\n                    className=\"h-3 rounded bg-action-primary-bg/80\"\n                    style={{ width: `${item.percentage}%` }}\n                  />\n                </div>\n                <span className=\"w-24 text-right text-sm font-medium\">\n                  ${(item.amount / 1000).toFixed(0)}K\n                </span>\n                <span className=\"w-10 text-right text-xs text-text-secondary\">\n                  {item.percentage}%\n                </span>\n              </div>\n            ))}\n          </div>\n          <div className=\"mt-4 flex justify-between border-t pt-4 text-sm\">\n            <span className=\"font-medium\">Total Monthly Cost</span>\n            <span className=\"font-bold\">\n              ${(costBreakdown.reduce((sum, item) => sum + item.amount, 0) / 1000).toFixed(0)}K\n            </span>\n          </div>\n        </CardContent>\n      </Card>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Department Overview</CardTitle>\n          <CardDescription>Key metrics by department</CardDescription>\n        </CardHeader>\n        <CardContent>\n          <ResponsiveTable\n            columns={departmentColumns}\n            data={departments}\n            rowKey={(department) => department.id}\n          />\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AA+BA,SAAgB,IAA6B;CAC3C,IAAM,EAAE,cAAW,gBAAa,gBAAa,mBAAgB,gBAAa,GAAqB,EAEzF,IAAgB,QAA8B;AAClD,MAAI,EAAU,WAAW,EACvB,QAAO,EAAE;EAEX,IAAM,KAAY,MAAkB;GAClC,IAAM,IAAO,IAAI,KAAK,EAAM;AAC5B,UAAO,GAAG,EAAK,aAAa,CAAC,GAAG,OAAO,EAAK,UAAU,CAAC,CAAC,SAAS,GAAG,IAAI;;AAK1E,SAHuB,MAAM,KAAK,IAAI,IAAI,EAAU,KAAK,MAAS,EAAS,EAAK,UAAU,CAAC,CAAC,CAAC,CAC1F,MAAM,CACN,MAAM,GAAG,CACU,KAAK,MAAQ;GACjC,IAAM,CAAC,GAAM,KAAS,EAAI,MAAM,IAAI,CAAC,IAAI,OAAO,EAC1C,IAAW,IAAI,KAAK,GAAM,IAAQ,GAAG,EAAE,CAAC,SAAS,EACjD,IAAQ,IAAI,KAAK,GAAM,GAAO,EAAE,CAAC,eAAe,SAAS;IAC7D,OAAO;IACP,MAAM;IACP,CAAC,EAEI,IAAY,EAAU,QACzB,MAAS,IAAI,KAAK,EAAK,UAAU,CAAC,SAAS,IAAI,KAAY,EAAK,WAAW,aAC7E,CAAC;AAKF,UAAO;IAAE,OAAO;IAAO,OAJT,EAAU,QAAQ,MAAS,EAAS,EAAK,UAAU,KAAK,EAAI,CAAC;IAI7C,WAHZ,EAAU,QACzB,MAAS,EAAK,WAAW,gBAAgB,EAAS,EAAK,UAAU,KAAK,EACxE,CAAC;IACuC;IAAW;IACpD;IACD,CAAC,EAAU,CAAC,EAET,IAAW,KAAK,IAAI,GAAG,GAAG,EAAc,KAAK,MAAU,EAAM,UAAU,CAAC,EAExE,IAAe,EAAe,QAAQ,GAAK,MAAW,IAAM,EAAO,QAAQ,EAAE,EAC7E,IAAY,KAAK,MACrB,EAAU,QAAQ,GAAK,MAAa,IAAM,EAAS,QAAQ,EAAE,GAAG,KAAK,IAAI,EAAU,QAAQ,EAAE,CAC9F,EACK,IAAiB,EAAY,QAAQ,MAAY,EAAQ,WAAW,SAAS,CAAC,QAE9E,IAAmB,EAAU,QAAgC,GAAK,MAAa;EACnF,IAAM,IAAM,EAAS,KAAK,QAAQ,KAAK,IAAI;AAE3C,SADA,EAAI,MAAQ,EAAI,MAAQ,KAAK,GACtB;IACN,EAAE,CAAC,EAGA,IAAgB,QAA0B;EAC9C,IAAM,IAAqD,CACzD;GAAE,UAAU;GAAe,QAAQ;GAAc,EACjD;GACE,UAAU;GACV,QAAQ,EAAS,QAAQ,GAAK,MAAY,IAAM,EAAQ,OAAO,EAAE;GAClE,CACF,EACK,IAAQ,EAAM,QAAQ,GAAK,MAAS,IAAM,EAAK,QAAQ,EAAE,IAAI;AACnE,SAAO,EAAM,KAAK,OAAU;GAC1B,GAAG;GACH,YAAY,KAAK,MAAO,EAAK,SAAS,IAAS,IAAI;GACpD,EAAE;IACF,CAAC,GAAU,EAAa,CAAC;AA2C5B,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD,EAAA,UAAA;IACE,kBAAC,MAAD;KAAI,WAAU;eACZ,kBAAC,GAAD,EAAA,UAAc,uBAAkC,CAAA;KAC7C,CAAA;IACL,kBAAC,KAAD;KAAG,WAAU;eAA8B;KAAgD,CAAA;IAC3F,kBAAC,GAAD;KAAa,WAAU;eAAO;KAGhB,CAAA;IACV,EAAA,CAAA;GAEN,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,GAAD;MAAW,WAAU;MAAQ,MAAA;MAAK,WAAU;gBAA5C,CACE,kBAAC,GAAD;OAAY,WAAU;iBAAtB,CACE,kBAAC,GAAD;QAAW,WAAU;kBAAsB;QAA2B,CAAA,EACtE,kBAAC,GAAD,EAAO,WAAU,+BAAgC,CAAA,CACtC;UACb,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAmC,EAAU;OAAa,CAAA,EACzE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD,EAAY,WAAU,gBAAiB,CAAA,EAAA,uBAEnC;SACM,EAAA,CAAA,CACJ;;KACZ,kBAAC,GAAD;MAAW,WAAU;MAAS,WAAU;gBAAxC,CACE,kBAAC,GAAD;OAAY,WAAU;iBAAtB,CACE,kBAAC,GAAD;QAAW,WAAU;kBAAsB;QAAsB,CAAA,EACjE,kBAAC,GAAD,EAAY,WAAU,+BAAgC,CAAA,CAC3C;UACb,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CAAiD,KAAE,EAAU,gBAAgB,CAAO;UACpF,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD,EAAY,WAAU,gBAAiB,CAAA,EAAA,gCAEnC;SACM,EAAA,CAAA,CACJ;;KACZ,kBAAC,GAAD;MAAW,WAAU;MAAS,WAAU;gBAAxC,CACE,kBAAC,GAAD;OAAY,WAAU;iBAAtB,CACE,kBAAC,GAAD;QAAW,WAAU;kBAAsB;QAA0B,CAAA,EACrE,kBAAC,GAAD,EAAc,WAAU,+BAAgC,CAAA,CAC7C;UACb,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACG,KAAK,MACH,EAAU,QAAQ,MAAa,EAAS,WAAW,aAAa,CAAC,SAChE,KAAK,IAAI,EAAU,QAAQ,EAAE,GAC7B,IACH,EAAC,IAEE;UACN,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD,EAAc,WAAU,gBAAiB,CAAA,EAAA,6BAErC;SACM,EAAA,CAAA,CACJ;;KACZ,kBAAC,GAAD;MAAW,WAAU;MAAS,WAAU;gBAAxC,CACE,kBAAC,GAAD;OAAY,WAAU;iBAAtB,CACE,kBAAC,GAAD;QAAW,WAAU;kBAAsB;QAAsB,CAAA,EACjE,kBAAC,GAAD,EAAQ,WAAU,+BAAgC,CAAA,CACvC;UACb,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAmC;OAAqB,CAAA,EACvE,kBAAC,KAAD;OAAG,WAAU;iBAA8B;OAAgC,CAAA,CAC/D,EAAA,CAAA,CACJ;;KACR;;GAEN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KAAM,WAAU;eAAhB,CACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAAW,mBAA2B,CAAA,EACtC,kBAAC,GAAD,EAAA,UAAiB,wCAAsD,CAAA,CAC5D,EAAA,CAAA,EACb,kBAAC,GAAD;MAAa,WAAU;gBACpB,EAAc,KAAK,GAAO,MACzB,kBAAC,OAAD;OAAqC,WAAU;iBAA/C;QACE,kBAAC,QAAD;SAAM,WAAU;mBAAoC,EAAM;SAAa,CAAA;QACvE,kBAAC,OAAD;SAAK,WAAU;mBACb,kBAAC,OAAD;UACE,WAAU;UACV,OAAO,EAAE,OAAO,GAAG,KAAK,MAAO,EAAM,YAAY,IAAY,IAAI,CAAC,IAAI;UACtE,CAAA;SACE,CAAA;QACN,kBAAC,QAAD;SAAM,WAAU;mBAAuC,EAAM;SAAiB,CAAA;QAC9E,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,GAAD;UAAO,SAAQ;UAAU,WAAU;oBAAnC,CAAiD,KAC7C,EAAM,MACF;aACR,kBAAC,GAAD;UAAO,SAAQ;UAAc,WAAU;oBAAvC,CAAqD,KACjD,EAAM,UACF;YACJ;;QACF;SAjBI,GAAG,EAAM,MAAM,GAAG,IAiBtB,CACN;MACU,CAAA,CACT;QAEP,kBAAC,GAAD;KAAM,WAAU;eAAhB,CACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAAW,kBAA0B,CAAA,EACrC,kBAAC,GAAD,EAAA,UAAiB,mCAAiD,CAAA,CACvD,EAAA,CAAA,EACb,kBAAC,GAAD;MAAa,WAAU;gBACpB,OAAO,QAAQ,EAAiB,CAC9B,MAAM,GAAG,IAAI,GAAG,OAAO,IAAI,EAAE,CAC7B,KAAK,CAAC,GAAM,OACX,kBAAC,OAAD;OAAgB,WAAU;iBAA1B,CACE,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,GAAD,EAAW,WAAU,+BAAgC,CAAA,EACrD,kBAAC,QAAD;SAAM,WAAU;mBAAsB;SAAY,CAAA,CAC9C;WACN,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,QAAD;SAAM,WAAU;mBAAuB;SAAa,CAAA,EACpD,kBAAC,QAAD;SAAM,WAAU;mBAAhB;UAA8C;UAC1C,KAAK,MAAO,IAAQ,KAAK,IAAI,EAAU,QAAQ,EAAE,GAAI,IAAI;UAAC;UACvD;WACH;UACF;SAXI,EAWJ,CACN;MACQ,CAAA,CACT;OACH;;GAEN,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAAW,4BAAoC,CAAA,EAC/C,kBAAC,GAAD,EAAA,UAAiB,iCAA+C,CAAA,CACrD,EAAA,CAAA,EACb,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAc,KAAK,MAClB,kBAAC,OAAD;KAAyB,WAAU;eAAnC;MACE,kBAAC,QAAD;OAAM,WAAU;iBAAoC,EAAK;OAAgB,CAAA;MACzE,kBAAC,OAAD;OAAK,WAAU;iBACb,kBAAC,OAAD;QACE,WAAU;QACV,OAAO,EAAE,OAAO,GAAG,EAAK,WAAW,IAAI;QACvC,CAAA;OACE,CAAA;MACN,kBAAC,QAAD;OAAM,WAAU;iBAAhB;QAAsD;SACjD,EAAK,SAAS,KAAM,QAAQ,EAAE;QAAC;QAC7B;;MACP,kBAAC,QAAD;OAAM,WAAU;iBAAhB,CACG,EAAK,YAAW,IACZ;;MACH;OAdI,EAAK,SAcT,CACN;IACE,CAAA,EACN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,QAAD;KAAM,WAAU;eAAc;KAAyB,CAAA,EACvD,kBAAC,QAAD;KAAM,WAAU;eAAhB;MAA4B;OACvB,EAAc,QAAQ,GAAK,MAAS,IAAM,EAAK,QAAQ,EAAE,GAAG,KAAM,QAAQ,EAAE;MAAC;MAC3E;OACH;MACM,EAAA,CAAA,CACT,EAAA,CAAA;GAEP,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAAW,uBAA+B,CAAA,EAC1C,kBAAC,GAAD,EAAA,UAAiB,6BAA2C,CAAA,CACjD,EAAA,CAAA,EACb,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;IACE,SAlNqD;KAC7D;MACE,KAAK;MACL,QAAQ;MACR,UAAU;MACV,OAAO,MAAe,kBAAC,QAAD;OAAM,WAAU;iBAAe,EAAW;OAAY,CAAA;MAC7E;KACD;MACE,KAAK;MACL,QAAQ;MACR,UAAU;MACV,OAAO,MAAe,kBAAC,QAAD;OAAM,WAAU;iBAAuB,EAAW;OAAgB,CAAA;MACzF;KACD;MACE,KAAK;MACL,QAAQ;MACR,UAAU;MACV,OAAO,MACL,kBAAC,QAAD;OAAM,WAAU;iBAA0B,EAAW;OAAqB,CAAA;MAE7E;KACD;MACE,KAAK;MACL,QAAQ;MACR,UAAU;MACV,OAAO,MACL,kBAAC,QAAD;OAAM,WAAU;iBAAhB;QAAyC;SAAG,EAAW,SAAS,KAAS,QAAQ,EAAE;QAAC;QAAQ;;MAE/F;KACD;MACE,KAAK;MACL,QAAQ;MACR,UAAU;MACV,OAAO,MACL,kBAAC,GAAD;OAAO,SAAS,EAAW,WAAW,WAAW,YAAY;iBAC1D,EAAgB,EAAW,OAAO;OAC7B,CAAA;MAEX;KACF;IA4KS,MAAM;IACN,SAAS,MAAe,EAAW;IACnC,CAAA,EACU,CAAA,CACT,EAAA,CAAA;GACH"}