@burdenoff/microfe-assethandler 2026.713.2 → 2026.714.2

package/dist/assethandler/pages/DashboardPage.js

@@ -1,6 +1,6 @@
 import { useAssetHandlerStore as e } from "../store/assethandlerStore.js";
 import { useAssetHandlerNavigate as t } from "../hooks/useAssetHandlerNavigate.js";
-import { tWithFallback as n } from "../utils/i18n.js";
+import { useCopy as n } from "../hooks/useCopy.js";
 import { cn as r } from "../utils/cn.js";
 import { formatCompact as i, formatCurrencyCompact as a, seriesColor as o } from "../components/charts/chartTheme.js";
 import { TrendChart as s } from "../components/charts/TrendChart.js";
@@ -10,32 +10,31 @@ import { StatTile as u } from "../components/StatTile.js";
 import { ChartCard as d } from "../components/ChartCard.js";
 import "../components/index.js";
 import { useMemo as f, useState as p } from "react";
-import { Activity as m, AlertTriangle as h, ArrowRight as g, Box as _, CalendarClock as ee, CheckCircle as te, ClipboardList as v, Clock as y, Receipt as b, Wrench as x } from "lucide-react";
-import { Fragment as S, jsx as C, jsxs as w } from "react/jsx-runtime";
-import { AuroraBackground as T, CTAOverflowMenu as ne, GlassCard as E, GradientText as re, IllustratedEmptyState as D, NextSteps as ie, PagePurpose as ae } from "@burdenoff/fe-libs/ui";
-import { useI18n as oe } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Activity as m, AlertTriangle as h, ArrowRight as ee, Box as g, CalendarClock as te, CheckCircle as ne, ClipboardList as _, Clock as re, Receipt as v, Wrench as y } from "lucide-react";
+import { Fragment as ie, jsx as b, jsxs as x } from "react/jsx-runtime";
+import { AuroraBackground as S, CTAOverflowMenu as ae, GlassCard as C, GradientText as oe, IllustratedEmptyState as w, NextSteps as se, PagePurpose as ce } from "@burdenoff/fe-libs/ui";
 //#region src/assethandler/pages/DashboardPage.tsx
