@burdenoff/microfe-assethandler 2026.625.2 → 2026.703.1

package/dist/assethandler/pages/AnalyticsPage.js

@@ -1,414 +1,375 @@
 import { useAssetHandlerStore as e } from "../store/assethandlerStore.js";
-import { useState as t } from "react";
-import { Activity as n, ArrowUpRight as r, BarChart3 as i, Box as a, DollarSign as o, Download as s, PieChart as c, TrendingDown as l } from "lucide-react";
-import { Badge as u, CTAOverflowMenu as d, Card as f, CardContent as p, CardDescription as m, CardHeader as h, CardTitle as g, EmphasisPanel as _, GlassCard as v, GradientText as y, PagePurpose as b, Separator as x, Tabs as S, TabsContent as C, TabsList as w, TabsTrigger as T } from "@burdenoff/fe-libs/ui";
-import { jsx as E, jsxs as D } from "react/jsx-runtime";
+import { useMemo as t } from "react";
+import { Activity as n, AlertTriangle as r, Box as i, PieChart as a, Wallet as o, Wrench as s } from "lucide-react";
+import { Badge as c, Card as l, CardContent as u, CardDescription as d, CardHeader as f, CardTitle as p, EmphasisPanel as m, GlassCard as h, GradientText as g, IllustratedEmptyState as _, PagePurpose as v, Separator as y, Tabs as b, TabsContent as x, TabsList as S, TabsTrigger as C } from "@burdenoff/fe-libs/ui";
+import { jsx as w, jsxs as T } from "react/jsx-runtime";
 //#region src/assethandler/pages/AnalyticsPage.tsx
-function O() {
-	let { assets: O, portfolio: k, transactions: A, incidents: j, maintenanceRecords: M, workflows: N } = e(), [P, F] = t("30d"), I = O.reduce((e, t) => e + t.currentValue, 0), L = O.reduce((e, t) => e + t.value, 0), R = L - I, z = L > 0 ? (R / L * 100).toFixed(1) : "0", B = O.length > 0 ? Math.round(I / O.length) : 0, V = O.reduce((e, t) => {
+var E = (e) => e === "active" ? "default" : e === "maintenance" ? "secondary" : "outline";
+function D() {
+	let { assets: D, transactions: O, incidents: k, maintenanceRecords: A, budgets: j, invoices: M, workOrders: N } = e(), P = t(() => D.reduce((e, t) => {
 		let n = t.category.replace("_", " ");
-		return e[n] || (e[n] = {
-			count: 0,
-			value: 0
-		}), e[n].count++, e[n].value += t.currentValue, e;
-	}, {}), H = O.reduce((e, t) => (e[t.status] = (e[t.status] || 0) + 1, e), {}), U = O.reduce((e, t) => (e[t.department] || (e[t.department] = {
-		count: 0,
-		value: 0
-	}), e[t.department].count++, e[t.department].value += t.currentValue, e), {}), W = j.filter((e) => e.status === "resolved" || e.status === "closed"), G = j.filter((e) => e.slaBreached), K = M.filter((e) => e.status === "completed"), q = M.reduce((e, t) => e + t.cost, 0);
-	return /* @__PURE__ */ D("div", {
+		return e[n] = (e[n] || 0) + 1, e;
+	}, {}), [D]), F = t(() => D.reduce((e, t) => (e[t.status] = (e[t.status] || 0) + 1, e), {}), [D]), I = t(() => D.reduce((e, t) => (e[t.condition] = (e[t.condition] || 0) + 1, e), {}), [D]), L = D.filter((e) => e.status === "active").length, R = D.filter((e) => e.condition === "poor" || e.condition === "damaged" || e.status === "maintenance"), z = O.reduce((e, t) => e + Math.abs(t.amount), 0), B = j.reduce((e, t) => e + t.allocated, 0), V = j.reduce((e, t) => e + t.spent, 0), H = j.reduce((e, t) => e + t.remaining, 0), U = A.reduce((e, t) => e + (t.actualCost ?? t.estimatedCost ?? 0), 0), W = M.filter((e) => e.status !== "paid" && e.status !== "cancelled"), G = W.reduce((e, t) => e + t.amount, 0), K = k.filter((e) => e.status === "resolved" || e.status === "closed"), q = k.filter((e) => e.slaBreached), J = A.filter((e) => e.status === "completed"), Y = A.filter((e) => e.status === "scheduled"), X = N.filter((e) => e.status !== "completed" && e.status !== "cancelled");
+	return /* @__PURE__ */ T("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ D("div", {
+			/* @__PURE__ */ w("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("h1", {
+				children: /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("h1", {
 					className: "text-3xl font-bold",
-					children: /* @__PURE__ */ E(y, { children: "Analytics & Business Intelligence" })
-				}), /* @__PURE__ */ E("p", {
+					children: /* @__PURE__ */ w(g, { children: "Analytics & Business Intelligence" })
+				}), /* @__PURE__ */ w("p", {
 					className: "text-sm text-text-secondary mt-1",
-					children: "Comprehensive asset management analytics and insights"
-				})] }), /* @__PURE__ */ D("div", {
-					className: "flex gap-2",
-					children: [/* @__PURE__ */ D("select", {
-						value: P,
-						onChange: (e) => F(e.target.value),
-						className: "rounded-md border border-border-default bg-bg-surface px-3 py-1.5 text-sm",
-						children: [
-							/* @__PURE__ */ E("option", {
-								value: "7d",
-								children: "Last 7 days"
-							}),
-							/* @__PURE__ */ E("option", {
-								value: "30d",
-								children: "Last 30 days"
-							}),
-							/* @__PURE__ */ E("option", {
-								value: "90d",
-								children: "Last 90 days"
-							}),
-							/* @__PURE__ */ E("option", {
-								value: "1y",
-								children: "Last year"
-							})
-						]
-					}), /* @__PURE__ */ E(d, {
-						primary: {
-							label: "Generate Report",
-							onSelect: () => {}
-						},
-						actions: [{
-							label: "Export",
-							onSelect: () => {},
-							icon: /* @__PURE__ */ E(s, { className: "h-4 w-4" })
-						}]
-					})]
-				})]
+					children: "Asset, financial and operational insights across your estate"
+				})] })
 			}),
