@burdenoff/microfe-assethandler 2026.826.4 → 2026.826.6

package/dist/assethandler/pages/AssetsAssetDetailPage.js

@@ -16,15 +16,16 @@ import { ChartCard as c } from "../components/ChartCard.js";
 import "../components/index.js";
 import { METER_UNIT_OPTIONS as se, NOT_METERED as ce, meterReadingLabel as le } from "../utils/meter.js";
 import { printAssetTag as ue } from "../utils/printAssetTag.js";
+import { buildTcoSlices as de } from "../utils/tco.js";
 import { useState as l } from "react";
-import { Archive as de, ArrowLeft as fe, Building2 as pe, Calendar as me, DollarSign as he, Hash as ge, Layers as _e, MapPin as ve, Pencil as ye, Printer as be, ShieldCheck as xe, Tag as Se, Trash2 as Ce, TrendingDown as we, Truck as Te, User as Ee, Wrench as u } from "lucide-react";
-import { useParams as De } from "react-router";
+import { Archive as fe, ArrowLeft as pe, Building2 as me, Calendar as he, DollarSign as ge, Hash as _e, Layers as ve, MapPin as ye, Pencil as be, Printer as xe, ShieldCheck as Se, Tag as Ce, Trash2 as we, TrendingDown as Te, Truck as Ee, User as De, Wrench as u } from "lucide-react";
+import { useParams as Oe } from "react-router";
 import { gql as d } from "@apollo/client";
-import { useMutation as f, useQuery as Oe } from "@apollo/client/react";
-import { Fragment as ke, jsx as p, jsxs as m } from "react/jsx-runtime";
-import { Badge as Ae, Button as h, Card as je, CardContent as Me, CardDescription as Ne, CardHeader as Pe, CardTitle as Fe, EmphasisPanel as Ie, GlassCard as Le, GradientText as Re, Input as g, Label as _, PagePurpose as ze, ResponsiveDialog as v, ResponsiveDialogContent as y, ResponsiveDialogDescription as b, ResponsiveDialogFooter as x, ResponsiveDialogHeader as S, ResponsiveDialogTitle as C, Select as w, SelectContent as T, SelectItem as E, SelectTrigger as D, SelectValue as O, Tabs as Be, TabsContent as k, TabsList as Ve, TabsTrigger as A, Textarea as He } from "@burdenoff/fe-libs/ui";
+import { useMutation as f, useQuery as ke } from "@apollo/client/react";
+import { Fragment as Ae, jsx as p, jsxs as m } from "react/jsx-runtime";
+import { Badge as je, Button as h, Card as Me, CardContent as Ne, CardDescription as Pe, CardHeader as Fe, CardTitle as Ie, EmphasisPanel as Le, GlassCard as Re, GradientText as ze, Input as g, Label as _, PagePurpose as Be, ResponsiveDialog as v, ResponsiveDialogContent as y, ResponsiveDialogDescription as b, ResponsiveDialogFooter as x, ResponsiveDialogHeader as S, ResponsiveDialogTitle as C, Select as w, SelectContent as T, SelectItem as E, SelectTrigger as D, SelectValue as O, Tabs as Ve, TabsContent as k, TabsList as He, TabsTrigger as A, Textarea as Ue } from "@burdenoff/fe-libs/ui";
 //#region src/assethandler/pages/AssetsAssetDetailPage.tsx
