@burdenoff/microfe-assethandler 2026.510.104

package/dist/assethandler/pages/AnalyticsPage.js

@@ -0,0 +1,576 @@
+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";
+//#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) => {
+		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] = {
+		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", {
+		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-muted-foreground 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),
+						className: "rounded-md border border-input bg-background px-3 py-1.5 text-sm",
+						children: [
+							/* @__PURE__ */ S("option", {
+								value: "7d",
+								children: "Last 7 days"
+							}),
+							/* @__PURE__ */ S("option", {
+								value: "30d",
+								children: "Last 30 days"
+							}),
+							/* @__PURE__ */ S("option", {
+								value: "90d",
+								children: "Last 90 days"
+							}),
+							/* @__PURE__ */ S("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-muted-foreground" })]
+								}), /* @__PURE__ */ C(p, { children: [/* @__PURE__ */ C("div", {
+									className: "text-2xl font-bold",
+									children: ["$", T.totalValue.toLocaleString()]
+								}), /* @__PURE__ */ C("p", {
+									className: "text-xs text-muted-foreground 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-muted-foreground" })]
+								}), /* @__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-muted-foreground",
+									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-muted-foreground" })]
+								}), /* @__PURE__ */ C(p, { children: [/* @__PURE__ */ S("div", {
+									className: "text-2xl font-bold",
+									children: T.totalAssets
+								}), /* @__PURE__ */ C("p", {
+									className: "text-xs text-muted-foreground",
+									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-muted-foreground" })]
+								}), /* @__PURE__ */ C(p, { children: [/* @__PURE__ */ C("div", {
+									className: "text-2xl font-bold",
+									children: ["$", I.toLocaleString()]
+								}), /* @__PURE__ */ S("p", {
+									className: "text-xs text-muted-foreground",
+									children: "Across all categories"
+								})] })] })
+							]
+						}),
+						/* @__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", {
+											className: "flex items-center justify-between text-sm",
+											children: [/* @__PURE__ */ S("span", {
+												className: "font-medium capitalize",
+												children: e
+											}), /* @__PURE__ */ C("span", {
+												className: "text-muted-foreground",
+												children: [
+													t.count,
+													" · $",
+													(t.value / 1e3).toFixed(1),
+													"K"
+												]
+											})]
+										}), /* @__PURE__ */ S("div", {
+											className: "h-2 rounded-full bg-muted overflow-hidden",
+											children: /* @__PURE__ */ S("div", {
+												className: "h-full rounded-full bg-primary",
+												style: { width: `${n}%` }
+											})
+										})]
+									}, e);
+								})
+							}) })] }), /* @__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-muted overflow-hidden",
+													children: /* @__PURE__ */ S("div", {
+														className: "h-full rounded-full bg-primary",
+														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-muted-foreground",
+											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-muted-foreground",
+											children: [
+												"$",
+												(e.value / 1e6).toFixed(2),
+												"M"
+											]
+										}),
+										/* @__PURE__ */ S("div", {
+											className: "w-full bg-primary/80 rounded-t",
+											style: { height: `${n}%` }
+										}),
+										/* @__PURE__ */ S("span", {
+											className: "text-[10px] text-muted-foreground",
+											children: e.month.replace(" 20", "'")
+										})
+									]
+								}, 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",
+							children: [
+								/* @__PURE__ */ C(f, { children: [/* @__PURE__ */ S(h, {
+									className: "pb-2",
+									children: /* @__PURE__ */ S(g, {
+										className: "text-sm font-medium",
+										children: "Total Transactions"
+									})
+								}), /* @__PURE__ */ C(p, { children: [/* @__PURE__ */ S("div", {
+									className: "text-2xl font-bold",
+									children: E.length
+								}), /* @__PURE__ */ C("p", {
+									className: "text-xs text-muted-foreground",
+									children: [
+										"$",
+										E.reduce((e, t) => e + Math.abs(t.amount), 0).toLocaleString(),
+										" total value"
+									]
+								})] })] }),
+								/* @__PURE__ */ C(f, { children: [/* @__PURE__ */ S(h, {
+									className: "pb-2",
+									children: /* @__PURE__ */ S(g, {
+										className: "text-sm font-medium",
+										children: "Maintenance Cost"
+									})
+								}), /* @__PURE__ */ C(p, { children: [/* @__PURE__ */ C("div", {
+									className: "text-2xl font-bold",
+									children: ["$", U.toLocaleString()]
+								}), /* @__PURE__ */ C("p", {
+									className: "text-xs text-muted-foreground",
+									children: [O.length, " maintenance records"]
+								})] })] }),
+								/* @__PURE__ */ C(f, { children: [/* @__PURE__ */ S(h, {
+									className: "pb-2",
+									children: /* @__PURE__ */ S(g, {
+										className: "text-sm font-medium",
+										children: "Acquisitions (6mo)"
+									})
+								}), /* @__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", {
+									className: "text-xs text-muted-foreground",
+									children: [
+										"$",
+										(T.acquisitionTrend.reduce((e, t) => e + t.value, 0) / 1e3).toFixed(0),
+										"K total spend"
+									]
+								})] })] })
+							]
+						}),
+						/* @__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-muted-foreground",
+											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-muted-foreground",
+											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-muted/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
+											})
+										})
+									]
+								}, 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-muted-foreground",
+								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-muted-foreground",
+								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-muted-foreground",
+								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-muted-foreground",
+								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-primary/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-muted-foreground",
+									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-muted-foreground",
+									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 };
+
+//# sourceMappingURL=AnalyticsPage.js.map