@burdenoff/microfe-assethandler 2026.713.2 → 2026.714.1

package/dist/assethandler/pages/AnalyticsPage.js

@@ -1,22 +1,23 @@
 import { useAssetHandlerStore as e } from "../store/assethandlerStore.js";
-import { cn as t } from "../utils/cn.js";
-import { formatCompact as n, formatCurrencyCompact as r, seriesColor as i } from "../components/charts/chartTheme.js";
+import { useCopy as t } from "../hooks/useCopy.js";
+import { cn as n } from "../utils/cn.js";
+import { formatCompact as r, formatCurrencyCompact as i, seriesColor as ee } from "../components/charts/chartTheme.js";
 import { TrendChart as a } from "../components/charts/TrendChart.js";
 import { BarsChart as o } from "../components/charts/BarsChart.js";
 import { DonutChart as s } from "../components/charts/DonutChart.js";
-import { RadialGauge as ee } from "../components/charts/RadialGauge.js";
-import { ProgressMeter as te } from "../components/charts/ProgressMeter.js";
+import { RadialGauge as te } from "../components/charts/RadialGauge.js";
+import { ProgressMeter as ne } from "../components/charts/ProgressMeter.js";
 import { StatTile as c } from "../components/StatTile.js";
 import { ChartCard as l } from "../components/ChartCard.js";
 import "../components/index.js";
 import { useMemo as u } from "react";
-import { Activity as d, AlertTriangle as f, Box as p, ClipboardList as m, DollarSign as ne, Gauge as re, PieChart as ie, Receipt as h, ShieldCheck as ae, TrendingDown as oe, Users as se, Wallet as g, Wrench as _ } from "lucide-react";
-import { gql as v } from "@apollo/client";
-import { useQuery as ce } from "@apollo/client/react";
-import { jsx as y, jsxs as b } from "react/jsx-runtime";
-import { Card as x, CardContent as S, CardHeader as C, CardTitle as w, EmphasisPanel as le, GradientText as ue, IllustratedEmptyState as T, PagePurpose as de, Separator as fe, Tabs as pe, TabsContent as E, TabsList as me, TabsTrigger as D } from "@burdenoff/fe-libs/ui";
+import { Activity as d, AlertTriangle as f, Box as p, ClipboardList as m, DollarSign as re, Gauge as h, PieChart as g, Receipt as _, ShieldCheck as ie, TrendingDown as ae, Users as oe, Wallet as v, Wrench as y } from "lucide-react";
+import { gql as b } from "@apollo/client";
+import { useQuery as se } from "@apollo/client/react";
+import { jsx as x, jsxs as S } from "react/jsx-runtime";
+import { Card as C, CardContent as w, CardHeader as T, CardTitle as E, EmphasisPanel as ce, GradientText as le, IllustratedEmptyState as D, PagePurpose as ue, Separator as de, Tabs as fe, TabsContent as O, TabsList as pe, TabsTrigger as k } from "@burdenoff/fe-libs/ui";
 //#region src/assethandler/pages/AnalyticsPage.tsx
