@burdenoff/microfe-assethandler 2026.625.1 → 2026.625.2

package/dist/assethandler/pages/AnalyticsPage.js

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