-var Ue = d`
+var We = d`
   query AssetHandlerAsset($id: ID!) {
     asset(id: $id) {
       id
@@ -60,49 +61,49 @@ var Ue = d`
       totalCostOfOwnership
     }
   }
-`, We = d`
+`, Ge = d`
   mutation AssetHandlerUpdateAsset($id: ID!, $input: UpdateAssetInput!) {
     updateAsset(id: $id, input: $input) {
       id
     }
   }
-`, Ge = d`
+`, Ke = d`
   mutation AssetHandlerDisposeAsset($id: ID!, $input: DisposeAssetInput!) {
     disposeAsset(id: $id, input: $input) {
       id
       status
     }
   }
-`, Ke = d`
+`, qe = d`
   mutation AssetHandlerDeleteAsset($id: ID!) {
     deleteAsset(id: $id)
   }
-`, qe = {
+`, Je = {
 	excellent: "text-status-success-text bg-status-success-bg-subtle",
 	good: "text-status-info-text bg-status-info-bg-subtle",
 	fair: "text-status-warning-text bg-status-warning-bg-subtle",
 	poor: "text-status-warning-text bg-status-warning-bg-subtle",
 	damaged: "text-status-error-text bg-status-error-bg-subtle"
 };
-function Je(e) {
+function Ye(e) {
 	let t = Date.now();
 	return e.map((e) => e.scheduledDate).filter((e) => e != null && new Date(e).getTime() >= t).sort((e, t) => new Date(e).getTime() - new Date(t).getTime())[0];
 }
-var Ye = {
+var Xe = {
 	STRAIGHT_LINE: "Straight line",
 	REDUCING_BALANCE: "Reducing balance (200%)",
 	DECLINING_BALANCE: "Declining balance (150%)",
 	SUM_OF_YEARS_DIGITS: "Sum of years' digits",
 	UNITS_OF_PRODUCTION: "Units of production",
 	NONE: "None"
-}, Xe = {
+}, Ze = {
 	active: "bg-status-success-bg-subtle text-status-success-text",
 	maintenance: "bg-status-warning-bg-subtle text-status-warning-text",
 	inactive: "bg-bg-sunken text-text-secondary",
 	retired: "bg-bg-sunken text-text-secondary",
 	disposed: "bg-status-error-bg-subtle text-status-error-text"
 };
-function Ze(e) {
+function Qe(e) {
 	let t = e.purchaseValue, n = e.usefulLifeMonths;
 	if (!t || t <= 0 || !n || n <= 0) return [];
 	let r = Math.max(0, Math.min(e.salvageValue ?? 0, t)), i = (e.method ?? "straight_line").toLowerCase(), a = Math.max(1, Math.round(n / 12));
@@ -138,7 +139,7 @@ function Ze(e) {
 	}
 	return o;
 }
-function Qe(e) {
+function $e(e) {
 	return {
 		name: e.name,
 		description: e.description ?? "",
@@ -159,73 +160,65 @@ function Qe(e) {
 		meterUnit: e.meterUnit ?? ""
 	};
 }
-function $e() {
-	let d = i(), { labels: $e } = n(), { format: N, compact: P } = r(), { assetId: et } = De(), { maintenanceRecords: tt } = e(), F = a(), { data: I, loading: nt, refetch: rt } = Oe(Ue, {
+function j() {
+	let d = i(), { labels: j } = n(), { format: P, compact: F } = r(), { assetId: et } = Oe(), { maintenanceRecords: tt } = e(), I = a(), { data: nt, loading: rt, refetch: it } = ke(We, {
 		variables: { id: et ?? "" },
 		skip: !et,
 		fetchPolicy: "cache-and-network"
-	}), [it, L] = l(!1), [at, R] = l(!1), [ot, z] = l(!1), [B, V] = l(null), [H, U] = l({
+	}), [at, L] = l(!1), [ot, R] = l(!1), [st, z] = l(!1), [B, ct] = l(null), [V, H] = l({
 		disposalDate: "",
 		method: "",
 		notes: ""
-	}), [st, { loading: W }] = f(We, {
+	}), [lt, { loading: U }] = f(Ge, {
 		refetchQueries: ["AssetHandlerBootstrap"],
 		onCompleted: () => {
-			o.success("Asset updated", "Your changes have been saved."), L(!1), rt();
+			o.success("Asset updated", "Your changes have been saved."), L(!1), it();
 		},
 		onError: (e) => o.error("Could not update asset", e.message)
-	}), [ct, { loading: G }] = f(Ge, {
+	}), [ut, { loading: W }] = f(Ke, {
 		refetchQueries: ["AssetHandlerBootstrap"],
 		onCompleted: () => {
-			o.success("Asset disposed", "The asset has been marked as disposed."), R(!1), rt();
+			o.success("Asset disposed", "The asset has been marked as disposed."), R(!1), it();
 		},
 		onError: (e) => o.error("Could not dispose asset", e.message)
-	}), [lt, { loading: K }] = f(Ke, {
+	}), [dt, { loading: G }] = f(qe, {
 		refetchQueries: ["AssetHandlerBootstrap"],
 		onCompleted: () => {
 			o.success("Asset deleted", "The asset has been removed from the inventory."), d("/assets/asset-list");
 		},
 		onError: (e) => o.error("Could not delete asset", e.message)
 	});
-	if (nt && !I) return /* @__PURE__ */ p("div", {
+	if (rt && !nt) return /* @__PURE__ */ p("div", {
 		className: "space-y-3 p-6",
 		children: Array.from({ length: 6 }).map((e, t) => /* @__PURE__ */ p("div", { className: "h-10 rounded-md bg-bg-sunken motion-safe:animate-vc-shimmer" }, t))
 	});
-	let q = I?.asset;
-	if (!q) return /* @__PURE__ */ p(oe, {
-		entityLabel: F("assethandler.asset.detail.notFound.entity", "{{asset}}"),
-		description: F("assethandler.asset.detail.notFound.description", "This {{assetLower}} may have been disposed or removed. Return to the inventory to find it."),
-		backLabel: F("assethandler.asset.detail.notFound.back", "Back to inventory"),
+	let K = nt?.asset;
+	if (!K) return /* @__PURE__ */ p(oe, {
+		entityLabel: I("assethandler.asset.detail.notFound.entity", "{{asset}}"),
+		description: I("assethandler.asset.detail.notFound.description", "This {{assetLower}} may have been disposed or removed. Return to the inventory to find it."),
+		backLabel: I("assethandler.asset.detail.notFound.back", "Back to inventory"),
 		onBack: () => d("/assets/asset-list")
 	});
-	let J = {
-		...q,
-		status: q.status.toLowerCase(),
-		condition: q.condition.toLowerCase(),
-		category: q.category.toLowerCase()
-	}, Y = tt.filter((e) => e.assetId === J.id), X = Y.filter((e) => e.status !== "completed" && e.status !== "cancelled"), ut = Je(X), dt = J.status === "disposed", Z = Ze({
-		purchaseValue: J.purchaseValue,
-		salvageValue: J.salvageValue,
-		usefulLifeMonths: J.usefulLifeMonths,
-		method: J.depreciationMethod,
-		unitsOfProductionCapacity: J.unitsOfProductionCapacity,
-		unitsProduced: J.unitsProduced
-	}), ft = Z.map((e) => e.bookValue), pt = Y.filter((e) => (e.actualCost ?? e.estimatedCost) != null).map((e) => ({
+	let q = {
+		...K,
+		status: K.status.toLowerCase(),
+		condition: K.condition.toLowerCase(),
+		category: K.category.toLowerCase()
+	}, J = tt.filter((e) => e.assetId === q.id), Y = J.filter((e) => e.status !== "completed" && e.status !== "cancelled"), ft = Ye(Y), pt = q.status === "disposed", X = Qe({
+		purchaseValue: q.purchaseValue,
+		salvageValue: q.salvageValue,
+		usefulLifeMonths: q.usefulLifeMonths,
+		method: q.depreciationMethod,
+		unitsOfProductionCapacity: q.unitsOfProductionCapacity,
+		unitsProduced: q.unitsProduced
+	}), mt = X.map((e) => e.bookValue), Z = J.filter((e) => (e.actualCost ?? e.estimatedCost) != null).map((e) => ({
 		label: e.scheduledDate ? new Date(e.scheduledDate).toLocaleDateString(void 0, {
 			month: "short",
 			year: "2-digit"
 		}) : e.title.slice(0, 12),
 		cost: e.actualCost ?? e.estimatedCost ?? 0
-	})), mt = Y.reduce((e, t) => e + (t.actualCost ?? t.estimatedCost ?? 0), 0), Q = J.purchaseValue != null && mt > 0 ? [{
-		name: "Purchase",
-		value: J.purchaseValue,
-		color: "var(--color-accent-primary)"
-	}, {
-		name: "Maintenance",
-		value: mt,
-		color: "var(--color-status-info-bg)"
-	}] : [], ht = () => {
-		V(Qe(q)), L(!0);
+	})), Q = de(q.purchaseValue, q.totalCostOfOwnership), ht = () => {
+		ct($e(K)), L(!0);
 	}, gt = (e) => {
 		if (e.preventDefault(), !B) return;
 		if (!B.name.trim()) {
@@ -238,8 +231,8 @@ function $e() {
 			let n = Number(t);
 			return Number.isNaN(n) ? null : n;
 		};
-		st({ variables: {
-			id: J.id,
+		lt({ variables: {
+			id: q.id,
 			input: {
 				name: B.name.trim(),
 				description: B.description.trim() || null,
@@ -261,15 +254,15 @@ function $e() {
 			}
 		} });
 	}, _t = (e) => {
-		e.preventDefault(), ct({ variables: {
-			id: J.id,
+		e.preventDefault(), ut({ variables: {
+			id: q.id,
 			input: {
-				disposalDate: H.disposalDate ? new Date(H.disposalDate).toISOString() : (/* @__PURE__ */ new Date()).toISOString(),
-				method: H.method.trim() || null,
-				notes: H.notes.trim() || null
+				disposalDate: V.disposalDate ? new Date(V.disposalDate).toISOString() : (/* @__PURE__ */ new Date()).toISOString(),
+				method: V.method.trim() || null,
+				notes: V.notes.trim() || null
 			}
 		} });
-	}, $ = (e, t) => V((n) => n && {
+	}, $ = (e, t) => ct((n) => n && {
 		...n,
 		[e]: t
 	});
@@ -285,26 +278,26 @@ function $e() {
 						size: "icon",
 						"aria-label": "Go back",
 						onClick: () => d("/assets/asset-list"),
-						children: /* @__PURE__ */ p(fe, { className: "h-4 w-4" })
+						children: /* @__PURE__ */ p(pe, { className: "h-4 w-4" })
 					}), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ m("div", {
 						className: "flex items-center gap-3",
 						children: [
 							/* @__PURE__ */ p("h1", {
 								className: "text-2xl font-bold",
-								children: /* @__PURE__ */ p(Re, { children: J.name })
+								children: /* @__PURE__ */ p(ze, { children: q.name })
 							}),
 							/* @__PURE__ */ p("span", {
-								className: `rounded-full px-2.5 py-0.5 text-xs font-medium capitalize ${Xe[J.status] ?? "bg-bg-sunken text-text-secondary"}`,
-								children: J.status.replace(/_/g, " ")
+								className: `rounded-full px-2.5 py-0.5 text-xs font-medium capitalize ${Ze[q.status] ?? "bg-bg-sunken text-text-secondary"}`,
+								children: q.status.replace(/_/g, " ")
 							}),
 							/* @__PURE__ */ p("span", {
-								className: `rounded-full px-2.5 py-0.5 text-xs font-medium capitalize ${qe[J.condition] ?? ""}`,
-								children: J.condition
+								className: `rounded-full px-2.5 py-0.5 text-xs font-medium capitalize ${Je[q.condition] ?? ""}`,
+								children: q.condition
 							})
 						]
 					}), /* @__PURE__ */ m("p", {
 						className: "text-sm text-text-secondary mt-1",
-						children: [J.assetNumber, J.serialNumber ? /* @__PURE__ */ m(ke, { children: [" · SN: ", J.serialNumber] }) : null]
+						children: [q.assetNumber, q.serialNumber ? /* @__PURE__ */ m(Ae, { children: [" · SN: ", q.serialNumber] }) : null]
 					})] })]
 				}), /* @__PURE__ */ m("div", {
 					className: "flex items-center gap-2",
@@ -313,52 +306,52 @@ function $e() {
 							size: "sm",
 							variant: "outline",
 							onClick: () => void ue({
-								name: J.name,
-								tagId: J.tagId,
-								assetTag: J.assetNumber,
-								category: J.category
+								name: q.name,
+								tagId: q.tagId,
+								assetTag: q.assetNumber,
+								category: q.category
 							}),
-							children: [/* @__PURE__ */ p(be, { className: "mr-2 h-4 w-4" }), "Print tag"]
+							children: [/* @__PURE__ */ p(xe, { className: "mr-2 h-4 w-4" }), "Print tag"]
 						}),
 						/* @__PURE__ */ m(h, {
 							size: "sm",
 							variant: "outline",
 							onClick: ht,
-							children: [/* @__PURE__ */ p(ye, { className: "mr-2 h-4 w-4" }), "Edit"]
+							children: [/* @__PURE__ */ p(be, { className: "mr-2 h-4 w-4" }), "Edit"]
 						}),
-						dt ? null : /* @__PURE__ */ m(h, {
+						pt ? null : /* @__PURE__ */ m(h, {
 							size: "sm",
 							variant: "outline",
 							onClick: () => R(!0),
-							children: [/* @__PURE__ */ p(de, { className: "mr-2 h-4 w-4" }), "Dispose"]
+							children: [/* @__PURE__ */ p(fe, { className: "mr-2 h-4 w-4" }), "Dispose"]
 						}),
 						/* @__PURE__ */ m(h, {
 							size: "sm",
 							variant: "outline",
 							className: "text-status-error-text",
 							onClick: () => z(!0),
-							children: [/* @__PURE__ */ p(Ce, { className: "mr-2 h-4 w-4" }), "Delete"]
+							children: [/* @__PURE__ */ p(we, { className: "mr-2 h-4 w-4" }), "Delete"]
 						})
 					]
 				})]
 			}),
-			/* @__PURE__ */ p(ze, { children: F("assethandler.asset.detail.purpose", "The complete profile of a single {{assetLower}} — its identity, condition, location, assignment, financials and maintenance history. Use this page as the {{assetLower}}'s home base: edit its details, track its book value, and dispose of it when it reaches end of life.") }),
-			dt ? /* @__PURE__ */ m(Ie, { children: [
+			/* @__PURE__ */ p(Be, { children: I("assethandler.asset.detail.purpose", "The complete profile of a single {{assetLower}} — its identity, condition, location, assignment, financials and maintenance history. Use this page as the {{assetLower}}'s home base: edit its details, track its book value, and dispose of it when it reaches end of life.") }),
+			pt ? /* @__PURE__ */ m(Le, { children: [
 				/* @__PURE__ */ m("div", {
 					className: "flex items-center gap-2 text-sm font-medium",
 					children: [
-						/* @__PURE__ */ p(de, { className: "h-4 w-4" }),
+						/* @__PURE__ */ p(fe, { className: "h-4 w-4" }),
 						"This asset was disposed",
-						J.disposalDate ? ` on ${new Date(J.disposalDate).toLocaleDateString()}` : ""
+						q.disposalDate ? ` on ${new Date(q.disposalDate).toLocaleDateString()}` : ""
 					]
 				}),
-				J.disposalMethod ? /* @__PURE__ */ m("p", {
+				q.disposalMethod ? /* @__PURE__ */ m("p", {
 					className: "mt-1 text-sm text-text-secondary",
-					children: ["Method: ", J.disposalMethod]
+					children: ["Method: ", q.disposalMethod]
 				}) : null,
-				J.disposalNotes ? /* @__PURE__ */ p("p", {
+				q.disposalNotes ? /* @__PURE__ */ p("p", {
 					className: "mt-1 text-sm text-text-secondary",
-					children: J.disposalNotes
+					children: q.disposalNotes
 				}) : null
 			] }) : null,
 			/* @__PURE__ */ m("div", {
@@ -367,29 +360,29 @@ function $e() {
 					/* @__PURE__ */ p(s, {
 						hero: !0,
 						label: "Current value",
-						value: N(J.currentValue),
-						delta: J.purchaseValue == null ? void 0 : `of ${N(J.purchaseValue)}`,
+						value: P(q.currentValue),
+						delta: q.purchaseValue == null ? void 0 : `of ${P(q.purchaseValue)}`,
 						deltaDirection: "neutral",
-						spark: ft.length > 1 ? ft : void 0,
-						icon: he
+						spark: mt.length > 1 ? mt : void 0,
+						icon: ge
 					}),
 					/* @__PURE__ */ p(s, {
 						label: "Maintenance records",
-						value: Y.length,
-						delta: X.length > 0 ? `${X.length} open` : void 0,
+						value: J.length,
+						delta: Y.length > 0 ? `${Y.length} open` : void 0,
 						deltaTone: "neutral",
 						deltaDirection: "neutral",
 						icon: u
 					}),
 					/* @__PURE__ */ p(s, {
 						label: "Registered",
-						value: J.createdAt ? new Date(J.createdAt).toLocaleDateString() : "—",
-						icon: me
+						value: q.createdAt ? new Date(q.createdAt).toLocaleDateString() : "—",
+						icon: he
 					}),
 					/* @__PURE__ */ p(s, {
 						label: "Location",
-						value: J.locationName || "—",
-						icon: ve
+						value: q.locationName || "—",
+						icon: ye
 					})
 				]
 			}),
@@ -397,10 +390,10 @@ function $e() {
 				className: "grid gap-6 lg:grid-cols-3",
 				children: [/* @__PURE__ */ p("div", {
 					className: "min-w-0 lg:col-span-2",
-					children: /* @__PURE__ */ m(Be, {
+					children: /* @__PURE__ */ m(Ve, {
 						defaultValue: "details",
 						children: [
-							/* @__PURE__ */ m(Ve, {
+							/* @__PURE__ */ m(He, {
 								className: "max-w-full justify-start overflow-x-auto",
 								children: [
 									/* @__PURE__ */ p(A, {
@@ -425,75 +418,75 @@ function $e() {
 								value: "details",
 								className: "mt-4 space-y-4",
 								children: [
-									J.description ? /* @__PURE__ */ p(j, {
+									q.description ? /* @__PURE__ */ p(M, {
 										label: "Description",
-										value: J.description,
+										value: q.description,
 										full: !0
 									}) : null,
 									/* @__PURE__ */ m("div", {
 										className: "grid gap-3 sm:grid-cols-2 xl:grid-cols-3",
 										children: [
-											/* @__PURE__ */ p(j, {
-												label: F("assethandler.asset.detail.field.tag", "{{asset}} Tag"),
-												value: J.assetNumber,
-												icon: ge,
+											/* @__PURE__ */ p(M, {
+												label: I("assethandler.asset.detail.field.tag", "{{asset}} Tag"),
+												value: q.assetNumber,
+												icon: _e,
 												mono: !0
 											}),
-											/* @__PURE__ */ p(j, {
+											/* @__PURE__ */ p(M, {
 												label: "Serial Number",
-												value: J.serialNumber || "—",
-												icon: ge,
+												value: q.serialNumber || "—",
+												icon: _e,
 												mono: !0
 											}),
-											/* @__PURE__ */ p(j, {
+											/* @__PURE__ */ p(M, {
 												label: "Category",
-												value: t(J.category, $e),
-												icon: _e,
+												value: t(q.category, j),
+												icon: ve,
 												capitalize: !0
 											}),
-											/* @__PURE__ */ p(j, {
+											/* @__PURE__ */ p(M, {
 												label: "Condition",
-												icon: xe,
+												icon: Se,
 												children: /* @__PURE__ */ p("span", {
-													className: `inline-flex rounded-full px-2.5 py-0.5 text-xs font-medium capitalize ${qe[J.condition] ?? ""}`,
-													children: J.condition
+													className: `inline-flex rounded-full px-2.5 py-0.5 text-xs font-medium capitalize ${Je[q.condition] ?? ""}`,
+													children: q.condition
 												})
 											}),
-											/* @__PURE__ */ p(j, {
+											/* @__PURE__ */ p(M, {
 												label: "Assigned To",
-												value: J.assignedTo || "—",
-												icon: Ee
+												value: q.assignedTo || "—",
+												icon: De
 											}),
-											/* @__PURE__ */ p(j, {
-												label: F("assethandler.asset.detail.nextService", "Next Service"),
-												value: ut ? new Date(ut).toLocaleDateString() : "—",
+											/* @__PURE__ */ p(M, {
+												label: I("assethandler.asset.detail.nextService", "Next Service"),
+												value: ft ? new Date(ft).toLocaleDateString() : "—",
 												icon: u
 											}),
-											/* @__PURE__ */ p(j, {
+											/* @__PURE__ */ p(M, {
 												label: "Department",
-												value: J.department || "—",
-												icon: pe
+												value: q.department || "—",
+												icon: me
 											}),
-											/* @__PURE__ */ p(j, {
+											/* @__PURE__ */ p(M, {
 												label: "Location",
-												value: J.locationName || "—",
-												icon: ve
+												value: q.locationName || "—",
+												icon: ye
 											}),
-											/* @__PURE__ */ p(j, {
+											/* @__PURE__ */ p(M, {
 												label: "Supplier",
-												value: J.supplier || "—",
-												icon: Te
+												value: q.supplier || "—",
+												icon: Ee
 											}),
-											/* @__PURE__ */ p(j, {
+											/* @__PURE__ */ p(M, {
 												label: "Warranty Expiry",
-												value: J.warrantyExpiry ? new Date(J.warrantyExpiry).toLocaleDateString() : "—",
-												icon: me
+												value: q.warrantyExpiry ? new Date(q.warrantyExpiry).toLocaleDateString() : "—",
+												icon: he
 											})
 										]
 									}),
 									/* @__PURE__ */ p(ee, {
 										entityType: "assethandler-asset",
-										entityId: J.id
+										entityId: q.id
 									})
 								]
 							}),
@@ -506,20 +499,20 @@ function $e() {
 										children: [
 											/* @__PURE__ */ p(s, {
 												label: "Purchase Value",
-												value: N(J.purchaseValue)
+												value: P(q.purchaseValue)
 											}),
 											/* @__PURE__ */ p(s, {
 												hero: !0,
 												label: "Current Book Value",
-												value: N(J.currentValue)
+												value: P(q.currentValue)
 											}),
 											/* @__PURE__ */ p(s, {
 												label: "Accum. Depreciation",
-												value: N(J.accumulatedDepreciation)
+												value: P(q.accumulatedDepreciation)
 											}),
 											/* @__PURE__ */ p(s, {
 												label: "Total Cost of Ownership",
-												value: N(J.totalCostOfOwnership)
+												value: P(q.totalCostOfOwnership)
 											})
 										]
 									}),
@@ -528,12 +521,12 @@ function $e() {
 										children: [/* @__PURE__ */ p(c, {
 											title: "Depreciation & book value",
 											subtitle: "Projected book value over the useful life",
-											icon: we,
-											children: Z.length > 0 ? /* @__PURE__ */ p(ne, {
-												data: Z,
+											icon: Te,
+											children: X.length > 0 ? /* @__PURE__ */ p(ne, {
+												data: X,
 												xKey: "year",
 												height: 260,
-												valueFormat: P,
+												valueFormat: F,
 												xTickFormat: (e) => `${e}y`,
 												series: [{
 													key: "bookValue",
@@ -549,32 +542,32 @@ function $e() {
 											children: /* @__PURE__ */ m("dl", {
 												className: "overflow-hidden rounded-lg border border-border-seam text-sm",
 												children: [
-													/* @__PURE__ */ p(M, {
+													/* @__PURE__ */ p(N, {
 														label: "Purchase Date",
-														value: J.purchaseDate ? new Date(J.purchaseDate).toLocaleDateString() : "—",
+														value: q.purchaseDate ? new Date(q.purchaseDate).toLocaleDateString() : "—",
 														striped: !0
 													}),
-													/* @__PURE__ */ p(M, {
+													/* @__PURE__ */ p(N, {
 														label: "Useful Life",
-														value: J.usefulLifeMonths ? `${J.usefulLifeMonths} months` : "—"
+														value: q.usefulLifeMonths ? `${q.usefulLifeMonths} months` : "—"
 													}),
-													/* @__PURE__ */ p(M, {
+													/* @__PURE__ */ p(N, {
 														label: "Salvage Value",
-														value: N(J.salvageValue),
+														value: P(q.salvageValue),
 														striped: !0
 													}),
-													/* @__PURE__ */ p(M, {
+													/* @__PURE__ */ p(N, {
 														label: "Depreciation Method",
-														value: J.depreciationMethod ? Ye[J.depreciationMethod.toUpperCase()] ?? J.depreciationMethod : "—"
+														value: q.depreciationMethod ? Xe[q.depreciationMethod.toUpperCase()] ?? q.depreciationMethod : "—"
 													}),
-													/* @__PURE__ */ p(M, {
+													/* @__PURE__ */ p(N, {
 														label: "Supplier",
-														value: J.supplier || "—",
+														value: q.supplier || "—",
 														striped: !0
 													}),
-													/* @__PURE__ */ p(M, {
+													/* @__PURE__ */ p(N, {
 														label: "Warranty Expiry",
-														value: J.warrantyExpiry ? new Date(J.warrantyExpiry).toLocaleDateString() : "—"
+														value: q.warrantyExpiry ? new Date(q.warrantyExpiry).toLocaleDateString() : "—"
 													})
 												]
 											})
@@ -582,13 +575,13 @@ function $e() {
 									}),
 									Q.length > 0 ? /* @__PURE__ */ p(c, {
 										title: "Total cost of ownership",
-										subtitle: "What drives lifetime cost",
-										icon: he,
+										subtitle: "Purchase value plus recorded service cost; depreciation is shown separately",
+										icon: ge,
 										children: /* @__PURE__ */ p(ie, {
 											data: Q,
 											centerLabel: "TCO",
 											centerValue: Q.reduce((e, t) => e + t.value, 0),
-											valueFormat: P,
+											valueFormat: F,
 											height: 220
 										})
 									}) : null
@@ -597,36 +590,36 @@ function $e() {
 							/* @__PURE__ */ m(k, {
 								value: "maintenance",
 								className: "mt-4 space-y-4",
-								children: [pt.length > 0 ? /* @__PURE__ */ p(c, {
+								children: [Z.length > 0 ? /* @__PURE__ */ p(c, {
 									title: "Maintenance cost history",
 									subtitle: "Recorded cost per maintenance event",
 									icon: u,
 									children: /* @__PURE__ */ p(re, {
-										data: pt,
+										data: Z,
 										xKey: "label",
 										height: 220,
-										valueFormat: P,
+										valueFormat: F,
 										series: [{
 											key: "cost",
 											label: "Cost"
 										}]
 									})
-								}) : null, /* @__PURE__ */ m(je, { children: [/* @__PURE__ */ m(Pe, { children: [/* @__PURE__ */ m(Fe, {
+								}) : null, /* @__PURE__ */ m(Me, { children: [/* @__PURE__ */ m(Fe, { children: [/* @__PURE__ */ m(Ie, {
 									className: "flex items-center gap-2",
 									children: [/* @__PURE__ */ p(u, { className: "h-4 w-4" }), "Maintenance History"]
-								}), /* @__PURE__ */ m(Ne, { children: [Y.length, " records found"] })] }), /* @__PURE__ */ p(Me, { children: Y.length === 0 ? /* @__PURE__ */ p("p", {
+								}), /* @__PURE__ */ m(Pe, { children: [J.length, " records found"] })] }), /* @__PURE__ */ p(Ne, { children: J.length === 0 ? /* @__PURE__ */ p("p", {
 									className: "py-8 text-center text-text-secondary",
 									children: "No maintenance records for this asset."
 								}) : /* @__PURE__ */ p("div", {
 									className: "space-y-3",
-									children: Y.map((e) => /* @__PURE__ */ p("div", {
+									children: J.map((e) => /* @__PURE__ */ p("div", {
 										className: "flex items-start gap-4 rounded-lg border p-4",
 										children: /* @__PURE__ */ m("div", {
 											className: "flex-1",
 											children: [
 												/* @__PURE__ */ m("div", {
 													className: "flex items-center gap-2",
-													children: [/* @__PURE__ */ p(Ae, {
+													children: [/* @__PURE__ */ p(je, {
 														variant: "outline",
 														className: "capitalize",
 														children: e.type
@@ -649,7 +642,7 @@ function $e() {
 														"Scheduled:",
 														" ",
 														e.scheduledDate ? new Date(e.scheduledDate).toLocaleDateString() : "—"
-													] }), e.actualCost != null || e.estimatedCost != null ? /* @__PURE__ */ m("span", { children: ["Cost: ", N(e.actualCost ?? e.estimatedCost)] }) : null]
+													] }), e.actualCost != null || e.estimatedCost != null ? /* @__PURE__ */ m("span", { children: ["Cost: ", P(e.actualCost ?? e.estimatedCost)] }) : null]
 												})
 											]
 										})
@@ -661,37 +654,37 @@ function $e() {
 								className: "mt-4",
 								children: /* @__PURE__ */ p(te, {
 									entityType: "assethandler-asset",
-									entityId: J.id
+									entityId: q.id
 								})
 							})
 						]
 					})
 				}), /* @__PURE__ */ m("aside", {
 					className: "space-y-6",
-					children: [/* @__PURE__ */ p(Le, {
+					children: [/* @__PURE__ */ p(Re, {
 						treatment: "glass",
 						className: "border-border-seam",
 						children: /* @__PURE__ */ m("div", {
 							className: "space-y-3 p-5",
 							children: [/* @__PURE__ */ m("h3", {
 								className: "flex items-center gap-2 text-sm font-semibold",
-								children: [/* @__PURE__ */ p(Se, { className: "h-4 w-4 text-text-secondary" }), "Tags"]
-							}), J.tags.length === 0 ? /* @__PURE__ */ p("p", {
+								children: [/* @__PURE__ */ p(Ce, { className: "h-4 w-4 text-text-secondary" }), "Tags"]
+							}), q.tags.length === 0 ? /* @__PURE__ */ p("p", {
 								className: "text-xs text-text-secondary",
 								children: "No tags yet"
 							}) : /* @__PURE__ */ p("div", {
 								className: "flex flex-wrap gap-1.5",
-								children: J.tags.map((e) => /* @__PURE__ */ p("span", {
+								children: q.tags.map((e) => /* @__PURE__ */ p("span", {
 									className: "rounded-full bg-action-primary-bg/10 px-2.5 py-0.5 text-xs font-medium text-action-primary-bg",
 									children: e
 								}, e))
 							})]
 						})
-					}), /* @__PURE__ */ p(ae, { resourceId: J.id })]
+					}), /* @__PURE__ */ p(ae, { resourceId: q.id })]
 				})]
 			}),
 			/* @__PURE__ */ p(v, {
-				open: it,
+				open: at,
 				onOpenChange: L,
 				children: /* @__PURE__ */ m(y, {
 					className: "max-h-[85vh] overflow-y-auto sm:max-w-2xl",
@@ -717,7 +710,7 @@ function $e() {
 							}),
 							/* @__PURE__ */ m("div", {
 								className: "space-y-2",
-								children: [/* @__PURE__ */ p(_, { children: "Description" }), /* @__PURE__ */ p(He, {
+								children: [/* @__PURE__ */ p(_, { children: "Description" }), /* @__PURE__ */ p(Ue, {
 									value: B.description,
 									onChange: (e) => $("description", e.target.value),
 									rows: 2
@@ -928,19 +921,19 @@ function $e() {
 								type: "button",
 								variant: "outline",
 								onClick: () => L(!1),
-								disabled: W,
+								disabled: U,
 								children: "Cancel"
 							}), /* @__PURE__ */ p(h, {
 								type: "submit",
-								disabled: W,
-								children: W ? "Saving…" : "Save changes"
+								disabled: U,
+								children: U ? "Saving…" : "Save changes"
 							})] })
 						]
 					}) : null]
 				})
 			}),
 			/* @__PURE__ */ p(v, {
-				open: at,
+				open: ot,
 				onOpenChange: R,
 				children: /* @__PURE__ */ m(y, { children: [/* @__PURE__ */ m(S, { children: [/* @__PURE__ */ p(C, { children: "Dispose asset" }), /* @__PURE__ */ p(b, { children: "Record the disposal of this asset. It will be marked as disposed and removed from active inventory." })] }), /* @__PURE__ */ m("form", {
 					className: "space-y-4",
@@ -950,8 +943,8 @@ function $e() {
 							className: "space-y-2",
 							children: [/* @__PURE__ */ p(_, { children: "Disposal Date" }), /* @__PURE__ */ p(g, {
 								type: "date",
-								value: H.disposalDate,
-								onChange: (e) => U((t) => ({
+								value: V.disposalDate,
+								onChange: (e) => H((t) => ({
 									...t,
 									disposalDate: e.target.value
 								}))
@@ -961,8 +954,8 @@ function $e() {
 							className: "space-y-2",
 							children: [/* @__PURE__ */ p(_, { children: "Method" }), /* @__PURE__ */ p(g, {
 								placeholder: "e.g., Sold, Recycled, Scrapped",
-								value: H.method,
-								onChange: (e) => U((t) => ({
+								value: V.method,
+								onChange: (e) => H((t) => ({
 									...t,
 									method: e.target.value
 								}))
@@ -970,10 +963,10 @@ function $e() {
 						}),
 						/* @__PURE__ */ m("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ p(_, { children: "Notes" }), /* @__PURE__ */ p(He, {
+							children: [/* @__PURE__ */ p(_, { children: "Notes" }), /* @__PURE__ */ p(Ue, {
 								placeholder: "Optional details about the disposal",
-								value: H.notes,
-								onChange: (e) => U((t) => ({
+								value: V.notes,
+								onChange: (e) => H((t) => ({
 									...t,
 									notes: e.target.value
 								})),
@@ -984,42 +977,42 @@ function $e() {
 							type: "button",
 							variant: "outline",
 							onClick: () => R(!1),
-							disabled: G,
+							disabled: W,
 							children: "Cancel"
 						}), /* @__PURE__ */ p(h, {
 							type: "submit",
-							disabled: G,
-							children: G ? "Disposing…" : "Confirm disposal"
+							disabled: W,
+							children: W ? "Disposing…" : "Confirm disposal"
 						})] })
 					]
 				})] })
 			}),
 			/* @__PURE__ */ p(v, {
-				open: ot,
+				open: st,
 				onOpenChange: z,
 				children: /* @__PURE__ */ m(y, { children: [/* @__PURE__ */ m(S, { children: [/* @__PURE__ */ p(C, { children: "Delete asset" }), /* @__PURE__ */ m(b, { children: [
 					"This removes ",
 					/* @__PURE__ */ p("span", {
 						className: "font-medium",
-						children: J.name
+						children: q.name
 					}),
 					" from the inventory. This action cannot be undone."
 				] })] }), /* @__PURE__ */ m(x, { children: [/* @__PURE__ */ p(h, {
 					variant: "outline",
 					onClick: () => z(!1),
-					disabled: K,
+					disabled: G,
 					children: "Cancel"
 				}), /* @__PURE__ */ p(h, {
 					variant: "destructive",
-					onClick: () => void lt({ variables: { id: J.id } }),
-					disabled: K,
-					children: K ? "Deleting…" : "Delete asset"
+					onClick: () => void dt({ variables: { id: q.id } }),
+					disabled: G,
+					children: G ? "Deleting…" : "Delete asset"
 				})] })] })
 			})
 		]
 	});
 }
-function j({ label: e, value: t, icon: n, mono: r, capitalize: i, full: a, children: o }) {
+function M({ label: e, value: t, icon: n, mono: r, capitalize: i, full: a, children: o }) {
 	return /* @__PURE__ */ m("div", {
 		className: `rounded-lg border border-border-seam bg-bg-surface p-3.5 ${a ? "sm:col-span-2 xl:col-span-3" : ""}`,
 		children: [/* @__PURE__ */ m("p", {
@@ -1034,7 +1027,7 @@ function j({ label: e, value: t, icon: n, mono: r, capitalize: i, full: a, child
 		})]
 	});
 }
-function M({ label: e, value: t, striped: n }) {
+function N({ label: e, value: t, striped: n }) {
 	return /* @__PURE__ */ m("div", {
 		className: `flex items-center justify-between gap-4 px-3.5 py-2.5 ${n ? "bg-bg-sunken/40" : ""}`,
 		children: [/* @__PURE__ */ p("dt", {
@@ -1047,6 +1040,6 @@ function M({ label: e, value: t, striped: n }) {
 	});
 }
 //#endregion
-export { $e as AssetsAssetDetailPage };
+export { j as AssetsAssetDetailPage };
 
 //# sourceMappingURL=AssetsAssetDetailPage.js.map