-var he = v`
+var me = b`
   query AssetHandlerAnalyticsRollups {
     financialSummary {
       totalAssetValue
@@ -40,54 +41,54 @@ var he = v`
       }
     }
   }
-`, O = r("USD");
-function k(e) {
+`, A = i("USD");
+function j(e) {
 	return e.replace(/_/g, " ").replace(/\b\w/g, (e) => e.toUpperCase());
 }
-function A(e) {
+function M(e) {
 	if (!e) return null;
 	let t = new Date(e);
 	return Number.isNaN(t.getTime()) ? null : t;
 }
-function j(e) {
+function N(e) {
 	return `${e.getFullYear()}-${String(e.getMonth() + 1).padStart(2, "0")}`;
 }
-function M(e) {
+function P(e) {
 	let [t, n] = e.split("-").map(Number);
 	return new Date(t, n - 1, 1).toLocaleString(void 0, { month: "short" });
 }
-var N = {
+var F = {
 	success: "bg-status-success-bg-subtle text-status-success-text",
 	warning: "bg-status-warning-bg-subtle text-status-warning-text",
 	error: "bg-status-error-bg-subtle text-status-error-text",
 	info: "bg-status-info-bg-subtle text-status-info-text",
 	neutral: "bg-bg-sunken text-text-secondary"
 };
-function P({ tone: e, children: n }) {
-	return /* @__PURE__ */ y("span", {
-		className: t("inline-flex items-center rounded-full px-2 py-0.5 text-[11px] font-medium capitalize whitespace-nowrap", N[e]),
-		children: n
+function I({ tone: e, children: t }) {
+	return /* @__PURE__ */ x("span", {
+		className: n("inline-flex items-center rounded-full px-2 py-0.5 text-[11px] font-medium capitalize whitespace-nowrap", F[e]),
+		children: t
 	});
 }
-var ge = (e) => e === "completed" || e === "approved" ? "success" : e === "rejected" ? "error" : e === "pending" ? "warning" : "neutral";
-function F() {
-	let { assets: r, transactions: v, incidents: N, maintenanceRecords: F, budgets: I, invoices: L, workOrders: R } = e(), { data: z } = ce(he, {
+var he = (e) => e === "completed" || e === "approved" ? "success" : e === "rejected" ? "error" : e === "pending" ? "warning" : "neutral";
+function L() {
+	let i = t(), { assets: b, transactions: F, incidents: L, maintenanceRecords: R, budgets: z, invoices: B, workOrders: V } = e(), { data: H } = se(me, {
 		fetchPolicy: "cache-and-network",
 		errorPolicy: "all"
-	}), B = z?.financialSummary, V = z?.utilizationReport, H = u(() => {
-		let e = r.reduce((e, t) => {
-			let n = k(t.category);
+	}), U = H?.financialSummary, W = H?.utilizationReport, G = u(() => {
+		let e = b.reduce((e, t) => {
+			let n = j(t.category);
 			return e[n] = (e[n] || 0) + 1, e;
 		}, {});
 		return Object.entries(e).sort((e, t) => t[1] - e[1]).map(([e, t]) => ({
 			name: e,
 			value: t
 		}));
-	}, [r]), _e = u(() => H.map((e) => ({
+	}, [b]), K = u(() => G.map((e) => ({
 		category: e.name,
 		count: e.value
-	})), [H]), ve = u(() => {
-		let e = r.reduce((e, t) => (e[t.status] = (e[t.status] || 0) + 1, e), {}), t = {
+	})), [G]), ge = u(() => {
+		let e = b.reduce((e, t) => (e[t.status] = (e[t.status] || 0) + 1, e), {}), t = {
 			active: "success",
 			maintenance: "warning",
 			retired: "neutral",
@@ -101,204 +102,204 @@ function F() {
 			neutral: "var(--color-text-muted)"
 		};
 		return Object.entries(e).sort((e, t) => t[1] - e[1]).map(([e, r]) => ({
-			name: k(e),
+			name: j(e),
 			value: r,
 			color: n[t[e] ?? "neutral"]
 		}));
-	}, [r]), ye = u(() => {
+	}, [b]), _e = u(() => {
 		let e = [
 			"excellent",
 			"good",
 			"fair",
 			"poor",
 			"damaged"
-		], t = r.reduce((e, t) => (e[t.condition] = (e[t.condition] || 0) + 1, e), {});
+		], t = b.reduce((e, t) => (e[t.condition] = (e[t.condition] || 0) + 1, e), {});
 		return e.filter((e) => t[e]).map((e) => ({
-			condition: k(e),
+			condition: j(e),
 			count: t[e]
 		})).concat(Object.entries(t).filter(([t]) => !e.includes(t)).map(([e, t]) => ({
-			condition: k(e),
+			condition: j(e),
 			count: t
 		})));
-	}, [r]), U = r.length, be = r.filter((e) => e.status === "active").length, W = H.length, G = r.filter((e) => e.condition === "poor" || e.condition === "damaged" || e.status === "maintenance"), xe = v.reduce((e, t) => e + Math.abs(t.amount), 0), K = I.reduce((e, t) => e + t.allocated, 0), q = I.reduce((e, t) => e + t.spent, 0), J = I.reduce((e, t) => e + t.remaining, 0), Y = F.reduce((e, t) => e + (t.actualCost ?? t.estimatedCost ?? 0), 0), X = L.filter((e) => e.status !== "paid" && e.status !== "cancelled"), Se = X.reduce((e, t) => e + t.amount, 0), Z = u(() => I.map((e) => ({
+	}, [b]), q = b.length, ve = b.filter((e) => e.status === "active").length, J = G.length, Y = b.filter((e) => e.condition === "poor" || e.condition === "damaged" || e.status === "maintenance"), ye = F.reduce((e, t) => e + Math.abs(t.amount), 0), be = z.reduce((e, t) => e + t.allocated, 0), xe = z.reduce((e, t) => e + t.spent, 0), Se = z.reduce((e, t) => e + t.remaining, 0), Ce = R.reduce((e, t) => e + (t.actualCost ?? t.estimatedCost ?? 0), 0), we = B.filter((e) => e.status !== "paid" && e.status !== "cancelled"), Te = we.reduce((e, t) => e + t.amount, 0), X = u(() => z.map((e) => ({
 		name: e.name,
 		allocated: e.allocated,
 		spent: e.spent
-	})), [I]), Ce = u(() => {
+	})), [z]), Z = u(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let t of v) {
-			let n = A(t.date);
+		for (let t of F) {
+			let n = M(t.date);
 			if (!n) continue;
-			let r = j(n);
+			let r = N(n);
 			e.set(r, (e.get(r) ?? 0) + Math.abs(t.amount));
 		}
 		return [...e.keys()].sort().map((t) => ({
-			month: M(t),
+			month: P(t),
 			spend: Math.round(e.get(t) ?? 0)
 		}));
-	}, [v]), we = N.filter((e) => e.status === "resolved" || e.status === "closed"), Q = N.filter((e) => e.slaBreached), Te = N.length > 0 ? Math.round((1 - Q.length / N.length) * 100) : 100, Ee = F.filter((e) => e.status === "completed"), De = F.filter((e) => e.status === "scheduled"), Oe = R.filter((e) => e.status !== "completed" && e.status !== "cancelled"), ke = u(() => (V?.byStatus ?? []).map((e) => ({
-		status: k(e.status),
+	}, [F]), Ee = L.filter((e) => e.status === "resolved" || e.status === "closed"), Q = L.filter((e) => e.slaBreached), De = L.length > 0 ? Math.round((1 - Q.length / L.length) * 100) : 100, Oe = R.filter((e) => e.status === "completed"), ke = R.filter((e) => e.status === "scheduled"), Ae = V.filter((e) => e.status !== "completed" && e.status !== "cancelled"), je = u(() => (W?.byStatus ?? []).map((e) => ({
+		status: j(e.status),
 		count: e.count
-	})), [V]), Ae = u(() => {
-		let e = R.reduce((e, t) => (e[t.status] = (e[t.status] || 0) + 1, e), {});
+	})), [W]), Me = u(() => {
+		let e = V.reduce((e, t) => (e[t.status] = (e[t.status] || 0) + 1, e), {});
 		return Object.entries(e).sort((e, t) => t[1] - e[1]).map(([e, t]) => ({
-			name: k(e),
+			name: j(e),
 			value: t
 		}));
-	}, [R]), je = u(() => {
+	}, [V]), Ne = u(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let t of F) {
-			let n = A(t.completedDate ?? t.scheduledDate), r = t.actualCost ?? t.estimatedCost;
+		for (let t of R) {
+			let n = M(t.completedDate ?? t.scheduledDate), r = t.actualCost ?? t.estimatedCost;
 			if (!n || r === void 0) continue;
-			let i = j(n);
+			let i = N(n);
 			e.set(i, (e.get(i) ?? 0) + r);
 		}
 		return [...e.keys()].sort().map((t) => ({
-			month: M(t),
+			month: P(t),
 			cost: Math.round(e.get(t) ?? 0)
 		}));
-	}, [F]), $ = B ? [
+	}, [R]), $ = U ? [
 		{
 			label: "Total Asset Value",
-			value: B.totalAssetValue,
-			icon: ne
+			value: U.totalAssetValue,
+			icon: re
 		},
 		{
 			label: "Total Depreciation",
-			value: B.totalDepreciation,
-			icon: oe
+			value: U.totalDepreciation,
+			icon: ae
 		},
 		{
 			label: "Maintenance Spend",
-			value: B.totalMaintenanceSpend,
-			icon: _
+			value: U.totalMaintenanceSpend,
+			icon: y
 		},
 		{
 			label: "Transaction Expense",
-			value: B.transactionExpense,
-			icon: h
+			value: U.transactionExpense,
+			icon: _
 		},
 		{
 			label: "Budget Allocated",
-			value: B.budgetAllocated,
-			icon: g
+			value: U.budgetAllocated,
+			icon: v
 		},
 		{
 			label: "Budget Spent",
-			value: B.budgetSpent,
-			icon: g
+			value: U.budgetSpent,
+			icon: v
 		},
 		{
 			label: "Invoices Outstanding",
-			value: B.invoicesOutstanding,
+			value: U.invoicesOutstanding,
 			icon: f
 		}
 	] : [];
-	return /* @__PURE__ */ b("div", {
+	return /* @__PURE__ */ S("div", {
 		className: "space-y-6 p-4 sm:p-6",
 		children: [
-			/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("h1", {
+			/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("h1", {
 				className: "text-2xl font-bold sm:text-3xl",
-				children: /* @__PURE__ */ y(ue, { children: "Analytics & Business Intelligence" })
-			}), /* @__PURE__ */ y("p", {
+				children: /* @__PURE__ */ x(le, { children: "Analytics & Business Intelligence" })
+			}), /* @__PURE__ */ x("p", {
 				className: "text-sm text-text-secondary mt-1",
 				children: "Asset, financial and operational insights across your estate"
 			})] }),
-			/* @__PURE__ */ y(de, { children: "Turn raw asset data into decisions. See how your estate is distributed by category, status and condition, where budget is being spent, and how operations are trending — so you can plan work, justify replacements and spot risk before it shows up as downtime." }),
-			/* @__PURE__ */ b(pe, {
+			/* @__PURE__ */ x(ue, { children: "Turn raw asset data into decisions. See how your estate is distributed by category, status and condition, where budget is being spent, and how operations are trending — so you can plan work, justify replacements and spot risk before it shows up as downtime." }),
+			/* @__PURE__ */ S(fe, {
 				defaultValue: "overview",
 				children: [
-					/* @__PURE__ */ b(me, {
+					/* @__PURE__ */ S(pe, {
 						className: "max-w-full justify-start overflow-x-auto",
 						children: [
-							/* @__PURE__ */ y(D, {
+							/* @__PURE__ */ x(k, {
 								value: "overview",
 								children: "Overview"
 							}),
-							/* @__PURE__ */ y(D, {
+							/* @__PURE__ */ x(k, {
 								value: "financial",
 								children: "Financial"
 							}),
-							/* @__PURE__ */ y(D, {
+							/* @__PURE__ */ x(k, {
 								value: "operational",
 								children: "Operational"
 							}),
-							/* @__PURE__ */ y(D, {
+							/* @__PURE__ */ x(k, {
 								value: "insights",
 								children: "Insights"
 							})
 						]
 					}),
-					/* @__PURE__ */ b(E, {
+					/* @__PURE__ */ S(O, {
 						value: "overview",
 						className: "space-y-6 mt-6",
 						children: [
-							/* @__PURE__ */ b("div", {
+							/* @__PURE__ */ S("div", {
 								className: "grid gap-4 md:grid-cols-2 lg:grid-cols-4",
 								children: [
-									/* @__PURE__ */ y(c, {
+									/* @__PURE__ */ x(c, {
 										hero: !0,
-										label: "Total Assets",
-										value: U,
-										format: n,
+										label: i("assethandler.analytics.metrics.totalAssets", "Total {{assets}}"),
+										value: q,
+										format: r,
 										icon: p
 									}),
-									/* @__PURE__ */ y(c, {
+									/* @__PURE__ */ x(c, {
 										label: "Categories",
-										value: W,
-										icon: ie
+										value: J,
+										icon: g
 									}),
-									/* @__PURE__ */ y(c, {
+									/* @__PURE__ */ x(c, {
 										label: "Needs Attention",
-										value: G.length,
+										value: Y.length,
 										icon: f
 									}),
-									/* @__PURE__ */ y(c, {
+									/* @__PURE__ */ x(c, {
 										label: "Open Incidents",
-										value: N.length - we.length,
+										value: L.length - Ee.length,
 										icon: d
 									})
 								]
 							}),
-							/* @__PURE__ */ b("div", {
+							/* @__PURE__ */ S("div", {
 								className: "grid gap-6 lg:grid-cols-2",
-								children: [/* @__PURE__ */ y(l, {
+								children: [/* @__PURE__ */ x(l, {
 									title: "Assets by Category",
 									subtitle: "Computed from real data",
-									icon: ie,
-									children: /* @__PURE__ */ y(o, {
-										data: _e,
+									icon: g,
+									children: /* @__PURE__ */ x(o, {
+										data: K,
 										xKey: "category",
 										series: [{
 											key: "count",
 											label: "Assets"
 										}],
 										orientation: "horizontal",
-										height: Math.max(220, _e.length * 40),
+										height: Math.max(220, K.length * 40),
 										categoryWidth: 120,
 										emptyLabel: "No assets yet",
 										ariaLabel: "Assets by category"
 									})
-								}), /* @__PURE__ */ y(l, {
+								}), /* @__PURE__ */ x(l, {
 									title: "Assets by Status",
 									subtitle: "Computed from real data",
 									icon: d,
-									children: /* @__PURE__ */ y(s, {
-										data: ve,
-										centerLabel: "Assets",
-										centerValue: U,
+									children: /* @__PURE__ */ x(s, {
+										data: ge,
+										centerLabel: i("assethandler.analytics.donut.centerLabel", "{{assets}}"),
+										centerValue: q,
 										height: 260,
 										emptyLabel: "No assets yet",
 										ariaLabel: "Assets by status"
 									})
 								})]
 							}),
-							/* @__PURE__ */ y(l, {
+							/* @__PURE__ */ x(l, {
 								title: "Asset Condition Mix",
 								subtitle: "Computed from real data",
-								icon: re,
-								children: /* @__PURE__ */ y(o, {
-									data: ye,
+								icon: h,
+								children: /* @__PURE__ */ x(o, {
+									data: _e,
 									xKey: "condition",
 									series: [{
 										key: "count",
@@ -311,198 +312,198 @@ function F() {
 							})
 						]
 					}),
-					/* @__PURE__ */ b(E, {
+					/* @__PURE__ */ S(O, {
 						value: "financial",
 						className: "space-y-6 mt-6",
 						children: [
-							B ? /* @__PURE__ */ y("div", {
+							U ? /* @__PURE__ */ x("div", {
 								className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-4",
-								children: $.slice(0, 4).map((e, t) => /* @__PURE__ */ y(c, {
+								children: $.slice(0, 4).map((e, t) => /* @__PURE__ */ x(c, {
 									hero: t === 0,
 									label: e.label,
 									value: e.value,
-									format: O,
+									format: A,
 									icon: e.icon
 								}, e.label))
-							}) : /* @__PURE__ */ y(x, { children: /* @__PURE__ */ y(S, {
+							}) : /* @__PURE__ */ x(C, { children: /* @__PURE__ */ x(w, {
 								className: "py-8",
-								children: /* @__PURE__ */ y(T, {
+								children: /* @__PURE__ */ x(D, {
 									illustration: "empty-data",
 									title: "Financial summary unavailable",
 									description: "Portfolio valuation and budget rollups will appear once financial data is recorded."
 								})
 							}) }),
-							B ? /* @__PURE__ */ y("div", {
+							U ? /* @__PURE__ */ x("div", {
 								className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-3",
-								children: $.slice(4).map((e) => /* @__PURE__ */ y(c, {
+								children: $.slice(4).map((e) => /* @__PURE__ */ x(c, {
 									label: e.label,
 									value: e.value,
-									format: O,
+									format: A,
 									icon: e.icon,
-									delta: e.label === "Invoices Outstanding" ? `${B.invoicesOutstandingCount} unpaid` : void 0,
+									delta: e.label === "Invoices Outstanding" ? `${U.invoicesOutstandingCount} unpaid` : void 0,
 									deltaTone: "neutral"
 								}, e.label))
 							}) : null,
-							/* @__PURE__ */ b("div", {
+							/* @__PURE__ */ S("div", {
 								className: "grid gap-6 lg:grid-cols-2",
-								children: [/* @__PURE__ */ y(l, {
+								children: [/* @__PURE__ */ x(l, {
 									title: "Budget: Allocated vs Spent",
 									subtitle: "Per budget, from real data",
-									icon: g,
-									children: Z.length === 0 ? /* @__PURE__ */ y(T, {
+									icon: v,
+									children: X.length === 0 ? /* @__PURE__ */ x(D, {
 										illustration: "empty-data",
 										title: "No budgets yet",
 										description: "Create a budget to track allocation and spend here."
-									}) : /* @__PURE__ */ y(o, {
-										data: Z,
+									}) : /* @__PURE__ */ x(o, {
+										data: X,
 										xKey: "name",
 										series: [{
 											key: "allocated",
 											label: "Allocated",
-											color: i(1)
+											color: ee(1)
 										}, {
 											key: "spent",
 											label: "Spent"
 										}],
-										height: Math.max(220, Z.length * 56),
+										height: Math.max(220, X.length * 56),
 										orientation: "horizontal",
 										categoryWidth: 120,
-										valueFormat: O,
+										valueFormat: A,
 										ariaLabel: "Budget allocated versus spent"
 									})
-								}), /* @__PURE__ */ y(l, {
+								}), /* @__PURE__ */ x(l, {
 									title: "Spend Over Time",
 									subtitle: "Monthly transaction spend",
-									icon: h,
-									children: Ce.length === 0 ? /* @__PURE__ */ y(T, {
+									icon: _,
+									children: Z.length === 0 ? /* @__PURE__ */ x(D, {
 										illustration: "empty-data",
 										title: "No transactions yet",
 										description: "Recorded purchases, leases and disposals will chart here."
-									}) : /* @__PURE__ */ y(a, {
-										data: Ce,
+									}) : /* @__PURE__ */ x(a, {
+										data: Z,
 										xKey: "month",
 										series: [{
 											key: "spend",
 											label: "Spend"
 										}],
-										valueFormat: O,
+										valueFormat: A,
 										height: 260,
 										ariaLabel: "Monthly transaction spend"
 									})
 								})]
 							}),
-							/* @__PURE__ */ y(l, {
+							/* @__PURE__ */ x(l, {
 								title: "Budget Utilization",
 								subtitle: "Allocated vs. spent per budget",
-								icon: g,
-								children: I.length === 0 ? /* @__PURE__ */ y(T, {
+								icon: v,
+								children: z.length === 0 ? /* @__PURE__ */ x(D, {
 									illustration: "empty-data",
 									title: "No budgets yet",
 									description: "Create a budget to track allocation and spend here."
-								}) : /* @__PURE__ */ b("div", {
+								}) : /* @__PURE__ */ S("div", {
 									className: "space-y-4",
 									children: [
-										I.map((e) => /* @__PURE__ */ y(te, {
+										z.map((e) => /* @__PURE__ */ x(ne, {
 											label: e.name,
 											value: e.spent,
 											max: e.allocated,
 											format: (e) => `$${Math.round(e).toLocaleString()}`
 										}, e.id)),
-										/* @__PURE__ */ y(fe, {}),
-										/* @__PURE__ */ b("div", {
+										/* @__PURE__ */ x(de, {}),
+										/* @__PURE__ */ S("div", {
 											className: "flex items-center justify-between text-sm font-medium",
-											children: [/* @__PURE__ */ y("span", { children: "Remaining across all budgets" }), /* @__PURE__ */ b("span", {
+											children: [/* @__PURE__ */ x("span", { children: "Remaining across all budgets" }), /* @__PURE__ */ S("span", {
 												className: "tabular-nums",
-												children: ["$", J.toLocaleString()]
+												children: ["$", Se.toLocaleString()]
 											})]
 										})
 									]
 								})
 							}),
-							/* @__PURE__ */ b("div", {
+							/* @__PURE__ */ S("div", {
 								className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-4",
 								children: [
-									/* @__PURE__ */ y(c, {
+									/* @__PURE__ */ x(c, {
 										label: "Transactions",
-										value: v.length,
-										icon: h,
-										delta: `$${xe.toLocaleString()} value`,
+										value: F.length,
+										icon: _,
+										delta: `$${ye.toLocaleString()} value`,
 										deltaTone: "neutral"
 									}),
-									/* @__PURE__ */ y(c, {
+									/* @__PURE__ */ x(c, {
 										label: "Budget Allocated",
-										value: K,
-										format: O,
-										icon: g,
-										delta: `$${q.toLocaleString()} spent`,
+										value: be,
+										format: A,
+										icon: v,
+										delta: `$${xe.toLocaleString()} spent`,
 										deltaTone: "neutral"
 									}),
-									/* @__PURE__ */ y(c, {
+									/* @__PURE__ */ x(c, {
 										label: "Maintenance Cost",
-										value: Y,
-										format: O,
-										icon: _
+										value: Ce,
+										format: A,
+										icon: y
 									}),
-									/* @__PURE__ */ y(c, {
+									/* @__PURE__ */ x(c, {
 										label: "Outstanding Invoices",
-										value: Se,
-										format: O,
+										value: Te,
+										format: A,
 										icon: f,
-										delta: `${X.length} of ${L.length}`,
+										delta: `${we.length} of ${B.length}`,
 										deltaTone: "neutral"
 									})
 								]
 							}),
-							/* @__PURE__ */ y(l, {
+							/* @__PURE__ */ x(l, {
 								title: "Recent Transactions",
-								icon: h,
-								children: v.length === 0 ? /* @__PURE__ */ y(T, {
+								icon: _,
+								children: F.length === 0 ? /* @__PURE__ */ x(D, {
 									illustration: "empty-data",
 									title: "No transactions",
 									description: "Asset purchases, leases and disposals will appear here."
-								}) : /* @__PURE__ */ y("div", {
+								}) : /* @__PURE__ */ x("div", {
 									className: "overflow-x-auto",
-									children: /* @__PURE__ */ b("table", {
+									children: /* @__PURE__ */ S("table", {
 										className: "w-full text-sm",
-										children: [/* @__PURE__ */ y("thead", { children: /* @__PURE__ */ b("tr", {
+										children: [/* @__PURE__ */ x("thead", { children: /* @__PURE__ */ S("tr", {
 											className: "border-b border-border-seam text-text-secondary",
 											children: [
-												/* @__PURE__ */ y("th", {
+												/* @__PURE__ */ x("th", {
 													className: "py-2 text-left font-medium",
 													children: "Type"
 												}),
-												/* @__PURE__ */ y("th", {
+												/* @__PURE__ */ x("th", {
 													className: "py-2 text-left font-medium",
 													children: "Description"
 												}),
-												/* @__PURE__ */ y("th", {
+												/* @__PURE__ */ x("th", {
 													className: "py-2 text-right font-medium",
 													children: "Amount"
 												}),
-												/* @__PURE__ */ y("th", {
+												/* @__PURE__ */ x("th", {
 													className: "py-2 text-left font-medium",
 													children: "Status"
 												})
 											]
-										}) }), /* @__PURE__ */ y("tbody", { children: v.slice(0, 6).map((e) => /* @__PURE__ */ b("tr", {
+										}) }), /* @__PURE__ */ x("tbody", { children: F.slice(0, 6).map((e) => /* @__PURE__ */ S("tr", {
 											className: "border-b border-border-seam hover:bg-bg-sunken/50",
 											children: [
-												/* @__PURE__ */ y("td", {
+												/* @__PURE__ */ x("td", {
 													className: "py-2.5 capitalize",
 													children: e.type
 												}),
-												/* @__PURE__ */ y("td", {
+												/* @__PURE__ */ x("td", {
 													className: "max-w-xs truncate py-2.5",
 													children: e.description
 												}),
-												/* @__PURE__ */ b("td", {
-													className: t("py-2.5 text-right font-medium tabular-nums", e.amount < 0 && "text-status-error-text"),
+												/* @__PURE__ */ S("td", {
+													className: n("py-2.5 text-right font-medium tabular-nums", e.amount < 0 && "text-status-error-text"),
 													children: ["$", Math.abs(e.amount).toLocaleString()]
 												}),
-												/* @__PURE__ */ y("td", {
+												/* @__PURE__ */ x("td", {
 													className: "py-2.5",
-													children: /* @__PURE__ */ y(P, {
-														tone: ge(e.status),
+													children: /* @__PURE__ */ x(I, {
+														tone: he(e.status),
 														children: e.status
 													})
 												})
@@ -513,107 +514,107 @@ function F() {
 							})
 						]
 					}),
-					/* @__PURE__ */ b(E, {
+					/* @__PURE__ */ S(O, {
 						value: "operational",
 						className: "space-y-6 mt-6",
 						children: [
-							/* @__PURE__ */ b("div", {
+							/* @__PURE__ */ S("div", {
 								className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-5",
 								children: [
-									/* @__PURE__ */ y(c, {
-										label: "Total Assets",
-										value: V?.totalAssets ?? U,
+									/* @__PURE__ */ x(c, {
+										label: i("assethandler.analytics.metrics.totalAssets", "Total {{assets}}"),
+										value: W?.totalAssets ?? q,
 										icon: p
 									}),
-									/* @__PURE__ */ y(c, {
+									/* @__PURE__ */ x(c, {
 										label: "Assigned",
-										value: V?.assignedAssets ?? "—",
-										icon: se
+										value: W?.assignedAssets ?? "—",
+										icon: oe
 									}),
-									/* @__PURE__ */ y(c, {
+									/* @__PURE__ */ x(c, {
 										label: "Unassigned",
-										value: V?.unassignedAssets ?? "—",
+										value: W?.unassignedAssets ?? "—",
 										icon: p
 									}),
-									/* @__PURE__ */ y(c, {
+									/* @__PURE__ */ x(c, {
 										label: "Idle",
-										value: V?.idleAssets ?? "—",
+										value: W?.idleAssets ?? "—",
 										icon: d
 									}),
-									/* @__PURE__ */ y(c, {
+									/* @__PURE__ */ x(c, {
 										label: "Overdue",
-										value: V?.overdueAssignments ?? "—",
+										value: W?.overdueAssignments ?? "—",
 										icon: f,
-										delta: V && V.overdueAssignments > 0 ? "action needed" : void 0,
+										delta: W && W.overdueAssignments > 0 ? "action needed" : void 0,
 										deltaTone: "negative",
 										deltaDirection: "up"
 									})
 								]
 							}),
-							/* @__PURE__ */ b("div", {
+							/* @__PURE__ */ S("div", {
 								className: "grid gap-6 lg:grid-cols-2",
-								children: [/* @__PURE__ */ y(l, {
+								children: [/* @__PURE__ */ x(l, {
 									title: "Assets by Status",
 									subtitle: "Assignment coverage",
-									icon: re,
-									children: /* @__PURE__ */ y(o, {
-										data: ke,
+									icon: h,
+									children: /* @__PURE__ */ x(o, {
+										data: je,
 										xKey: "status",
 										series: [{
 											key: "count",
 											label: "Assets"
 										}],
 										orientation: "horizontal",
-										height: Math.max(200, ke.length * 40),
+										height: Math.max(200, je.length * 40),
 										categoryWidth: 120,
 										emptyLabel: "No utilization data",
 										ariaLabel: "Assets by status"
 									})
-								}), /* @__PURE__ */ y(l, {
+								}), /* @__PURE__ */ x(l, {
 									title: "Work Orders by Status",
 									subtitle: "From real data",
 									icon: m,
-									children: /* @__PURE__ */ y(s, {
-										data: Ae,
+									children: /* @__PURE__ */ x(s, {
+										data: Me,
 										centerLabel: "Work orders",
-										centerValue: R.length,
+										centerValue: V.length,
 										height: 260,
 										emptyLabel: "No work orders",
 										ariaLabel: "Work orders by status"
 									})
 								})]
 							}),
-							/* @__PURE__ */ y(l, {
+							/* @__PURE__ */ x(l, {
 								title: "Maintenance Cost Over Time",
 								subtitle: "Monthly recorded maintenance cost",
-								icon: _,
-								children: je.length === 0 ? /* @__PURE__ */ y(T, {
+								icon: y,
+								children: Ne.length === 0 ? /* @__PURE__ */ x(D, {
 									illustration: "empty-data",
 									title: "No maintenance cost yet",
 									description: "Once maintenance records carry cost, monthly spend will chart here."
-								}) : /* @__PURE__ */ y(a, {
-									data: je,
+								}) : /* @__PURE__ */ x(a, {
+									data: Ne,
 									xKey: "month",
 									series: [{
 										key: "cost",
 										label: "Cost"
 									}],
-									valueFormat: O,
+									valueFormat: A,
 									height: 260,
 									ariaLabel: "Monthly maintenance cost"
 								})
 							}),
-							/* @__PURE__ */ b("div", {
+							/* @__PURE__ */ S("div", {
 								className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-4",
 								children: [
-									/* @__PURE__ */ y(c, {
+									/* @__PURE__ */ x(c, {
 										label: "Incidents",
-										value: N.length,
+										value: L.length,
 										icon: d,
-										delta: `${we.length} resolved`,
+										delta: `${Ee.length} resolved`,
 										deltaTone: "neutral"
 									}),
-									/* @__PURE__ */ y(c, {
+									/* @__PURE__ */ x(c, {
 										label: "SLA Breaches",
 										value: Q.length,
 										icon: f,
@@ -621,139 +622,139 @@ function F() {
 										deltaTone: Q.length > 0 ? "negative" : "positive",
 										deltaDirection: Q.length > 0 ? "up" : "neutral"
 									}),
-									/* @__PURE__ */ y(c, {
+									/* @__PURE__ */ x(c, {
 										label: "Maintenance Done",
-										value: Ee.length,
-										icon: _,
-										delta: `of ${F.length}`,
+										value: Oe.length,
+										icon: y,
+										delta: `of ${R.length}`,
 										deltaTone: "neutral"
 									}),
-									/* @__PURE__ */ y(c, {
+									/* @__PURE__ */ x(c, {
 										label: "Open Work Orders",
-										value: Oe.length,
+										value: Ae.length,
 										icon: m,
-										delta: `of ${R.length}`,
+										delta: `of ${V.length}`,
 										deltaTone: "neutral"
 									})
 								]
 							})
 						]
 					}),
-					/* @__PURE__ */ b(E, {
+					/* @__PURE__ */ S(O, {
 						value: "insights",
 						className: "space-y-6 mt-6",
-						children: [/* @__PURE__ */ b("div", {
+						children: [/* @__PURE__ */ S("div", {
 							className: "grid gap-6 lg:grid-cols-3",
-							children: [/* @__PURE__ */ y(l, {
+							children: [/* @__PURE__ */ x(l, {
 								title: "SLA Compliance",
 								subtitle: "Incidents resolved within SLA",
-								icon: ae,
-								children: /* @__PURE__ */ y(ee, {
-									value: Te,
+								icon: ie,
+								children: /* @__PURE__ */ x(te, {
+									value: De,
 									label: "within SLA",
-									sublabel: `${Q.length} of ${N.length} breached`,
+									sublabel: `${Q.length} of ${L.length} breached`,
 									format: (e) => `${Math.round(e)}%`,
 									height: 220,
 									ariaLabel: "SLA compliance percentage"
 								})
-							}), /* @__PURE__ */ b("div", {
+							}), /* @__PURE__ */ S("div", {
 								className: "lg:col-span-2 grid gap-4 sm:grid-cols-3",
 								children: [
-									/* @__PURE__ */ b(x, {
+									/* @__PURE__ */ S(C, {
 										className: "border-status-info-border bg-status-info-bg-subtle",
-										children: [/* @__PURE__ */ y(C, { children: /* @__PURE__ */ y(w, {
+										children: [/* @__PURE__ */ x(T, { children: /* @__PURE__ */ x(E, {
 											className: "text-status-info-text text-base",
 											children: "Diversification"
-										}) }), /* @__PURE__ */ y(S, { children: /* @__PURE__ */ b("p", {
+										}) }), /* @__PURE__ */ x(w, { children: /* @__PURE__ */ S("p", {
 											className: "text-sm text-status-info-text",
 											children: [
 												"Your estate spans ",
-												W,
+												J,
 												" categories across ",
-												U,
+												q,
 												" assets.",
 												" ",
-												be,
+												ve,
 												" are currently active."
 											]
 										}) })]
 									}),
-									/* @__PURE__ */ b(x, {
+									/* @__PURE__ */ S(C, {
 										className: "border-status-success-border bg-status-success-bg-subtle",
-										children: [/* @__PURE__ */ y(C, { children: /* @__PURE__ */ y(w, {
+										children: [/* @__PURE__ */ x(T, { children: /* @__PURE__ */ x(E, {
 											className: "text-status-success-text text-base",
 											children: "Budget"
-										}) }), /* @__PURE__ */ y(S, { children: /* @__PURE__ */ b("p", {
+										}) }), /* @__PURE__ */ x(w, { children: /* @__PURE__ */ S("p", {
 											className: "text-sm text-status-success-text",
 											children: [
 												"$",
-												q.toLocaleString(),
+												xe.toLocaleString(),
 												" spent of $",
-												K.toLocaleString(),
+												be.toLocaleString(),
 												" ",
 												"allocated, leaving $",
-												J.toLocaleString(),
+												Se.toLocaleString(),
 												" across ",
-												I.length,
+												z.length,
 												" ",
 												"budgets."
 											]
 										}) })]
 									}),
-									/* @__PURE__ */ b(x, {
+									/* @__PURE__ */ S(C, {
 										className: "border-status-warning-border bg-status-warning-bg-subtle",
-										children: [/* @__PURE__ */ y(C, { children: /* @__PURE__ */ y(w, {
+										children: [/* @__PURE__ */ x(T, { children: /* @__PURE__ */ x(E, {
 											className: "text-status-warning-text text-base",
 											children: "Maintenance"
-										}) }), /* @__PURE__ */ y(S, { children: /* @__PURE__ */ b("p", {
+										}) }), /* @__PURE__ */ x(w, { children: /* @__PURE__ */ S("p", {
 											className: "text-sm text-status-warning-text",
 											children: [
-												De.length,
+												ke.length,
 												" tasks scheduled. Total maintenance spend is $",
-												Y.toLocaleString(),
+												Ce.toLocaleString(),
 												". Stay on top of preventive maintenance."
 											]
 										}) })]
 									})
 								]
 							})]
-						}), /* @__PURE__ */ b(le, { children: [/* @__PURE__ */ y(C, {
+						}), /* @__PURE__ */ S(ce, { children: [/* @__PURE__ */ x(T, {
 							className: "px-0 pt-0",
-							children: /* @__PURE__ */ b(w, {
+							children: /* @__PURE__ */ S(E, {
 								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ y(_, { className: "h-4 w-4" }), "Assets Needing Attention"]
+								children: [/* @__PURE__ */ x(y, { className: "h-4 w-4" }), "Assets Needing Attention"]
 							})
-						}), /* @__PURE__ */ y(S, {
+						}), /* @__PURE__ */ x(w, {
 							className: "px-0 pb-0",
-							children: G.length === 0 ? /* @__PURE__ */ y(T, {
+							children: Y.length === 0 ? /* @__PURE__ */ x(D, {
 								illustration: "empty-success",
 								title: "Everything looks healthy",
 								description: "No assets are flagged as poor, damaged or in maintenance right now."
-							}) : /* @__PURE__ */ y("div", {
+							}) : /* @__PURE__ */ x("div", {
 								className: "space-y-3",
-								children: G.slice(0, 6).map((e, t) => /* @__PURE__ */ b("div", {
+								children: Y.slice(0, 6).map((e, t) => /* @__PURE__ */ S("div", {
 									className: "flex items-center justify-between gap-3 rounded-lg border border-border-seam bg-gloss-card p-3",
-									children: [/* @__PURE__ */ b("div", {
+									children: [/* @__PURE__ */ S("div", {
 										className: "flex min-w-0 items-center gap-3",
-										children: [/* @__PURE__ */ y("div", {
+										children: [/* @__PURE__ */ x("div", {
 											className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-action-primary-bg/10 text-xs font-medium text-primary",
 											children: t + 1
-										}), /* @__PURE__ */ b("div", {
+										}), /* @__PURE__ */ S("div", {
 											className: "min-w-0",
-											children: [/* @__PURE__ */ y("p", {
+											children: [/* @__PURE__ */ x("p", {
 												className: "truncate text-sm font-medium",
 												children: e.name
-											}), /* @__PURE__ */ b("p", {
+											}), /* @__PURE__ */ S("p", {
 												className: "truncate text-xs text-text-secondary capitalize",
 												children: [e.category.replace("_", " "), e.location ? ` · ${e.location}` : ""]
 											})]
 										})]
-									}), /* @__PURE__ */ b("div", {
+									}), /* @__PURE__ */ S("div", {
 										className: "flex shrink-0 items-center gap-2",
-										children: [/* @__PURE__ */ y(P, {
+										children: [/* @__PURE__ */ x(I, {
 											tone: e.condition === "damaged" ? "error" : "warning",
 											children: e.condition
-										}), /* @__PURE__ */ y(P, {
+										}), /* @__PURE__ */ x(I, {
 											tone: e.status === "active" ? "success" : "warning",
 											children: e.status.replace("_", " ")
 										})]
@@ -768,6 +769,6 @@ function F() {
 	});
 }
 //#endregion
-export { F as AnalyticsPage };
+export { L as AnalyticsPage };
 
 //# sourceMappingURL=AnalyticsPage.js.map