@burdenoff/microfe-assethandler 2026.624.1 → 2026.625.2

package/dist/assethandler/pages/AnalyticsPage.js

@@ -1,576 +1,601 @@
 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, Button as d, Card as f, CardContent as p, CardDescription as m, CardHeader as h, CardTitle as g, Separator as _, Tabs as v, TabsContent as y, TabsList as b, TabsTrigger as x } from "@burdenoff/fe-libs/ui";
-import { jsx as S, jsxs as C } from "react/jsx-runtime";
+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";
 //#region src/assethandler/pages/AnalyticsPage.tsx
-function w() {
-	let { assets: w, portfolio: T, transactions: E, incidents: D, maintenanceRecords: O, workflows: k } = e(), [A, j] = t("30d"), M = w.reduce((e, t) => e + t.currentValue, 0), N = w.reduce((e, t) => e + t.value, 0), P = N - M, F = N > 0 ? (P / N * 100).toFixed(1) : "0", I = w.length > 0 ? Math.round(M / w.length) : 0, L = w.reduce((e, t) => {
+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) => {
 		let n = t.category.replace("_", " ");
 		return e[n] || (e[n] = {
 			count: 0,
 			value: 0
 		}), e[n].count++, e[n].value += t.currentValue, e;
-	}, {}), R = w.reduce((e, t) => (e[t.status] = (e[t.status] || 0) + 1, e), {}), z = w.reduce((e, t) => (e[t.department] || (e[t.department] = {
+	}, {}), 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), {}), B = D.filter((e) => e.status === "resolved" || e.status === "closed"), V = D.filter((e) => e.slaBreached), H = O.filter((e) => e.status === "completed"), U = O.reduce((e, t) => e + t.cost, 0);
-	return /* @__PURE__ */ C("div", {
+	}), 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", {
 		className: "space-y-6 p-6",
-		children: [/* @__PURE__ */ C("div", {
-			className: "flex items-center justify-between",
-			children: [/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("h1", {
-				className: "text-3xl font-bold",
-				children: "Analytics & Business Intelligence"
-			}), /* @__PURE__ */ S("p", {
-				className: "text-sm text-text-secondary mt-1",
-				children: "Comprehensive asset management analytics and insights"
-			})] }), /* @__PURE__ */ C("div", {
-				className: "flex gap-2",
-				children: [
-					/* @__PURE__ */ C("select", {
-						value: A,
-						onChange: (e) => j(e.target.value),
+		children: [
+			/* @__PURE__ */ D("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("h1", {
+					className: "text-3xl font-bold",
+					children: /* @__PURE__ */ E(y, { children: "Analytics & Business Intelligence" })
+				}), /* @__PURE__ */ E("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__ */ S("option", {
+							/* @__PURE__ */ E("option", {
 								value: "7d",
 								children: "Last 7 days"
 							}),
-							/* @__PURE__ */ S("option", {
+							/* @__PURE__ */ E("option", {
 								value: "30d",
 								children: "Last 30 days"
 							}),
-							/* @__PURE__ */ S("option", {
+							/* @__PURE__ */ E("option", {
 								value: "90d",
 								children: "Last 90 days"
 							}),
-							/* @__PURE__ */ S("option", {
+							/* @__PURE__ */ E("option", {
 								value: "1y",
 								children: "Last year"
 							})
 						]
-					}),
-					/* @__PURE__ */ C(d, {
-						variant: "outline",
-						size: "sm",
-						children: [/* @__PURE__ */ S(s, { className: "mr-2 h-4 w-4" }), "Export"]
-					}),
-					/* @__PURE__ */ S(d, {
-						size: "sm",
-						children: "Generate Report"
-					})
-				]
-			})]
-		}), /* @__PURE__ */ C(v, {
-			defaultValue: "overview",
-			children: [
-				/* @__PURE__ */ C(b, { children: [
-					/* @__PURE__ */ S(x, {
-						value: "overview",
-						children: "Overview"
-					}),
-					/* @__PURE__ */ S(x, {
-						value: "financial",
-						children: "Financial"
-					}),
-					/* @__PURE__ */ S(x, {
-						value: "operational",
-						children: "Operational"
-					}),
-					/* @__PURE__ */ S(x, {
-						value: "insights",
-						children: "Insights"
-					})
-				] }),
-				/* @__PURE__ */ C(y, {
-					value: "overview",
-					className: "space-y-6 mt-6",
-					children: [
-						/* @__PURE__ */ C("div", {
-							className: "grid gap-4 md:grid-cols-2 lg:grid-cols-4",
-							children: [
-								/* @__PURE__ */ C(f, { children: [/* @__PURE__ */ C(h, {
-									className: "flex flex-row items-center justify-between space-y-0 pb-2",
-									children: [/* @__PURE__ */ S(g, {
-										className: "text-sm font-medium",
-										children: "Total Portfolio Value"
-									}), /* @__PURE__ */ S(o, { className: "h-4 w-4 text-text-secondary" })]
-								}), /* @__PURE__ */ C(p, { children: [/* @__PURE__ */ C("div", {
-									className: "text-2xl font-bold",
-									children: ["$", T.totalValue.toLocaleString()]
-								}), /* @__PURE__ */ C("p", {
-									className: "text-xs text-text-secondary flex items-center mt-1",
-									children: [
-										/* @__PURE__ */ S(r, { className: "mr-1 h-3 w-3 text-green-600" }),
-										/* @__PURE__ */ S("span", {
-											className: "text-green-600",
-											children: "+5.6%"
-										}),
-										" from last quarter"
-									]
-								})] })] }),
-								/* @__PURE__ */ C(f, { children: [/* @__PURE__ */ C(h, {
-									className: "flex flex-row items-center justify-between space-y-0 pb-2",
-									children: [/* @__PURE__ */ S(g, {
-										className: "text-sm font-medium",
-										children: "Total Depreciation"
-									}), /* @__PURE__ */ S(l, { className: "h-4 w-4 text-text-secondary" })]
-								}), /* @__PURE__ */ C(p, { children: [/* @__PURE__ */ C("div", {
-									className: "text-2xl font-bold text-red-600",
-									children: ["-$", P.toLocaleString()]
-								}), /* @__PURE__ */ C("p", {
-									className: "text-xs text-text-secondary",
-									children: [F, "% of original value"]
-								})] })] }),
-								/* @__PURE__ */ C(f, { children: [/* @__PURE__ */ C(h, {
-									className: "flex flex-row items-center justify-between space-y-0 pb-2",
-									children: [/* @__PURE__ */ S(g, {
-										className: "text-sm font-medium",
-										children: "Total Assets"
-									}), /* @__PURE__ */ S(a, { className: "h-4 w-4 text-text-secondary" })]
-								}), /* @__PURE__ */ C(p, { children: [/* @__PURE__ */ S("div", {
-									className: "text-2xl font-bold",
-									children: T.totalAssets
-								}), /* @__PURE__ */ C("p", {
-									className: "text-xs text-text-secondary",
-									children: [w.filter((e) => e.status === "active").length, " currently active"]
-								})] })] }),
-								/* @__PURE__ */ C(f, { children: [/* @__PURE__ */ C(h, {
-									className: "flex flex-row items-center justify-between space-y-0 pb-2",
-									children: [/* @__PURE__ */ S(g, {
-										className: "text-sm font-medium",
-										children: "Avg. Asset Value"
-									}), /* @__PURE__ */ S(i, { className: "h-4 w-4 text-text-secondary" })]
-								}), /* @__PURE__ */ C(p, { children: [/* @__PURE__ */ C("div", {
-									className: "text-2xl font-bold",
-									children: ["$", I.toLocaleString()]
-								}), /* @__PURE__ */ S("p", {
-									className: "text-xs text-text-secondary",
-									children: "Across all categories"
-								})] })] })
-							]
+					}), /* @__PURE__ */ E(d, {
+						primary: {
+							label: "Generate Report",
+							onSelect: () => {}
+						},
+						actions: [{
+							label: "Export",
+							onSelect: () => {},
+							icon: /* @__PURE__ */ E(s, { className: "h-4 w-4" })
+						}]
+					})]
+				})]
+			}),
+			/* @__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, {
+				defaultValue: "overview",
+				children: [
+					/* @__PURE__ */ D(w, { children: [
+						/* @__PURE__ */ E(T, {
+							value: "overview",
+							children: "Overview"
 						}),
-						/* @__PURE__ */ C("div", {
-							className: "grid gap-6 lg:grid-cols-2",
-							children: [/* @__PURE__ */ C(f, { children: [/* @__PURE__ */ C(h, { children: [/* @__PURE__ */ C(g, {
-								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ S(c, { className: "h-4 w-4" }), "Category Distribution"]
-							}), /* @__PURE__ */ S(m, { children: "Assets by category with values" })] }), /* @__PURE__ */ S(p, { children: /* @__PURE__ */ S("div", {
-								className: "space-y-3",
-								children: Object.entries(L).sort((e, t) => t[1].value - e[1].value).map(([e, t]) => {
-									let n = Math.round(t.count / w.length * 100);
-									return /* @__PURE__ */ C("div", {
-										className: "space-y-1",
-										children: [/* @__PURE__ */ C("div", {
+						/* @__PURE__ */ E(T, {
+							value: "financial",
+							children: "Financial"
+						}),
+						/* @__PURE__ */ E(T, {
+							value: "operational",
+							children: "Operational"
+						}),
+						/* @__PURE__ */ E(T, {
+							value: "insights",
+							children: "Insights"
+						})
+					] }),
+					/* @__PURE__ */ D(C, {
+						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", {
+									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"
+													]
+												})]
+											}), /* @__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__ */ S("span", {
-												className: "font-medium capitalize",
-												children: e
-											}), /* @__PURE__ */ C("span", {
+											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",
+										children: [
+											/* @__PURE__ */ D("span", {
+												className: "text-[10px] text-text-secondary",
 												children: [
-													t.count,
-													" · $",
-													(t.value / 1e3).toFixed(1),
-													"K"
+													"$",
+													(e.value / 1e6).toFixed(2),
+													"M"
 												]
-											})]
-										}), /* @__PURE__ */ S("div", {
-											className: "h-2 rounded-full bg-bg-sunken overflow-hidden",
-											children: /* @__PURE__ */ S("div", {
-												className: "h-full rounded-full bg-action-primary-bg",
-												style: { width: `${n}%` }
+											}),
+											/* @__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);
+										]
+									}, e.month);
 								})
-							}) })] }), /* @__PURE__ */ C(f, { children: [/* @__PURE__ */ C(h, { children: [/* @__PURE__ */ C(g, {
-								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ S(n, { className: "h-4 w-4" }), "Status Breakdown"]
-							}), /* @__PURE__ */ S(m, { children: "Current asset status distribution" })] }), /* @__PURE__ */ C(p, { children: [
-								/* @__PURE__ */ S("div", {
-									className: "space-y-3",
-									children: Object.entries(R).map(([e, t]) => {
-										let n = Math.round(t / w.length * 100);
-										return /* @__PURE__ */ C("div", {
-											className: "flex items-center justify-between",
-											children: [/* @__PURE__ */ S("div", {
-												className: "flex items-center gap-2",
-												children: /* @__PURE__ */ S(u, {
-													variant: e === "active" ? "default" : e === "under_maintenance" ? "secondary" : "outline",
-													children: e.replace("_", " ")
-												})
-											}), /* @__PURE__ */ C("div", {
-												className: "flex items-center gap-3",
-												children: [/* @__PURE__ */ S("div", {
-													className: "h-2 w-24 rounded-full bg-bg-sunken overflow-hidden",
-													children: /* @__PURE__ */ S("div", {
-														className: "h-full rounded-full bg-action-primary-bg",
-														style: { width: `${n}%` }
-													})
-												}), /* @__PURE__ */ S("span", {
-													className: "text-sm font-medium w-8 text-right",
-													children: t
-												})]
-											})]
-										}, e);
-									})
-								}),
-								/* @__PURE__ */ S(_, { className: "my-4" }),
-								/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("h4", {
-									className: "text-sm font-medium mb-3",
-									children: "By Department"
-								}), /* @__PURE__ */ S("div", {
-									className: "space-y-2",
-									children: Object.entries(z).sort((e, t) => t[1].count - e[1].count).slice(0, 5).map(([e, t]) => /* @__PURE__ */ C("div", {
-										className: "flex items-center justify-between text-sm",
-										children: [/* @__PURE__ */ S("span", { children: e }), /* @__PURE__ */ C("span", {
-											className: "text-text-secondary",
-											children: [t.count, " assets"]
-										})]
-									}, e))
-								})] })
-							] })] })]
-						}),
-						/* @__PURE__ */ C(f, { children: [/* @__PURE__ */ C(h, { children: [/* @__PURE__ */ S(g, { children: "Depreciation Trend" }), /* @__PURE__ */ S(m, { children: "Portfolio depreciation over the last 6 months" })] }), /* @__PURE__ */ S(p, { children: /* @__PURE__ */ S("div", {
-							className: "flex items-end gap-2 h-40",
-							children: T.depreciationTrend.map((e) => {
-								let t = Math.max(...T.depreciationTrend.map((e) => e.value)), n = t > 0 ? e.value / t * 100 : 0;
-								return /* @__PURE__ */ C("div", {
-									className: "flex-1 flex flex-col items-center gap-1",
-									children: [
-										/* @__PURE__ */ C("span", {
-											className: "text-[10px] text-text-secondary",
-											children: [
-												"$",
-												(e.value / 1e6).toFixed(2),
-												"M"
-											]
-										}),
-										/* @__PURE__ */ S("div", {
-											className: "w-full bg-action-primary-bg/80 rounded-t",
-											style: { height: `${n}%` }
-										}),
-										/* @__PURE__ */ S("span", {
-											className: "text-[10px] text-text-secondary",
-											children: e.month.replace(" 20", "'")
+							}) })] })
+						]
+					}),
+					/* @__PURE__ */ D(C, {
+						value: "financial",
+						className: "space-y-6 mt-6",
+						children: [
+							/* @__PURE__ */ D("div", {
+								className: "grid gap-4 md:grid-cols-3",
+								children: [
+									/* @__PURE__ */ D(f, { children: [/* @__PURE__ */ E(h, {
+										className: "pb-2",
+										children: /* @__PURE__ */ E(g, {
+											className: "text-sm font-medium",
+											children: "Total Transactions"
 										})
-									]
-								}, e.month);
-							})
-						}) })] })
-					]
-				}),
-				/* @__PURE__ */ C(y, {
-					value: "financial",
-					className: "space-y-6 mt-6",
-					children: [
-						/* @__PURE__ */ C("div", {
-							className: "grid gap-4 md:grid-cols-3",
+									}), /* @__PURE__ */ D(p, { children: [/* @__PURE__ */ E("div", {
+										className: "text-2xl font-bold tabular-nums",
+										children: A.length
+									}), /* @__PURE__ */ D("p", {
+										className: "text-xs text-text-secondary",
+										children: [
+											"$",
+											A.reduce((e, t) => e + Math.abs(t.amount), 0).toLocaleString(),
+											" total value"
+										]
+									})] })] }),
+									/* @__PURE__ */ D(f, { children: [/* @__PURE__ */ E(h, {
+										className: "pb-2",
+										children: /* @__PURE__ */ E(g, {
+											className: "text-sm font-medium",
+											children: "Maintenance Cost"
+										})
+									}), /* @__PURE__ */ D(p, { children: [/* @__PURE__ */ D("div", {
+										className: "text-2xl font-bold tabular-nums",
+										children: ["$", q.toLocaleString()]
+									}), /* @__PURE__ */ D("p", {
+										className: "text-xs text-text-secondary",
+										children: [M.length, " maintenance records"]
+									})] })] }),
+									/* @__PURE__ */ D(f, { children: [/* @__PURE__ */ E(h, {
+										className: "pb-2",
+										children: /* @__PURE__ */ E(g, {
+											className: "text-sm font-medium",
+											children: "Acquisitions (6mo)"
+										})
+									}), /* @__PURE__ */ D(p, { children: [/* @__PURE__ */ E("div", {
+										className: "text-2xl font-bold tabular-nums",
+										children: k.acquisitionTrend.reduce((e, t) => e + t.count, 0)
+									}), /* @__PURE__ */ D("p", {
+										className: "text-xs text-text-secondary",
+										children: [
+											"$",
+											(k.acquisitionTrend.reduce((e, t) => e + t.value, 0) / 1e3).toFixed(0),
+											"K total spend"
+										]
+									})] })] })
+								]
+							}),
+							/* @__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__ */ D(f, { children: [/* @__PURE__ */ E(h, { children: /* @__PURE__ */ E(g, { children: "Recent Transactions" }) }), /* @__PURE__ */ E(p, { children: /* @__PURE__ */ E("div", {
+								className: "overflow-x-auto",
+								children: /* @__PURE__ */ D("table", {
+									className: "w-full text-sm",
+									children: [/* @__PURE__ */ E("thead", { children: /* @__PURE__ */ D("tr", {
+										className: "border-b",
+										children: [
+											/* @__PURE__ */ E("th", {
+												className: "text-left py-2 font-medium",
+												children: "ID"
+											}),
+											/* @__PURE__ */ E("th", {
+												className: "text-left py-2 font-medium",
+												children: "Type"
+											}),
+											/* @__PURE__ */ E("th", {
+												className: "text-left py-2 font-medium",
+												children: "Description"
+											}),
+											/* @__PURE__ */ E("th", {
+												className: "text-right py-2 font-medium",
+												children: "Amount"
+											}),
+											/* @__PURE__ */ E("th", {
+												className: "text-left py-2 font-medium",
+												children: "Status"
+											})
+										]
+									}) }), /* @__PURE__ */ E("tbody", { children: A.slice(0, 5).map((e) => /* @__PURE__ */ D("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", {
+												className: "py-2 capitalize",
+												children: e.type
+											}),
+											/* @__PURE__ */ E("td", {
+												className: "py-2 truncate max-w-xs",
+												children: e.description
+											}),
+											/* @__PURE__ */ D("td", {
+												className: `py-2 text-right font-medium ${e.amount < 0 ? "text-status-error-text" : ""}`,
+												children: ["$", Math.abs(e.amount).toLocaleString()]
+											}),
+											/* @__PURE__ */ E("td", {
+												className: "py-2",
+												children: /* @__PURE__ */ E(u, {
+													variant: "outline",
+													children: e.status
+												})
+											})
+										]
+									}, e.id)) })]
+								})
+							}) })] })
+						]
+					}),
+					/* @__PURE__ */ E(C, {
+						value: "operational",
+						className: "space-y-6 mt-6",
+						children: /* @__PURE__ */ D("div", {
+							className: "grid gap-4 md:grid-cols-4",
 							children: [
-								/* @__PURE__ */ C(f, { children: [/* @__PURE__ */ S(h, {
+								/* @__PURE__ */ D(f, { children: [/* @__PURE__ */ E(h, {
 									className: "pb-2",
-									children: /* @__PURE__ */ S(g, {
+									children: /* @__PURE__ */ E(g, {
 										className: "text-sm font-medium",
-										children: "Total Transactions"
+										children: "Incidents"
 									})
-								}), /* @__PURE__ */ C(p, { children: [/* @__PURE__ */ S("div", {
-									className: "text-2xl font-bold",
-									children: E.length
-								}), /* @__PURE__ */ C("p", {
+								}), /* @__PURE__ */ D(p, { children: [/* @__PURE__ */ E("div", {
+									className: "text-2xl font-bold tabular-nums",
+									children: j.length
+								}), /* @__PURE__ */ D("p", {
 									className: "text-xs text-text-secondary",
-									children: [
-										"$",
-										E.reduce((e, t) => e + Math.abs(t.amount), 0).toLocaleString(),
-										" total value"
-									]
+									children: [W.length, " resolved"]
 								})] })] }),
-								/* @__PURE__ */ C(f, { children: [/* @__PURE__ */ S(h, {
+								/* @__PURE__ */ D(f, { children: [/* @__PURE__ */ E(h, {
 									className: "pb-2",
-									children: /* @__PURE__ */ S(g, {
+									children: /* @__PURE__ */ E(g, {
 										className: "text-sm font-medium",
-										children: "Maintenance Cost"
+										children: "SLA Breaches"
 									})
-								}), /* @__PURE__ */ C(p, { children: [/* @__PURE__ */ C("div", {
-									className: "text-2xl font-bold",
-									children: ["$", U.toLocaleString()]
-								}), /* @__PURE__ */ C("p", {
+								}), /* @__PURE__ */ D(p, { children: [/* @__PURE__ */ E("div", {
+									className: "text-2xl font-bold text-status-error-text",
+									children: G.length
+								}), /* @__PURE__ */ D("p", {
 									className: "text-xs text-text-secondary",
-									children: [O.length, " maintenance records"]
+									children: [((1 - G.length / Math.max(j.length, 1)) * 100).toFixed(1), "% compliance"]
 								})] })] }),
-								/* @__PURE__ */ C(f, { children: [/* @__PURE__ */ S(h, {
+								/* @__PURE__ */ D(f, { children: [/* @__PURE__ */ E(h, {
 									className: "pb-2",
-									children: /* @__PURE__ */ S(g, {
+									children: /* @__PURE__ */ E(g, {
 										className: "text-sm font-medium",
-										children: "Acquisitions (6mo)"
+										children: "Maintenance Done"
 									})
-								}), /* @__PURE__ */ C(p, { children: [/* @__PURE__ */ S("div", {
-									className: "text-2xl font-bold",
-									children: T.acquisitionTrend.reduce((e, t) => e + t.count, 0)
-								}), /* @__PURE__ */ C("p", {
+								}), /* @__PURE__ */ D(p, { children: [/* @__PURE__ */ E("div", {
+									className: "text-2xl font-bold tabular-nums",
+									children: K.length
+								}), /* @__PURE__ */ D("p", {
 									className: "text-xs text-text-secondary",
 									children: [
-										"$",
-										(T.acquisitionTrend.reduce((e, t) => e + t.value, 0) / 1e3).toFixed(0),
-										"K total spend"
+										"of ",
+										M.length,
+										" total"
 									]
+								})] })] }),
+								/* @__PURE__ */ D(f, { children: [/* @__PURE__ */ E(h, {
+									className: "pb-2",
+									children: /* @__PURE__ */ E(g, {
+										className: "text-sm font-medium",
+										children: "Workflow Success"
+									})
+								}), /* @__PURE__ */ D(p, { children: [/* @__PURE__ */ D("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", {
+									className: "text-xs text-text-secondary",
+									children: [N.length, " active workflows"]
 								})] })] })
 							]
-						}),
-						/* @__PURE__ */ C(f, { children: [/* @__PURE__ */ C(h, { children: [/* @__PURE__ */ S(g, { children: "Acquisition Trend" }), /* @__PURE__ */ S(m, { children: "New assets acquired over the last 6 months" })] }), /* @__PURE__ */ S(p, { children: /* @__PURE__ */ S("div", {
-							className: "flex items-end gap-2 h-40",
-							children: T.acquisitionTrend.map((e) => {
-								let t = Math.max(...T.acquisitionTrend.map((e) => e.count)), n = t > 0 ? e.count / t * 100 : 0;
-								return /* @__PURE__ */ C("div", {
-									className: "flex-1 flex flex-col items-center gap-1",
-									children: [
-										/* @__PURE__ */ C("span", {
-											className: "text-[10px] text-text-secondary",
-											children: [e.count, " units"]
-										}),
-										/* @__PURE__ */ S("div", {
-											className: "w-full bg-green-500/80 rounded-t",
-											style: { height: `${n}%` }
-										}),
-										/* @__PURE__ */ S("span", {
-											className: "text-[10px] text-text-secondary",
-											children: e.month.replace(" 20", "'")
-										})
-									]
-								}, e.month);
-							})
-						}) })] }),
-						/* @__PURE__ */ C(f, { children: [/* @__PURE__ */ S(h, { children: /* @__PURE__ */ S(g, { children: "Recent Transactions" }) }), /* @__PURE__ */ S(p, { children: /* @__PURE__ */ S("div", {
-							className: "overflow-x-auto",
-							children: /* @__PURE__ */ C("table", {
-								className: "w-full text-sm",
-								children: [/* @__PURE__ */ S("thead", { children: /* @__PURE__ */ C("tr", {
-									className: "border-b",
-									children: [
-										/* @__PURE__ */ S("th", {
-											className: "text-left py-2 font-medium",
-											children: "ID"
-										}),
-										/* @__PURE__ */ S("th", {
-											className: "text-left py-2 font-medium",
-											children: "Type"
-										}),
-										/* @__PURE__ */ S("th", {
-											className: "text-left py-2 font-medium",
-											children: "Description"
-										}),
-										/* @__PURE__ */ S("th", {
-											className: "text-right py-2 font-medium",
-											children: "Amount"
-										}),
-										/* @__PURE__ */ S("th", {
-											className: "text-left py-2 font-medium",
-											children: "Status"
-										})
-									]
-								}) }), /* @__PURE__ */ S("tbody", { children: E.slice(0, 5).map((e) => /* @__PURE__ */ C("tr", {
-									className: "border-b hover:bg-bg-sunken/50",
-									children: [
-										/* @__PURE__ */ S("td", {
-											className: "py-2 font-mono text-xs",
-											children: e.id
-										}),
-										/* @__PURE__ */ S("td", {
-											className: "py-2 capitalize",
-											children: e.type
-										}),
-										/* @__PURE__ */ S("td", {
-											className: "py-2 truncate max-w-xs",
-											children: e.description
-										}),
-										/* @__PURE__ */ C("td", {
-											className: `py-2 text-right font-medium ${e.amount < 0 ? "text-red-600" : ""}`,
-											children: ["$", Math.abs(e.amount).toLocaleString()]
-										}),
-										/* @__PURE__ */ S("td", {
-											className: "py-2",
-											children: /* @__PURE__ */ S(u, {
-												variant: "outline",
-												children: e.status
+						})
+					}),
+					/* @__PURE__ */ D(C, {
+						value: "insights",
+						className: "space-y-6 mt-6",
+						children: [/* @__PURE__ */ D("div", {
+							className: "grid gap-4 md:grid-cols-3",
+							children: [
+								/* @__PURE__ */ D(f, {
+									className: "border-status-info-border bg-status-info-bg-subtle",
+									children: [/* @__PURE__ */ E(h, { children: /* @__PURE__ */ E(g, {
+										className: "text-status-info-text text-base",
+										children: "Diversification"
+									}) }), /* @__PURE__ */ E(p, { children: /* @__PURE__ */ D("p", {
+										className: "text-sm text-status-info-text",
+										children: [
+											"Your portfolio spans ",
+											Object.keys(V).length,
+											" categories across",
+											" ",
+											Object.keys(U).length,
+											" departments. IT Hardware represents the largest segment at ",
+											k.byCategory[0]?.count || 0,
+											" assets."
+										]
+									}) })]
+								}),
+								/* @__PURE__ */ D(f, {
+									className: "border-status-success-border bg-status-success-bg-subtle",
+									children: [/* @__PURE__ */ E(h, { children: /* @__PURE__ */ E(g, {
+										className: "text-status-success-text text-base",
+										children: "Performance"
+									}) }), /* @__PURE__ */ E(p, { children: /* @__PURE__ */ D("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."
+										]
+									}) })]
+								}),
+								/* @__PURE__ */ D(f, {
+									className: "border-status-warning-border bg-status-warning-bg-subtle",
+									children: [/* @__PURE__ */ E(h, { children: /* @__PURE__ */ E(g, {
+										className: "text-status-warning-text text-base",
+										children: "Maintenance"
+									}) }), /* @__PURE__ */ E(p, { children: /* @__PURE__ */ D("p", {
+										className: "text-sm text-status-warning-text",
+										children: [
+											M.filter((e) => e.status === "scheduled").length,
+											" maintenance tasks are scheduled. Total maintenance spend is $",
+											q.toLocaleString(),
+											". Stay on top of preventive maintenance."
+										]
+									}) })]
+								})
+							]
+						}), /* @__PURE__ */ D(_, { children: [/* @__PURE__ */ D(h, {
+							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, {
+							className: "px-0 pb-0",
+							children: /* @__PURE__ */ E("div", {
+								className: "space-y-3",
+								children: [...O].sort((e, t) => t.currentValue - e.currentValue).slice(0, 5).map((e, t) => /* @__PURE__ */ D("div", {
+									className: "flex items-center justify-between p-3 rounded-lg border border-border-seam bg-gloss-card",
+									children: [/* @__PURE__ */ D("div", {
+										className: "flex items-center gap-3",
+										children: [/* @__PURE__ */ E("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", {
+											className: "text-sm font-medium",
+											children: e.name
+										}), /* @__PURE__ */ D("p", {
+											className: "text-xs text-text-secondary",
+											children: [
+												e.department,
+												" · ",
+												e.category.replace("_", " ")
+											]
+										})] })]
+									}), /* @__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"
 											})
-										})
-									]
-								}, e.id)) })]
+										})]
+									})]
+								}, e.id))
 							})
-						}) })] })
-					]
-				}),
-				/* @__PURE__ */ S(y, {
-					value: "operational",
-					className: "space-y-6 mt-6",
-					children: /* @__PURE__ */ C("div", {
-						className: "grid gap-4 md:grid-cols-4",
-						children: [
-							/* @__PURE__ */ C(f, { children: [/* @__PURE__ */ S(h, {
-								className: "pb-2",
-								children: /* @__PURE__ */ S(g, {
-									className: "text-sm font-medium",
-									children: "Incidents"
-								})
-							}), /* @__PURE__ */ C(p, { children: [/* @__PURE__ */ S("div", {
-								className: "text-2xl font-bold",
-								children: D.length
-							}), /* @__PURE__ */ C("p", {
-								className: "text-xs text-text-secondary",
-								children: [B.length, " resolved"]
-							})] })] }),
-							/* @__PURE__ */ C(f, { children: [/* @__PURE__ */ S(h, {
-								className: "pb-2",
-								children: /* @__PURE__ */ S(g, {
-									className: "text-sm font-medium",
-									children: "SLA Breaches"
-								})
-							}), /* @__PURE__ */ C(p, { children: [/* @__PURE__ */ S("div", {
-								className: "text-2xl font-bold text-red-600",
-								children: V.length
-							}), /* @__PURE__ */ C("p", {
-								className: "text-xs text-text-secondary",
-								children: [((1 - V.length / Math.max(D.length, 1)) * 100).toFixed(1), "% compliance"]
-							})] })] }),
-							/* @__PURE__ */ C(f, { children: [/* @__PURE__ */ S(h, {
-								className: "pb-2",
-								children: /* @__PURE__ */ S(g, {
-									className: "text-sm font-medium",
-									children: "Maintenance Done"
-								})
-							}), /* @__PURE__ */ C(p, { children: [/* @__PURE__ */ S("div", {
-								className: "text-2xl font-bold",
-								children: H.length
-							}), /* @__PURE__ */ C("p", {
-								className: "text-xs text-text-secondary",
-								children: [
-									"of ",
-									O.length,
-									" total"
-								]
-							})] })] }),
-							/* @__PURE__ */ C(f, { children: [/* @__PURE__ */ S(h, {
-								className: "pb-2",
-								children: /* @__PURE__ */ S(g, {
-									className: "text-sm font-medium",
-									children: "Workflow Success"
-								})
-							}), /* @__PURE__ */ C(p, { children: [/* @__PURE__ */ C("div", {
-								className: "text-2xl font-bold",
-								children: [(k.reduce((e, t) => e + t.successRate, 0) / Math.max(k.length, 1)).toFixed(1), "%"]
-							}), /* @__PURE__ */ C("p", {
-								className: "text-xs text-text-secondary",
-								children: [k.length, " active workflows"]
-							})] })] })
-						]
+						})] })]
 					})
-				}),
-				/* @__PURE__ */ C(y, {
-					value: "insights",
-					className: "space-y-6 mt-6",
-					children: [/* @__PURE__ */ C("div", {
-						className: "grid gap-4 md:grid-cols-3",
-						children: [
-							/* @__PURE__ */ C(f, {
-								className: "border-blue-200 bg-blue-50/50",
-								children: [/* @__PURE__ */ S(h, { children: /* @__PURE__ */ S(g, {
-									className: "text-blue-900 text-base",
-									children: "Diversification"
-								}) }), /* @__PURE__ */ S(p, { children: /* @__PURE__ */ C("p", {
-									className: "text-sm text-blue-800",
-									children: [
-										"Your portfolio spans ",
-										Object.keys(L).length,
-										" categories across",
-										" ",
-										Object.keys(z).length,
-										" departments. IT Hardware represents the largest segment at ",
-										T.byCategory[0]?.count || 0,
-										" assets."
-									]
-								}) })]
-							}),
-							/* @__PURE__ */ C(f, {
-								className: "border-green-200 bg-green-50/50",
-								children: [/* @__PURE__ */ S(h, { children: /* @__PURE__ */ S(g, {
-									className: "text-green-900 text-base",
-									children: "Performance"
-								}) }), /* @__PURE__ */ S(p, { children: /* @__PURE__ */ C("p", {
-									className: "text-sm text-green-800",
-									children: [
-										"Portfolio depreciated value stands at $",
-										(T.depreciatedValue / 1e6).toFixed(2),
-										"M. Depreciation rate is within expected range at ",
-										F,
-										"% of original cost."
-									]
-								}) })]
-							}),
-							/* @__PURE__ */ C(f, {
-								className: "border-amber-200 bg-amber-50/50",
-								children: [/* @__PURE__ */ S(h, { children: /* @__PURE__ */ S(g, {
-									className: "text-amber-900 text-base",
-									children: "Maintenance"
-								}) }), /* @__PURE__ */ S(p, { children: /* @__PURE__ */ C("p", {
-									className: "text-sm text-amber-800",
-									children: [
-										O.filter((e) => e.status === "scheduled").length,
-										" maintenance tasks are scheduled. Total maintenance spend is $",
-										U.toLocaleString(),
-										". Stay on top of preventive maintenance."
-									]
-								}) })]
-							})
-						]
-					}), /* @__PURE__ */ C(f, { children: [/* @__PURE__ */ C(h, { children: [/* @__PURE__ */ S(g, { children: "Top Assets by Value" }), /* @__PURE__ */ S(m, { children: "Highest value assets in your portfolio" })] }), /* @__PURE__ */ S(p, { children: /* @__PURE__ */ S("div", {
-						className: "space-y-3",
-						children: [...w].sort((e, t) => t.currentValue - e.currentValue).slice(0, 5).map((e, t) => /* @__PURE__ */ C("div", {
-							className: "flex items-center justify-between p-3 rounded-lg border",
-							children: [/* @__PURE__ */ C("div", {
-								className: "flex items-center gap-3",
-								children: [/* @__PURE__ */ S("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__ */ C("div", { children: [/* @__PURE__ */ S("p", {
-									className: "text-sm font-medium",
-									children: e.name
-								}), /* @__PURE__ */ C("p", {
-									className: "text-xs text-text-secondary",
-									children: [
-										e.department,
-										" · ",
-										e.category.replace("_", " ")
-									]
-								})] })]
-							}), /* @__PURE__ */ C("div", {
-								className: "text-right",
-								children: [/* @__PURE__ */ C("p", {
-									className: "text-sm font-medium",
-									children: ["$", e.currentValue.toLocaleString()]
-								}), /* @__PURE__ */ S("p", {
-									className: "text-xs text-text-secondary",
-									children: e.currentValue < e.value ? /* @__PURE__ */ C("span", {
-										className: "text-red-600",
-										children: [
-											"-",
-											((1 - e.currentValue / e.value) * 100).toFixed(1),
-											"%"
-										]
-									}) : /* @__PURE__ */ S("span", {
-										className: "text-green-600",
-										children: "No depreciation"
-									})
-								})]
-							})]
-						}, e.id))
-					}) })] })]
-				})
-			]
-		})]
+				]
+			})
+		]
 	});
 }
 //#endregion
-export { w as AnalyticsPage };
+export { O as AnalyticsPage };
 
 //# sourceMappingURL=AnalyticsPage.js.map