@burdenoff/microfe-assethandler 2026.826.10 → 2026.826.12

package/dist/assethandler/pages/ForecastingAlertsPage.js

@@ -146,7 +146,7 @@ function w() {
 						className: "mt-4",
 						variant: "outline",
 						size: "sm",
-						onClick: () => o(`/assethandler/assets/${e.assetId}`),
+						onClick: () => o(`/assets/${e.assetId}`),
 						children: "View asset"
 					}) : null]
 				}, e.id))

package/dist/assethandler/pages/ForecastingAlertsPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ForecastingAlertsPage.js","names":[],"sources":["../../../src/assethandler/pages/ForecastingAlertsPage.tsx"],"sourcesContent":["import { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport { AlertTriangle, RefreshCw } from 'lucide-react';\nimport { useMemo, useState } from 'react';\n\nimport {\n  Badge,\n  Button,\n  GlassCard,\n  IllustratedEmptyState,\n  PagePurpose,\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@burdenoff/fe-libs/ui';\nimport { SectionHeader } from '../components';\nimport { useAssetHandlerNavigate } from '../hooks/useAssetHandlerNavigate';\n\nconst DEADLINE_ALERTS_QUERY = gql`\n  query AssetHandlerDeadlineAlerts($withinDays: Int!) {\n    assetDeadlineAlerts(withinDays: $withinDays) {\n      id\n      kind\n      subjectId\n      subjectName\n      assetId\n      dueAt\n      daysRemaining\n      status\n      headline\n      recommendedAction\n    }\n  }\n`;\n\ntype AlertKind = 'WARRANTY_EXPIRY' | 'LICENSE_RENEWAL' | 'END_OF_LIFE' | 'MAINTENANCE_DUE';\n\ninterface DeadlineAlert {\n  id: string;\n  kind: AlertKind;\n  subjectId: string;\n  subjectName: string;\n  assetId: string | null;\n  dueAt: string;\n  daysRemaining: number;\n  status: 'OVERDUE' | 'DUE_SOON' | 'UPCOMING';\n  headline: string;\n  recommendedAction: string;\n}\n\ninterface DeadlineAlertsResult {\n  assetDeadlineAlerts: DeadlineAlert[];\n}\n\nconst KIND_LABELS: Record<AlertKind, string> = {\n  WARRANTY_EXPIRY: 'Warranty expiry',\n  LICENSE_RENEWAL: 'Licence renewal',\n  END_OF_LIFE: 'Replacement planning',\n  MAINTENANCE_DUE: 'Maintenance due',\n};\n\nconst STATUS_CLASS: Record<DeadlineAlert['status'], string> = {\n  OVERDUE: 'bg-status-error-bg text-status-error-text',\n  DUE_SOON: 'bg-status-warning-bg text-status-warning-text',\n  UPCOMING: 'bg-status-info-bg text-status-info-text',\n};\n\nfunction dueLabel(alert: DeadlineAlert): string {\n  if (alert.daysRemaining < 0) {\n    const overdueDays = Math.abs(alert.daysRemaining);\n    return `${overdueDays} ${overdueDays === 1 ? 'day' : 'days'} overdue`;\n  }\n  if (alert.daysRemaining === 0) return 'Due today';\n  return `Due in ${alert.daysRemaining} days`;\n}\n\nexport function ForecastingAlertsPage() {\n  const navigate = useAssetHandlerNavigate();\n  const [withinDays, setWithinDays] = useState(90);\n  const { data, loading, error, refetch } = useQuery<DeadlineAlertsResult>(DEADLINE_ALERTS_QUERY, {\n    variables: { withinDays },\n    fetchPolicy: 'network-only',\n  });\n  const alerts = useMemo(() => data?.assetDeadlineAlerts ?? [], [data?.assetDeadlineAlerts]);\n\n  return (\n    <div className=\"space-y-5 p-4 sm:p-6\">\n      <SectionHeader\n        title=\"Deadline Alerts\"\n        description=\"Warranty, licence, replacement, and maintenance deadlines derived from your saved registry facts.\"\n        actions={\n          <div className=\"flex items-center gap-2\">\n            <Select\n              value={String(withinDays)}\n              onValueChange={(value) => setWithinDays(Number(value))}\n            >\n              <SelectTrigger className=\"w-36\" aria-label=\"Planning window\">\n                <SelectValue />\n              </SelectTrigger>\n              <SelectContent>\n                <SelectItem value=\"30\">Next 30 days</SelectItem>\n                <SelectItem value=\"90\">Next 90 days</SelectItem>\n                <SelectItem value=\"180\">Next 180 days</SelectItem>\n                <SelectItem value=\"365\">Next 365 days</SelectItem>\n              </SelectContent>\n            </Select>\n            <Button variant=\"outline\" onClick={() => void refetch()} disabled={loading}>\n              <RefreshCw className=\"mr-2 h-4 w-4\" />\n              Refresh\n            </Button>\n          </div>\n        }\n      />\n      <PagePurpose>\n        Alerts remain stable across reloads because each one is calculated from the persisted source\n        record and carries a deterministic source-backed ID.\n      </PagePurpose>\n\n      {error ? (\n        <GlassCard treatment=\"glass\" className=\"border-status-error-border p-4\">\n          <p className=\"font-medium text-status-error-text\">Could not load deadline alerts</p>\n          <p className=\"mt-1 text-sm text-text-muted\">{error.message}</p>\n        </GlassCard>\n      ) : null}\n\n      {!loading && !error && alerts.length === 0 ? (\n        <IllustratedEmptyState\n          illustration=\"empty-notifications\"\n          title=\"No deadlines in this window\"\n          description=\"Add warranty, useful-life, licence-expiry, or scheduled-maintenance dates to raise planning alerts.\"\n        />\n      ) : null}\n\n      <div className=\"grid gap-3 lg:grid-cols-2\" aria-busy={loading}>\n        {alerts.map((alert) => (\n          <GlassCard key={alert.id} treatment=\"glass\" className=\"border-border-seam p-4\">\n            <div className=\"flex items-start justify-between gap-3\">\n              <div className=\"min-w-0\">\n                <div className=\"flex flex-wrap items-center gap-2\">\n                  <Badge variant=\"outline\">{KIND_LABELS[alert.kind]}</Badge>\n                  <span\n                    className={`rounded-full px-2 py-0.5 text-xs ${STATUS_CLASS[alert.status]}`}\n                  >\n                    {dueLabel(alert)}\n                  </span>\n                </div>\n                <h2 className=\"mt-3 font-semibold text-text-primary\">{alert.headline}</h2>\n                <p className=\"mt-1 break-words text-sm text-text-secondary\">{alert.subjectName}</p>\n                <p className=\"mt-2 text-sm text-text-muted\">{alert.recommendedAction}</p>\n                <p className=\"mt-3 text-xs text-text-muted\">\n                  Deadline {new Date(alert.dueAt).toLocaleDateString()}\n                </p>\n              </div>\n              <AlertTriangle className=\"h-5 w-5 shrink-0 text-status-warning-text\" />\n            </div>\n            {alert.assetId ? (\n              <Button\n                className=\"mt-4\"\n                variant=\"outline\"\n                size=\"sm\"\n                onClick={() => navigate(`/assethandler/assets/${alert.assetId}`)}\n              >\n                View asset\n              </Button>\n            ) : null}\n          </GlassCard>\n        ))}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ForecastingAlertsPage.js","names":[],"sources":["../../../src/assethandler/pages/ForecastingAlertsPage.tsx"],"sourcesContent":["import { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport { AlertTriangle, RefreshCw } from 'lucide-react';\nimport { useMemo, useState } from 'react';\n\nimport {\n  Badge,\n  Button,\n  GlassCard,\n  IllustratedEmptyState,\n  PagePurpose,\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@burdenoff/fe-libs/ui';\nimport { SectionHeader } from '../components';\nimport { useAssetHandlerNavigate } from '../hooks/useAssetHandlerNavigate';\n\nconst DEADLINE_ALERTS_QUERY = gql`\n  query AssetHandlerDeadlineAlerts($withinDays: Int!) {\n    assetDeadlineAlerts(withinDays: $withinDays) {\n      id\n      kind\n      subjectId\n      subjectName\n      assetId\n      dueAt\n      daysRemaining\n      status\n      headline\n      recommendedAction\n    }\n  }\n`;\n\ntype AlertKind = 'WARRANTY_EXPIRY' | 'LICENSE_RENEWAL' | 'END_OF_LIFE' | 'MAINTENANCE_DUE';\n\ninterface DeadlineAlert {\n  id: string;\n  kind: AlertKind;\n  subjectId: string;\n  subjectName: string;\n  assetId: string | null;\n  dueAt: string;\n  daysRemaining: number;\n  status: 'OVERDUE' | 'DUE_SOON' | 'UPCOMING';\n  headline: string;\n  recommendedAction: string;\n}\n\ninterface DeadlineAlertsResult {\n  assetDeadlineAlerts: DeadlineAlert[];\n}\n\nconst KIND_LABELS: Record<AlertKind, string> = {\n  WARRANTY_EXPIRY: 'Warranty expiry',\n  LICENSE_RENEWAL: 'Licence renewal',\n  END_OF_LIFE: 'Replacement planning',\n  MAINTENANCE_DUE: 'Maintenance due',\n};\n\nconst STATUS_CLASS: Record<DeadlineAlert['status'], string> = {\n  OVERDUE: 'bg-status-error-bg text-status-error-text',\n  DUE_SOON: 'bg-status-warning-bg text-status-warning-text',\n  UPCOMING: 'bg-status-info-bg text-status-info-text',\n};\n\nfunction dueLabel(alert: DeadlineAlert): string {\n  if (alert.daysRemaining < 0) {\n    const overdueDays = Math.abs(alert.daysRemaining);\n    return `${overdueDays} ${overdueDays === 1 ? 'day' : 'days'} overdue`;\n  }\n  if (alert.daysRemaining === 0) return 'Due today';\n  return `Due in ${alert.daysRemaining} days`;\n}\n\nexport function ForecastingAlertsPage() {\n  const navigate = useAssetHandlerNavigate();\n  const [withinDays, setWithinDays] = useState(90);\n  const { data, loading, error, refetch } = useQuery<DeadlineAlertsResult>(DEADLINE_ALERTS_QUERY, {\n    variables: { withinDays },\n    fetchPolicy: 'network-only',\n  });\n  const alerts = useMemo(() => data?.assetDeadlineAlerts ?? [], [data?.assetDeadlineAlerts]);\n\n  return (\n    <div className=\"space-y-5 p-4 sm:p-6\">\n      <SectionHeader\n        title=\"Deadline Alerts\"\n        description=\"Warranty, licence, replacement, and maintenance deadlines derived from your saved registry facts.\"\n        actions={\n          <div className=\"flex items-center gap-2\">\n            <Select\n              value={String(withinDays)}\n              onValueChange={(value) => setWithinDays(Number(value))}\n            >\n              <SelectTrigger className=\"w-36\" aria-label=\"Planning window\">\n                <SelectValue />\n              </SelectTrigger>\n              <SelectContent>\n                <SelectItem value=\"30\">Next 30 days</SelectItem>\n                <SelectItem value=\"90\">Next 90 days</SelectItem>\n                <SelectItem value=\"180\">Next 180 days</SelectItem>\n                <SelectItem value=\"365\">Next 365 days</SelectItem>\n              </SelectContent>\n            </Select>\n            <Button variant=\"outline\" onClick={() => void refetch()} disabled={loading}>\n              <RefreshCw className=\"mr-2 h-4 w-4\" />\n              Refresh\n            </Button>\n          </div>\n        }\n      />\n      <PagePurpose>\n        Alerts remain stable across reloads because each one is calculated from the persisted source\n        record and carries a deterministic source-backed ID.\n      </PagePurpose>\n\n      {error ? (\n        <GlassCard treatment=\"glass\" className=\"border-status-error-border p-4\">\n          <p className=\"font-medium text-status-error-text\">Could not load deadline alerts</p>\n          <p className=\"mt-1 text-sm text-text-muted\">{error.message}</p>\n        </GlassCard>\n      ) : null}\n\n      {!loading && !error && alerts.length === 0 ? (\n        <IllustratedEmptyState\n          illustration=\"empty-notifications\"\n          title=\"No deadlines in this window\"\n          description=\"Add warranty, useful-life, licence-expiry, or scheduled-maintenance dates to raise planning alerts.\"\n        />\n      ) : null}\n\n      <div className=\"grid gap-3 lg:grid-cols-2\" aria-busy={loading}>\n        {alerts.map((alert) => (\n          <GlassCard key={alert.id} treatment=\"glass\" className=\"border-border-seam p-4\">\n            <div className=\"flex items-start justify-between gap-3\">\n              <div className=\"min-w-0\">\n                <div className=\"flex flex-wrap items-center gap-2\">\n                  <Badge variant=\"outline\">{KIND_LABELS[alert.kind]}</Badge>\n                  <span\n                    className={`rounded-full px-2 py-0.5 text-xs ${STATUS_CLASS[alert.status]}`}\n                  >\n                    {dueLabel(alert)}\n                  </span>\n                </div>\n                <h2 className=\"mt-3 font-semibold text-text-primary\">{alert.headline}</h2>\n                <p className=\"mt-1 break-words text-sm text-text-secondary\">{alert.subjectName}</p>\n                <p className=\"mt-2 text-sm text-text-muted\">{alert.recommendedAction}</p>\n                <p className=\"mt-3 text-xs text-text-muted\">\n                  Deadline {new Date(alert.dueAt).toLocaleDateString()}\n                </p>\n              </div>\n              <AlertTriangle className=\"h-5 w-5 shrink-0 text-status-warning-text\" />\n            </div>\n            {alert.assetId ? (\n              <Button\n                className=\"mt-4\"\n                variant=\"outline\"\n                size=\"sm\"\n                onClick={() => navigate(`/assets/${alert.assetId}`)}\n              >\n                View asset\n              </Button>\n            ) : null}\n          </GlassCard>\n        ))}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/assethandler/pages/ReportsDashboardPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReportsDashboardPage.d.ts","sourceRoot":"","sources":["../../../src/assethandler/pages/ReportsDashboardPage.tsx"],"names":[],"mappings":"AAiNA,wBAAgB,oBAAoB,gCA8pBnC"}
+{"version":3,"file":"ReportsDashboardPage.d.ts","sourceRoot":"","sources":["../../../src/assethandler/pages/ReportsDashboardPage.tsx"],"names":[],"mappings":"AAiNA,wBAAgB,oBAAoB,gCAupBnC"}

package/dist/assethandler/pages/ReportsDashboardPage.js

@@ -8,13 +8,13 @@ import { StatTile as s } from "../components/StatTile.js";
 import { ChartCard as c } from "../components/ChartCard.js";
 import "../components/index.js";
 import { downloadCsv as l } from "../utils/csv.js";
-import { buildAssignmentCoverageSlices as ee } from "../utils/utilization.js";
-import { useMemo as u, useState as te } from "react";
-import { Activity as ne, DollarSign as re, Download as d, FileBarChart2 as ie, Percent as f, Printer as p, TrendingDown as m, Wallet as h, Wrench as g } from "lucide-react";
+import { buildAssignmentCoverageSlices as ee, buildUtilizationCsvRows as te } from "../utils/utilization.js";
+import { useMemo as u, useState as ne } from "react";
+import { Activity as d, DollarSign as re, Download as f, FileBarChart2 as ie, Percent as p, Printer as m, TrendingDown as h, Wallet as g, Wrench as ae } from "lucide-react";
 import { gql as _ } from "@apollo/client";
-import { useQuery as ae } from "@apollo/client/react";
+import { useQuery as oe } from "@apollo/client/react";
 import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
-import { Button as x, GlassCard as S, GradientText as C, IllustratedEmptyState as w, PagePurpose as oe, Select as se, SelectContent as ce, SelectItem as T, SelectTrigger as E, SelectValue as le, Tabs as ue, TabsContent as D, TabsList as de, TabsTrigger as O } from "@burdenoff/fe-libs/ui";
+import { Button as x, GlassCard as S, GradientText as se, IllustratedEmptyState as C, PagePurpose as ce, Select as w, SelectContent as T, SelectItem as E, SelectTrigger as le, SelectValue as ue, Tabs as D, TabsContent as O, TabsList as de, TabsTrigger as k } from "@burdenoff/fe-libs/ui";
 //#region src/assethandler/pages/ReportsDashboardPage.tsx
 var fe = _`
   query AssetHandlerReports($registerFilter: AssetRegisterFilterInput) {
@@ -71,27 +71,27 @@ var fe = _`
 	"MAINTENANCE",
 	"RETIRED",
 	"DISPOSED"
-], k = {
+], A = {
 	success: "bg-status-success-subtle text-status-success-text",
 	warning: "bg-status-warning-subtle text-status-warning-text",
 	error: "bg-status-error-subtle text-status-error-text",
 	info: "bg-status-info-subtle text-status-info-text",
 	neutral: "bg-bg-sunken text-text-secondary"
 };
-function A({ tone: e, children: t }) {
+function j({ tone: e, children: t }) {
 	return /* @__PURE__ */ y("span", {
-		className: n("inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium capitalize", k[e]),
+		className: n("inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium capitalize", A[e]),
 		children: t
 	});
 }
-var j = (e) => {
+var M = (e) => {
 	let t = e.toLowerCase();
 	return t === "active" ? "success" : t === "maintenance" ? "warning" : t === "retired" || t === "disposed" ? "error" : "neutral";
-}, M = (e) => {
+}, N = (e) => {
 	let t = e.toLowerCase();
 	return t === "completed" ? "success" : t === "in_progress" || t === "scheduled" ? "info" : t === "overdue" || t === "cancelled" ? "error" : "neutral";
 };
-function N({ rows: e = 6, cols: t }) {
+function P({ rows: e = 6, cols: t }) {
 	return /* @__PURE__ */ y(v, { children: Array.from({ length: e }).map((e, n) => /* @__PURE__ */ y("tr", {
 		className: "border-b border-border-seam/60",
 		children: Array.from({ length: t }).map((e, t) => /* @__PURE__ */ y("td", {
@@ -100,21 +100,21 @@ function N({ rows: e = 6, cols: t }) {
 		}, t))
 	}, n)) });
 }
-function P() {
-	let { format: n, compact: _ } = t(), { assets: k } = e(), [P, F] = te("all"), { data: I, loading: L } = ae(fe, {
-		variables: { registerFilter: P === "all" ? null : { status: P } },
+function F() {
+	let { format: n, compact: _ } = t(), { assets: A } = e(), [F, I] = ne("all"), { data: L, loading: R } = oe(fe, {
+		variables: { registerFilter: F === "all" ? null : { status: F } },
 		fetchPolicy: "cache-and-network",
 		errorPolicy: "all"
-	}), R = u(() => I?.assetRegister ?? [], [I]), z = u(() => I?.maintenanceLog ?? [], [I]), B = I?.financialSummary, V = I?.utilizationReport, H = u(() => {
+	}), z = u(() => L?.assetRegister ?? [], [L]), B = u(() => L?.maintenanceLog ?? [], [L]), V = L?.financialSummary, H = L?.utilizationReport, U = u(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let t of k) e.set(t.id, t.name);
+		for (let t of A) e.set(t.id, t.name);
 		return e;
-	}, [k]), U = o(R, {
+	}, [A]), W = o(z, {
 		pageSize: 12,
-		resetKey: P
-	}), W = o(z, { pageSize: 12 }), G = B?.totalAssetValue ?? 0, K = B?.totalDepreciation ?? 0, me = G + K > 0 ? K / (G + K) * 100 : 0, q = u(() => {
+		resetKey: F
+	}), G = o(B, { pageSize: 12 }), K = V?.totalAssetValue ?? 0, q = V?.totalDepreciation ?? 0, me = K + q > 0 ? q / (K + q) * 100 : 0, J = u(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let t of R) {
+		for (let t of z) {
 			let n = t.currentValue ?? t.purchaseValue ?? 0;
 			if (n > 0) {
 				let r = t.category.replace(/_/g, " ");
@@ -125,24 +125,24 @@ function P() {
 			category: e,
 			value: t
 		})).sort((e, t) => t.value - e.value).slice(0, 12);
-	}, [R]), J = u(() => (V?.byStatus ?? []).map((e) => ({
+	}, [z]), he = u(() => (H?.byStatus ?? []).map((e) => ({
 		name: e.status.toLowerCase(),
 		value: e.count
-	})).filter((e) => e.value > 0), [V]), he = u(() => V ? ee(V.assignedAssets, V.unassignedAssets, V.idleAssets) : [], [V]), Y = u(() => [{
+	})).filter((e) => e.value > 0), [H]), ge = u(() => H ? ee(H.assignedAssets, H.unassignedAssets, H.idleAssets) : [], [H]), Y = u(() => [{
 		name: "Current value",
-		value: G
+		value: K
 	}, {
 		name: "Accumulated depreciation",
-		value: K
-	}].filter((e) => e.value > 0), [G, K]), X = u(() => B ? [{
+		value: q
+	}].filter((e) => e.value > 0), [K, q]), X = u(() => V ? [{
 		metric: "Allocated",
-		value: B.budgetAllocated
+		value: V.budgetAllocated
 	}, {
 		metric: "Spent",
-		value: B.budgetSpent
-	}] : [], [B]), Z = u(() => {
+		value: V.budgetSpent
+	}] : [], [V]), Z = u(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let t of z) {
+		for (let t of B) {
 			let n = t.actualCost ?? t.estimatedCost ?? 0;
 			if (n > 0) {
 				let r = t.type.replace(/_/g, " ");
@@ -153,7 +153,7 @@ function P() {
 			type: e[0],
 			cost: e[1]
 		})).sort((e, t) => t.cost - e.cost);
-	}, [z]), ge = () => {
+	}, [B]), _e = () => {
 		l(`asset-register-${(/* @__PURE__ */ new Date()).toISOString().slice(0, 10)}`, [
 			"Asset Number",
 			"Name",
@@ -165,7 +165,7 @@ function P() {
 			"Accumulated Depreciation",
 			"Total Cost of Ownership",
 			"Purchase Date"
-		], R.map((e) => [
+		], z.map((e) => [
 			e.assetNumber,
 			e.name,
 			e.category,
@@ -177,7 +177,7 @@ function P() {
 			e.totalCostOfOwnership ?? "",
 			e.purchaseDate ? new Date(e.purchaseDate).toISOString().slice(0, 10) : ""
 		]));
-	}, _e = () => {
+	}, ve = () => {
 		l(`maintenance-log-${(/* @__PURE__ */ new Date()).toISOString().slice(0, 10)}`, [
 			"Title",
 			"Asset",
@@ -188,9 +188,9 @@ function P() {
 			"Completed",
 			"Estimated Cost",
 			"Actual Cost"
-		], z.map((e) => [
+		], B.map((e) => [
 			e.title,
-			H.get(e.assetId) ?? e.assetId,
+			U.get(e.assetId) ?? e.assetId,
 			e.type,
 			e.status,
 			e.priority,
@@ -199,36 +199,29 @@ function P() {
 			e.estimatedCost ?? "",
 			e.actualCost ?? ""
 		]));
-	}, ve = () => {
-		B && l(`financial-summary-${(/* @__PURE__ */ new Date()).toISOString().slice(0, 10)}`, ["Metric", "Value"], [
-			["Total asset value", B.totalAssetValue],
-			["Total depreciation", B.totalDepreciation],
-			["Total maintenance spend", B.totalMaintenanceSpend],
-			["Budget allocated", B.budgetAllocated],
-			["Budget spent", B.budgetSpent],
-			["Invoices outstanding", B.invoicesOutstanding],
-			["Invoices outstanding (count)", B.invoicesOutstandingCount],
-			["Transaction expense", B.transactionExpense]
-		]);
 	}, ye = () => {
-		V && l(`utilization-report-${(/* @__PURE__ */ new Date()).toISOString().slice(0, 10)}`, ["Metric", "Value"], [
-			["Total assets", V.totalAssets],
-			["Assigned assets", V.assignedAssets],
-			["Unassigned assets", V.unassignedAssets],
-			["Idle assets", V.idleAssets],
-			["Overdue assignments", V.overdueAssignments],
-			...V.byStatus.map((e) => [`Status: ${e.status}`, e.count])
+		V && l(`financial-summary-${(/* @__PURE__ */ new Date()).toISOString().slice(0, 10)}`, ["Metric", "Value"], [
+			["Total asset value", V.totalAssetValue],
+			["Total depreciation", V.totalDepreciation],
+			["Total maintenance spend", V.totalMaintenanceSpend],
+			["Budget allocated", V.budgetAllocated],
+			["Budget spent", V.budgetSpent],
+			["Invoices outstanding", V.invoicesOutstanding],
+			["Invoices outstanding (count)", V.invoicesOutstandingCount],
+			["Transaction expense", V.transactionExpense]
 		]);
-	}, Q = L && R.length === 0, $ = L && z.length === 0, be = /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ b(x, {
+	}, be = () => {
+		H && l(`utilization-report-${(/* @__PURE__ */ new Date()).toISOString().slice(0, 10)}`, ["Metric", "Value"], te(H));
+	}, Q = R && z.length === 0, $ = R && B.length === 0, xe = /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ b(x, {
 		size: "sm",
-		onClick: ge,
-		disabled: R.length === 0,
-		children: [/* @__PURE__ */ y(d, { className: "mr-2 h-4 w-4" }), "Export CSV"]
+		onClick: _e,
+		disabled: z.length === 0,
+		children: [/* @__PURE__ */ y(f, { className: "mr-2 h-4 w-4" }), "Export CSV"]
 	}), /* @__PURE__ */ b(x, {
 		size: "sm",
 		variant: "outline",
 		onClick: () => window.print(),
-		children: [/* @__PURE__ */ y(p, { className: "mr-2 h-4 w-4" }), "Print"]
+		children: [/* @__PURE__ */ y(m, { className: "mr-2 h-4 w-4" }), "Print"]
 	})] });
 	return /* @__PURE__ */ b("div", {
 		className: "space-y-6 p-4 sm:p-6",
@@ -237,7 +230,7 @@ function P() {
 				className: "flex flex-col gap-5 xl:flex-row xl:items-end xl:justify-between",
 				children: [/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("h1", {
 					className: "text-2xl font-bold sm:text-3xl",
-					children: /* @__PURE__ */ y(C, { children: "Reports" })
+					children: /* @__PURE__ */ y(se, { children: "Reports" })
 				}), /* @__PURE__ */ y("p", {
 					className: "mt-1 max-w-xl text-sm text-text-secondary",
 					children: "Registers and summaries built from live asset, finance and maintenance data."
@@ -246,66 +239,66 @@ function P() {
 					children: [
 						/* @__PURE__ */ y(s, {
 							label: "Total asset value",
-							value: G,
+							value: K,
 							format: (e) => n(e),
 							icon: re,
 							hero: !0
 						}),
 						/* @__PURE__ */ y(s, {
 							label: "Total depreciation",
-							value: K,
+							value: q,
 							format: (e) => n(e),
-							icon: m
+							icon: h
 						}),
 						/* @__PURE__ */ y(s, {
 							label: "Depreciated",
 							value: me,
 							format: (e) => `${e.toFixed(2)}%`,
-							icon: f
+							icon: p
 						})
 					]
 				})]
 			}),
-			/* @__PURE__ */ y(oe, { children: "Pull the numbers you need for audits, finance reviews and planning. Every register below is generated from live records — export any of them to CSV or print the page for sign-off." }),
-			/* @__PURE__ */ b(ue, {
+			/* @__PURE__ */ y(ce, { children: "Pull the numbers you need for audits, finance reviews and planning. Every register below is generated from live records — export any of them to CSV or print the page for sign-off." }),
+			/* @__PURE__ */ b(D, {
 				defaultValue: "register",
 				children: [
 					/* @__PURE__ */ b(de, {
 						className: "max-w-full justify-start overflow-x-auto",
 						children: [
-							/* @__PURE__ */ b(O, {
+							/* @__PURE__ */ b(k, {
 								value: "register",
 								children: [/* @__PURE__ */ y(ie, { className: "mr-1.5 h-4 w-4" }), "Asset Register"]
 							}),
-							/* @__PURE__ */ b(O, {
+							/* @__PURE__ */ b(k, {
 								value: "financial",
-								children: [/* @__PURE__ */ y(h, { className: "mr-1.5 h-4 w-4" }), "Financial Summary"]
+								children: [/* @__PURE__ */ y(g, { className: "mr-1.5 h-4 w-4" }), "Financial Summary"]
 							}),
-							/* @__PURE__ */ b(O, {
+							/* @__PURE__ */ b(k, {
 								value: "maintenance",
-								children: [/* @__PURE__ */ y(g, { className: "mr-1.5 h-4 w-4" }), "Maintenance Log"]
+								children: [/* @__PURE__ */ y(ae, { className: "mr-1.5 h-4 w-4" }), "Maintenance Log"]
 							}),
-							/* @__PURE__ */ b(O, {
+							/* @__PURE__ */ b(k, {
 								value: "utilization",
-								children: [/* @__PURE__ */ y(ne, { className: "mr-1.5 h-4 w-4" }), "Utilization"]
+								children: [/* @__PURE__ */ y(d, { className: "mr-1.5 h-4 w-4" }), "Utilization"]
 							})
 						]
 					}),
-					/* @__PURE__ */ b(D, {
+					/* @__PURE__ */ b(O, {
 						value: "register",
 						className: "mt-4 space-y-4",
-						children: [q.length > 0 ? /* @__PURE__ */ y(c, {
+						children: [J.length > 0 ? /* @__PURE__ */ y(c, {
 							title: "Asset value by category",
 							subtitle: "Current book value aggregated from the register",
 							children: /* @__PURE__ */ y(r, {
-								data: q,
+								data: J,
 								xKey: "category",
 								series: [{
 									key: "value",
 									label: "Current value"
 								}],
 								orientation: "horizontal",
-								height: Math.max(200, q.length * 34),
+								height: Math.max(200, J.length * 34),
 								valueFormat: _,
 								categoryWidth: 128,
 								ariaLabel: "Current asset value by category"
@@ -321,16 +314,16 @@ function P() {
 										children: [/* @__PURE__ */ y("h3", {
 											className: "text-base font-semibold text-text-primary",
 											children: "Asset Register"
-										}), /* @__PURE__ */ b(se, {
-											value: P,
-											onValueChange: F,
-											children: [/* @__PURE__ */ y(E, {
+										}), /* @__PURE__ */ b(w, {
+											value: F,
+											onValueChange: I,
+											children: [/* @__PURE__ */ y(le, {
 												className: "h-8 w-40",
-												children: /* @__PURE__ */ y(le, { placeholder: "Filter by status" })
-											}), /* @__PURE__ */ b(ce, { children: [/* @__PURE__ */ y(T, {
+												children: /* @__PURE__ */ y(ue, { placeholder: "Filter by status" })
+											}), /* @__PURE__ */ b(T, { children: [/* @__PURE__ */ y(E, {
 												value: "all",
 												children: "All statuses"
-											}), pe.map((e) => /* @__PURE__ */ y(T, {
+											}), pe.map((e) => /* @__PURE__ */ y(E, {
 												value: e,
 												className: "capitalize",
 												children: e.toLowerCase()
@@ -338,7 +331,7 @@ function P() {
 										})]
 									}), /* @__PURE__ */ y("div", {
 										className: "flex flex-wrap gap-2",
-										children: be
+										children: xe
 									})]
 								}),
 								/* @__PURE__ */ y("div", {
@@ -381,7 +374,7 @@ function P() {
 													children: "TCO"
 												})
 											]
-										}) }), /* @__PURE__ */ y("tbody", { children: Q ? /* @__PURE__ */ y(N, { cols: 8 }) : U.pageItems.map((e) => /* @__PURE__ */ b("tr", {
+										}) }), /* @__PURE__ */ y("tbody", { children: Q ? /* @__PURE__ */ y(P, { cols: 8 }) : W.pageItems.map((e) => /* @__PURE__ */ b("tr", {
 											className: "border-b border-border-seam/60 last:border-0 hover:bg-bg-sunken/40",
 											children: [
 												/* @__PURE__ */ b("td", {
@@ -400,8 +393,8 @@ function P() {
 												}),
 												/* @__PURE__ */ y("td", {
 													className: "p-3",
-													children: /* @__PURE__ */ y(A, {
-														tone: j(e.status),
+													children: /* @__PURE__ */ y(j, {
+														tone: M(e.status),
 														children: e.status.toLowerCase()
 													})
 												}),
@@ -434,7 +427,7 @@ function P() {
 									children: Q ? /* @__PURE__ */ y("div", {
 										className: "space-y-3 p-4",
 										children: Array.from({ length: 5 }).map((e, t) => /* @__PURE__ */ y("div", { className: "h-16 animate-pulse rounded bg-bg-sunken" }, t))
-									}) : U.pageItems.map((e) => /* @__PURE__ */ b("div", {
+									}) : W.pageItems.map((e) => /* @__PURE__ */ b("div", {
 										className: "p-4",
 										children: [/* @__PURE__ */ b("div", {
 											className: "flex items-start justify-between gap-2",
@@ -447,8 +440,8 @@ function P() {
 													className: "text-xs text-text-secondary",
 													children: e.assetNumber
 												})]
-											}), /* @__PURE__ */ y(A, {
-												tone: j(e.status),
+											}), /* @__PURE__ */ y(j, {
+												tone: M(e.status),
 												children: e.status.toLowerCase()
 											})]
 										}), /* @__PURE__ */ b("div", {
@@ -473,29 +466,29 @@ function P() {
 										})]
 									}, e.id))
 								}),
-								R.length === 0 && !L ? /* @__PURE__ */ y(w, {
+								z.length === 0 && !R ? /* @__PURE__ */ y(C, {
 									illustration: "empty-data",
 									title: "No assets in the register",
 									description: "Register assets with financial details and they will appear here."
 								}) : /* @__PURE__ */ y("div", {
 									className: "px-3",
 									children: /* @__PURE__ */ y(a, {
-										page: U.page,
-										pageCount: U.pageCount,
-										rangeStart: U.rangeStart,
-										rangeEnd: U.rangeEnd,
-										totalItems: U.totalItems,
-										canPrev: U.canPrev,
-										canNext: U.canNext,
-										onPrev: U.prevPage,
-										onNext: U.nextPage,
+										page: W.page,
+										pageCount: W.pageCount,
+										rangeStart: W.rangeStart,
+										rangeEnd: W.rangeEnd,
+										totalItems: W.totalItems,
+										canPrev: W.canPrev,
+										canNext: W.canNext,
+										onPrev: W.prevPage,
+										onNext: W.nextPage,
 										itemLabel: "assets"
 									})
 								})
 							]
 						})]
 					}),
-					/* @__PURE__ */ b(D, {
+					/* @__PURE__ */ b(O, {
 						value: "financial",
 						className: "mt-4 space-y-4",
 						children: [
@@ -503,9 +496,9 @@ function P() {
 								className: "flex justify-end",
 								children: /* @__PURE__ */ b(x, {
 									size: "sm",
-									onClick: ve,
-									disabled: !B,
-									children: [/* @__PURE__ */ y(d, { className: "mr-2 h-4 w-4" }), "Export CSV"]
+									onClick: ye,
+									disabled: !V,
+									children: [/* @__PURE__ */ y(f, { className: "mr-2 h-4 w-4" }), "Export CSV"]
 								})
 							}),
 							/* @__PURE__ */ b("div", {
@@ -513,48 +506,48 @@ function P() {
 								children: [
 									/* @__PURE__ */ y(s, {
 										label: "Total asset value",
-										value: G,
+										value: K,
 										format: (e) => n(e)
 									}),
 									/* @__PURE__ */ y(s, {
 										label: "Total depreciation",
-										value: K,
+										value: q,
 										format: (e) => n(e)
 									}),
 									/* @__PURE__ */ y(s, {
 										label: "Maintenance spend",
-										value: B?.totalMaintenanceSpend ?? 0,
+										value: V?.totalMaintenanceSpend ?? 0,
 										format: (e) => n(e)
 									}),
 									/* @__PURE__ */ y(s, {
 										label: "Transaction expense",
-										value: B?.transactionExpense ?? 0,
+										value: V?.transactionExpense ?? 0,
 										format: (e) => n(e)
 									}),
 									/* @__PURE__ */ y(s, {
 										label: "Budget allocated",
-										value: B?.budgetAllocated ?? 0,
+										value: V?.budgetAllocated ?? 0,
 										format: (e) => n(e)
 									}),
 									/* @__PURE__ */ y(s, {
 										label: "Budget spent",
-										value: B?.budgetSpent ?? 0,
+										value: V?.budgetSpent ?? 0,
 										format: (e) => n(e)
 									}),
 									/* @__PURE__ */ y(s, {
 										label: "Invoices outstanding",
-										value: B?.invoicesOutstanding ?? 0,
+										value: V?.invoicesOutstanding ?? 0,
 										format: (e) => n(e)
 									}),
 									/* @__PURE__ */ y(s, {
 										label: "Outstanding invoices",
-										value: B?.invoicesOutstandingCount ?? 0
+										value: V?.invoicesOutstandingCount ?? 0
 									})
 								]
 							}),
 							/* @__PURE__ */ b("div", {
 								className: "grid gap-4 lg:grid-cols-2",
-								children: [X.length > 0 && (B?.budgetAllocated || B?.budgetSpent) ? /* @__PURE__ */ y(c, {
+								children: [X.length > 0 && (V?.budgetAllocated || V?.budgetSpent) ? /* @__PURE__ */ y(c, {
 									title: "Budget utilization",
 									subtitle: "Allocated against spend",
 									children: /* @__PURE__ */ y(r, {
@@ -576,7 +569,7 @@ function P() {
 									children: /* @__PURE__ */ y(i, {
 										data: Y,
 										centerLabel: "Original cost",
-										centerValue: G + K,
+										centerValue: K + q,
 										valueFormat: (e) => n(e),
 										height: 220,
 										ariaLabel: "Current value versus accumulated depreciation"
@@ -585,7 +578,7 @@ function P() {
 							})
 						]
 					}),
-					/* @__PURE__ */ b(D, {
+					/* @__PURE__ */ b(O, {
 						value: "maintenance",
 						className: "mt-4 space-y-4",
 						children: [
@@ -593,9 +586,9 @@ function P() {
 								className: "flex justify-end",
 								children: /* @__PURE__ */ b(x, {
 									size: "sm",
-									onClick: _e,
-									disabled: z.length === 0,
-									children: [/* @__PURE__ */ y(d, { className: "mr-2 h-4 w-4" }), "Export CSV"]
+									onClick: ve,
+									disabled: B.length === 0,
+									children: [/* @__PURE__ */ y(f, { className: "mr-2 h-4 w-4" }), "Export CSV"]
 								})
 							}),
 							Z.length > 0 ? /* @__PURE__ */ y(c, {
@@ -651,7 +644,7 @@ function P() {
 														children: "Actual Cost"
 													})
 												]
-											}) }), /* @__PURE__ */ y("tbody", { children: $ ? /* @__PURE__ */ y(N, { cols: 6 }) : W.pageItems.map((e) => /* @__PURE__ */ b("tr", {
+											}) }), /* @__PURE__ */ y("tbody", { children: $ ? /* @__PURE__ */ y(P, { cols: 6 }) : G.pageItems.map((e) => /* @__PURE__ */ b("tr", {
 												className: "border-b border-border-seam/60 last:border-0 hover:bg-bg-sunken/40",
 												children: [
 													/* @__PURE__ */ y("td", {
@@ -660,7 +653,7 @@ function P() {
 													}),
 													/* @__PURE__ */ y("td", {
 														className: "p-3",
-														children: H.get(e.assetId) ?? e.assetId
+														children: U.get(e.assetId) ?? e.assetId
 													}),
 													/* @__PURE__ */ y("td", {
 														className: "p-3 capitalize",
@@ -668,8 +661,8 @@ function P() {
 													}),
 													/* @__PURE__ */ y("td", {
 														className: "p-3",
-														children: /* @__PURE__ */ y(A, {
-															tone: M(e.status),
+														children: /* @__PURE__ */ y(j, {
+															tone: N(e.status),
 															children: e.status.replace(/_/g, " ").toLowerCase()
 														})
 													}),
@@ -690,15 +683,15 @@ function P() {
 										children: $ ? /* @__PURE__ */ y("div", {
 											className: "space-y-3 p-4",
 											children: Array.from({ length: 5 }).map((e, t) => /* @__PURE__ */ y("div", { className: "h-16 animate-pulse rounded bg-bg-sunken" }, t))
-										}) : W.pageItems.map((e) => /* @__PURE__ */ b("div", {
+										}) : G.pageItems.map((e) => /* @__PURE__ */ b("div", {
 											className: "p-4",
 											children: [/* @__PURE__ */ b("div", {
 												className: "flex items-start justify-between gap-2",
 												children: [/* @__PURE__ */ y("p", {
 													className: "min-w-0 flex-1 truncate font-medium",
 													children: e.title
-												}), /* @__PURE__ */ y(A, {
-													tone: M(e.status),
+												}), /* @__PURE__ */ y(j, {
+													tone: N(e.status),
 													children: e.status.replace(/_/g, " ").toLowerCase()
 												})]
 											}), /* @__PURE__ */ b("div", {
@@ -708,7 +701,7 @@ function P() {
 														className: "capitalize",
 														children: e.type.replace(/_/g, " ")
 													}),
-													/* @__PURE__ */ b("span", { children: ["· ", H.get(e.assetId) ?? e.assetId] }),
+													/* @__PURE__ */ b("span", { children: ["· ", U.get(e.assetId) ?? e.assetId] }),
 													e.actualCost == null ? null : /* @__PURE__ */ y("span", {
 														className: "ml-auto tabular-nums text-text-primary",
 														children: n(e.actualCost)
@@ -717,22 +710,22 @@ function P() {
 											})]
 										}, e.id))
 									}),
-									z.length === 0 && !L ? /* @__PURE__ */ y(w, {
+									B.length === 0 && !R ? /* @__PURE__ */ y(C, {
 										illustration: "empty-data",
 										title: "No maintenance records",
 										description: "Logged maintenance work will appear here once scheduled or completed."
 									}) : /* @__PURE__ */ y("div", {
 										className: "px-3",
 										children: /* @__PURE__ */ y(a, {
-											page: W.page,
-											pageCount: W.pageCount,
-											rangeStart: W.rangeStart,
-											rangeEnd: W.rangeEnd,
-											totalItems: W.totalItems,
-											canPrev: W.canPrev,
-											canNext: W.canNext,
-											onPrev: W.prevPage,
-											onNext: W.nextPage,
+											page: G.page,
+											pageCount: G.pageCount,
+											rangeStart: G.rangeStart,
+											rangeEnd: G.rangeEnd,
+											totalItems: G.totalItems,
+											canPrev: G.canPrev,
+											canNext: G.canNext,
+											onPrev: G.prevPage,
+											onNext: G.nextPage,
 											itemLabel: "records"
 										})
 									})
@@ -740,7 +733,7 @@ function P() {
 							})
 						]
 					}),
-					/* @__PURE__ */ b(D, {
+					/* @__PURE__ */ b(O, {
 						value: "utilization",
 						className: "mt-4 space-y-4",
 						children: [
@@ -748,9 +741,9 @@ function P() {
 								className: "flex justify-end",
 								children: /* @__PURE__ */ b(x, {
 									size: "sm",
-									onClick: ye,
-									disabled: !V,
-									children: [/* @__PURE__ */ y(d, { className: "mr-2 h-4 w-4" }), "Export CSV"]
+									onClick: be,
+									disabled: !H,
+									children: [/* @__PURE__ */ y(f, { className: "mr-2 h-4 w-4" }), "Export CSV"]
 								})
 							}),
 							/* @__PURE__ */ b("div", {
@@ -758,24 +751,24 @@ function P() {
 								children: [
 									/* @__PURE__ */ y(s, {
 										label: "Total assets",
-										value: V?.totalAssets ?? 0
+										value: H?.totalAssets ?? 0
 									}),
 									/* @__PURE__ */ y(s, {
 										label: "Assigned",
-										value: V?.assignedAssets ?? 0
+										value: H?.assignedAssets ?? 0
 									}),
 									/* @__PURE__ */ y(s, {
 										label: "Unassigned",
-										value: V?.unassignedAssets ?? 0
+										value: H?.unassignedAssets ?? 0
 									}),
 									/* @__PURE__ */ y(s, {
 										label: "Active unassigned",
-										value: V?.idleAssets ?? 0
+										value: H?.idleAssets ?? 0
 									}),
 									/* @__PURE__ */ y(s, {
 										label: "Overdue assignments",
-										value: V?.overdueAssignments ?? 0,
-										delta: V && V.overdueAssignments > 0 ? "Attention" : void 0,
+										value: H?.overdueAssignments ?? 0,
+										delta: H && H.overdueAssignments > 0 ? "Attention" : void 0,
 										deltaTone: "negative"
 									})
 								]
@@ -786,9 +779,9 @@ function P() {
 									title: "Assets by status",
 									subtitle: "Distribution across lifecycle states",
 									children: /* @__PURE__ */ y(i, {
-										data: J,
+										data: he,
 										centerLabel: "Assets",
-										centerValue: V?.totalAssets ?? 0,
+										centerValue: H?.totalAssets ?? 0,
 										height: 240,
 										emptyLabel: "No status data available.",
 										ariaLabel: "Assets by status"
@@ -797,9 +790,9 @@ function P() {
 									title: "Assignment coverage",
 									subtitle: "Mutually exclusive assigned, active-unassigned and other-unassigned assets",
 									children: /* @__PURE__ */ y(i, {
-										data: he,
+										data: ge,
 										centerLabel: "Assets",
-										centerValue: V?.totalAssets ?? 0,
+										centerValue: H?.totalAssets ?? 0,
 										height: 240,
 										emptyLabel: "No coverage data available.",
 										ariaLabel: "Assignment coverage"
@@ -814,6 +807,6 @@ function P() {
 	});
 }
 //#endregion
-export { P as ReportsDashboardPage };
+export { F as ReportsDashboardPage };
 
 //# sourceMappingURL=ReportsDashboardPage.js.map

package/dist/assethandler/pages/ReportsDashboardPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReportsDashboardPage.js","names":[],"sources":["../../../src/assethandler/pages/ReportsDashboardPage.tsx"],"sourcesContent":["import { useMemo, useState, type ReactNode } from 'react';\nimport { useAssetMoney } from '../providers/AssetHandlerProvider';\nimport {\n  Button,\n  GlassCard,\n  GradientText,\n  PagePurpose,\n  Tabs,\n  TabsContent,\n  TabsList,\n  TabsTrigger,\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n  IllustratedEmptyState,\n} from '@burdenoff/fe-libs/ui';\nimport {\n  Download,\n  Printer,\n  FileBarChart2,\n  Wallet,\n  Wrench,\n  Activity,\n  DollarSign,\n  TrendingDown,\n  Percent,\n} from 'lucide-react';\nimport { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport { useAssetHandlerStore } from '../store/assethandlerStore';\nimport {\n  Pagination,\n  usePagination,\n  StatTile,\n  ChartCard,\n  BarsChart,\n  DonutChart,\n  type DonutSlice,\n} from '../components';\nimport { downloadCsv } from '../utils/csv';\nimport { cn } from '../utils/cn';\nimport { buildAssignmentCoverageSlices } from '../utils/utilization';\n\n// ─── Query result shapes ──────────────────────────────────────────\ninterface RegisterAsset {\n  id: string;\n  assetNumber: string;\n  name: string;\n  category: string;\n  status: string;\n  department?: string | null;\n  purchaseValue?: number | null;\n  currentValue?: number | null;\n  accumulatedDepreciation?: number | null;\n  totalCostOfOwnership?: number | null;\n  purchaseDate?: string | null;\n}\n\ninterface FinancialSummary {\n  totalAssetValue: number;\n  totalDepreciation: number;\n  totalMaintenanceSpend: number;\n  budgetAllocated: number;\n  budgetSpent: number;\n  invoicesOutstanding: number;\n  invoicesOutstandingCount: number;\n  transactionExpense: number;\n}\n\ninterface MaintenanceLogRecord {\n  id: string;\n  assetId: string;\n  title: string;\n  type: string;\n  status: string;\n  priority: string;\n  scheduledAt?: string | null;\n  completedAt?: string | null;\n  estimatedCost?: number | null;\n  actualCost?: number | null;\n}\n\ninterface UtilizationReport {\n  totalAssets: number;\n  assignedAssets: number;\n  unassignedAssets: number;\n  idleAssets: number;\n  overdueAssignments: number;\n  byStatus: { status: string; count: number }[];\n}\n\nconst REPORTS_QUERY = gql`\n  query AssetHandlerReports($registerFilter: AssetRegisterFilterInput) {\n    assetRegister(filter: $registerFilter, pagination: { limit: 1000 }) {\n      id\n      assetNumber\n      name\n      category\n      status\n      department\n      purchaseValue\n      currentValue\n      accumulatedDepreciation\n      totalCostOfOwnership\n      purchaseDate\n    }\n    financialSummary {\n      totalAssetValue\n      totalDepreciation\n      totalMaintenanceSpend\n      budgetAllocated\n      budgetSpent\n      invoicesOutstanding\n      invoicesOutstandingCount\n      transactionExpense\n    }\n    maintenanceLog(pagination: { limit: 1000 }) {\n      id\n      assetId\n      title\n      type\n      status\n      priority\n      scheduledAt\n      completedAt\n      estimatedCost\n      actualCost\n    }\n    utilizationReport {\n      totalAssets\n      assignedAssets\n      unassignedAssets\n      idleAssets\n      overdueAssignments\n      byStatus {\n        status\n        count\n      }\n    }\n  }\n`;\n\ninterface ReportsResult {\n  assetRegister: RegisterAsset[];\n  financialSummary: FinancialSummary;\n  maintenanceLog: MaintenanceLogRecord[];\n  utilizationReport: UtilizationReport;\n}\n\nconst ASSET_STATUSES = ['ACTIVE', 'INACTIVE', 'MAINTENANCE', 'RETIRED', 'DISPOSED'] as const;\n\n// ─── Presentation helpers ─────────────────────────────────────────\ntype Tone = 'success' | 'warning' | 'error' | 'info' | 'neutral';\n\nconst PILL_TONE: Record<Tone, string> = {\n  success: 'bg-status-success-subtle text-status-success-text',\n  warning: 'bg-status-warning-subtle text-status-warning-text',\n  error: 'bg-status-error-subtle text-status-error-text',\n  info: 'bg-status-info-subtle text-status-info-text',\n  neutral: 'bg-bg-sunken text-text-secondary',\n};\n\nfunction StatusPill({ tone, children }: { tone: Tone; children: ReactNode }) {\n  return (\n    <span\n      className={cn(\n        'inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium capitalize',\n        PILL_TONE[tone]\n      )}\n    >\n      {children}\n    </span>\n  );\n}\n\nconst assetStatusTone = (status: string): Tone => {\n  const s = status.toLowerCase();\n  if (s === 'active') return 'success';\n  if (s === 'maintenance') return 'warning';\n  if (s === 'retired' || s === 'disposed') return 'error';\n  return 'neutral';\n};\n\nconst maintenanceStatusTone = (status: string): Tone => {\n  const s = status.toLowerCase();\n  if (s === 'completed') return 'success';\n  if (s === 'in_progress' || s === 'scheduled') return 'info';\n  if (s === 'overdue' || s === 'cancelled') return 'error';\n  return 'neutral';\n};\n\nfunction SkeletonRows({ rows = 6, cols }: { rows?: number; cols: number }) {\n  return (\n    <>\n      {Array.from({ length: rows }).map((_, r) => (\n        <tr key={r} className=\"border-b border-border-seam/60\">\n          {Array.from({ length: cols }).map((_, c) => (\n            <td key={c} className=\"p-3\">\n              <div className=\"h-4 w-full max-w-[120px] animate-pulse rounded bg-bg-sunken\" />\n            </td>\n          ))}\n        </tr>\n      ))}\n    </>\n  );\n}\n\nexport function ReportsDashboardPage() {\n  const { format: money, compact: compactUsd } = useAssetMoney();\n  const { assets } = useAssetHandlerStore();\n  const [statusFilter, setStatusFilter] = useState<string>('all');\n\n  const { data, loading } = useQuery<ReportsResult>(REPORTS_QUERY, {\n    variables: {\n      registerFilter: statusFilter === 'all' ? null : { status: statusFilter },\n    },\n    fetchPolicy: 'cache-and-network',\n    errorPolicy: 'all',\n  });\n\n  const register = useMemo(() => data?.assetRegister ?? [], [data]);\n  const maintenance = useMemo(() => data?.maintenanceLog ?? [], [data]);\n  const summary = data?.financialSummary;\n  const utilization = data?.utilizationReport;\n\n  const assetNameById = useMemo(() => {\n    const map = new Map<string, string>();\n    for (const asset of assets) map.set(asset.id, asset.name);\n    return map;\n  }, [assets]);\n\n  const registerPage = usePagination(register, { pageSize: 12, resetKey: statusFilter });\n  const maintenancePage = usePagination(maintenance, { pageSize: 12 });\n\n  // ─── Header KPI figures (real, from financialSummary) ───\n  const totalAssetValue = summary?.totalAssetValue ?? 0;\n  const totalDepreciation = summary?.totalDepreciation ?? 0;\n  const depreciationPct =\n    totalAssetValue + totalDepreciation > 0\n      ? (totalDepreciation / (totalAssetValue + totalDepreciation)) * 100\n      : 0;\n\n  // ─── Chart aggregations (real data only) ───\n  const categoryValue = useMemo(() => {\n    const map = new Map<string, number>();\n    for (const a of register) {\n      const value = a.currentValue ?? a.purchaseValue ?? 0;\n      if (value > 0) {\n        const key = a.category.replace(/_/g, ' ');\n        map.set(key, (map.get(key) ?? 0) + value);\n      }\n    }\n    return Array.from(map, ([category, value]) => ({ category, value }))\n      .sort((a, b) => b.value - a.value)\n      .slice(0, 12);\n  }, [register]);\n\n  const statusSlices = useMemo<DonutSlice[]>(\n    () =>\n      (utilization?.byStatus ?? [])\n        .map((s) => ({ name: s.status.toLowerCase(), value: s.count }))\n        .filter((s) => s.value > 0),\n    [utilization]\n  );\n\n  const coverageSlices = useMemo<DonutSlice[]>(() => {\n    if (!utilization) return [];\n    return buildAssignmentCoverageSlices(\n      utilization.assignedAssets,\n      utilization.unassignedAssets,\n      utilization.idleAssets\n    );\n  }, [utilization]);\n\n  const valueSlices = useMemo<DonutSlice[]>(() => {\n    const slices = [\n      { name: 'Current value', value: totalAssetValue },\n      { name: 'Accumulated depreciation', value: totalDepreciation },\n    ].filter((s) => s.value > 0);\n    return slices;\n  }, [totalAssetValue, totalDepreciation]);\n\n  const budgetBars = useMemo(() => {\n    if (!summary) return [];\n    return [\n      { metric: 'Allocated', value: summary.budgetAllocated },\n      { metric: 'Spent', value: summary.budgetSpent },\n    ];\n  }, [summary]);\n\n  const maintenanceSpendByType = useMemo(() => {\n    const map = new Map<string, number>();\n    for (const m of maintenance) {\n      const cost = m.actualCost ?? m.estimatedCost ?? 0;\n      if (cost > 0) {\n        const key = m.type.replace(/_/g, ' ');\n        map.set(key, (map.get(key) ?? 0) + cost);\n      }\n    }\n    return Array.from(map, (entry) => ({ type: entry[0], cost: entry[1] })).sort(\n      (a, b) => b.cost - a.cost\n    );\n  }, [maintenance]);\n\n  // ─── Exports (unchanged behaviour) ───\n  const exportRegister = () => {\n    downloadCsv(\n      `asset-register-${new Date().toISOString().slice(0, 10)}`,\n      [\n        'Asset Number',\n        'Name',\n        'Category',\n        'Status',\n        'Department',\n        'Purchase Value',\n        'Current Value',\n        'Accumulated Depreciation',\n        'Total Cost of Ownership',\n        'Purchase Date',\n      ],\n      register.map((a) => [\n        a.assetNumber,\n        a.name,\n        a.category,\n        a.status,\n        a.department ?? '',\n        a.purchaseValue ?? '',\n        a.currentValue ?? '',\n        a.accumulatedDepreciation ?? '',\n        a.totalCostOfOwnership ?? '',\n        a.purchaseDate ? new Date(a.purchaseDate).toISOString().slice(0, 10) : '',\n      ])\n    );\n  };\n\n  const exportMaintenance = () => {\n    downloadCsv(\n      `maintenance-log-${new Date().toISOString().slice(0, 10)}`,\n      [\n        'Title',\n        'Asset',\n        'Type',\n        'Status',\n        'Priority',\n        'Scheduled',\n        'Completed',\n        'Estimated Cost',\n        'Actual Cost',\n      ],\n      maintenance.map((m) => [\n        m.title,\n        assetNameById.get(m.assetId) ?? m.assetId,\n        m.type,\n        m.status,\n        m.priority,\n        m.scheduledAt ? new Date(m.scheduledAt).toISOString().slice(0, 10) : '',\n        m.completedAt ? new Date(m.completedAt).toISOString().slice(0, 10) : '',\n        m.estimatedCost ?? '',\n        m.actualCost ?? '',\n      ])\n    );\n  };\n\n  const exportFinancial = () => {\n    if (!summary) return;\n    downloadCsv(\n      `financial-summary-${new Date().toISOString().slice(0, 10)}`,\n      ['Metric', 'Value'],\n      [\n        ['Total asset value', summary.totalAssetValue],\n        ['Total depreciation', summary.totalDepreciation],\n        ['Total maintenance spend', summary.totalMaintenanceSpend],\n        ['Budget allocated', summary.budgetAllocated],\n        ['Budget spent', summary.budgetSpent],\n        ['Invoices outstanding', summary.invoicesOutstanding],\n        ['Invoices outstanding (count)', summary.invoicesOutstandingCount],\n        ['Transaction expense', summary.transactionExpense],\n      ]\n    );\n  };\n\n  const exportUtilization = () => {\n    if (!utilization) return;\n    downloadCsv(\n      `utilization-report-${new Date().toISOString().slice(0, 10)}`,\n      ['Metric', 'Value'],\n      [\n        ['Total assets', utilization.totalAssets],\n        ['Assigned assets', utilization.assignedAssets],\n        ['Unassigned assets', utilization.unassignedAssets],\n        ['Idle assets', utilization.idleAssets],\n        ['Overdue assignments', utilization.overdueAssignments],\n        ...utilization.byStatus.map((s): [string, number] => [`Status: ${s.status}`, s.count]),\n      ]\n    );\n  };\n\n  const registerLoading = loading && register.length === 0;\n  const maintenanceLoading = loading && maintenance.length === 0;\n\n  const registerActions = (\n    <>\n      <Button size=\"sm\" onClick={exportRegister} disabled={register.length === 0}>\n        <Download className=\"mr-2 h-4 w-4\" />\n        Export CSV\n      </Button>\n      <Button size=\"sm\" variant=\"outline\" onClick={() => window.print()}>\n        <Printer className=\"mr-2 h-4 w-4\" />\n        Print\n      </Button>\n    </>\n  );\n\n  return (\n    <div className=\"space-y-6 p-4 sm:p-6\">\n      {/* ─── Header with persistent finance KPI strip ─── */}\n      <div className=\"flex flex-col gap-5 xl:flex-row xl:items-end xl:justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-bold sm:text-3xl\">\n            <GradientText>Reports</GradientText>\n          </h1>\n          <p className=\"mt-1 max-w-xl text-sm text-text-secondary\">\n            Registers and summaries built from live asset, finance and maintenance data.\n          </p>\n        </div>\n        <div className=\"grid grid-cols-1 gap-3 sm:grid-cols-3\">\n          <StatTile\n            label=\"Total asset value\"\n            value={totalAssetValue}\n            format={(v) => money(v)}\n            icon={DollarSign}\n            hero\n          />\n          <StatTile\n            label=\"Total depreciation\"\n            value={totalDepreciation}\n            format={(v) => money(v)}\n            icon={TrendingDown}\n          />\n          <StatTile\n            label=\"Depreciated\"\n            value={depreciationPct}\n            format={(v) => `${v.toFixed(2)}%`}\n            icon={Percent}\n          />\n        </div>\n      </div>\n\n      <PagePurpose>\n        Pull the numbers you need for audits, finance reviews and planning. Every register below is\n        generated from live records — export any of them to CSV or print the page for sign-off.\n      </PagePurpose>\n\n      <Tabs defaultValue=\"register\">\n        <TabsList className=\"max-w-full justify-start overflow-x-auto\">\n          <TabsTrigger value=\"register\">\n            <FileBarChart2 className=\"mr-1.5 h-4 w-4\" />\n            Asset Register\n          </TabsTrigger>\n          <TabsTrigger value=\"financial\">\n            <Wallet className=\"mr-1.5 h-4 w-4\" />\n            Financial Summary\n          </TabsTrigger>\n          <TabsTrigger value=\"maintenance\">\n            <Wrench className=\"mr-1.5 h-4 w-4\" />\n            Maintenance Log\n          </TabsTrigger>\n          <TabsTrigger value=\"utilization\">\n            <Activity className=\"mr-1.5 h-4 w-4\" />\n            Utilization\n          </TabsTrigger>\n        </TabsList>\n\n        {/* ─── Asset Register ─── */}\n        <TabsContent value=\"register\" className=\"mt-4 space-y-4\">\n          {categoryValue.length > 0 ? (\n            <ChartCard\n              title=\"Asset value by category\"\n              subtitle=\"Current book value aggregated from the register\"\n            >\n              <BarsChart\n                data={categoryValue}\n                xKey=\"category\"\n                series={[{ key: 'value', label: 'Current value' }]}\n                orientation=\"horizontal\"\n                height={Math.max(200, categoryValue.length * 34)}\n                valueFormat={compactUsd}\n                categoryWidth={128}\n                ariaLabel=\"Current asset value by category\"\n              />\n            </ChartCard>\n          ) : null}\n\n          <GlassCard treatment=\"glass\" className=\"overflow-hidden border-border-seam\">\n            <div className=\"flex flex-col gap-3 border-b border-border-seam p-4 sm:flex-row sm:items-center sm:justify-between\">\n              <div className=\"flex items-center gap-3\">\n                <h3 className=\"text-base font-semibold text-text-primary\">Asset Register</h3>\n                <Select value={statusFilter} onValueChange={setStatusFilter}>\n                  <SelectTrigger className=\"h-8 w-40\">\n                    <SelectValue placeholder=\"Filter by status\" />\n                  </SelectTrigger>\n                  <SelectContent>\n                    <SelectItem value=\"all\">All statuses</SelectItem>\n                    {ASSET_STATUSES.map((status) => (\n                      <SelectItem key={status} value={status} className=\"capitalize\">\n                        {status.toLowerCase()}\n                      </SelectItem>\n                    ))}\n                  </SelectContent>\n                </Select>\n              </div>\n              <div className=\"flex flex-wrap gap-2\">{registerActions}</div>\n            </div>\n\n            {/* Desktop table */}\n            <div className=\"hidden overflow-x-auto md:block\">\n              <table className=\"w-full min-w-[860px] text-sm\">\n                <thead>\n                  <tr className=\"border-b border-border-seam bg-bg-sunken/50 text-left\">\n                    <th className=\"p-3 font-medium\">Asset</th>\n                    <th className=\"p-3 font-medium\">Category</th>\n                    <th className=\"p-3 font-medium\">Status</th>\n                    <th className=\"p-3 font-medium\">Department</th>\n                    <th className=\"p-3 text-right font-medium\">Purchase</th>\n                    <th className=\"p-3 text-right font-medium\">Current</th>\n                    <th className=\"p-3 text-right font-medium\">Depreciation</th>\n                    <th className=\"p-3 text-right font-medium\">TCO</th>\n                  </tr>\n                </thead>\n                <tbody>\n                  {registerLoading ? (\n                    <SkeletonRows cols={8} />\n                  ) : (\n                    registerPage.pageItems.map((a) => (\n                      <tr\n                        key={a.id}\n                        className=\"border-b border-border-seam/60 last:border-0 hover:bg-bg-sunken/40\"\n                      >\n                        <td className=\"p-3\">\n                          <p className=\"font-medium\">{a.name}</p>\n                          <p className=\"text-xs text-text-secondary\">{a.assetNumber}</p>\n                        </td>\n                        <td className=\"p-3 capitalize\">{a.category.replace(/_/g, ' ')}</td>\n                        <td className=\"p-3\">\n                          <StatusPill tone={assetStatusTone(a.status)}>\n                            {a.status.toLowerCase()}\n                          </StatusPill>\n                        </td>\n                        <td className=\"p-3\">{a.department || '—'}</td>\n                        <td className=\"p-3 text-right tabular-nums\">{money(a.purchaseValue)}</td>\n                        <td className=\"p-3 text-right tabular-nums\">{money(a.currentValue)}</td>\n                        <td className=\"p-3 text-right tabular-nums\">\n                          {money(a.accumulatedDepreciation)}\n                        </td>\n                        <td className=\"p-3 text-right tabular-nums\">\n                          {money(a.totalCostOfOwnership)}\n                        </td>\n                      </tr>\n                    ))\n                  )}\n                </tbody>\n              </table>\n            </div>\n\n            {/* Mobile cards */}\n            <div className=\"divide-y divide-border-seam/60 md:hidden\">\n              {registerLoading ? (\n                <div className=\"space-y-3 p-4\">\n                  {Array.from({ length: 5 }).map((_, i) => (\n                    <div key={i} className=\"h-16 animate-pulse rounded bg-bg-sunken\" />\n                  ))}\n                </div>\n              ) : (\n                registerPage.pageItems.map((a) => (\n                  <div key={a.id} className=\"p-4\">\n                    <div className=\"flex items-start justify-between gap-2\">\n                      <div className=\"min-w-0\">\n                        <p className=\"truncate font-medium\">{a.name}</p>\n                        <p className=\"text-xs text-text-secondary\">{a.assetNumber}</p>\n                      </div>\n                      <StatusPill tone={assetStatusTone(a.status)}>\n                        {a.status.toLowerCase()}\n                      </StatusPill>\n                    </div>\n                    <div className=\"mt-2 grid grid-cols-2 gap-x-4 gap-y-1 text-xs text-text-secondary\">\n                      <span>Category</span>\n                      <span className=\"text-right capitalize text-text-primary\">\n                        {a.category.replace(/_/g, ' ')}\n                      </span>\n                      <span>Current value</span>\n                      <span className=\"text-right tabular-nums text-text-primary\">\n                        {money(a.currentValue)}\n                      </span>\n                      <span>Depreciation</span>\n                      <span className=\"text-right tabular-nums text-text-primary\">\n                        {money(a.accumulatedDepreciation)}\n                      </span>\n                    </div>\n                  </div>\n                ))\n              )}\n            </div>\n\n            {register.length === 0 && !loading ? (\n              <IllustratedEmptyState\n                illustration=\"empty-data\"\n                title=\"No assets in the register\"\n                description=\"Register assets with financial details and they will appear here.\"\n              />\n            ) : (\n              <div className=\"px-3\">\n                <Pagination\n                  page={registerPage.page}\n                  pageCount={registerPage.pageCount}\n                  rangeStart={registerPage.rangeStart}\n                  rangeEnd={registerPage.rangeEnd}\n                  totalItems={registerPage.totalItems}\n                  canPrev={registerPage.canPrev}\n                  canNext={registerPage.canNext}\n                  onPrev={registerPage.prevPage}\n                  onNext={registerPage.nextPage}\n                  itemLabel=\"assets\"\n                />\n              </div>\n            )}\n          </GlassCard>\n        </TabsContent>\n\n        {/* ─── Financial Summary ─── */}\n        <TabsContent value=\"financial\" className=\"mt-4 space-y-4\">\n          <div className=\"flex justify-end\">\n            <Button size=\"sm\" onClick={exportFinancial} disabled={!summary}>\n              <Download className=\"mr-2 h-4 w-4\" />\n              Export CSV\n            </Button>\n          </div>\n          <div className=\"grid gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n            <StatTile label=\"Total asset value\" value={totalAssetValue} format={(v) => money(v)} />\n            <StatTile\n              label=\"Total depreciation\"\n              value={totalDepreciation}\n              format={(v) => money(v)}\n            />\n            <StatTile\n              label=\"Maintenance spend\"\n              value={summary?.totalMaintenanceSpend ?? 0}\n              format={(v) => money(v)}\n            />\n            <StatTile\n              label=\"Transaction expense\"\n              value={summary?.transactionExpense ?? 0}\n              format={(v) => money(v)}\n            />\n            <StatTile\n              label=\"Budget allocated\"\n              value={summary?.budgetAllocated ?? 0}\n              format={(v) => money(v)}\n            />\n            <StatTile\n              label=\"Budget spent\"\n              value={summary?.budgetSpent ?? 0}\n              format={(v) => money(v)}\n            />\n            <StatTile\n              label=\"Invoices outstanding\"\n              value={summary?.invoicesOutstanding ?? 0}\n              format={(v) => money(v)}\n            />\n            <StatTile label=\"Outstanding invoices\" value={summary?.invoicesOutstandingCount ?? 0} />\n          </div>\n          <div className=\"grid gap-4 lg:grid-cols-2\">\n            {budgetBars.length > 0 && (summary?.budgetAllocated || summary?.budgetSpent) ? (\n              <ChartCard title=\"Budget utilization\" subtitle=\"Allocated against spend\">\n                <BarsChart\n                  data={budgetBars}\n                  xKey=\"metric\"\n                  series={[{ key: 'value', label: 'Amount' }]}\n                  orientation=\"horizontal\"\n                  height={200}\n                  valueFormat={compactUsd}\n                  categoryWidth={96}\n                  ariaLabel=\"Budget allocated versus spent\"\n                />\n              </ChartCard>\n            ) : null}\n            {valueSlices.length > 0 ? (\n              <ChartCard\n                title=\"Value vs depreciation\"\n                subtitle=\"Current book value against accumulated depreciation\"\n              >\n                <DonutChart\n                  data={valueSlices}\n                  centerLabel=\"Original cost\"\n                  centerValue={totalAssetValue + totalDepreciation}\n                  valueFormat={(v) => money(v)}\n                  height={220}\n                  ariaLabel=\"Current value versus accumulated depreciation\"\n                />\n              </ChartCard>\n            ) : null}\n          </div>\n        </TabsContent>\n\n        {/* ─── Maintenance Log ─── */}\n        <TabsContent value=\"maintenance\" className=\"mt-4 space-y-4\">\n          <div className=\"flex justify-end\">\n            <Button size=\"sm\" onClick={exportMaintenance} disabled={maintenance.length === 0}>\n              <Download className=\"mr-2 h-4 w-4\" />\n              Export CSV\n            </Button>\n          </div>\n\n          {maintenanceSpendByType.length > 0 ? (\n            <ChartCard\n              title=\"Maintenance spend by type\"\n              subtitle=\"Actual cost, falling back to estimates\"\n            >\n              <BarsChart\n                data={maintenanceSpendByType}\n                xKey=\"type\"\n                series={[{ key: 'cost', label: 'Spend' }]}\n                orientation=\"horizontal\"\n                height={Math.max(180, maintenanceSpendByType.length * 34)}\n                valueFormat={compactUsd}\n                categoryWidth={128}\n                ariaLabel=\"Maintenance spend by type\"\n              />\n            </ChartCard>\n          ) : null}\n\n          <GlassCard treatment=\"glass\" className=\"overflow-hidden border-border-seam\">\n            {/* Desktop table */}\n            <div className=\"hidden overflow-x-auto md:block\">\n              <table className=\"w-full min-w-[720px] text-sm\">\n                <thead>\n                  <tr className=\"border-b border-border-seam bg-bg-sunken/50 text-left\">\n                    <th className=\"p-3 font-medium\">Work</th>\n                    <th className=\"p-3 font-medium\">Asset</th>\n                    <th className=\"p-3 font-medium\">Type</th>\n                    <th className=\"p-3 font-medium\">Status</th>\n                    <th className=\"p-3 font-medium\">Completed</th>\n                    <th className=\"p-3 text-right font-medium\">Actual Cost</th>\n                  </tr>\n                </thead>\n                <tbody>\n                  {maintenanceLoading ? (\n                    <SkeletonRows cols={6} />\n                  ) : (\n                    maintenancePage.pageItems.map((m) => (\n                      <tr\n                        key={m.id}\n                        className=\"border-b border-border-seam/60 last:border-0 hover:bg-bg-sunken/40\"\n                      >\n                        <td className=\"p-3 font-medium\">{m.title}</td>\n                        <td className=\"p-3\">{assetNameById.get(m.assetId) ?? m.assetId}</td>\n                        <td className=\"p-3 capitalize\">{m.type.replace(/_/g, ' ')}</td>\n                        <td className=\"p-3\">\n                          <StatusPill tone={maintenanceStatusTone(m.status)}>\n                            {m.status.replace(/_/g, ' ').toLowerCase()}\n                          </StatusPill>\n                        </td>\n                        <td className=\"p-3 text-xs text-text-secondary\">\n                          {m.completedAt ? new Date(m.completedAt).toLocaleDateString() : '—'}\n                        </td>\n                        <td className=\"p-3 text-right tabular-nums\">{money(m.actualCost)}</td>\n                      </tr>\n                    ))\n                  )}\n                </tbody>\n              </table>\n            </div>\n\n            {/* Mobile cards */}\n            <div className=\"divide-y divide-border-seam/60 md:hidden\">\n              {maintenanceLoading ? (\n                <div className=\"space-y-3 p-4\">\n                  {Array.from({ length: 5 }).map((_, i) => (\n                    <div key={i} className=\"h-16 animate-pulse rounded bg-bg-sunken\" />\n                  ))}\n                </div>\n              ) : (\n                maintenancePage.pageItems.map((m) => (\n                  <div key={m.id} className=\"p-4\">\n                    <div className=\"flex items-start justify-between gap-2\">\n                      <p className=\"min-w-0 flex-1 truncate font-medium\">{m.title}</p>\n                      <StatusPill tone={maintenanceStatusTone(m.status)}>\n                        {m.status.replace(/_/g, ' ').toLowerCase()}\n                      </StatusPill>\n                    </div>\n                    <div className=\"mt-2 flex flex-wrap items-center gap-2 text-xs text-text-secondary\">\n                      <span className=\"capitalize\">{m.type.replace(/_/g, ' ')}</span>\n                      <span>· {assetNameById.get(m.assetId) ?? m.assetId}</span>\n                      {m.actualCost != null ? (\n                        <span className=\"ml-auto tabular-nums text-text-primary\">\n                          {money(m.actualCost)}\n                        </span>\n                      ) : null}\n                    </div>\n                  </div>\n                ))\n              )}\n            </div>\n\n            {maintenance.length === 0 && !loading ? (\n              <IllustratedEmptyState\n                illustration=\"empty-data\"\n                title=\"No maintenance records\"\n                description=\"Logged maintenance work will appear here once scheduled or completed.\"\n              />\n            ) : (\n              <div className=\"px-3\">\n                <Pagination\n                  page={maintenancePage.page}\n                  pageCount={maintenancePage.pageCount}\n                  rangeStart={maintenancePage.rangeStart}\n                  rangeEnd={maintenancePage.rangeEnd}\n                  totalItems={maintenancePage.totalItems}\n                  canPrev={maintenancePage.canPrev}\n                  canNext={maintenancePage.canNext}\n                  onPrev={maintenancePage.prevPage}\n                  onNext={maintenancePage.nextPage}\n                  itemLabel=\"records\"\n                />\n              </div>\n            )}\n          </GlassCard>\n        </TabsContent>\n\n        {/* ─── Utilization ─── */}\n        <TabsContent value=\"utilization\" className=\"mt-4 space-y-4\">\n          <div className=\"flex justify-end\">\n            <Button size=\"sm\" onClick={exportUtilization} disabled={!utilization}>\n              <Download className=\"mr-2 h-4 w-4\" />\n              Export CSV\n            </Button>\n          </div>\n          <div className=\"grid gap-4 sm:grid-cols-2 lg:grid-cols-5\">\n            <StatTile label=\"Total assets\" value={utilization?.totalAssets ?? 0} />\n            <StatTile label=\"Assigned\" value={utilization?.assignedAssets ?? 0} />\n            <StatTile label=\"Unassigned\" value={utilization?.unassignedAssets ?? 0} />\n            <StatTile label=\"Active unassigned\" value={utilization?.idleAssets ?? 0} />\n            <StatTile\n              label=\"Overdue assignments\"\n              value={utilization?.overdueAssignments ?? 0}\n              delta={utilization && utilization.overdueAssignments > 0 ? 'Attention' : undefined}\n              deltaTone=\"negative\"\n            />\n          </div>\n          <div className=\"grid gap-4 lg:grid-cols-2\">\n            <ChartCard title=\"Assets by status\" subtitle=\"Distribution across lifecycle states\">\n              <DonutChart\n                data={statusSlices}\n                centerLabel=\"Assets\"\n                centerValue={utilization?.totalAssets ?? 0}\n                height={240}\n                emptyLabel=\"No status data available.\"\n                ariaLabel=\"Assets by status\"\n              />\n            </ChartCard>\n            <ChartCard\n              title=\"Assignment coverage\"\n              subtitle=\"Mutually exclusive assigned, active-unassigned and other-unassigned assets\"\n            >\n              <DonutChart\n                data={coverageSlices}\n                centerLabel=\"Assets\"\n                centerValue={utilization?.totalAssets ?? 0}\n                height={240}\n                emptyLabel=\"No coverage data available.\"\n                ariaLabel=\"Assignment coverage\"\n              />\n            </ChartCard>\n          </div>\n        </TabsContent>\n      </Tabs>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ReportsDashboardPage.js","names":[],"sources":["../../../src/assethandler/pages/ReportsDashboardPage.tsx"],"sourcesContent":["import { useMemo, useState, type ReactNode } from 'react';\nimport { useAssetMoney } from '../providers/AssetHandlerProvider';\nimport {\n  Button,\n  GlassCard,\n  GradientText,\n  PagePurpose,\n  Tabs,\n  TabsContent,\n  TabsList,\n  TabsTrigger,\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n  IllustratedEmptyState,\n} from '@burdenoff/fe-libs/ui';\nimport {\n  Download,\n  Printer,\n  FileBarChart2,\n  Wallet,\n  Wrench,\n  Activity,\n  DollarSign,\n  TrendingDown,\n  Percent,\n} from 'lucide-react';\nimport { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport { useAssetHandlerStore } from '../store/assethandlerStore';\nimport {\n  Pagination,\n  usePagination,\n  StatTile,\n  ChartCard,\n  BarsChart,\n  DonutChart,\n  type DonutSlice,\n} from '../components';\nimport { downloadCsv } from '../utils/csv';\nimport { cn } from '../utils/cn';\nimport { buildAssignmentCoverageSlices, buildUtilizationCsvRows } from '../utils/utilization';\n\n// ─── Query result shapes ──────────────────────────────────────────\ninterface RegisterAsset {\n  id: string;\n  assetNumber: string;\n  name: string;\n  category: string;\n  status: string;\n  department?: string | null;\n  purchaseValue?: number | null;\n  currentValue?: number | null;\n  accumulatedDepreciation?: number | null;\n  totalCostOfOwnership?: number | null;\n  purchaseDate?: string | null;\n}\n\ninterface FinancialSummary {\n  totalAssetValue: number;\n  totalDepreciation: number;\n  totalMaintenanceSpend: number;\n  budgetAllocated: number;\n  budgetSpent: number;\n  invoicesOutstanding: number;\n  invoicesOutstandingCount: number;\n  transactionExpense: number;\n}\n\ninterface MaintenanceLogRecord {\n  id: string;\n  assetId: string;\n  title: string;\n  type: string;\n  status: string;\n  priority: string;\n  scheduledAt?: string | null;\n  completedAt?: string | null;\n  estimatedCost?: number | null;\n  actualCost?: number | null;\n}\n\ninterface UtilizationReport {\n  totalAssets: number;\n  assignedAssets: number;\n  unassignedAssets: number;\n  idleAssets: number;\n  overdueAssignments: number;\n  byStatus: { status: string; count: number }[];\n}\n\nconst REPORTS_QUERY = gql`\n  query AssetHandlerReports($registerFilter: AssetRegisterFilterInput) {\n    assetRegister(filter: $registerFilter, pagination: { limit: 1000 }) {\n      id\n      assetNumber\n      name\n      category\n      status\n      department\n      purchaseValue\n      currentValue\n      accumulatedDepreciation\n      totalCostOfOwnership\n      purchaseDate\n    }\n    financialSummary {\n      totalAssetValue\n      totalDepreciation\n      totalMaintenanceSpend\n      budgetAllocated\n      budgetSpent\n      invoicesOutstanding\n      invoicesOutstandingCount\n      transactionExpense\n    }\n    maintenanceLog(pagination: { limit: 1000 }) {\n      id\n      assetId\n      title\n      type\n      status\n      priority\n      scheduledAt\n      completedAt\n      estimatedCost\n      actualCost\n    }\n    utilizationReport {\n      totalAssets\n      assignedAssets\n      unassignedAssets\n      idleAssets\n      overdueAssignments\n      byStatus {\n        status\n        count\n      }\n    }\n  }\n`;\n\ninterface ReportsResult {\n  assetRegister: RegisterAsset[];\n  financialSummary: FinancialSummary;\n  maintenanceLog: MaintenanceLogRecord[];\n  utilizationReport: UtilizationReport;\n}\n\nconst ASSET_STATUSES = ['ACTIVE', 'INACTIVE', 'MAINTENANCE', 'RETIRED', 'DISPOSED'] as const;\n\n// ─── Presentation helpers ─────────────────────────────────────────\ntype Tone = 'success' | 'warning' | 'error' | 'info' | 'neutral';\n\nconst PILL_TONE: Record<Tone, string> = {\n  success: 'bg-status-success-subtle text-status-success-text',\n  warning: 'bg-status-warning-subtle text-status-warning-text',\n  error: 'bg-status-error-subtle text-status-error-text',\n  info: 'bg-status-info-subtle text-status-info-text',\n  neutral: 'bg-bg-sunken text-text-secondary',\n};\n\nfunction StatusPill({ tone, children }: { tone: Tone; children: ReactNode }) {\n  return (\n    <span\n      className={cn(\n        'inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium capitalize',\n        PILL_TONE[tone]\n      )}\n    >\n      {children}\n    </span>\n  );\n}\n\nconst assetStatusTone = (status: string): Tone => {\n  const s = status.toLowerCase();\n  if (s === 'active') return 'success';\n  if (s === 'maintenance') return 'warning';\n  if (s === 'retired' || s === 'disposed') return 'error';\n  return 'neutral';\n};\n\nconst maintenanceStatusTone = (status: string): Tone => {\n  const s = status.toLowerCase();\n  if (s === 'completed') return 'success';\n  if (s === 'in_progress' || s === 'scheduled') return 'info';\n  if (s === 'overdue' || s === 'cancelled') return 'error';\n  return 'neutral';\n};\n\nfunction SkeletonRows({ rows = 6, cols }: { rows?: number; cols: number }) {\n  return (\n    <>\n      {Array.from({ length: rows }).map((_, r) => (\n        <tr key={r} className=\"border-b border-border-seam/60\">\n          {Array.from({ length: cols }).map((_, c) => (\n            <td key={c} className=\"p-3\">\n              <div className=\"h-4 w-full max-w-[120px] animate-pulse rounded bg-bg-sunken\" />\n            </td>\n          ))}\n        </tr>\n      ))}\n    </>\n  );\n}\n\nexport function ReportsDashboardPage() {\n  const { format: money, compact: compactUsd } = useAssetMoney();\n  const { assets } = useAssetHandlerStore();\n  const [statusFilter, setStatusFilter] = useState<string>('all');\n\n  const { data, loading } = useQuery<ReportsResult>(REPORTS_QUERY, {\n    variables: {\n      registerFilter: statusFilter === 'all' ? null : { status: statusFilter },\n    },\n    fetchPolicy: 'cache-and-network',\n    errorPolicy: 'all',\n  });\n\n  const register = useMemo(() => data?.assetRegister ?? [], [data]);\n  const maintenance = useMemo(() => data?.maintenanceLog ?? [], [data]);\n  const summary = data?.financialSummary;\n  const utilization = data?.utilizationReport;\n\n  const assetNameById = useMemo(() => {\n    const map = new Map<string, string>();\n    for (const asset of assets) map.set(asset.id, asset.name);\n    return map;\n  }, [assets]);\n\n  const registerPage = usePagination(register, { pageSize: 12, resetKey: statusFilter });\n  const maintenancePage = usePagination(maintenance, { pageSize: 12 });\n\n  // ─── Header KPI figures (real, from financialSummary) ───\n  const totalAssetValue = summary?.totalAssetValue ?? 0;\n  const totalDepreciation = summary?.totalDepreciation ?? 0;\n  const depreciationPct =\n    totalAssetValue + totalDepreciation > 0\n      ? (totalDepreciation / (totalAssetValue + totalDepreciation)) * 100\n      : 0;\n\n  // ─── Chart aggregations (real data only) ───\n  const categoryValue = useMemo(() => {\n    const map = new Map<string, number>();\n    for (const a of register) {\n      const value = a.currentValue ?? a.purchaseValue ?? 0;\n      if (value > 0) {\n        const key = a.category.replace(/_/g, ' ');\n        map.set(key, (map.get(key) ?? 0) + value);\n      }\n    }\n    return Array.from(map, ([category, value]) => ({ category, value }))\n      .sort((a, b) => b.value - a.value)\n      .slice(0, 12);\n  }, [register]);\n\n  const statusSlices = useMemo<DonutSlice[]>(\n    () =>\n      (utilization?.byStatus ?? [])\n        .map((s) => ({ name: s.status.toLowerCase(), value: s.count }))\n        .filter((s) => s.value > 0),\n    [utilization]\n  );\n\n  const coverageSlices = useMemo<DonutSlice[]>(() => {\n    if (!utilization) return [];\n    return buildAssignmentCoverageSlices(\n      utilization.assignedAssets,\n      utilization.unassignedAssets,\n      utilization.idleAssets\n    );\n  }, [utilization]);\n\n  const valueSlices = useMemo<DonutSlice[]>(() => {\n    const slices = [\n      { name: 'Current value', value: totalAssetValue },\n      { name: 'Accumulated depreciation', value: totalDepreciation },\n    ].filter((s) => s.value > 0);\n    return slices;\n  }, [totalAssetValue, totalDepreciation]);\n\n  const budgetBars = useMemo(() => {\n    if (!summary) return [];\n    return [\n      { metric: 'Allocated', value: summary.budgetAllocated },\n      { metric: 'Spent', value: summary.budgetSpent },\n    ];\n  }, [summary]);\n\n  const maintenanceSpendByType = useMemo(() => {\n    const map = new Map<string, number>();\n    for (const m of maintenance) {\n      const cost = m.actualCost ?? m.estimatedCost ?? 0;\n      if (cost > 0) {\n        const key = m.type.replace(/_/g, ' ');\n        map.set(key, (map.get(key) ?? 0) + cost);\n      }\n    }\n    return Array.from(map, (entry) => ({ type: entry[0], cost: entry[1] })).sort(\n      (a, b) => b.cost - a.cost\n    );\n  }, [maintenance]);\n\n  // ─── Exports (unchanged behaviour) ───\n  const exportRegister = () => {\n    downloadCsv(\n      `asset-register-${new Date().toISOString().slice(0, 10)}`,\n      [\n        'Asset Number',\n        'Name',\n        'Category',\n        'Status',\n        'Department',\n        'Purchase Value',\n        'Current Value',\n        'Accumulated Depreciation',\n        'Total Cost of Ownership',\n        'Purchase Date',\n      ],\n      register.map((a) => [\n        a.assetNumber,\n        a.name,\n        a.category,\n        a.status,\n        a.department ?? '',\n        a.purchaseValue ?? '',\n        a.currentValue ?? '',\n        a.accumulatedDepreciation ?? '',\n        a.totalCostOfOwnership ?? '',\n        a.purchaseDate ? new Date(a.purchaseDate).toISOString().slice(0, 10) : '',\n      ])\n    );\n  };\n\n  const exportMaintenance = () => {\n    downloadCsv(\n      `maintenance-log-${new Date().toISOString().slice(0, 10)}`,\n      [\n        'Title',\n        'Asset',\n        'Type',\n        'Status',\n        'Priority',\n        'Scheduled',\n        'Completed',\n        'Estimated Cost',\n        'Actual Cost',\n      ],\n      maintenance.map((m) => [\n        m.title,\n        assetNameById.get(m.assetId) ?? m.assetId,\n        m.type,\n        m.status,\n        m.priority,\n        m.scheduledAt ? new Date(m.scheduledAt).toISOString().slice(0, 10) : '',\n        m.completedAt ? new Date(m.completedAt).toISOString().slice(0, 10) : '',\n        m.estimatedCost ?? '',\n        m.actualCost ?? '',\n      ])\n    );\n  };\n\n  const exportFinancial = () => {\n    if (!summary) return;\n    downloadCsv(\n      `financial-summary-${new Date().toISOString().slice(0, 10)}`,\n      ['Metric', 'Value'],\n      [\n        ['Total asset value', summary.totalAssetValue],\n        ['Total depreciation', summary.totalDepreciation],\n        ['Total maintenance spend', summary.totalMaintenanceSpend],\n        ['Budget allocated', summary.budgetAllocated],\n        ['Budget spent', summary.budgetSpent],\n        ['Invoices outstanding', summary.invoicesOutstanding],\n        ['Invoices outstanding (count)', summary.invoicesOutstandingCount],\n        ['Transaction expense', summary.transactionExpense],\n      ]\n    );\n  };\n\n  const exportUtilization = () => {\n    if (!utilization) return;\n    downloadCsv(\n      `utilization-report-${new Date().toISOString().slice(0, 10)}`,\n      ['Metric', 'Value'],\n      buildUtilizationCsvRows(utilization)\n    );\n  };\n\n  const registerLoading = loading && register.length === 0;\n  const maintenanceLoading = loading && maintenance.length === 0;\n\n  const registerActions = (\n    <>\n      <Button size=\"sm\" onClick={exportRegister} disabled={register.length === 0}>\n        <Download className=\"mr-2 h-4 w-4\" />\n        Export CSV\n      </Button>\n      <Button size=\"sm\" variant=\"outline\" onClick={() => window.print()}>\n        <Printer className=\"mr-2 h-4 w-4\" />\n        Print\n      </Button>\n    </>\n  );\n\n  return (\n    <div className=\"space-y-6 p-4 sm:p-6\">\n      {/* ─── Header with persistent finance KPI strip ─── */}\n      <div className=\"flex flex-col gap-5 xl:flex-row xl:items-end xl:justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-bold sm:text-3xl\">\n            <GradientText>Reports</GradientText>\n          </h1>\n          <p className=\"mt-1 max-w-xl text-sm text-text-secondary\">\n            Registers and summaries built from live asset, finance and maintenance data.\n          </p>\n        </div>\n        <div className=\"grid grid-cols-1 gap-3 sm:grid-cols-3\">\n          <StatTile\n            label=\"Total asset value\"\n            value={totalAssetValue}\n            format={(v) => money(v)}\n            icon={DollarSign}\n            hero\n          />\n          <StatTile\n            label=\"Total depreciation\"\n            value={totalDepreciation}\n            format={(v) => money(v)}\n            icon={TrendingDown}\n          />\n          <StatTile\n            label=\"Depreciated\"\n            value={depreciationPct}\n            format={(v) => `${v.toFixed(2)}%`}\n            icon={Percent}\n          />\n        </div>\n      </div>\n\n      <PagePurpose>\n        Pull the numbers you need for audits, finance reviews and planning. Every register below is\n        generated from live records — export any of them to CSV or print the page for sign-off.\n      </PagePurpose>\n\n      <Tabs defaultValue=\"register\">\n        <TabsList className=\"max-w-full justify-start overflow-x-auto\">\n          <TabsTrigger value=\"register\">\n            <FileBarChart2 className=\"mr-1.5 h-4 w-4\" />\n            Asset Register\n          </TabsTrigger>\n          <TabsTrigger value=\"financial\">\n            <Wallet className=\"mr-1.5 h-4 w-4\" />\n            Financial Summary\n          </TabsTrigger>\n          <TabsTrigger value=\"maintenance\">\n            <Wrench className=\"mr-1.5 h-4 w-4\" />\n            Maintenance Log\n          </TabsTrigger>\n          <TabsTrigger value=\"utilization\">\n            <Activity className=\"mr-1.5 h-4 w-4\" />\n            Utilization\n          </TabsTrigger>\n        </TabsList>\n\n        {/* ─── Asset Register ─── */}\n        <TabsContent value=\"register\" className=\"mt-4 space-y-4\">\n          {categoryValue.length > 0 ? (\n            <ChartCard\n              title=\"Asset value by category\"\n              subtitle=\"Current book value aggregated from the register\"\n            >\n              <BarsChart\n                data={categoryValue}\n                xKey=\"category\"\n                series={[{ key: 'value', label: 'Current value' }]}\n                orientation=\"horizontal\"\n                height={Math.max(200, categoryValue.length * 34)}\n                valueFormat={compactUsd}\n                categoryWidth={128}\n                ariaLabel=\"Current asset value by category\"\n              />\n            </ChartCard>\n          ) : null}\n\n          <GlassCard treatment=\"glass\" className=\"overflow-hidden border-border-seam\">\n            <div className=\"flex flex-col gap-3 border-b border-border-seam p-4 sm:flex-row sm:items-center sm:justify-between\">\n              <div className=\"flex items-center gap-3\">\n                <h3 className=\"text-base font-semibold text-text-primary\">Asset Register</h3>\n                <Select value={statusFilter} onValueChange={setStatusFilter}>\n                  <SelectTrigger className=\"h-8 w-40\">\n                    <SelectValue placeholder=\"Filter by status\" />\n                  </SelectTrigger>\n                  <SelectContent>\n                    <SelectItem value=\"all\">All statuses</SelectItem>\n                    {ASSET_STATUSES.map((status) => (\n                      <SelectItem key={status} value={status} className=\"capitalize\">\n                        {status.toLowerCase()}\n                      </SelectItem>\n                    ))}\n                  </SelectContent>\n                </Select>\n              </div>\n              <div className=\"flex flex-wrap gap-2\">{registerActions}</div>\n            </div>\n\n            {/* Desktop table */}\n            <div className=\"hidden overflow-x-auto md:block\">\n              <table className=\"w-full min-w-[860px] text-sm\">\n                <thead>\n                  <tr className=\"border-b border-border-seam bg-bg-sunken/50 text-left\">\n                    <th className=\"p-3 font-medium\">Asset</th>\n                    <th className=\"p-3 font-medium\">Category</th>\n                    <th className=\"p-3 font-medium\">Status</th>\n                    <th className=\"p-3 font-medium\">Department</th>\n                    <th className=\"p-3 text-right font-medium\">Purchase</th>\n                    <th className=\"p-3 text-right font-medium\">Current</th>\n                    <th className=\"p-3 text-right font-medium\">Depreciation</th>\n                    <th className=\"p-3 text-right font-medium\">TCO</th>\n                  </tr>\n                </thead>\n                <tbody>\n                  {registerLoading ? (\n                    <SkeletonRows cols={8} />\n                  ) : (\n                    registerPage.pageItems.map((a) => (\n                      <tr\n                        key={a.id}\n                        className=\"border-b border-border-seam/60 last:border-0 hover:bg-bg-sunken/40\"\n                      >\n                        <td className=\"p-3\">\n                          <p className=\"font-medium\">{a.name}</p>\n                          <p className=\"text-xs text-text-secondary\">{a.assetNumber}</p>\n                        </td>\n                        <td className=\"p-3 capitalize\">{a.category.replace(/_/g, ' ')}</td>\n                        <td className=\"p-3\">\n                          <StatusPill tone={assetStatusTone(a.status)}>\n                            {a.status.toLowerCase()}\n                          </StatusPill>\n                        </td>\n                        <td className=\"p-3\">{a.department || '—'}</td>\n                        <td className=\"p-3 text-right tabular-nums\">{money(a.purchaseValue)}</td>\n                        <td className=\"p-3 text-right tabular-nums\">{money(a.currentValue)}</td>\n                        <td className=\"p-3 text-right tabular-nums\">\n                          {money(a.accumulatedDepreciation)}\n                        </td>\n                        <td className=\"p-3 text-right tabular-nums\">\n                          {money(a.totalCostOfOwnership)}\n                        </td>\n                      </tr>\n                    ))\n                  )}\n                </tbody>\n              </table>\n            </div>\n\n            {/* Mobile cards */}\n            <div className=\"divide-y divide-border-seam/60 md:hidden\">\n              {registerLoading ? (\n                <div className=\"space-y-3 p-4\">\n                  {Array.from({ length: 5 }).map((_, i) => (\n                    <div key={i} className=\"h-16 animate-pulse rounded bg-bg-sunken\" />\n                  ))}\n                </div>\n              ) : (\n                registerPage.pageItems.map((a) => (\n                  <div key={a.id} className=\"p-4\">\n                    <div className=\"flex items-start justify-between gap-2\">\n                      <div className=\"min-w-0\">\n                        <p className=\"truncate font-medium\">{a.name}</p>\n                        <p className=\"text-xs text-text-secondary\">{a.assetNumber}</p>\n                      </div>\n                      <StatusPill tone={assetStatusTone(a.status)}>\n                        {a.status.toLowerCase()}\n                      </StatusPill>\n                    </div>\n                    <div className=\"mt-2 grid grid-cols-2 gap-x-4 gap-y-1 text-xs text-text-secondary\">\n                      <span>Category</span>\n                      <span className=\"text-right capitalize text-text-primary\">\n                        {a.category.replace(/_/g, ' ')}\n                      </span>\n                      <span>Current value</span>\n                      <span className=\"text-right tabular-nums text-text-primary\">\n                        {money(a.currentValue)}\n                      </span>\n                      <span>Depreciation</span>\n                      <span className=\"text-right tabular-nums text-text-primary\">\n                        {money(a.accumulatedDepreciation)}\n                      </span>\n                    </div>\n                  </div>\n                ))\n              )}\n            </div>\n\n            {register.length === 0 && !loading ? (\n              <IllustratedEmptyState\n                illustration=\"empty-data\"\n                title=\"No assets in the register\"\n                description=\"Register assets with financial details and they will appear here.\"\n              />\n            ) : (\n              <div className=\"px-3\">\n                <Pagination\n                  page={registerPage.page}\n                  pageCount={registerPage.pageCount}\n                  rangeStart={registerPage.rangeStart}\n                  rangeEnd={registerPage.rangeEnd}\n                  totalItems={registerPage.totalItems}\n                  canPrev={registerPage.canPrev}\n                  canNext={registerPage.canNext}\n                  onPrev={registerPage.prevPage}\n                  onNext={registerPage.nextPage}\n                  itemLabel=\"assets\"\n                />\n              </div>\n            )}\n          </GlassCard>\n        </TabsContent>\n\n        {/* ─── Financial Summary ─── */}\n        <TabsContent value=\"financial\" className=\"mt-4 space-y-4\">\n          <div className=\"flex justify-end\">\n            <Button size=\"sm\" onClick={exportFinancial} disabled={!summary}>\n              <Download className=\"mr-2 h-4 w-4\" />\n              Export CSV\n            </Button>\n          </div>\n          <div className=\"grid gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n            <StatTile label=\"Total asset value\" value={totalAssetValue} format={(v) => money(v)} />\n            <StatTile\n              label=\"Total depreciation\"\n              value={totalDepreciation}\n              format={(v) => money(v)}\n            />\n            <StatTile\n              label=\"Maintenance spend\"\n              value={summary?.totalMaintenanceSpend ?? 0}\n              format={(v) => money(v)}\n            />\n            <StatTile\n              label=\"Transaction expense\"\n              value={summary?.transactionExpense ?? 0}\n              format={(v) => money(v)}\n            />\n            <StatTile\n              label=\"Budget allocated\"\n              value={summary?.budgetAllocated ?? 0}\n              format={(v) => money(v)}\n            />\n            <StatTile\n              label=\"Budget spent\"\n              value={summary?.budgetSpent ?? 0}\n              format={(v) => money(v)}\n            />\n            <StatTile\n              label=\"Invoices outstanding\"\n              value={summary?.invoicesOutstanding ?? 0}\n              format={(v) => money(v)}\n            />\n            <StatTile label=\"Outstanding invoices\" value={summary?.invoicesOutstandingCount ?? 0} />\n          </div>\n          <div className=\"grid gap-4 lg:grid-cols-2\">\n            {budgetBars.length > 0 && (summary?.budgetAllocated || summary?.budgetSpent) ? (\n              <ChartCard title=\"Budget utilization\" subtitle=\"Allocated against spend\">\n                <BarsChart\n                  data={budgetBars}\n                  xKey=\"metric\"\n                  series={[{ key: 'value', label: 'Amount' }]}\n                  orientation=\"horizontal\"\n                  height={200}\n                  valueFormat={compactUsd}\n                  categoryWidth={96}\n                  ariaLabel=\"Budget allocated versus spent\"\n                />\n              </ChartCard>\n            ) : null}\n            {valueSlices.length > 0 ? (\n              <ChartCard\n                title=\"Value vs depreciation\"\n                subtitle=\"Current book value against accumulated depreciation\"\n              >\n                <DonutChart\n                  data={valueSlices}\n                  centerLabel=\"Original cost\"\n                  centerValue={totalAssetValue + totalDepreciation}\n                  valueFormat={(v) => money(v)}\n                  height={220}\n                  ariaLabel=\"Current value versus accumulated depreciation\"\n                />\n              </ChartCard>\n            ) : null}\n          </div>\n        </TabsContent>\n\n        {/* ─── Maintenance Log ─── */}\n        <TabsContent value=\"maintenance\" className=\"mt-4 space-y-4\">\n          <div className=\"flex justify-end\">\n            <Button size=\"sm\" onClick={exportMaintenance} disabled={maintenance.length === 0}>\n              <Download className=\"mr-2 h-4 w-4\" />\n              Export CSV\n            </Button>\n          </div>\n\n          {maintenanceSpendByType.length > 0 ? (\n            <ChartCard\n              title=\"Maintenance spend by type\"\n              subtitle=\"Actual cost, falling back to estimates\"\n            >\n              <BarsChart\n                data={maintenanceSpendByType}\n                xKey=\"type\"\n                series={[{ key: 'cost', label: 'Spend' }]}\n                orientation=\"horizontal\"\n                height={Math.max(180, maintenanceSpendByType.length * 34)}\n                valueFormat={compactUsd}\n                categoryWidth={128}\n                ariaLabel=\"Maintenance spend by type\"\n              />\n            </ChartCard>\n          ) : null}\n\n          <GlassCard treatment=\"glass\" className=\"overflow-hidden border-border-seam\">\n            {/* Desktop table */}\n            <div className=\"hidden overflow-x-auto md:block\">\n              <table className=\"w-full min-w-[720px] text-sm\">\n                <thead>\n                  <tr className=\"border-b border-border-seam bg-bg-sunken/50 text-left\">\n                    <th className=\"p-3 font-medium\">Work</th>\n                    <th className=\"p-3 font-medium\">Asset</th>\n                    <th className=\"p-3 font-medium\">Type</th>\n                    <th className=\"p-3 font-medium\">Status</th>\n                    <th className=\"p-3 font-medium\">Completed</th>\n                    <th className=\"p-3 text-right font-medium\">Actual Cost</th>\n                  </tr>\n                </thead>\n                <tbody>\n                  {maintenanceLoading ? (\n                    <SkeletonRows cols={6} />\n                  ) : (\n                    maintenancePage.pageItems.map((m) => (\n                      <tr\n                        key={m.id}\n                        className=\"border-b border-border-seam/60 last:border-0 hover:bg-bg-sunken/40\"\n                      >\n                        <td className=\"p-3 font-medium\">{m.title}</td>\n                        <td className=\"p-3\">{assetNameById.get(m.assetId) ?? m.assetId}</td>\n                        <td className=\"p-3 capitalize\">{m.type.replace(/_/g, ' ')}</td>\n                        <td className=\"p-3\">\n                          <StatusPill tone={maintenanceStatusTone(m.status)}>\n                            {m.status.replace(/_/g, ' ').toLowerCase()}\n                          </StatusPill>\n                        </td>\n                        <td className=\"p-3 text-xs text-text-secondary\">\n                          {m.completedAt ? new Date(m.completedAt).toLocaleDateString() : '—'}\n                        </td>\n                        <td className=\"p-3 text-right tabular-nums\">{money(m.actualCost)}</td>\n                      </tr>\n                    ))\n                  )}\n                </tbody>\n              </table>\n            </div>\n\n            {/* Mobile cards */}\n            <div className=\"divide-y divide-border-seam/60 md:hidden\">\n              {maintenanceLoading ? (\n                <div className=\"space-y-3 p-4\">\n                  {Array.from({ length: 5 }).map((_, i) => (\n                    <div key={i} className=\"h-16 animate-pulse rounded bg-bg-sunken\" />\n                  ))}\n                </div>\n              ) : (\n                maintenancePage.pageItems.map((m) => (\n                  <div key={m.id} className=\"p-4\">\n                    <div className=\"flex items-start justify-between gap-2\">\n                      <p className=\"min-w-0 flex-1 truncate font-medium\">{m.title}</p>\n                      <StatusPill tone={maintenanceStatusTone(m.status)}>\n                        {m.status.replace(/_/g, ' ').toLowerCase()}\n                      </StatusPill>\n                    </div>\n                    <div className=\"mt-2 flex flex-wrap items-center gap-2 text-xs text-text-secondary\">\n                      <span className=\"capitalize\">{m.type.replace(/_/g, ' ')}</span>\n                      <span>· {assetNameById.get(m.assetId) ?? m.assetId}</span>\n                      {m.actualCost != null ? (\n                        <span className=\"ml-auto tabular-nums text-text-primary\">\n                          {money(m.actualCost)}\n                        </span>\n                      ) : null}\n                    </div>\n                  </div>\n                ))\n              )}\n            </div>\n\n            {maintenance.length === 0 && !loading ? (\n              <IllustratedEmptyState\n                illustration=\"empty-data\"\n                title=\"No maintenance records\"\n                description=\"Logged maintenance work will appear here once scheduled or completed.\"\n              />\n            ) : (\n              <div className=\"px-3\">\n                <Pagination\n                  page={maintenancePage.page}\n                  pageCount={maintenancePage.pageCount}\n                  rangeStart={maintenancePage.rangeStart}\n                  rangeEnd={maintenancePage.rangeEnd}\n                  totalItems={maintenancePage.totalItems}\n                  canPrev={maintenancePage.canPrev}\n                  canNext={maintenancePage.canNext}\n                  onPrev={maintenancePage.prevPage}\n                  onNext={maintenancePage.nextPage}\n                  itemLabel=\"records\"\n                />\n              </div>\n            )}\n          </GlassCard>\n        </TabsContent>\n\n        {/* ─── Utilization ─── */}\n        <TabsContent value=\"utilization\" className=\"mt-4 space-y-4\">\n          <div className=\"flex justify-end\">\n            <Button size=\"sm\" onClick={exportUtilization} disabled={!utilization}>\n              <Download className=\"mr-2 h-4 w-4\" />\n              Export CSV\n            </Button>\n          </div>\n          <div className=\"grid gap-4 sm:grid-cols-2 lg:grid-cols-5\">\n            <StatTile label=\"Total assets\" value={utilization?.totalAssets ?? 0} />\n            <StatTile label=\"Assigned\" value={utilization?.assignedAssets ?? 0} />\n            <StatTile label=\"Unassigned\" value={utilization?.unassignedAssets ?? 0} />\n            <StatTile label=\"Active unassigned\" value={utilization?.idleAssets ?? 0} />\n            <StatTile\n              label=\"Overdue assignments\"\n              value={utilization?.overdueAssignments ?? 0}\n              delta={utilization && utilization.overdueAssignments > 0 ? 'Attention' : undefined}\n              deltaTone=\"negative\"\n            />\n          </div>\n          <div className=\"grid gap-4 lg:grid-cols-2\">\n            <ChartCard title=\"Assets by status\" subtitle=\"Distribution across lifecycle states\">\n              <DonutChart\n                data={statusSlices}\n                centerLabel=\"Assets\"\n                centerValue={utilization?.totalAssets ?? 0}\n                height={240}\n                emptyLabel=\"No status data available.\"\n                ariaLabel=\"Assets by status\"\n              />\n            </ChartCard>\n            <ChartCard\n              title=\"Assignment coverage\"\n              subtitle=\"Mutually exclusive assigned, active-unassigned and other-unassigned assets\"\n            >\n              <DonutChart\n                data={coverageSlices}\n                centerLabel=\"Assets\"\n                centerValue={utilization?.totalAssets ?? 0}\n                height={240}\n                emptyLabel=\"No coverage data available.\"\n                ariaLabel=\"Assignment coverage\"\n              />\n            </ChartCard>\n          </div>\n        </TabsContent>\n      </Tabs>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/assethandler/utils/utilization.d.ts

@@ -2,6 +2,18 @@ export interface AssignmentCoverageSlice {
     name: 'Assigned' | 'Active unassigned' | 'Other unassigned';
     value: number;
 }
+interface UtilizationCsvReport {
+    totalAssets: number;
+    assignedAssets: number;
+    unassignedAssets: number;
+    idleAssets: number;
+    overdueAssignments: number;
+    byStatus: ReadonlyArray<{
+        status: string;
+        count: number;
+    }>;
+}
+export declare function buildUtilizationCsvRows(report: UtilizationCsvReport): Array<[string, number]>;
 /**
  * Build mutually exclusive assignment-coverage slices.
  *
@@ -9,4 +21,5 @@ export interface AssignmentCoverageSlice {
  * so it is a subset of unassigned assets rather than a third coverage state.
  */
 export declare function buildAssignmentCoverageSlices(assignedAssets: number, unassignedAssets: number, idleAssets: number): AssignmentCoverageSlice[];
+export {};
 //# sourceMappingURL=utilization.d.ts.map

package/dist/assethandler/utils/utilization.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utilization.d.ts","sourceRoot":"","sources":["../../../src/assethandler/utils/utilization.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,UAAU,GAAG,mBAAmB,GAAG,kBAAkB,CAAC;IAC5D,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;;;;GAKG;AACH,wBAAgB,6BAA6B,CAC3C,cAAc,EAAE,MAAM,EACtB,gBAAgB,EAAE,MAAM,EACxB,UAAU,EAAE,MAAM,GACjB,uBAAuB,EAAE,CAa3B"}
+{"version":3,"file":"utilization.d.ts","sourceRoot":"","sources":["../../../src/assethandler/utils/utilization.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,UAAU,GAAG,mBAAmB,GAAG,kBAAkB,CAAC;IAC5D,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,oBAAoB;IAC5B,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,QAAQ,EAAE,aAAa,CAAC;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAC5D;AAED,wBAAgB,uBAAuB,CAAC,MAAM,EAAE,oBAAoB,GAAG,KAAK,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAS7F;AAED;;;;;GAKG;AACH,wBAAgB,6BAA6B,CAC3C,cAAc,EAAE,MAAM,EACtB,gBAAgB,EAAE,MAAM,EACxB,UAAU,EAAE,MAAM,GACjB,uBAAuB,EAAE,CAa3B"}

package/dist/assethandler/utils/utilization.js

@@ -1,5 +1,15 @@
 //#region src/assethandler/utils/utilization.ts
-function e(e, t, n) {
+function e(e) {
+	return [
+		["Total assets", e.totalAssets],
+		["Assigned assets", e.assignedAssets],
+		["Unassigned assets", e.unassignedAssets],
+		["Active unassigned assets", e.idleAssets],
+		["Overdue assignments", e.overdueAssignments],
+		...e.byStatus.map((e) => [`Status: ${e.status}`, e.count])
+	];
+}
+function t(e, t, n) {
 	let r = Math.max(0, e), i = Math.max(0, t), a = Math.min(i, Math.max(0, n)), o = i - a;
 	return [
 		{
@@ -17,6 +27,6 @@ function e(e, t, n) {
 	].filter((e) => e.value > 0);
 }
 //#endregion
-export { e as buildAssignmentCoverageSlices };
+export { t as buildAssignmentCoverageSlices, e as buildUtilizationCsvRows };
 
 //# sourceMappingURL=utilization.js.map

package/dist/assethandler/utils/utilization.js.map

@@ -1 +1 @@
-{"version":3,"file":"utilization.js","names":[],"sources":["../../../src/assethandler/utils/utilization.ts"],"sourcesContent":["export interface AssignmentCoverageSlice {\n  name: 'Assigned' | 'Active unassigned' | 'Other unassigned';\n  value: number;\n}\n\n/**\n * Build mutually exclusive assignment-coverage slices.\n *\n * The backend's idle metric means an ACTIVE asset without a current holder,\n * so it is a subset of unassigned assets rather than a third coverage state.\n */\nexport function buildAssignmentCoverageSlices(\n  assignedAssets: number,\n  unassignedAssets: number,\n  idleAssets: number\n): AssignmentCoverageSlice[] {\n  const assigned = Math.max(0, assignedAssets);\n  const unassigned = Math.max(0, unassignedAssets);\n  const activeUnassigned = Math.min(unassigned, Math.max(0, idleAssets));\n  const otherUnassigned = unassigned - activeUnassigned;\n\n  const slices: AssignmentCoverageSlice[] = [\n    { name: 'Assigned', value: assigned },\n    { name: 'Active unassigned', value: activeUnassigned },\n    { name: 'Other unassigned', value: otherUnassigned },\n  ];\n\n  return slices.filter((slice) => slice.value > 0);\n}\n"],"mappings":";AAWA,SAAgB,EACd,GACA,GACA,GAC2B;CAC3B,IAAM,IAAW,KAAK,IAAI,GAAG,CAAc,GACrC,IAAa,KAAK,IAAI,GAAG,CAAgB,GACzC,IAAmB,KAAK,IAAI,GAAY,KAAK,IAAI,GAAG,CAAU,CAAC,GAC/D,IAAkB,IAAa;CAQrC,OAAO;EALL;GAAE,MAAM;GAAY,OAAO;EAAS;EACpC;GAAE,MAAM;GAAqB,OAAO;EAAiB;EACrD;GAAE,MAAM;GAAoB,OAAO;EAAgB;CAG9C,EAAO,QAAQ,MAAU,EAAM,QAAQ,CAAC;AACjD"}
+{"version":3,"file":"utilization.js","names":[],"sources":["../../../src/assethandler/utils/utilization.ts"],"sourcesContent":["export interface AssignmentCoverageSlice {\n  name: 'Assigned' | 'Active unassigned' | 'Other unassigned';\n  value: number;\n}\n\ninterface UtilizationCsvReport {\n  totalAssets: number;\n  assignedAssets: number;\n  unassignedAssets: number;\n  idleAssets: number;\n  overdueAssignments: number;\n  byStatus: ReadonlyArray<{ status: string; count: number }>;\n}\n\nexport function buildUtilizationCsvRows(report: UtilizationCsvReport): Array<[string, number]> {\n  return [\n    ['Total assets', report.totalAssets],\n    ['Assigned assets', report.assignedAssets],\n    ['Unassigned assets', report.unassignedAssets],\n    ['Active unassigned assets', report.idleAssets],\n    ['Overdue assignments', report.overdueAssignments],\n    ...report.byStatus.map((entry): [string, number] => [`Status: ${entry.status}`, entry.count]),\n  ];\n}\n\n/**\n * Build mutually exclusive assignment-coverage slices.\n *\n * The backend's idle metric means an ACTIVE asset without a current holder,\n * so it is a subset of unassigned assets rather than a third coverage state.\n */\nexport function buildAssignmentCoverageSlices(\n  assignedAssets: number,\n  unassignedAssets: number,\n  idleAssets: number\n): AssignmentCoverageSlice[] {\n  const assigned = Math.max(0, assignedAssets);\n  const unassigned = Math.max(0, unassignedAssets);\n  const activeUnassigned = Math.min(unassigned, Math.max(0, idleAssets));\n  const otherUnassigned = unassigned - activeUnassigned;\n\n  const slices: AssignmentCoverageSlice[] = [\n    { name: 'Assigned', value: assigned },\n    { name: 'Active unassigned', value: activeUnassigned },\n    { name: 'Other unassigned', value: otherUnassigned },\n  ];\n\n  return slices.filter((slice) => slice.value > 0);\n}\n"],"mappings":";AAcA,SAAgB,EAAwB,GAAuD;CAC7F,OAAO;EACL,CAAC,gBAAgB,EAAO,WAAW;EACnC,CAAC,mBAAmB,EAAO,cAAc;EACzC,CAAC,qBAAqB,EAAO,gBAAgB;EAC7C,CAAC,4BAA4B,EAAO,UAAU;EAC9C,CAAC,uBAAuB,EAAO,kBAAkB;EACjD,GAAG,EAAO,SAAS,KAAK,MAA4B,CAAC,WAAW,EAAM,UAAU,EAAM,KAAK,CAAC;CAC9F;AACF;AAQA,SAAgB,EACd,GACA,GACA,GAC2B;CAC3B,IAAM,IAAW,KAAK,IAAI,GAAG,CAAc,GACrC,IAAa,KAAK,IAAI,GAAG,CAAgB,GACzC,IAAmB,KAAK,IAAI,GAAY,KAAK,IAAI,GAAG,CAAU,CAAC,GAC/D,IAAkB,IAAa;CAQrC,OAAO;EALL;GAAE,MAAM;GAAY,OAAO;EAAS;EACpC;GAAE,MAAM;GAAqB,OAAO;EAAiB;EACrD;GAAE,MAAM;GAAoB,OAAO;EAAgB;CAG9C,EAAO,QAAQ,MAAU,EAAM,QAAQ,CAAC;AACjD"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burdenoff/microfe-assethandler",
-  "version": "2026.826.10",
+  "version": "2026.826.12",
   "description": "Burdenoff AssetHandler Microfrontend",
   "type": "module",
   "files": [