-			/* @__PURE__ */ E(b, { children: "Turn raw asset data into decisions. See where value is concentrated, how it is depreciating, which categories cost the most to run, and how operations are trending — so you can plan budgets, justify replacements and spot risk before it shows up as downtime." }),
-			/* @__PURE__ */ D(S, {
+			/* @__PURE__ */ w(v, { children: "Turn raw asset data into decisions. See how your estate is distributed by category, status and condition, where budget is being spent, and how operations are trending — so you can plan work, justify replacements and spot risk before it shows up as downtime." }),
+			/* @__PURE__ */ T(b, {
 				defaultValue: "overview",
 				children: [
-					/* @__PURE__ */ D(w, { children: [
-						/* @__PURE__ */ E(T, {
+					/* @__PURE__ */ T(S, { children: [
+						/* @__PURE__ */ w(C, {
 							value: "overview",
 							children: "Overview"
 						}),
-						/* @__PURE__ */ E(T, {
+						/* @__PURE__ */ w(C, {
 							value: "financial",
 							children: "Financial"
 						}),
-						/* @__PURE__ */ E(T, {
+						/* @__PURE__ */ w(C, {
 							value: "operational",
 							children: "Operational"
 						}),
-						/* @__PURE__ */ E(T, {
+						/* @__PURE__ */ w(C, {
 							value: "insights",
 							children: "Insights"
 						})
 					] }),
-					/* @__PURE__ */ D(C, {
+					/* @__PURE__ */ T(x, {
 						value: "overview",
 						className: "space-y-6 mt-6",
-						children: [
-							/* @__PURE__ */ D("div", {
-								className: "grid gap-4 md:grid-cols-2 lg:grid-cols-4",
-								children: [
-									/* @__PURE__ */ D(v, {
-										treatment: "metric",
-										className: "border-border-seam",
-										children: [/* @__PURE__ */ D(h, {
-											className: "flex flex-row items-center justify-between space-y-0 pb-2",
-											children: [/* @__PURE__ */ E(g, {
-												className: "text-sm font-medium",
-												children: "Total Portfolio Value"
-											}), /* @__PURE__ */ E(o, { className: "h-4 w-4 text-text-secondary" })]
-										}), /* @__PURE__ */ D(p, { children: [/* @__PURE__ */ D("div", {
-											className: "text-2xl font-bold tabular-nums",
-											children: ["$", k.totalValue.toLocaleString()]
-										}), /* @__PURE__ */ D("p", {
-											className: "text-xs text-text-secondary flex items-center mt-1",
-											children: [
-												/* @__PURE__ */ E(r, { className: "mr-1 h-3 w-3 text-status-success-text" }),
-												/* @__PURE__ */ E("span", {
-													className: "text-status-success-text",
-													children: "+5.6%"
-												}),
-												" from last quarter"
-											]
-										})] })]
-									}),
-									/* @__PURE__ */ D(v, {
-										treatment: "metric",
-										className: "border-border-seam",
-										children: [/* @__PURE__ */ D(h, {
-											className: "flex flex-row items-center justify-between space-y-0 pb-2",
-											children: [/* @__PURE__ */ E(g, {
-												className: "text-sm font-medium",
-												children: "Total Depreciation"
-											}), /* @__PURE__ */ E(l, { className: "h-4 w-4 text-text-secondary" })]
-										}), /* @__PURE__ */ D(p, { children: [/* @__PURE__ */ D("div", {
-											className: "text-2xl font-bold text-status-error-text",
-											children: ["-$", R.toLocaleString()]
-										}), /* @__PURE__ */ D("p", {
-											className: "text-xs text-text-secondary",
-											children: [z, "% of original value"]
-										})] })]
-									}),
-									/* @__PURE__ */ D(v, {
-										treatment: "metric",
-										className: "border-border-seam",
-										children: [/* @__PURE__ */ D(h, {
-											className: "flex flex-row items-center justify-between space-y-0 pb-2",
-											children: [/* @__PURE__ */ E(g, {
-												className: "text-sm font-medium",
-												children: "Total Assets"
-											}), /* @__PURE__ */ E(a, { className: "h-4 w-4 text-text-secondary" })]
-										}), /* @__PURE__ */ D(p, { children: [/* @__PURE__ */ E("div", {
-											className: "text-2xl font-bold tabular-nums",
-											children: k.totalAssets
-										}), /* @__PURE__ */ D("p", {
-											className: "text-xs text-text-secondary",
-											children: [O.filter((e) => e.status === "active").length, " currently active"]
-										})] })]
-									}),
-									/* @__PURE__ */ D(v, {
-										treatment: "metric",
-										className: "border-border-seam",
-										children: [/* @__PURE__ */ D(h, {
-											className: "flex flex-row items-center justify-between space-y-0 pb-2",
-											children: [/* @__PURE__ */ E(g, {
-												className: "text-sm font-medium",
-												children: "Avg. Asset Value"
-											}), /* @__PURE__ */ E(i, { className: "h-4 w-4 text-text-secondary" })]
-										}), /* @__PURE__ */ D(p, { children: [/* @__PURE__ */ D("div", {
-											className: "text-2xl font-bold tabular-nums",
-											children: ["$", B.toLocaleString()]
-										}), /* @__PURE__ */ E("p", {
-											className: "text-xs text-text-secondary",
-											children: "Across all categories"
-										})] })]
-									})
-								]
-							}),
-							/* @__PURE__ */ D("div", {
-								className: "grid gap-6 lg:grid-cols-2",
-								children: [/* @__PURE__ */ D(f, { children: [/* @__PURE__ */ D(h, { children: [/* @__PURE__ */ D(g, {
-									className: "flex items-center gap-2",
-									children: [/* @__PURE__ */ E(c, { className: "h-4 w-4" }), "Category Distribution"]
-								}), /* @__PURE__ */ E(m, { children: "Assets by category with values" })] }), /* @__PURE__ */ E(p, { children: /* @__PURE__ */ E("div", {
+						children: [/* @__PURE__ */ T("div", {
+							className: "grid gap-4 md:grid-cols-2 lg:grid-cols-4",
+							children: [
+								/* @__PURE__ */ T(h, {
+									treatment: "metric",
+									className: "border-border-seam",
+									children: [/* @__PURE__ */ T(f, {
+										className: "flex flex-row items-center justify-between space-y-0 pb-2",
+										children: [/* @__PURE__ */ w(p, {
+											className: "text-sm font-medium",
+											children: "Total Assets"
+										}), /* @__PURE__ */ w(i, { className: "h-4 w-4 text-text-secondary" })]
+									}), /* @__PURE__ */ T(u, { children: [/* @__PURE__ */ w("div", {
+										className: "text-2xl font-bold tabular-nums",
+										children: D.length
+									}), /* @__PURE__ */ T("p", {
+										className: "text-xs text-text-secondary",
+										children: [L, " currently active"]
+									})] })]
+								}),
+								/* @__PURE__ */ T(h, {
+									treatment: "metric",
+									className: "border-border-seam",
+									children: [/* @__PURE__ */ T(f, {
+										className: "flex flex-row items-center justify-between space-y-0 pb-2",
+										children: [/* @__PURE__ */ w(p, {
+											className: "text-sm font-medium",
+											children: "Categories"
+										}), /* @__PURE__ */ w(a, { className: "h-4 w-4 text-text-secondary" })]
+									}), /* @__PURE__ */ T(u, { children: [/* @__PURE__ */ w("div", {
+										className: "text-2xl font-bold tabular-nums",
+										children: Object.keys(P).length
+									}), /* @__PURE__ */ w("p", {
+										className: "text-xs text-text-secondary",
+										children: "Distinct asset categories"
+									})] })]
+								}),
+								/* @__PURE__ */ T(h, {
+									treatment: "metric",
+									className: "border-border-seam",
+									children: [/* @__PURE__ */ T(f, {
+										className: "flex flex-row items-center justify-between space-y-0 pb-2",
+										children: [/* @__PURE__ */ w(p, {
+											className: "text-sm font-medium",
+											children: "Needs Attention"
+										}), /* @__PURE__ */ w(r, { className: "h-4 w-4 text-text-secondary" })]
+									}), /* @__PURE__ */ T(u, { children: [/* @__PURE__ */ w("div", {
+										className: "text-2xl font-bold tabular-nums",
+										children: R.length
+									}), /* @__PURE__ */ w("p", {
+										className: "text-xs text-text-secondary",
+										children: "Poor / damaged / in maintenance"
+									})] })]
+								}),
+								/* @__PURE__ */ T(h, {
+									treatment: "metric",
+									className: "border-border-seam",
+									children: [/* @__PURE__ */ T(f, {
+										className: "flex flex-row items-center justify-between space-y-0 pb-2",
+										children: [/* @__PURE__ */ w(p, {
+											className: "text-sm font-medium",
+											children: "Open Incidents"
+										}), /* @__PURE__ */ w(n, { className: "h-4 w-4 text-text-secondary" })]
+									}), /* @__PURE__ */ T(u, { children: [/* @__PURE__ */ w("div", {
+										className: "text-2xl font-bold tabular-nums",
+										children: k.length - K.length
+									}), /* @__PURE__ */ T("p", {
+										className: "text-xs text-text-secondary",
+										children: [k.length, " total logged"]
+									})] })]
+								})
+							]
+						}), /* @__PURE__ */ T("div", {
+							className: "grid gap-6 lg:grid-cols-2",
+							children: [/* @__PURE__ */ T(l, { children: [/* @__PURE__ */ T(f, { children: [/* @__PURE__ */ T(p, {
+								className: "flex items-center gap-2",
+								children: [/* @__PURE__ */ w(a, { className: "h-4 w-4" }), "Category Distribution"]
+							}), /* @__PURE__ */ w(d, { children: "Assets grouped by category" })] }), /* @__PURE__ */ w(u, { children: D.length === 0 ? /* @__PURE__ */ w(_, {
+								illustration: "empty-data",
+								title: "No assets yet",
+								description: "Add assets to see how your estate is distributed."
+							}) : /* @__PURE__ */ w("div", {
+								className: "space-y-3",
+								children: Object.entries(P).sort((e, t) => t[1] - e[1]).map(([e, t]) => {
+									let n = Math.round(t / D.length * 100);
+									return /* @__PURE__ */ T("div", {
+										className: "space-y-1",
+										children: [/* @__PURE__ */ T("div", {
+											className: "flex items-center justify-between text-sm",
+											children: [/* @__PURE__ */ w("span", {
+												className: "font-medium capitalize",
+												children: e
+											}), /* @__PURE__ */ T("span", {
+												className: "text-text-secondary",
+												children: [
+													t,
+													" · ",
+													n,
+													"%"
+												]
+											})]
+										}), /* @__PURE__ */ w("div", {
+											className: "h-2 rounded-full bg-bg-sunken overflow-hidden",
+											children: /* @__PURE__ */ w("div", {
+												className: "h-full rounded-full bg-action-primary-bg",
+												style: { width: `${n}%` }
+											})
+										})]
+									}, e);
+								})
+							}) })] }), /* @__PURE__ */ T(l, { children: [/* @__PURE__ */ T(f, { children: [/* @__PURE__ */ T(p, {
+								className: "flex items-center gap-2",
+								children: [/* @__PURE__ */ w(n, { className: "h-4 w-4" }), "Status & Condition"]
+							}), /* @__PURE__ */ w(d, { children: "Current asset status and condition mix" })] }), /* @__PURE__ */ T(u, { children: [
+								/* @__PURE__ */ w("div", {
 									className: "space-y-3",
-									children: Object.entries(V).sort((e, t) => t[1].value - e[1].value).map(([e, t]) => {
-										let n = Math.round(t.count / O.length * 100);
-										return /* @__PURE__ */ D("div", {
-											className: "space-y-1",
-											children: [/* @__PURE__ */ D("div", {
-												className: "flex items-center justify-between text-sm",
-												children: [/* @__PURE__ */ E("span", {
-													className: "font-medium capitalize",
-													children: e
-												}), /* @__PURE__ */ D("span", {
-													className: "text-text-secondary",
-													children: [
-														t.count,
-														" · $",
-														(t.value / 1e3).toFixed(1),
-														"K"
-													]
+									children: Object.entries(F).map(([e, t]) => {
+										let n = D.length > 0 ? Math.round(t / D.length * 100) : 0;
+										return /* @__PURE__ */ T("div", {
+											className: "flex items-center justify-between",
+											children: [/* @__PURE__ */ w(c, {
+												variant: E(e),
+												children: e.replace("_", " ")
+											}), /* @__PURE__ */ T("div", {
+												className: "flex items-center gap-3",
+												children: [/* @__PURE__ */ w("div", {
+													className: "h-2 w-24 rounded-full bg-bg-sunken overflow-hidden",
+													children: /* @__PURE__ */ w("div", {
+														className: "h-full rounded-full bg-action-primary-bg",
+														style: { width: `${n}%` }
+													})
+												}), /* @__PURE__ */ w("span", {
+													className: "text-sm font-medium w-8 text-right",
+													children: t
 												})]
-											}), /* @__PURE__ */ E("div", {
-												className: "h-2 rounded-full bg-bg-sunken overflow-hidden",
-												children: /* @__PURE__ */ E("div", {
-													className: "h-full rounded-full bg-action-primary-bg",
-													style: { width: `${n}%` }
-												})
 											})]
 										}, e);
 									})
-								}) })] }), /* @__PURE__ */ D(f, { children: [/* @__PURE__ */ D(h, { children: [/* @__PURE__ */ D(g, {
-									className: "flex items-center gap-2",
-									children: [/* @__PURE__ */ E(n, { className: "h-4 w-4" }), "Status Breakdown"]
-								}), /* @__PURE__ */ E(m, { children: "Current asset status distribution" })] }), /* @__PURE__ */ D(p, { children: [
-									/* @__PURE__ */ E("div", {
-										className: "space-y-3",
-										children: Object.entries(H).map(([e, t]) => {
-											let n = Math.round(t / O.length * 100);
-											return /* @__PURE__ */ D("div", {
-												className: "flex items-center justify-between",
-												children: [/* @__PURE__ */ E("div", {
-													className: "flex items-center gap-2",
-													children: /* @__PURE__ */ E(u, {
-														variant: e === "active" ? "default" : e === "under_maintenance" ? "secondary" : "outline",
-														children: e.replace("_", " ")
-													})
-												}), /* @__PURE__ */ D("div", {
-													className: "flex items-center gap-3",
-													children: [/* @__PURE__ */ E("div", {
-														className: "h-2 w-24 rounded-full bg-bg-sunken overflow-hidden",
-														children: /* @__PURE__ */ E("div", {
-															className: "h-full rounded-full bg-action-primary-bg",
-															style: { width: `${n}%` }
-														})
-													}), /* @__PURE__ */ E("span", {
-														className: "text-sm font-medium w-8 text-right",
-														children: t
-													})]
-												})]
-											}, e);
-										})
-									}),
-									/* @__PURE__ */ E(x, { className: "my-4" }),
-									/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("h4", {
-										className: "text-sm font-medium mb-3",
-										children: "By Department"
-									}), /* @__PURE__ */ E("div", {
-										className: "space-y-2",
-										children: Object.entries(U).sort((e, t) => t[1].count - e[1].count).slice(0, 5).map(([e, t]) => /* @__PURE__ */ D("div", {
-											className: "flex items-center justify-between text-sm",
-											children: [/* @__PURE__ */ E("span", { children: e }), /* @__PURE__ */ D("span", {
-												className: "text-text-secondary",
-												children: [t.count, " assets"]
-											})]
-										}, e))
-									})] })
-								] })] })]
-							}),
-							/* @__PURE__ */ D(f, { children: [/* @__PURE__ */ D(h, { children: [/* @__PURE__ */ E(g, { children: "Depreciation Trend" }), /* @__PURE__ */ E(m, { children: "Portfolio depreciation over the last 6 months" })] }), /* @__PURE__ */ E(p, { children: /* @__PURE__ */ E("div", {
-								className: "flex items-end gap-2 h-40",
-								children: k.depreciationTrend.map((e) => {
-									let t = Math.max(...k.depreciationTrend.map((e) => e.value)), n = t > 0 ? e.value / t * 100 : 0;
-									return /* @__PURE__ */ D("div", {
-										className: "flex-1 flex flex-col items-center gap-1",
+								}),
+								/* @__PURE__ */ w(y, { className: "my-4" }),
+								/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("h4", {
+									className: "text-sm font-medium mb-3",
+									children: "By Condition"
+								}), /* @__PURE__ */ w("div", {
+									className: "flex flex-wrap gap-2",
+									children: Object.entries(I).map(([e, t]) => /* @__PURE__ */ T(c, {
+										variant: "outline",
+										className: "capitalize",
 										children: [
-											/* @__PURE__ */ D("span", {
-												className: "text-[10px] text-text-secondary",
-												children: [
-													"$",
-													(e.value / 1e6).toFixed(2),
-													"M"
-												]
-											}),
-											/* @__PURE__ */ E("div", {
-												className: "w-full bg-action-primary-bg/80 rounded-t",
-												style: { height: `${n}%` }
-											}),
-											/* @__PURE__ */ E("span", {
-												className: "text-[10px] text-text-secondary",
-												children: e.month.replace(" 20", "'")
-											})
+											e,
+											": ",
+											t
 										]
-									}, e.month);
-								})
-							}) })] })
-						]
+									}, e))
+								})] })
+							] })] })]
+						})]
 					}),
-					/* @__PURE__ */ D(C, {
+					/* @__PURE__ */ T(x, {
 						value: "financial",
 						className: "space-y-6 mt-6",
 						children: [
-							/* @__PURE__ */ D("div", {
-								className: "grid gap-4 md:grid-cols-3",
+							/* @__PURE__ */ T("div", {
+								className: "grid gap-4 md:grid-cols-4",
 								children: [
-									/* @__PURE__ */ D(f, { children: [/* @__PURE__ */ E(h, {
+									/* @__PURE__ */ T(l, { children: [/* @__PURE__ */ w(f, {
 										className: "pb-2",
-										children: /* @__PURE__ */ E(g, {
+										children: /* @__PURE__ */ w(p, {
 											className: "text-sm font-medium",
-											children: "Total Transactions"
+											children: "Transactions"
 										})
-									}), /* @__PURE__ */ D(p, { children: [/* @__PURE__ */ E("div", {
+									}), /* @__PURE__ */ T(u, { children: [/* @__PURE__ */ w("div", {
 										className: "text-2xl font-bold tabular-nums",
-										children: A.length
-									}), /* @__PURE__ */ D("p", {
+										children: O.length
+									}), /* @__PURE__ */ T("p", {
 										className: "text-xs text-text-secondary",
 										children: [
 											"$",
-											A.reduce((e, t) => e + Math.abs(t.amount), 0).toLocaleString(),
+											z.toLocaleString(),
 											" total value"
 										]
 									})] })] }),
-									/* @__PURE__ */ D(f, { children: [/* @__PURE__ */ E(h, {
+									/* @__PURE__ */ T(l, { children: [/* @__PURE__ */ w(f, {
 										className: "pb-2",
-										children: /* @__PURE__ */ E(g, {
+										children: /* @__PURE__ */ w(p, {
+											className: "text-sm font-medium",
+											children: "Budget Allocated"
+										})
+									}), /* @__PURE__ */ T(u, { children: [/* @__PURE__ */ T("div", {
+										className: "text-2xl font-bold tabular-nums",
+										children: ["$", B.toLocaleString()]
+									}), /* @__PURE__ */ T("p", {
+										className: "text-xs text-text-secondary",
+										children: [
+											"$",
+											V.toLocaleString(),
+											" spent"
+										]
+									})] })] }),
+									/* @__PURE__ */ T(l, { children: [/* @__PURE__ */ w(f, {
+										className: "pb-2",
+										children: /* @__PURE__ */ w(p, {
 											className: "text-sm font-medium",
 											children: "Maintenance Cost"
 										})
-									}), /* @__PURE__ */ D(p, { children: [/* @__PURE__ */ D("div", {
+									}), /* @__PURE__ */ T(u, { children: [/* @__PURE__ */ T("div", {
 										className: "text-2xl font-bold tabular-nums",
-										children: ["$", q.toLocaleString()]
-									}), /* @__PURE__ */ D("p", {
+										children: ["$", U.toLocaleString()]
+									}), /* @__PURE__ */ T("p", {
 										className: "text-xs text-text-secondary",
-										children: [M.length, " maintenance records"]
+										children: [A.length, " maintenance records"]
 									})] })] }),
-									/* @__PURE__ */ D(f, { children: [/* @__PURE__ */ E(h, {
+									/* @__PURE__ */ T(l, { children: [/* @__PURE__ */ w(f, {
 										className: "pb-2",
-										children: /* @__PURE__ */ E(g, {
+										children: /* @__PURE__ */ w(p, {
 											className: "text-sm font-medium",
-											children: "Acquisitions (6mo)"
+											children: "Outstanding Invoices"
 										})
-									}), /* @__PURE__ */ D(p, { children: [/* @__PURE__ */ E("div", {
+									}), /* @__PURE__ */ T(u, { children: [/* @__PURE__ */ T("div", {
 										className: "text-2xl font-bold tabular-nums",
-										children: k.acquisitionTrend.reduce((e, t) => e + t.count, 0)
-									}), /* @__PURE__ */ D("p", {
+										children: ["$", G.toLocaleString()]
+									}), /* @__PURE__ */ T("p", {
 										className: "text-xs text-text-secondary",
 										children: [
-											"$",
-											(k.acquisitionTrend.reduce((e, t) => e + t.value, 0) / 1e3).toFixed(0),
-											"K total spend"
+											W.length,
+											" of ",
+											M.length,
+											" unpaid"
 										]
 									})] })] })
 								]
 							}),
-							/* @__PURE__ */ D(f, { children: [/* @__PURE__ */ D(h, { children: [/* @__PURE__ */ E(g, { children: "Acquisition Trend" }), /* @__PURE__ */ E(m, { children: "New assets acquired over the last 6 months" })] }), /* @__PURE__ */ E(p, { children: /* @__PURE__ */ E("div", {
-								className: "flex items-end gap-2 h-40",
-								children: k.acquisitionTrend.map((e) => {
-									let t = Math.max(...k.acquisitionTrend.map((e) => e.count)), n = t > 0 ? e.count / t * 100 : 0;
-									return /* @__PURE__ */ D("div", {
-										className: "flex-1 flex flex-col items-center gap-1",
-										children: [
-											/* @__PURE__ */ D("span", {
-												className: "text-[10px] text-text-secondary",
-												children: [e.count, " units"]
-											}),
-											/* @__PURE__ */ E("div", {
-												className: "w-full bg-status-success-bg rounded-t",
-												style: { height: `${n}%` }
-											}),
-											/* @__PURE__ */ E("span", {
-												className: "text-[10px] text-text-secondary",
-												children: e.month.replace(" 20", "'")
-											})
-										]
-									}, e.month);
-								})
+							/* @__PURE__ */ T(l, { children: [/* @__PURE__ */ T(f, { children: [/* @__PURE__ */ T(p, {
+								className: "flex items-center gap-2",
+								children: [/* @__PURE__ */ w(o, { className: "h-4 w-4" }), "Budget Utilization"]
+							}), /* @__PURE__ */ w(d, { children: "Allocated vs. spent per budget" })] }), /* @__PURE__ */ w(u, { children: j.length === 0 ? /* @__PURE__ */ w(_, {
+								illustration: "empty-data",
+								title: "No budgets yet",
+								description: "Create a budget to track allocation and spend here."
+							}) : /* @__PURE__ */ T("div", {
+								className: "space-y-3",
+								children: [
+									j.map((e) => {
+										let t = e.allocated > 0 ? Math.min(100, Math.round(e.spent / e.allocated * 100)) : 0;
+										return /* @__PURE__ */ T("div", {
+											className: "space-y-1",
+											children: [/* @__PURE__ */ T("div", {
+												className: "flex items-center justify-between text-sm",
+												children: [/* @__PURE__ */ w("span", {
+													className: "font-medium",
+													children: e.name
+												}), /* @__PURE__ */ T("span", {
+													className: "text-text-secondary",
+													children: [
+														"$",
+														e.spent.toLocaleString(),
+														" / $",
+														e.allocated.toLocaleString()
+													]
+												})]
+											}), /* @__PURE__ */ w("div", {
+												className: "h-2 rounded-full bg-bg-sunken overflow-hidden",
+												children: /* @__PURE__ */ w("div", {
+													className: `h-full rounded-full ${t >= 100 ? "bg-status-error-text" : "bg-action-primary-bg"}`,
+													style: { width: `${t}%` }
+												})
+											})]
+										}, e.id);
+									}),
+									/* @__PURE__ */ w(y, {}),
+									/* @__PURE__ */ T("div", {
+										className: "flex items-center justify-between text-sm font-medium",
+										children: [/* @__PURE__ */ w("span", { children: "Remaining across all budgets" }), /* @__PURE__ */ T("span", { children: ["$", H.toLocaleString()] })]
+									})
+								]
 							}) })] }),
-							/* @__PURE__ */ D(f, { children: [/* @__PURE__ */ E(h, { children: /* @__PURE__ */ E(g, { children: "Recent Transactions" }) }), /* @__PURE__ */ E(p, { children: /* @__PURE__ */ E("div", {
+							/* @__PURE__ */ T(l, { children: [/* @__PURE__ */ w(f, { children: /* @__PURE__ */ w(p, { children: "Recent Transactions" }) }), /* @__PURE__ */ w(u, { children: O.length === 0 ? /* @__PURE__ */ w(_, {
+								illustration: "empty-data",
+								title: "No transactions",
+								description: "Asset purchases, leases and disposals will appear here."
+							}) : /* @__PURE__ */ w("div", {
 								className: "overflow-x-auto",
-								children: /* @__PURE__ */ D("table", {
+								children: /* @__PURE__ */ T("table", {
 									className: "w-full text-sm",
-									children: [/* @__PURE__ */ E("thead", { children: /* @__PURE__ */ D("tr", {
+									children: [/* @__PURE__ */ w("thead", { children: /* @__PURE__ */ T("tr", {
 										className: "border-b",
 										children: [
-											/* @__PURE__ */ E("th", {
-												className: "text-left py-2 font-medium",
-												children: "ID"
-											}),
-											/* @__PURE__ */ E("th", {
+											/* @__PURE__ */ w("th", {
 												className: "text-left py-2 font-medium",
 												children: "Type"
 											}),
-											/* @__PURE__ */ E("th", {
+											/* @__PURE__ */ w("th", {
 												className: "text-left py-2 font-medium",
 												children: "Description"
 											}),
-											/* @__PURE__ */ E("th", {
+											/* @__PURE__ */ w("th", {
 												className: "text-right py-2 font-medium",
 												children: "Amount"
 											}),
-											/* @__PURE__ */ E("th", {
+											/* @__PURE__ */ w("th", {
 												className: "text-left py-2 font-medium",
 												children: "Status"
 											})
 										]
-									}) }), /* @__PURE__ */ E("tbody", { children: A.slice(0, 5).map((e) => /* @__PURE__ */ D("tr", {
+									}) }), /* @__PURE__ */ w("tbody", { children: O.slice(0, 5).map((e) => /* @__PURE__ */ T("tr", {
 										className: "border-b hover:bg-bg-sunken/50",
 										children: [
-											/* @__PURE__ */ E("td", {
-												className: "py-2 font-mono text-xs",
-												children: e.id
-											}),
-											/* @__PURE__ */ E("td", {
+											/* @__PURE__ */ w("td", {
 												className: "py-2 capitalize",
 												children: e.type
 											}),
-											/* @__PURE__ */ E("td", {
+											/* @__PURE__ */ w("td", {
 												className: "py-2 truncate max-w-xs",
 												children: e.description
 											}),
-											/* @__PURE__ */ D("td", {
+											/* @__PURE__ */ T("td", {
 												className: `py-2 text-right font-medium ${e.amount < 0 ? "text-status-error-text" : ""}`,
 												children: ["$", Math.abs(e.amount).toLocaleString()]
 											}),
-											/* @__PURE__ */ E("td", {
+											/* @__PURE__ */ w("td", {
 												className: "py-2",
-												children: /* @__PURE__ */ E(u, {
+												children: /* @__PURE__ */ w(c, {
 													variant: "outline",
 													children: e.status
 												})
@@ -419,171 +380,175 @@ function O() {
 							}) })] })
 						]
 					}),
-					/* @__PURE__ */ E(C, {
+					/* @__PURE__ */ w(x, {
 						value: "operational",
 						className: "space-y-6 mt-6",
-						children: /* @__PURE__ */ D("div", {
+						children: /* @__PURE__ */ T("div", {
 							className: "grid gap-4 md:grid-cols-4",
 							children: [
-								/* @__PURE__ */ D(f, { children: [/* @__PURE__ */ E(h, {
+								/* @__PURE__ */ T(l, { children: [/* @__PURE__ */ w(f, {
 									className: "pb-2",
-									children: /* @__PURE__ */ E(g, {
+									children: /* @__PURE__ */ w(p, {
 										className: "text-sm font-medium",
 										children: "Incidents"
 									})
-								}), /* @__PURE__ */ D(p, { children: [/* @__PURE__ */ E("div", {
+								}), /* @__PURE__ */ T(u, { children: [/* @__PURE__ */ w("div", {
 									className: "text-2xl font-bold tabular-nums",
-									children: j.length
-								}), /* @__PURE__ */ D("p", {
+									children: k.length
+								}), /* @__PURE__ */ T("p", {
 									className: "text-xs text-text-secondary",
-									children: [W.length, " resolved"]
+									children: [K.length, " resolved"]
 								})] })] }),
-								/* @__PURE__ */ D(f, { children: [/* @__PURE__ */ E(h, {
+								/* @__PURE__ */ T(l, { children: [/* @__PURE__ */ w(f, {
 									className: "pb-2",
-									children: /* @__PURE__ */ E(g, {
+									children: /* @__PURE__ */ w(p, {
 										className: "text-sm font-medium",
 										children: "SLA Breaches"
 									})
-								}), /* @__PURE__ */ D(p, { children: [/* @__PURE__ */ E("div", {
+								}), /* @__PURE__ */ T(u, { children: [/* @__PURE__ */ w("div", {
 									className: "text-2xl font-bold text-status-error-text",
-									children: G.length
-								}), /* @__PURE__ */ D("p", {
+									children: q.length
+								}), /* @__PURE__ */ T("p", {
 									className: "text-xs text-text-secondary",
-									children: [((1 - G.length / Math.max(j.length, 1)) * 100).toFixed(1), "% compliance"]
+									children: [((1 - q.length / Math.max(k.length, 1)) * 100).toFixed(1), "% within SLA"]
 								})] })] }),
-								/* @__PURE__ */ D(f, { children: [/* @__PURE__ */ E(h, {
+								/* @__PURE__ */ T(l, { children: [/* @__PURE__ */ w(f, {
 									className: "pb-2",
-									children: /* @__PURE__ */ E(g, {
+									children: /* @__PURE__ */ w(p, {
 										className: "text-sm font-medium",
 										children: "Maintenance Done"
 									})
-								}), /* @__PURE__ */ D(p, { children: [/* @__PURE__ */ E("div", {
+								}), /* @__PURE__ */ T(u, { children: [/* @__PURE__ */ w("div", {
 									className: "text-2xl font-bold tabular-nums",
-									children: K.length
-								}), /* @__PURE__ */ D("p", {
+									children: J.length
+								}), /* @__PURE__ */ T("p", {
 									className: "text-xs text-text-secondary",
 									children: [
 										"of ",
-										M.length,
+										A.length,
 										" total"
 									]
 								})] })] }),
-								/* @__PURE__ */ D(f, { children: [/* @__PURE__ */ E(h, {
+								/* @__PURE__ */ T(l, { children: [/* @__PURE__ */ w(f, {
 									className: "pb-2",
-									children: /* @__PURE__ */ E(g, {
+									children: /* @__PURE__ */ w(p, {
 										className: "text-sm font-medium",
-										children: "Workflow Success"
+										children: "Open Work Orders"
 									})
-								}), /* @__PURE__ */ D(p, { children: [/* @__PURE__ */ D("div", {
+								}), /* @__PURE__ */ T(u, { children: [/* @__PURE__ */ w("div", {
 									className: "text-2xl font-bold tabular-nums",
-									children: [(N.reduce((e, t) => e + t.successRate, 0) / Math.max(N.length, 1)).toFixed(1), "%"]
-								}), /* @__PURE__ */ D("p", {
+									children: X.length
+								}), /* @__PURE__ */ T("p", {
 									className: "text-xs text-text-secondary",
-									children: [N.length, " active workflows"]
+									children: [
+										"of ",
+										N.length,
+										" total"
+									]
 								})] })] })
 							]
 						})
 					}),
-					/* @__PURE__ */ D(C, {
+					/* @__PURE__ */ T(x, {
 						value: "insights",
 						className: "space-y-6 mt-6",
-						children: [/* @__PURE__ */ D("div", {
+						children: [/* @__PURE__ */ T("div", {
 							className: "grid gap-4 md:grid-cols-3",
 							children: [
-								/* @__PURE__ */ D(f, {
+								/* @__PURE__ */ T(l, {
 									className: "border-status-info-border bg-status-info-bg-subtle",
-									children: [/* @__PURE__ */ E(h, { children: /* @__PURE__ */ E(g, {
+									children: [/* @__PURE__ */ w(f, { children: /* @__PURE__ */ w(p, {
 										className: "text-status-info-text text-base",
 										children: "Diversification"
-									}) }), /* @__PURE__ */ E(p, { children: /* @__PURE__ */ D("p", {
+									}) }), /* @__PURE__ */ w(u, { children: /* @__PURE__ */ T("p", {
 										className: "text-sm text-status-info-text",
 										children: [
-											"Your portfolio spans ",
-											Object.keys(V).length,
+											"Your estate spans ",
+											Object.keys(P).length,
 											" categories across",
 											" ",
-											Object.keys(U).length,
-											" departments. IT Hardware represents the largest segment at ",
-											k.byCategory[0]?.count || 0,
-											" assets."
+											D.length,
+											" assets. ",
+											L,
+											" are currently active."
 										]
 									}) })]
 								}),
-								/* @__PURE__ */ D(f, {
+								/* @__PURE__ */ T(l, {
 									className: "border-status-success-border bg-status-success-bg-subtle",
-									children: [/* @__PURE__ */ E(h, { children: /* @__PURE__ */ E(g, {
+									children: [/* @__PURE__ */ w(f, { children: /* @__PURE__ */ w(p, {
 										className: "text-status-success-text text-base",
-										children: "Performance"
-									}) }), /* @__PURE__ */ E(p, { children: /* @__PURE__ */ D("p", {
+										children: "Budget"
+									}) }), /* @__PURE__ */ w(u, { children: /* @__PURE__ */ T("p", {
 										className: "text-sm text-status-success-text",
 										children: [
-											"Portfolio depreciated value stands at $",
-											(k.depreciatedValue / 1e6).toFixed(2),
-											"M. Depreciation rate is within expected range at ",
-											z,
-											"% of original cost."
+											"$",
+											V.toLocaleString(),
+											" spent of $",
+											B.toLocaleString(),
+											" ",
+											"allocated, leaving $",
+											H.toLocaleString(),
+											" across ",
+											j.length,
+											" ",
+											"budgets."
 										]
 									}) })]
 								}),
-								/* @__PURE__ */ D(f, {
+								/* @__PURE__ */ T(l, {
 									className: "border-status-warning-border bg-status-warning-bg-subtle",
-									children: [/* @__PURE__ */ E(h, { children: /* @__PURE__ */ E(g, {
+									children: [/* @__PURE__ */ w(f, { children: /* @__PURE__ */ w(p, {
 										className: "text-status-warning-text text-base",
 										children: "Maintenance"
-									}) }), /* @__PURE__ */ E(p, { children: /* @__PURE__ */ D("p", {
+									}) }), /* @__PURE__ */ w(u, { children: /* @__PURE__ */ T("p", {
 										className: "text-sm text-status-warning-text",
 										children: [
-											M.filter((e) => e.status === "scheduled").length,
+											Y.length,
 											" maintenance tasks are scheduled. Total maintenance spend is $",
-											q.toLocaleString(),
+											U.toLocaleString(),
 											". Stay on top of preventive maintenance."
 										]
 									}) })]
 								})
 							]
-						}), /* @__PURE__ */ D(_, { children: [/* @__PURE__ */ D(h, {
+						}), /* @__PURE__ */ T(m, { children: [/* @__PURE__ */ T(f, {
 							className: "px-0 pt-0",
-							children: [/* @__PURE__ */ E(g, { children: "Top Assets by Value" }), /* @__PURE__ */ E(m, { children: "Highest value assets in your portfolio" })]
-						}), /* @__PURE__ */ E(p, {
+							children: [/* @__PURE__ */ T(p, {
+								className: "flex items-center gap-2",
+								children: [/* @__PURE__ */ w(s, { className: "h-4 w-4" }), "Assets Needing Attention"]
+							}), /* @__PURE__ */ w(d, { children: "Assets in poor or damaged condition, or currently under maintenance" })]
+						}), /* @__PURE__ */ w(u, {
 							className: "px-0 pb-0",
-							children: /* @__PURE__ */ E("div", {
+							children: R.length === 0 ? /* @__PURE__ */ w(_, {
+								illustration: "empty-success",
+								title: "Everything looks healthy",
+								description: "No assets are flagged as poor, damaged or in maintenance right now."
+							}) : /* @__PURE__ */ w("div", {
 								className: "space-y-3",
-								children: [...O].sort((e, t) => t.currentValue - e.currentValue).slice(0, 5).map((e, t) => /* @__PURE__ */ D("div", {
+								children: R.slice(0, 6).map((e, t) => /* @__PURE__ */ T("div", {
 									className: "flex items-center justify-between p-3 rounded-lg border border-border-seam bg-gloss-card",
-									children: [/* @__PURE__ */ D("div", {
+									children: [/* @__PURE__ */ T("div", {
 										className: "flex items-center gap-3",
-										children: [/* @__PURE__ */ E("div", {
+										children: [/* @__PURE__ */ w("div", {
 											className: "w-8 h-8 rounded-full bg-action-primary-bg/10 flex items-center justify-center text-xs font-medium text-primary",
 											children: t + 1
-										}), /* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
+										}), /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
 											className: "text-sm font-medium",
 											children: e.name
-										}), /* @__PURE__ */ D("p", {
-											className: "text-xs text-text-secondary",
-											children: [
-												e.department,
-												" · ",
-												e.category.replace("_", " ")
-											]
+										}), /* @__PURE__ */ T("p", {
+											className: "text-xs text-text-secondary capitalize",
+											children: [e.category.replace("_", " "), e.location ? ` · ${e.location}` : ""]
 										})] })]
-									}), /* @__PURE__ */ D("div", {
-										className: "text-right",
-										children: [/* @__PURE__ */ D("p", {
-											className: "text-sm font-medium",
-											children: ["$", e.currentValue.toLocaleString()]
-										}), /* @__PURE__ */ E("p", {
-											className: "text-xs text-text-secondary",
-											children: e.currentValue < e.value ? /* @__PURE__ */ D("span", {
-												className: "text-status-error-text",
-												children: [
-													"-",
-													((1 - e.currentValue / e.value) * 100).toFixed(1),
-													"%"
-												]
-											}) : /* @__PURE__ */ E("span", {
-												className: "text-status-success-text",
-												children: "No depreciation"
-											})
+									}), /* @__PURE__ */ T("div", {
+										className: "flex items-center gap-2",
+										children: [/* @__PURE__ */ w(c, {
+											variant: "outline",
+											className: "capitalize",
+											children: e.condition
+										}), /* @__PURE__ */ w(c, {
+											variant: E(e.status),
+											children: e.status.replace("_", " ")
 										})]
 									})]
 								}, e.id))
@@ -596,6 +561,6 @@ function O() {
 	});
 }
 //#endregion
-export { O as AnalyticsPage };
+export { D as AnalyticsPage };
 
 //# sourceMappingURL=AnalyticsPage.js.map