-function O(e) {
+function T(e) {
 	return `${e.getFullYear()}-${String(e.getMonth() + 1).padStart(2, "0")}`;
 }
-function k(e) {
+function E(e) {
 	let [t, n] = e.split("-").map(Number);
 	return new Date(t, n - 1, 1).toLocaleString(void 0, { month: "short" });
 }
-function A(e) {
+function D(e) {
 	if (!e) return null;
 	let t = new Date(e);
 	return Number.isNaN(t.getTime()) ? null : t;
 }
-function j(e) {
+function O(e) {
 	return e.replace(/_/g, " ").replace(/\b\w/g, (e) => e.toUpperCase());
 }
-function M(e, t, n, r = 8, i = 6) {
+function k(e, t, n, r = 8, i = 6) {
 	let a = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Map();
 	for (let r of e) {
-		let e = A(t(r));
+		let e = D(t(r));
 		if (!e) continue;
-		let i = O(e), o = n(r) || "other";
+		let i = T(e), o = n(r) || "other";
 		a.has(i) || a.set(i, /* @__PURE__ */ new Map());
 		let c = a.get(i);
 		c.set(o, (c.get(o) ?? 0) + 1), s.set(o, (s.get(o) ?? 0) + 1);
@@ -45,14 +44,14 @@ function M(e, t, n, r = 8, i = 6) {
 		series: []
 	};
 	let c = [...s.entries()].sort((e, t) => t[1] - e[1]).map(([e]) => e), l = c.slice(0, i), u = c.length > i, d = new Set(l), f = [...a.keys()].sort().slice(-r).map((e) => {
-		let t = { month: k(e) };
+		let t = { month: E(e) };
 		for (let e of l) t[e] = 0;
 		u && (t.other = 0);
 		for (let [n, r] of a.get(e)) d.has(n) ? t[n] = (t[n] ?? 0) + r : u && (t.other = (t.other ?? 0) + r);
 		return t;
 	}), p = l.map((e, t) => ({
 		key: e,
-		label: j(e),
+		label: O(e),
 		color: o(t)
 	}));
 	return u && p.push({
@@ -64,8 +63,8 @@ function M(e, t, n, r = 8, i = 6) {
 		series: p
 	};
 }
-function N(e) {
-	let t = A(e);
+function A(e) {
+	let t = D(e);
 	if (!t) return "";
 	let n = Date.now() - t.getTime(), r = Math.round(n / 6e4);
 	if (r < 1) return "just now";
@@ -77,71 +76,71 @@ function N(e) {
 	let o = Math.round(a / 30);
 	return o < 12 ? `${o}mo ago` : `${Math.round(o / 12)}y ago`;
 }
-var P = {
+var j = {
 	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 F({ tone: e, children: t }) {
-	return /* @__PURE__ */ C("span", {
-		className: r("inline-flex items-center rounded-full px-2 py-0.5 text-[11px] font-medium capitalize whitespace-nowrap", P[e]),
+function M({ tone: e, children: t }) {
+	return /* @__PURE__ */ b("span", {
+		className: r("inline-flex items-center rounded-full px-2 py-0.5 text-[11px] font-medium capitalize whitespace-nowrap", j[e]),
 		children: t
 	});
 }
-var I = (e) => e === "critical" ? "error" : e === "high" ? "warning" : e === "medium" ? "info" : "neutral", L = (e) => e === "completed" ? "success" : e === "in_progress" ? "info" : "warning";
-function R() {
-	let { t: o } = oe(), P = t(), { hydrated: R, overview: z, assets: B, incidents: V, maintenanceRecords: H, changeRequests: se, workOrders: U, transactions: W } = e(), [G, ce] = p("status"), K = V.filter((e) => e.status !== "resolved" && e.status !== "closed"), le = V.filter((e) => e.priority === "critical" && e.status !== "resolved" && e.status !== "closed"), ue = H.filter((e) => e.status === "scheduled" || e.status === "in_progress"), q = U.filter((e) => e.status !== "completed" && e.status !== "cancelled"), de = se.filter((e) => e.status === "approved" || e.status === "submitted"), J = f(() => {
+var N = (e) => e === "critical" ? "error" : e === "high" ? "warning" : e === "medium" ? "info" : "neutral", P = (e) => e === "completed" ? "success" : e === "in_progress" ? "info" : "warning";
+function F() {
+	let o = n(), j = t(), { hydrated: F, overview: I, assets: L, incidents: R, maintenanceRecords: z, changeRequests: B, workOrders: V, transactions: H } = e(), [U, W] = p("status"), G = R.filter((e) => e.status !== "resolved" && e.status !== "closed"), le = R.filter((e) => e.priority === "critical" && e.status !== "resolved" && e.status !== "closed"), ue = z.filter((e) => e.status === "scheduled" || e.status === "in_progress"), K = V.filter((e) => e.status !== "completed" && e.status !== "cancelled"), de = B.filter((e) => e.status === "approved" || e.status === "submitted"), q = f(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let t of B) {
-			let n = A(t.createdAt);
+		for (let t of L) {
+			let n = D(t.createdAt);
 			if (!n) continue;
-			let r = O(n);
+			let r = T(n);
 			e.set(r, (e.get(r) ?? 0) + 1);
 		}
 		return [...e.keys()].sort().reduce((t, n) => {
 			let r = t.length ? t[t.length - 1] : 0;
 			return t.push(r + (e.get(n) ?? 0)), t;
 		}, []);
-	}, [B]), fe = [
+	}, [L]), J = [
 		{
-			label: n(o, "assethandler.dashboard.metrics.totalAssets", "Total Assets"),
-			value: z?.totalAssets ?? B.length,
-			icon: _,
-			spark: J.length > 1 ? J : void 0,
+			label: o("assethandler.dashboard.metrics.totalAssets", "Total {{assets}}"),
+			value: I?.totalAssets ?? L.length,
+			icon: g,
+			spark: q.length > 1 ? q : void 0,
 			hero: !0
 		},
 		{
-			label: n(o, "assethandler.dashboard.metrics.openIncidents", "Open Incidents"),
-			value: z?.openIncidents ?? K.length,
+			label: o("assethandler.dashboard.metrics.openIncidents", "Open Incidents"),
+			value: I?.openIncidents ?? G.length,
 			icon: h
 		},
 		{
-			label: n(o, "assethandler.dashboard.metrics.openWorkOrders", "Open Work Orders"),
-			value: z?.openWorkOrders ?? q.length,
-			icon: v
+			label: o("assethandler.dashboard.metrics.openWorkOrders", "Open Work Orders"),
+			value: I?.openWorkOrders ?? K.length,
+			icon: _
 		},
 		{
-			label: n(o, "assethandler.dashboard.metrics.transactions", "Transactions"),
-			value: z?.totalTransactions ?? W.length,
-			icon: b
+			label: o("assethandler.dashboard.metrics.transactions", "Transactions"),
+			value: I?.totalTransactions ?? H.length,
+			icon: v
 		}
 	], Y = f(() => {
-		let e = B.reduce((e, t) => {
+		let e = L.reduce((e, t) => {
 			let n = t.category || "uncategorized";
 			return e[n] = (e[n] ?? 0) + 1, e;
 		}, {});
 		return Object.entries(e).sort((e, t) => t[1] - e[1]).map(([e, t]) => ({
-			name: j(e),
+			name: O(e),
 			value: t
 		}));
-	}, [B]), X = f(() => M(B, (e) => e.createdAt, (e) => G === "status" ? e.status : e.category, 8, 6), [B, G]), Z = f(() => {
+	}, [L]), X = f(() => k(L, (e) => e.createdAt, (e) => U === "status" ? e.status : e.category, 8, 6), [L, U]), Z = f(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let t of W) {
-			let n = A(t.date);
+		for (let t of H) {
+			let n = D(t.date);
 			if (!n) continue;
-			let r = O(n);
+			let r = T(n);
 			e.set(r, (e.get(r) ?? 0) + t.amount);
 		}
 		let t = [...e.keys()].sort(), n = t.reduce((t, n) => {
@@ -149,21 +148,21 @@ function R() {
 			return t.push(r + (e.get(n) ?? 0)), t;
 		}, []);
 		return t.map((e, t) => ({
-			month: k(e),
+			month: E(e),
 			value: Math.round(n[t])
 		}));
-	}, [W]), pe = W[0]?.currency ?? "USD", Q = f(() => {
+	}, [H]), fe = H[0]?.currency ?? "USD", Q = f(() => {
 		let e = [];
-		for (let t of B) e.push({
+		for (let t of L) e.push({
 			id: `asset-${t.id}`,
-			icon: _,
+			icon: g,
 			title: t.name,
-			meta: "Asset registered",
+			meta: o("assethandler.dashboard.activity.assetRegistered", "{{asset}} registered"),
 			at: t.createdAt,
 			tone: t.status === "active" ? "success" : t.status === "maintenance" ? "warning" : "neutral",
 			statusLabel: t.status.replace(/_/g, " ")
 		});
-		for (let t of V) e.push({
+		for (let t of R) e.push({
 			id: `inc-${t.id}`,
 			icon: h,
 			title: t.title,
@@ -172,20 +171,20 @@ function R() {
 			tone: t.status === "resolved" || t.status === "closed" ? "success" : t.priority === "critical" || t.priority === "high" ? "error" : "warning",
 			statusLabel: t.status.replace(/_/g, " ")
 		});
-		for (let t of U) e.push({
+		for (let t of V) e.push({
 			id: `wo-${t.id}`,
-			icon: v,
+			icon: _,
 			title: t.title,
 			meta: `Work order · ${t.type}`,
 			at: t.createdAt,
 			tone: t.status === "completed" ? "success" : t.status === "in_progress" ? "info" : t.status === "cancelled" ? "neutral" : "warning",
 			statusLabel: t.status.replace(/_/g, " ")
 		});
-		for (let t of H) {
+		for (let t of z) {
 			let n = t.completedDate ?? t.scheduledDate;
 			n && e.push({
 				id: `mnt-${t.id}`,
-				icon: x,
+				icon: y,
 				title: t.title,
 				meta: "Maintenance",
 				at: n,
@@ -193,131 +192,132 @@ function R() {
 				statusLabel: t.status.replace(/_/g, " ")
 			});
 		}
-		return e.filter((e) => A(e.at)).sort((e, t) => t.at.localeCompare(e.at)).slice(0, 7);
+		return e.filter((e) => D(e.at)).sort((e, t) => t.at.localeCompare(e.at)).slice(0, 7);
 	}, [
-		B,
+		L,
+		R,
 		V,
-		U,
-		H
-	]), $ = [...H].filter((e) => e.status !== "completed" && e.status !== "cancelled").sort((e, t) => (e.scheduledDate ?? "").localeCompare(t.scheduledDate ?? "")).slice(0, 8);
-	return /* @__PURE__ */ w("div", {
+		z,
+		o
+	]), $ = [...z].filter((e) => e.status !== "completed" && e.status !== "cancelled").sort((e, t) => (e.scheduledDate ?? "").localeCompare(t.scheduledDate ?? "")).slice(0, 8);
+	return /* @__PURE__ */ x("div", {
 		className: "space-y-6 p-4 sm:p-6",
 		children: [
-			/* @__PURE__ */ w("div", {
+			/* @__PURE__ */ x("div", {
 				className: "relative overflow-hidden rounded-xl border border-border-seam bg-gloss-card p-5 sm:p-6",
-				children: [/* @__PURE__ */ C(T, { intensity: "subtle" }), /* @__PURE__ */ w("div", {
+				children: [/* @__PURE__ */ b(S, { intensity: "subtle" }), /* @__PURE__ */ x("div", {
 					className: "relative flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
-					children: [/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("h1", {
+					children: [/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("h1", {
 						className: "text-2xl font-bold sm:text-3xl",
-						children: /* @__PURE__ */ C(re, { children: n(o, "assethandler.dashboard.title", "Dashboard") })
-					}), /* @__PURE__ */ C("p", {
+						children: /* @__PURE__ */ b(oe, { children: o("assethandler.dashboard.title", "Dashboard") })
+					}), /* @__PURE__ */ b("p", {
 						className: "text-sm text-text-secondary mt-1",
-						children: n(o, "assethandler.dashboard.description", "Overview of your IT asset portfolio and operations")
-					})] }), /* @__PURE__ */ C(ne, {
+						children: o("assethandler.dashboard.description", "Overview of your IT asset portfolio and operations")
+					})] }), /* @__PURE__ */ b(ae, {
 						primary: {
-							label: n(o, "assethandler.dashboard.actions.addAsset", "Add Asset"),
-							onSelect: () => P("/assets/asset-create")
+							label: o("assethandler.dashboard.actions.addAsset", "Add {{asset}}"),
+							onSelect: () => j("/assets/asset-create")
 						},
 						actions: [{
-							label: n(o, "assethandler.dashboard.actions.viewAnalytics", "View Analytics"),
-							onSelect: () => P("/analytics")
+							label: o("assethandler.dashboard.actions.viewAnalytics", "View Analytics"),
+							onSelect: () => j("/analytics")
 						}]
 					})]
 				})]
 			}),
-			/* @__PURE__ */ C(ae, { children: n(o, "assethandler.dashboard.purpose", "Your command center for the whole asset estate — see what needs attention (open incidents, due maintenance, critical alerts) and recent activity at a glance, then jump straight to the area that needs you. Start here every day to know where to act.") }),
-			/* @__PURE__ */ C("div", {
+			/* @__PURE__ */ b(ce, { children: o("assethandler.dashboard.purpose", "Your command center for the whole {{assetLower}} estate — see what needs attention (open incidents, due maintenance, critical alerts) and recent activity at a glance, then jump straight to the area that needs you. Start here every day to know where to act.") }),
+			/* @__PURE__ */ b("div", {
 				className: "grid gap-4 md:grid-cols-2 lg:grid-cols-4",
-				children: fe.map((e) => /* @__PURE__ */ C(u, {
+				children: J.map((e) => /* @__PURE__ */ b(u, {
 					label: e.label,
-					value: R ? e.value : "—",
+					value: F ? e.value : "—",
 					format: i,
 					icon: e.icon,
 					spark: e.spark,
 					hero: e.hero
 				}, e.label))
 			}),
-			/* @__PURE__ */ w("div", {
+			/* @__PURE__ */ x("div", {
 				className: "grid gap-6 lg:grid-cols-3",
-				children: [/* @__PURE__ */ C(d, {
+				children: [/* @__PURE__ */ b(d, {
 					className: "lg:col-span-2",
-					title: n(o, "assethandler.dashboard.assetsChart.title", "Assets over time"),
-					subtitle: n(o, "assethandler.dashboard.assetsChart.subtitle", "Assets added each month, from real registration dates"),
-					icon: _,
-					actions: /* @__PURE__ */ C("div", {
+					title: o("assethandler.dashboard.assetsChart.title", "{{assets}} over time"),
+					subtitle: o("assethandler.dashboard.assetsChart.subtitle", "{{assets}} added each month, from real registration dates"),
+					icon: g,
+					actions: /* @__PURE__ */ b("div", {
 						className: "inline-flex rounded-lg bg-bg-sunken p-0.5",
-						children: ["status", "category"].map((e) => /* @__PURE__ */ C("button", {
+						children: ["status", "category"].map((e) => /* @__PURE__ */ b("button", {
 							type: "button",
-							onClick: () => ce(e),
-							className: r("rounded-md px-3 py-1 text-xs font-medium transition-colors", G === e ? "bg-bg-surface text-text-primary shadow-sm" : "text-text-secondary hover:text-text-primary"),
+							onClick: () => W(e),
+							className: r("rounded-md px-3 py-1 text-xs font-medium transition-colors", U === e ? "bg-bg-surface text-text-primary shadow-sm" : "text-text-secondary hover:text-text-primary"),
 							children: e === "status" ? "By status" : "By category"
 						}, e))
 					}),
-					children: X.rows.length === 0 ? /* @__PURE__ */ C(D, {
+					children: X.rows.length === 0 ? /* @__PURE__ */ b(w, {
 						illustration: "empty-data",
-						title: n(o, "assethandler.dashboard.assetsChart.empty.title", "No history yet"),
-						description: n(o, "assethandler.dashboard.assetsChart.empty.description", "Register assets and their monthly trend will appear here.")
-					}) : /* @__PURE__ */ C(c, {
+						title: o("assethandler.dashboard.assetsChart.empty.title", "No history yet"),
+						description: o("assethandler.dashboard.assetsChart.empty.description", "Register {{assetsLower}} and their monthly trend will appear here.")
+					}) : /* @__PURE__ */ b(c, {
 						data: X.rows,
 						xKey: "month",
 						series: X.series,
 						stacked: !0,
 						height: 280,
-						ariaLabel: "Assets added per month"
+						ariaLabel: o("assethandler.dashboard.assetsChart.aria", "{{assets}} added per month")
 					})
-				}), /* @__PURE__ */ C(E, {
+				}), /* @__PURE__ */ b(C, {
 					treatment: "insight",
 					className: "border-border-seam",
-					children: /* @__PURE__ */ w("div", {
+					children: /* @__PURE__ */ x("div", {
 						className: "flex flex-col gap-4 p-5",
-						children: [/* @__PURE__ */ w("div", {
+						children: [/* @__PURE__ */ x("div", {
 							className: "flex items-center justify-between",
-							children: [/* @__PURE__ */ w("h3", {
+							children: [/* @__PURE__ */ x("h3", {
 								className: "flex items-center gap-2 text-base font-semibold text-text-primary",
-								children: [/* @__PURE__ */ C(m, { className: "h-4 w-4 text-text-secondary" }), n(o, "assethandler.dashboard.activity.title", "Recent activity")]
-							}), /* @__PURE__ */ w("button", {
+								children: [/* @__PURE__ */ b(m, { className: "h-4 w-4 text-text-secondary" }), o("assethandler.dashboard.activity.title", "Recent activity")]
+							}), /* @__PURE__ */ x("button", {
 								type: "button",
-								onClick: () => P("/analytics"),
+								onClick: () => j("/analytics"),
 								className: "inline-flex items-center gap-1 text-xs font-medium text-primary hover:underline",
-								children: [n(o, "assethandler.dashboard.activity.viewAll", "View all"), /* @__PURE__ */ C(g, { className: "h-3 w-3" })]
+								children: [o("assethandler.dashboard.activity.viewAll", "View all"), /* @__PURE__ */ b(ee, { className: "h-3 w-3" })]
 							})]
-						}), Q.length === 0 ? /* @__PURE__ */ C("p", {
+						}), Q.length === 0 ? /* @__PURE__ */ b("p", {
 							className: "py-6 text-center text-sm text-text-secondary",
-							children: n(o, "assethandler.dashboard.activity.empty", "Activity across your estate will show up here.")
-						}) : /* @__PURE__ */ C("ul", {
+							children: o("assethandler.dashboard.activity.empty", "Activity across your estate will show up here.")
+						}) : /* @__PURE__ */ b("ul", {
 							className: "space-y-1",
 							children: Q.map((e) => {
 								let t = e.icon;
-								return /* @__PURE__ */ w("li", {
+								return /* @__PURE__ */ x("li", {
 									className: "flex items-start gap-3 rounded-lg px-2 py-2 hover:bg-bg-sunken/60",
-									children: [/* @__PURE__ */ C("span", {
+									children: [/* @__PURE__ */ b("span", {
 										className: "mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-bg-sunken text-text-secondary",
-										children: /* @__PURE__ */ C(t, { className: "h-4 w-4" })
-									}), /* @__PURE__ */ w("div", {
+										children: /* @__PURE__ */ b(t, { className: "h-4 w-4" })
+									}), /* @__PURE__ */ x("div", {
 										className: "min-w-0 flex-1",
-										children: [/* @__PURE__ */ w("div", {
+										children: [/* @__PURE__ */ x("div", {
 											className: "flex items-center justify-between gap-2",
-											children: [/* @__PURE__ */ C("p", {
+											children: [/* @__PURE__ */ b("p", {
 												className: "truncate text-sm font-medium text-text-primary",
 												children: e.title
-											}), /* @__PURE__ */ C(F, {
+											}), /* @__PURE__ */ b(M, {
 												tone: e.tone,
 												children: e.statusLabel
 											})]
-										}), /* @__PURE__ */ w("p", {
+										}), /* @__PURE__ */ x("p", {
 											className: "mt-0.5 flex items-center gap-1.5 text-xs text-text-secondary capitalize",
 											children: [
-												/* @__PURE__ */ C("span", {
+												/* @__PURE__ */ b("span", {
 													className: "truncate",
 													children: e.meta
 												}),
-												/* @__PURE__ */ C("span", {
+												/* @__PURE__ */ b("span", {
 													"aria-hidden": "true",
 													children: "·"
 												}),
-												/* @__PURE__ */ C("span", {
+												/* @__PURE__ */ b("span", {
 													className: "shrink-0 normal-case text-text-muted",
-													children: N(e.at)
+													children: A(e.at)
 												})
 											]
 										})]
@@ -328,86 +328,86 @@ function R() {
 					})
 				})]
 			}),
-			/* @__PURE__ */ C(d, {
-				title: n(o, "assethandler.dashboard.value.title", "Transaction value"),
-				subtitle: n(o, "assethandler.dashboard.value.subtitle", "Cumulative transaction amount over time"),
-				icon: b,
-				children: Z.length === 0 ? /* @__PURE__ */ C(D, {
+			/* @__PURE__ */ b(d, {
+				title: o("assethandler.dashboard.value.title", "Transaction value"),
+				subtitle: o("assethandler.dashboard.value.subtitle", "Cumulative transaction amount over time"),
+				icon: v,
+				children: Z.length === 0 ? /* @__PURE__ */ b(w, {
 					illustration: "empty-data",
-					title: n(o, "assethandler.dashboard.value.empty.title", "No transactions yet"),
-					description: n(o, "assethandler.dashboard.value.empty.description", "Asset purchases, leases and disposals will chart here as they are recorded.")
-				}) : /* @__PURE__ */ C(s, {
+					title: o("assethandler.dashboard.value.empty.title", "No transactions yet"),
+					description: o("assethandler.dashboard.value.empty.description", "{{asset}} purchases, leases and disposals will chart here as they are recorded.")
+				}) : /* @__PURE__ */ b(s, {
 					data: Z,
 					xKey: "month",
 					series: [{
 						key: "value",
 						label: "Cumulative value"
 					}],
-					valueFormat: a(pe),
+					valueFormat: a(fe),
 					height: 260,
 					ariaLabel: "Cumulative transaction value over time"
 				})
 			}),
-			/* @__PURE__ */ w("div", {
+			/* @__PURE__ */ x("div", {
 				className: "grid gap-6 lg:grid-cols-3",
-				children: [/* @__PURE__ */ C(d, {
+				children: [/* @__PURE__ */ b(d, {
 					className: "lg:col-span-2",
-					title: n(o, "assethandler.dashboard.portfolio.title", "Portfolio by category"),
-					subtitle: n(o, "assethandler.dashboard.portfolio.description", "Asset distribution by category"),
-					icon: _,
-					children: Y.length === 0 ? /* @__PURE__ */ C(D, {
+					title: o("assethandler.dashboard.portfolio.title", "Portfolio by category"),
+					subtitle: o("assethandler.dashboard.portfolio.description", "{{asset}} distribution by category"),
+					icon: g,
+					children: Y.length === 0 ? /* @__PURE__ */ b(w, {
 						illustration: "empty-data",
-						title: n(o, "assethandler.dashboard.portfolio.empty.title", "No assets yet"),
-						description: n(o, "assethandler.dashboard.portfolio.empty.description", "Register your first asset and category distribution will appear here.")
-					}) : /* @__PURE__ */ C(l, {
+						title: o("assethandler.dashboard.portfolio.empty.title", "No {{assetsLower}} yet"),
+						description: o("assethandler.dashboard.portfolio.empty.description", "Register your first {{assetLower}} and category distribution will appear here.")
+					}) : /* @__PURE__ */ b(l, {
 						data: Y,
-						centerLabel: "Assets",
-						centerValue: B.length,
+						centerLabel: o("assethandler.dashboard.portfolio.centerLabel", "{{assets}}"),
+						centerValue: L.length,
 						height: 260,
-						ariaLabel: "Assets by category"
+						ariaLabel: o("assethandler.dashboard.portfolio.aria", "{{assets}} by category")
 					})
-				}), /* @__PURE__ */ C(E, {
+				}), /* @__PURE__ */ b(C, {
 					treatment: "glass",
 					className: "border-border-seam",
-					children: /* @__PURE__ */ w("div", {
+					children: /* @__PURE__ */ x("div", {
 						className: "flex flex-col gap-4 p-5",
-						children: [/* @__PURE__ */ C("h3", {
+						children: [/* @__PURE__ */ b("h3", {
 							className: "text-base font-semibold text-text-primary",
-							children: n(o, "assethandler.dashboard.operations.title", "Operations summary")
-						}), /* @__PURE__ */ C("div", {
+							children: o("assethandler.dashboard.operations.title", "Operations summary")
+						}), /* @__PURE__ */ b("div", {
 							className: "grid grid-cols-2 gap-3",
 							children: [
 								{
-									icon: x,
+									icon: y,
 									value: ue.length,
-									label: "Pending Maintenance"
+									label: o("assethandler.dashboard.operations.pendingMaintenance", "Pending Maintenance")
 								},
 								{
 									icon: m,
-									value: q.length,
-									label: "Open Work Orders"
+									value: K.length,
+									label: o("assethandler.dashboard.operations.openWorkOrders", "Open Work Orders")
 								},
 								{
-									icon: y,
+									icon: re,
 									value: de.length,
-									label: "Pending Changes"
+									label: o("assethandler.dashboard.operations.pendingChanges", "Pending Changes")
 								},
 								{
-									icon: te,
+									icon: ne,
 									value: le.length,
-									label: "Critical Alerts"
+									label: o("assethandler.dashboard.operations.criticalAlerts", "Critical Alerts")
 								}
 							].map((e) => {
 								let t = e.icon;
-								return /* @__PURE__ */ w("div", {
+								return /* @__PURE__ */ x("div", {
 									className: "rounded-lg border border-border-seam bg-gloss-card p-4 text-center",
 									children: [
-										/* @__PURE__ */ C(t, { className: "mx-auto mb-2 h-5 w-5 text-text-secondary" }),
-										/* @__PURE__ */ C("p", {
+										/* @__PURE__ */ b(t, { className: "mx-auto mb-2 h-5 w-5 text-text-secondary" }),
+										/* @__PURE__ */ b("p", {
 											className: "text-2xl font-bold tabular-nums",
 											children: e.value
 										}),
-										/* @__PURE__ */ C("p", {
+										/* @__PURE__ */ b("p", {
 											className: "text-xs text-text-secondary",
 											children: e.label
 										})
@@ -418,75 +418,75 @@ function R() {
 					})
 				})]
 			}),
-			/* @__PURE__ */ w("div", {
+			/* @__PURE__ */ x("div", {
 				className: "grid gap-6 lg:grid-cols-2",
-				children: [/* @__PURE__ */ C(E, {
+				children: [/* @__PURE__ */ b(C, {
 					treatment: "glass",
 					className: "border-border-seam",
-					children: /* @__PURE__ */ w("div", {
+					children: /* @__PURE__ */ x("div", {
 						className: "flex flex-col gap-4 p-5",
-						children: [/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ w("h3", {
+						children: [/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ x("h3", {
 							className: "flex items-center gap-2 text-base font-semibold text-text-primary",
-							children: [/* @__PURE__ */ C(h, { className: "h-4 w-4 text-status-error-text" }), n(o, "assethandler.dashboard.incidents.title", "Active Incidents")]
-						}), /* @__PURE__ */ w("p", {
+							children: [/* @__PURE__ */ b(h, { className: "h-4 w-4 text-status-error-text" }), o("assethandler.dashboard.incidents.title", "Active Incidents")]
+						}), /* @__PURE__ */ x("p", {
 							className: "mt-0.5 text-sm text-text-secondary",
 							children: [
-								K.length,
+								G.length,
 								" ",
-								n(o, "assethandler.dashboard.incidents.unresolvedCount", "unresolved incidents")
+								o("assethandler.dashboard.incidents.unresolvedCount", "unresolved incidents")
 							]
-						})] }), K.length === 0 ? /* @__PURE__ */ C("p", {
+						})] }), G.length === 0 ? /* @__PURE__ */ b("p", {
 							className: "py-4 text-center text-sm text-text-secondary",
-							children: n(o, "assethandler.dashboard.incidents.empty", "No unresolved incidents — all clear.")
-						}) : /* @__PURE__ */ C("div", {
+							children: o("assethandler.dashboard.incidents.empty", "No unresolved incidents — all clear.")
+						}) : /* @__PURE__ */ b("div", {
 							className: "space-y-2",
-							children: K.slice(0, 5).map((e) => /* @__PURE__ */ w("button", {
+							children: G.slice(0, 5).map((e) => /* @__PURE__ */ x("button", {
 								type: "button",
-								onClick: () => P("/itil/incident-management"),
+								onClick: () => j("/itil/incident-management"),
 								className: "flex w-full items-start gap-3 rounded-lg border border-border-seam p-3 text-left hover:bg-bg-sunken/60",
-								children: [/* @__PURE__ */ C(F, {
-									tone: I(e.priority),
+								children: [/* @__PURE__ */ b(M, {
+									tone: N(e.priority),
 									children: e.priority
-								}), /* @__PURE__ */ w("div", {
+								}), /* @__PURE__ */ x("div", {
 									className: "min-w-0 flex-1",
-									children: [/* @__PURE__ */ C("p", {
+									children: [/* @__PURE__ */ b("p", {
 										className: "truncate text-sm font-medium",
 										children: e.title
-									}), /* @__PURE__ */ C("p", {
+									}), /* @__PURE__ */ b("p", {
 										className: "mt-0.5 text-xs text-text-secondary",
-										children: e.assignedTo || n(o, "assethandler.dashboard.incidents.unassigned", "Unassigned")
+										children: e.assignedTo || o("assethandler.dashboard.incidents.unassigned", "Unassigned")
 									})]
 								})]
 							}, e.id))
 						})]
 					})
-				}), /* @__PURE__ */ C(E, {
+				}), /* @__PURE__ */ b(C, {
 					treatment: "glass",
 					className: "border-border-seam",
-					children: /* @__PURE__ */ w("div", {
+					children: /* @__PURE__ */ x("div", {
 						className: "flex flex-col gap-4 p-5",
-						children: [/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("h3", {
+						children: [/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("h3", {
 							className: "text-base font-semibold text-text-primary",
-							children: n(o, "assethandler.dashboard.workOrders.title", "Open Work Orders")
-						}), /* @__PURE__ */ C("p", {
+							children: o("assethandler.dashboard.workOrders.title", "Open Work Orders")
+						}), /* @__PURE__ */ b("p", {
 							className: "mt-0.5 text-sm text-text-secondary",
-							children: n(o, "assethandler.dashboard.workOrders.description", "Latest work in progress")
-						})] }), q.length === 0 ? /* @__PURE__ */ C("p", {
+							children: o("assethandler.dashboard.workOrders.description", "Latest work in progress")
+						})] }), K.length === 0 ? /* @__PURE__ */ b("p", {
 							className: "py-4 text-center text-sm text-text-secondary",
-							children: n(o, "assethandler.dashboard.workOrders.empty", "No open work orders. Create one from the Operations hub.")
-						}) : /* @__PURE__ */ C("div", {
+							children: o("assethandler.dashboard.workOrders.empty", "No open work orders. Create one from the Operations hub.")
+						}) : /* @__PURE__ */ b("div", {
 							className: "space-y-2",
-							children: [...q].sort((e, t) => t.createdAt.localeCompare(e.createdAt)).slice(0, 5).map((e) => /* @__PURE__ */ w("div", {
+							children: [...K].sort((e, t) => t.createdAt.localeCompare(e.createdAt)).slice(0, 5).map((e) => /* @__PURE__ */ x("div", {
 								className: "flex items-center gap-3 rounded-lg border border-border-seam p-3",
-								children: [/* @__PURE__ */ C(F, {
+								children: [/* @__PURE__ */ b(M, {
 									tone: e.status === "in_progress" ? "info" : "warning",
 									children: e.status.replace(/_/g, " ")
-								}), /* @__PURE__ */ w("div", {
+								}), /* @__PURE__ */ x("div", {
 									className: "min-w-0 flex-1",
-									children: [/* @__PURE__ */ C("p", {
+									children: [/* @__PURE__ */ b("p", {
 										className: "truncate text-sm",
 										children: e.title
-									}), /* @__PURE__ */ w("p", {
+									}), /* @__PURE__ */ x("p", {
 										className: "text-xs text-text-secondary capitalize",
 										children: [
 											e.type,
@@ -500,103 +500,103 @@ function R() {
 					})
 				})]
 			}),
-			/* @__PURE__ */ C(E, {
+			/* @__PURE__ */ b(C, {
 				treatment: "glass",
 				className: "border-border-seam",
-				children: /* @__PURE__ */ w("div", {
+				children: /* @__PURE__ */ x("div", {
 					className: "flex flex-col gap-4 p-5",
-					children: [/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ w("h3", {
+					children: [/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ x("h3", {
 						className: "flex items-center gap-2 text-base font-semibold text-text-primary",
-						children: [/* @__PURE__ */ C(ee, { className: "h-4 w-4 text-text-secondary" }), n(o, "assethandler.dashboard.maintenance.title", "Upcoming Maintenance")]
-					}), /* @__PURE__ */ C("p", {
+						children: [/* @__PURE__ */ b(te, { className: "h-4 w-4 text-text-secondary" }), o("assethandler.dashboard.maintenance.title", "Upcoming Maintenance")]
+					}), /* @__PURE__ */ b("p", {
 						className: "mt-0.5 text-sm text-text-secondary",
-						children: n(o, "assethandler.dashboard.maintenance.description", "Scheduled maintenance activities")
-					})] }), $.length === 0 ? /* @__PURE__ */ C(D, {
+						children: o("assethandler.dashboard.maintenance.description", "Scheduled maintenance activities")
+					})] }), $.length === 0 ? /* @__PURE__ */ b(w, {
 						illustration: "empty-tasks",
-						title: n(o, "assethandler.dashboard.maintenance.empty.title", "No maintenance scheduled"),
-						description: n(o, "assethandler.dashboard.maintenance.empty.description", "Plan preventive maintenance from the scheduler and it will show up here.")
-					}) : /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C("div", {
+						title: o("assethandler.dashboard.maintenance.empty.title", "No maintenance scheduled"),
+						description: o("assethandler.dashboard.maintenance.empty.description", "Plan preventive maintenance from the scheduler and it will show up here.")
+					}) : /* @__PURE__ */ x(ie, { children: [/* @__PURE__ */ b("div", {
 						className: "space-y-2 md:hidden",
-						children: $.map((e) => /* @__PURE__ */ w("div", {
+						children: $.map((e) => /* @__PURE__ */ x("div", {
 							className: "rounded-lg border border-border-seam p-3",
-							children: [/* @__PURE__ */ w("div", {
+							children: [/* @__PURE__ */ x("div", {
 								className: "flex items-start justify-between gap-2",
-								children: [/* @__PURE__ */ C("p", {
+								children: [/* @__PURE__ */ b("p", {
 									className: "min-w-0 flex-1 truncate text-sm font-medium",
 									children: e.title
-								}), /* @__PURE__ */ C(F, {
-									tone: L(e.status),
+								}), /* @__PURE__ */ b(M, {
+									tone: P(e.status),
 									children: e.status.replace(/_/g, " ")
 								})]
-							}), /* @__PURE__ */ w("div", {
+							}), /* @__PURE__ */ x("div", {
 								className: "mt-2 flex flex-wrap items-center gap-2 text-xs text-text-secondary",
 								children: [
-									/* @__PURE__ */ C("span", {
+									/* @__PURE__ */ b("span", {
 										className: "capitalize",
 										children: e.type
 									}),
-									/* @__PURE__ */ C(F, {
-										tone: I(e.priority),
+									/* @__PURE__ */ b(M, {
+										tone: N(e.priority),
 										children: e.priority
 									}),
-									/* @__PURE__ */ C("span", { children: e.scheduledDate ? new Date(e.scheduledDate).toLocaleDateString() : "—" })
+									/* @__PURE__ */ b("span", { children: e.scheduledDate ? new Date(e.scheduledDate).toLocaleDateString() : "—" })
 								]
 							})]
 						}, e.id))
-					}), /* @__PURE__ */ C("div", {
+					}), /* @__PURE__ */ b("div", {
 						className: "hidden overflow-x-auto md:block",
-						children: /* @__PURE__ */ w("table", {
+						children: /* @__PURE__ */ x("table", {
 							className: "w-full text-sm",
-							children: [/* @__PURE__ */ C("thead", { children: /* @__PURE__ */ w("tr", {
+							children: [/* @__PURE__ */ b("thead", { children: /* @__PURE__ */ x("tr", {
 								className: "border-b border-border-seam text-text-secondary",
 								children: [
-									/* @__PURE__ */ C("th", {
+									/* @__PURE__ */ b("th", {
 										className: "py-2 text-left font-medium",
 										children: "Title"
 									}),
-									/* @__PURE__ */ C("th", {
+									/* @__PURE__ */ b("th", {
 										className: "py-2 text-left font-medium",
 										children: "Type"
 									}),
-									/* @__PURE__ */ C("th", {
+									/* @__PURE__ */ b("th", {
 										className: "py-2 text-left font-medium",
 										children: "Priority"
 									}),
-									/* @__PURE__ */ C("th", {
+									/* @__PURE__ */ b("th", {
 										className: "py-2 text-left font-medium",
 										children: "Scheduled"
 									}),
-									/* @__PURE__ */ C("th", {
+									/* @__PURE__ */ b("th", {
 										className: "py-2 text-left font-medium",
 										children: "Status"
 									})
 								]
-							}) }), /* @__PURE__ */ C("tbody", { children: $.map((e) => /* @__PURE__ */ w("tr", {
+							}) }), /* @__PURE__ */ b("tbody", { children: $.map((e) => /* @__PURE__ */ x("tr", {
 								className: "border-b border-border-seam hover:bg-bg-sunken/50",
 								children: [
-									/* @__PURE__ */ C("td", {
+									/* @__PURE__ */ b("td", {
 										className: "py-2.5 font-medium",
 										children: e.title
 									}),
-									/* @__PURE__ */ C("td", {
+									/* @__PURE__ */ b("td", {
 										className: "py-2.5 capitalize",
 										children: e.type
 									}),
-									/* @__PURE__ */ C("td", {
+									/* @__PURE__ */ b("td", {
 										className: "py-2.5",
-										children: /* @__PURE__ */ C(F, {
-											tone: I(e.priority),
+										children: /* @__PURE__ */ b(M, {
+											tone: N(e.priority),
 											children: e.priority
 										})
 									}),
-									/* @__PURE__ */ C("td", {
+									/* @__PURE__ */ b("td", {
 										className: "py-2.5",
 										children: e.scheduledDate ? new Date(e.scheduledDate).toLocaleDateString() : "—"
 									}),
-									/* @__PURE__ */ C("td", {
+									/* @__PURE__ */ b("td", {
 										className: "py-2.5",
-										children: /* @__PURE__ */ C(F, {
-											tone: L(e.status),
+										children: /* @__PURE__ */ b(M, {
+											tone: P(e.status),
 											children: e.status.replace(/_/g, " ")
 										})
 									})
@@ -606,32 +606,32 @@ function R() {
 					})] })]
 				})
 			}),
-			/* @__PURE__ */ C(ie, {
+			/* @__PURE__ */ b(se, {
 				storageKey: "assethandler-dashboard",
 				steps: [
 					{
 						id: "view-assets",
-						label: "Browse your asset inventory",
-						description: "See every tracked asset, its status and owner.",
-						onClick: () => P("/assets/asset-list")
+						label: o("assethandler.dashboard.nextSteps.viewAssets.label", "Browse your {{assetLower}} inventory"),
+						description: o("assethandler.dashboard.nextSteps.viewAssets.description", "See every tracked {{assetLower}}, its status and owner."),
+						onClick: () => j("/assets/asset-list")
 					},
 					{
 						id: "add-asset",
-						label: "Register a new asset",
-						description: "Add equipment, hardware or software to start tracking it.",
-						onClick: () => P("/assets/asset-create")
+						label: o("assethandler.dashboard.nextSteps.addAsset.label", "Register a new {{assetLower}}"),
+						description: o("assethandler.dashboard.nextSteps.addAsset.description", "Add equipment, hardware or software to start tracking it."),
+						onClick: () => j("/assets/asset-create")
 					},
 					{
 						id: "incidents",
-						label: "Resolve open incidents",
-						description: "Triage service-affecting issues before they breach SLA.",
-						onClick: () => P("/itil/incident-management")
+						label: o("assethandler.dashboard.nextSteps.incidents.label", "Resolve open incidents"),
+						description: o("assethandler.dashboard.nextSteps.incidents.description", "Triage service-affecting issues before they breach SLA."),
+						onClick: () => j("/itil/incident-management")
 					},
 					{
 						id: "maintenance",
-						label: "Check the maintenance calendar",
-						description: "Stay ahead of scheduled and overdue maintenance.",
-						onClick: () => P("/maintenance/maintenance-calendar")
+						label: o("assethandler.dashboard.nextSteps.maintenance.label", "Check the maintenance calendar"),
+						description: o("assethandler.dashboard.nextSteps.maintenance.description", "Stay ahead of scheduled and overdue maintenance."),
+						onClick: () => j("/maintenance/maintenance-calendar")
 					}
 				]
 			})
@@ -639,6 +639,6 @@ function R() {
 	});
 }
 //#endregion
-export { R as DashboardPage };
+export { F as DashboardPage };
 
 //# sourceMappingURL=DashboardPage.js.map