@burdenoff/microfe-assethandler 2026.813.2 → 2026.817.1

package/dist/assethandler/pages/AssetsAssetDetailPage.js

@@ -14,15 +14,16 @@ import { NotFoundState as oe } from "../components/NotFoundState.js";
 import { StatTile as s } from "../components/StatTile.js";
 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 { useState as l } from "react";
-import { Archive as se, ArrowLeft as ce, Building2 as le, Calendar as ue, DollarSign as u, Hash as de, Layers as fe, MapPin as pe, Pencil as me, ShieldCheck as he, Tag as ge, Trash2 as _e, TrendingDown as ve, Truck as ye, User as be, Wrench as d } from "lucide-react";
-import { useParams as xe } from "react-router";
-import { gql as f } from "@apollo/client";
-import { useMutation as p, useQuery as Se } from "@apollo/client/react";
-import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
-import { Badge as Ce, Button as _, Card as we, CardContent as Te, CardDescription as Ee, CardHeader as De, CardTitle as Oe, EmphasisPanel as ke, GlassCard as Ae, GradientText as je, Input as v, Label as y, PagePurpose as Me, ResponsiveDialog as b, ResponsiveDialogContent as x, ResponsiveDialogDescription as S, ResponsiveDialogFooter as C, ResponsiveDialogHeader as w, ResponsiveDialogTitle as T, Select as E, SelectContent as D, SelectItem as O, SelectTrigger as k, SelectValue as A, Tabs as Ne, TabsContent as j, TabsList as Pe, TabsTrigger as M, Textarea as Fe } from "@burdenoff/fe-libs/ui";
+import { Archive as u, ArrowLeft as ue, Building2 as de, Calendar as d, DollarSign as fe, Hash as pe, Layers as me, MapPin as he, Pencil as ge, ShieldCheck as _e, Tag as ve, Trash2 as ye, TrendingDown as be, Truck as xe, User as Se, Wrench as f } from "lucide-react";
+import { useParams as Ce } from "react-router";
+import { gql as p } from "@apollo/client";
+import { useMutation as m, useQuery as we } from "@apollo/client/react";
+import { Fragment as Te, jsx as h, jsxs as g } from "react/jsx-runtime";
+import { Badge as Ee, Button as _, Card as De, CardContent as Oe, CardDescription as ke, CardHeader as Ae, CardTitle as je, EmphasisPanel as Me, GlassCard as Ne, GradientText as Pe, Input as v, Label as y, PagePurpose as Fe, ResponsiveDialog as b, ResponsiveDialogContent as x, ResponsiveDialogDescription as S, ResponsiveDialogFooter as C, ResponsiveDialogHeader as w, ResponsiveDialogTitle as T, Select as E, SelectContent as D, SelectItem as O, SelectTrigger as k, SelectValue as A, Tabs as Ie, TabsContent as j, TabsList as Le, TabsTrigger as M, Textarea as Re } from "@burdenoff/fe-libs/ui";
 //#region src/assethandler/pages/AssetsAssetDetailPage.tsx
-var Ie = f`
+var ze = p`
   query AssetHandlerAsset($id: ID!) {
     asset(id: $id) {
       id
@@ -45,6 +46,7 @@ var Ie = f`
       depreciationMethod
       unitsOfProductionCapacity
       unitsProduced
+      meterUnit
       department
       warrantyExpiry
       supplier
@@ -56,49 +58,49 @@ var Ie = f`
       totalCostOfOwnership
     }
   }
-`, Le = f`
+`, Be = p`
   mutation AssetHandlerUpdateAsset($id: ID!, $input: UpdateAssetInput!) {
     updateAsset(id: $id, input: $input) {
       id
     }
   }
-`, Re = f`
+`, Ve = p`
   mutation AssetHandlerDisposeAsset($id: ID!, $input: DisposeAssetInput!) {
     disposeAsset(id: $id, input: $input) {
       id
       status
     }
   }
-`, ze = f`
+`, He = p`
   mutation AssetHandlerDeleteAsset($id: ID!) {
     deleteAsset(id: $id)
   }
-`, Be = {
+`, Ue = {
 	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 Ve(e) {
+function We(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 He = {
+var Ge = {
 	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"
-}, Ue = {
+}, Ke = {
 	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 We(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));
@@ -134,7 +136,7 @@ function We(e) {
 	}
 	return o;
 }
-function Ge(e) {
+function Je(e) {
 	return {
 		name: e.name,
 		description: e.description ?? "",
@@ -151,77 +153,78 @@ function Ge(e) {
 		usefulLifeMonths: e.usefulLifeMonths == null ? "" : String(e.usefulLifeMonths),
 		depreciationMethod: (e.depreciationMethod ?? "STRAIGHT_LINE").toUpperCase(),
 		unitsOfProductionCapacity: e.unitsOfProductionCapacity == null ? "" : String(e.unitsOfProductionCapacity),
-		unitsProduced: e.unitsProduced == null ? "" : String(e.unitsProduced)
+		unitsProduced: e.unitsProduced == null ? "" : String(e.unitsProduced),
+		meterUnit: e.meterUnit ?? ""
 	};
 }
-function Ke() {
-	let f = i(), { labels: Ke } = n(), { format: F, compact: I } = r(), { assetId: qe } = xe(), { maintenanceRecords: Je } = e(), L = a(), { data: Ye, loading: Xe, refetch: Ze } = Se(Ie, {
-		variables: { id: qe ?? "" },
-		skip: !qe,
+function Ye() {
+	let p = i(), { labels: Ye } = n(), { format: F, compact: I } = r(), { assetId: Xe } = Ce(), { maintenanceRecords: Ze } = e(), L = a(), { data: Qe, loading: $e, refetch: et } = we(ze, {
+		variables: { id: Xe ?? "" },
+		skip: !Xe,
 		fetchPolicy: "cache-and-network"
-	}), [Qe, R] = l(!1), [$e, z] = l(!1), [et, B] = l(!1), [V, tt] = l(null), [H, U] = l({
+	}), [tt, R] = l(!1), [nt, z] = l(!1), [rt, B] = l(!1), [V, it] = l(null), [H, U] = l({
 		disposalDate: "",
 		method: "",
 		notes: ""
-	}), [nt, { loading: W }] = p(Le, {
+	}), [at, { loading: W }] = m(Be, {
 		refetchQueries: ["AssetHandlerBootstrap"],
 		onCompleted: () => {
-			o.success("Asset updated", "Your changes have been saved."), R(!1), Ze();
+			o.success("Asset updated", "Your changes have been saved."), R(!1), et();
 		},
 		onError: (e) => o.error("Could not update asset", e.message)
-	}), [rt, { loading: G }] = p(Re, {
+	}), [ot, { loading: G }] = m(Ve, {
 		refetchQueries: ["AssetHandlerBootstrap"],
 		onCompleted: () => {
-			o.success("Asset disposed", "The asset has been marked as disposed."), z(!1), Ze();
+			o.success("Asset disposed", "The asset has been marked as disposed."), z(!1), et();
 		},
 		onError: (e) => o.error("Could not dispose asset", e.message)
-	}), [it, { loading: K }] = p(ze, {
+	}), [st, { loading: K }] = m(He, {
 		refetchQueries: ["AssetHandlerBootstrap"],
 		onCompleted: () => {
-			o.success("Asset deleted", "The asset has been removed from the inventory."), f("/assets/asset-list");
+			o.success("Asset deleted", "The asset has been removed from the inventory."), p("/assets/asset-list");
 		},
 		onError: (e) => o.error("Could not delete asset", e.message)
 	});
-	if (Xe && !Ye) return /* @__PURE__ */ h("div", {
+	if ($e && !Qe) return /* @__PURE__ */ h("div", {
 		className: "space-y-3 p-6",
 		children: Array.from({ length: 6 }).map((e, t) => /* @__PURE__ */ h("div", { className: "h-10 rounded-md bg-bg-sunken motion-safe:animate-vc-shimmer" }, t))
 	});
-	let q = Ye?.asset;
+	let q = Qe?.asset;
 	if (!q) return /* @__PURE__ */ h(oe, {
 		entityLabel: L("assethandler.asset.detail.notFound.entity", "{{asset}}"),
 		description: L("assethandler.asset.detail.notFound.description", "This {{assetLower}} may have been disposed or removed. Return to the inventory to find it."),
 		backLabel: L("assethandler.asset.detail.notFound.back", "Back to inventory"),
-		onBack: () => f("/assets/asset-list")
+		onBack: () => p("/assets/asset-list")
 	});
 	let J = {
 		...q,
 		status: q.status.toLowerCase(),
 		condition: q.condition.toLowerCase(),
 		category: q.category.toLowerCase()
-	}, Y = Je.filter((e) => e.assetId === J.id), X = Y.filter((e) => e.status !== "completed" && e.status !== "cancelled"), at = Ve(X), ot = J.status === "disposed", Z = We({
+	}, Y = Ze.filter((e) => e.assetId === J.id), X = Y.filter((e) => e.status !== "completed" && e.status !== "cancelled"), ct = We(X), lt = J.status === "disposed", Z = qe({
 		purchaseValue: J.purchaseValue,
 		salvageValue: J.salvageValue,
 		usefulLifeMonths: J.usefulLifeMonths,
 		method: J.depreciationMethod,
 		unitsOfProductionCapacity: J.unitsOfProductionCapacity,
 		unitsProduced: J.unitsProduced
-	}), st = Z.map((e) => e.bookValue), ct = Y.filter((e) => (e.actualCost ?? e.estimatedCost) != null).map((e) => ({
+	}), ut = Z.map((e) => e.bookValue), dt = Y.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
-	})), lt = Y.reduce((e, t) => e + (t.actualCost ?? t.estimatedCost ?? 0), 0), Q = J.purchaseValue != null && lt > 0 ? [{
+	})), ft = Y.reduce((e, t) => e + (t.actualCost ?? t.estimatedCost ?? 0), 0), Q = J.purchaseValue != null && ft > 0 ? [{
 		name: "Purchase",
 		value: J.purchaseValue,
 		color: "var(--color-accent-primary)"
 	}, {
 		name: "Maintenance",
-		value: lt,
+		value: ft,
 		color: "var(--color-status-info-bg)"
-	}] : [], ut = () => {
-		tt(Ge(q)), R(!0);
-	}, dt = (e) => {
+	}] : [], pt = () => {
+		it(Je(q)), R(!0);
+	}, mt = (e) => {
 		if (e.preventDefault(), !V) return;
 		if (!V.name.trim()) {
 			o.warning("Name required", "An asset must have a name.");
@@ -233,7 +236,7 @@ function Ke() {
 			let n = Number(t);
 			return Number.isNaN(n) ? null : n;
 		};
-		nt({ variables: {
+		at({ variables: {
 			id: J.id,
 			input: {
 				name: V.name.trim(),
@@ -251,11 +254,12 @@ function Ke() {
 				usefulLifeMonths: t(V.usefulLifeMonths),
 				depreciationMethod: V.depreciationMethod,
 				unitsOfProductionCapacity: t(V.unitsOfProductionCapacity),
-				unitsProduced: t(V.unitsProduced)
+				unitsProduced: t(V.unitsProduced),
+				meterUnit: V.meterUnit || null
 			}
 		} });
-	}, ft = (e) => {
-		e.preventDefault(), rt({ variables: {
+	}, ht = (e) => {
+		e.preventDefault(), ot({ variables: {
 			id: J.id,
 			input: {
 				disposalDate: H.disposalDate ? new Date(H.disposalDate).toISOString() : (/* @__PURE__ */ new Date()).toISOString(),
@@ -263,7 +267,7 @@ function Ke() {
 				notes: H.notes.trim() || null
 			}
 		} });
-	}, $ = (e, t) => tt((n) => n && {
+	}, $ = (e, t) => it((n) => n && {
 		...n,
 		[e]: t
 	});
@@ -278,27 +282,27 @@ function Ke() {
 						variant: "ghost",
 						size: "icon",
 						"aria-label": "Go back",
-						onClick: () => f("/assets/asset-list"),
-						children: /* @__PURE__ */ h(ce, { className: "h-4 w-4" })
+						onClick: () => p("/assets/asset-list"),
+						children: /* @__PURE__ */ h(ue, { className: "h-4 w-4" })
 					}), /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ g("div", {
 						className: "flex items-center gap-3",
 						children: [
 							/* @__PURE__ */ h("h1", {
 								className: "text-2xl font-bold",
-								children: /* @__PURE__ */ h(je, { children: J.name })
+								children: /* @__PURE__ */ h(Pe, { children: J.name })
 							}),
 							/* @__PURE__ */ h("span", {
-								className: `rounded-full px-2.5 py-0.5 text-xs font-medium capitalize ${Ue[J.status] ?? "bg-bg-sunken text-text-secondary"}`,
+								className: `rounded-full px-2.5 py-0.5 text-xs font-medium capitalize ${Ke[J.status] ?? "bg-bg-sunken text-text-secondary"}`,
 								children: J.status.replace(/_/g, " ")
 							}),
 							/* @__PURE__ */ h("span", {
-								className: `rounded-full px-2.5 py-0.5 text-xs font-medium capitalize ${Be[J.condition] ?? ""}`,
+								className: `rounded-full px-2.5 py-0.5 text-xs font-medium capitalize ${Ue[J.condition] ?? ""}`,
 								children: J.condition
 							})
 						]
 					}), /* @__PURE__ */ g("p", {
 						className: "text-sm text-text-secondary mt-1",
-						children: [J.assetNumber, J.serialNumber ? /* @__PURE__ */ g(m, { children: [" · SN: ", J.serialNumber] }) : null]
+						children: [J.assetNumber, J.serialNumber ? /* @__PURE__ */ g(Te, { children: [" · SN: ", J.serialNumber] }) : null]
 					})] })]
 				}), /* @__PURE__ */ g("div", {
 					className: "flex items-center gap-2",
@@ -306,31 +310,31 @@ function Ke() {
 						/* @__PURE__ */ g(_, {
 							size: "sm",
 							variant: "outline",
-							onClick: ut,
-							children: [/* @__PURE__ */ h(me, { className: "mr-2 h-4 w-4" }), "Edit"]
+							onClick: pt,
+							children: [/* @__PURE__ */ h(ge, { className: "mr-2 h-4 w-4" }), "Edit"]
 						}),
-						ot ? null : /* @__PURE__ */ g(_, {
+						lt ? null : /* @__PURE__ */ g(_, {
 							size: "sm",
 							variant: "outline",
 							onClick: () => z(!0),
-							children: [/* @__PURE__ */ h(se, { className: "mr-2 h-4 w-4" }), "Dispose"]
+							children: [/* @__PURE__ */ h(u, { className: "mr-2 h-4 w-4" }), "Dispose"]
 						}),
 						/* @__PURE__ */ g(_, {
 							size: "sm",
 							variant: "outline",
 							className: "text-status-error-text",
 							onClick: () => B(!0),
-							children: [/* @__PURE__ */ h(_e, { className: "mr-2 h-4 w-4" }), "Delete"]
+							children: [/* @__PURE__ */ h(ye, { className: "mr-2 h-4 w-4" }), "Delete"]
 						})
 					]
 				})]
 			}),
-			/* @__PURE__ */ h(Me, { children: L("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.") }),
-			ot ? /* @__PURE__ */ g(ke, { children: [
+			/* @__PURE__ */ h(Fe, { children: L("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.") }),
+			lt ? /* @__PURE__ */ g(Me, { children: [
 				/* @__PURE__ */ g("div", {
 					className: "flex items-center gap-2 text-sm font-medium",
 					children: [
-						/* @__PURE__ */ h(se, { className: "h-4 w-4" }),
+						/* @__PURE__ */ h(u, { className: "h-4 w-4" }),
 						"This asset was disposed",
 						J.disposalDate ? ` on ${new Date(J.disposalDate).toLocaleDateString()}` : ""
 					]
@@ -353,8 +357,8 @@ function Ke() {
 						value: F(J.currentValue),
 						delta: J.purchaseValue == null ? void 0 : `of ${F(J.purchaseValue)}`,
 						deltaDirection: "neutral",
-						spark: st.length > 1 ? st : void 0,
-						icon: u
+						spark: ut.length > 1 ? ut : void 0,
+						icon: fe
 					}),
 					/* @__PURE__ */ h(s, {
 						label: "Maintenance records",
@@ -362,17 +366,17 @@ function Ke() {
 						delta: X.length > 0 ? `${X.length} open` : void 0,
 						deltaTone: "neutral",
 						deltaDirection: "neutral",
-						icon: d
+						icon: f
 					}),
 					/* @__PURE__ */ h(s, {
 						label: "Registered",
 						value: J.createdAt ? new Date(J.createdAt).toLocaleDateString() : "—",
-						icon: ue
+						icon: d
 					}),
 					/* @__PURE__ */ h(s, {
 						label: "Location",
 						value: J.locationName || "—",
-						icon: pe
+						icon: he
 					})
 				]
 			}),
@@ -380,10 +384,10 @@ function Ke() {
 				className: "grid gap-6 lg:grid-cols-3",
 				children: [/* @__PURE__ */ h("div", {
 					className: "min-w-0 lg:col-span-2",
-					children: /* @__PURE__ */ g(Ne, {
+					children: /* @__PURE__ */ g(Ie, {
 						defaultValue: "details",
 						children: [
-							/* @__PURE__ */ g(Pe, {
+							/* @__PURE__ */ g(Le, {
 								className: "max-w-full justify-start overflow-x-auto",
 								children: [
 									/* @__PURE__ */ h(M, {
@@ -419,58 +423,58 @@ function Ke() {
 											/* @__PURE__ */ h(N, {
 												label: L("assethandler.asset.detail.field.tag", "{{asset}} Tag"),
 												value: J.assetNumber,
-												icon: de,
+												icon: pe,
 												mono: !0
 											}),
 											/* @__PURE__ */ h(N, {
 												label: "Serial Number",
 												value: J.serialNumber || "—",
-												icon: de,
+												icon: pe,
 												mono: !0
 											}),
 											/* @__PURE__ */ h(N, {
 												label: "Category",
-												value: t(J.category, Ke),
-												icon: fe,
+												value: t(J.category, Ye),
+												icon: me,
 												capitalize: !0
 											}),
 											/* @__PURE__ */ h(N, {
 												label: "Condition",
-												icon: he,
+												icon: _e,
 												children: /* @__PURE__ */ h("span", {
-													className: `inline-flex rounded-full px-2.5 py-0.5 text-xs font-medium capitalize ${Be[J.condition] ?? ""}`,
+													className: `inline-flex rounded-full px-2.5 py-0.5 text-xs font-medium capitalize ${Ue[J.condition] ?? ""}`,
 													children: J.condition
 												})
 											}),
 											/* @__PURE__ */ h(N, {
 												label: "Assigned To",
 												value: J.assignedTo || "—",
-												icon: be
+												icon: Se
 											}),
 											/* @__PURE__ */ h(N, {
 												label: L("assethandler.asset.detail.nextService", "Next Service"),
-												value: at ? new Date(at).toLocaleDateString() : "—",
-												icon: d
+												value: ct ? new Date(ct).toLocaleDateString() : "—",
+												icon: f
 											}),
 											/* @__PURE__ */ h(N, {
 												label: "Department",
 												value: J.department || "—",
-												icon: le
+												icon: de
 											}),
 											/* @__PURE__ */ h(N, {
 												label: "Location",
 												value: J.locationName || "—",
-												icon: pe
+												icon: he
 											}),
 											/* @__PURE__ */ h(N, {
 												label: "Supplier",
 												value: J.supplier || "—",
-												icon: ye
+												icon: xe
 											}),
 											/* @__PURE__ */ h(N, {
 												label: "Warranty Expiry",
 												value: J.warrantyExpiry ? new Date(J.warrantyExpiry).toLocaleDateString() : "—",
-												icon: ue
+												icon: d
 											})
 										]
 									}),
@@ -511,7 +515,7 @@ function Ke() {
 										children: [/* @__PURE__ */ h(c, {
 											title: "Depreciation & book value",
 											subtitle: "Projected book value over the useful life",
-											icon: ve,
+											icon: be,
 											children: Z.length > 0 ? /* @__PURE__ */ h(ne, {
 												data: Z,
 												xKey: "year",
@@ -548,7 +552,7 @@ function Ke() {
 													}),
 													/* @__PURE__ */ h(P, {
 														label: "Depreciation Method",
-														value: J.depreciationMethod ? He[J.depreciationMethod.toUpperCase()] ?? J.depreciationMethod : "—"
+														value: J.depreciationMethod ? Ge[J.depreciationMethod.toUpperCase()] ?? J.depreciationMethod : "—"
 													}),
 													/* @__PURE__ */ h(P, {
 														label: "Supplier",
@@ -566,7 +570,7 @@ function Ke() {
 									Q.length > 0 ? /* @__PURE__ */ h(c, {
 										title: "Total cost of ownership",
 										subtitle: "What drives lifetime cost",
-										icon: u,
+										icon: fe,
 										children: /* @__PURE__ */ h(ie, {
 											data: Q,
 											centerLabel: "TCO",
@@ -580,12 +584,12 @@ function Ke() {
 							/* @__PURE__ */ g(j, {
 								value: "maintenance",
 								className: "mt-4 space-y-4",
-								children: [ct.length > 0 ? /* @__PURE__ */ h(c, {
+								children: [dt.length > 0 ? /* @__PURE__ */ h(c, {
 									title: "Maintenance cost history",
 									subtitle: "Recorded cost per maintenance event",
-									icon: d,
+									icon: f,
 									children: /* @__PURE__ */ h(re, {
-										data: ct,
+										data: dt,
 										xKey: "label",
 										height: 220,
 										valueFormat: I,
@@ -594,10 +598,10 @@ function Ke() {
 											label: "Cost"
 										}]
 									})
-								}) : null, /* @__PURE__ */ g(we, { children: [/* @__PURE__ */ g(De, { children: [/* @__PURE__ */ g(Oe, {
+								}) : null, /* @__PURE__ */ g(De, { children: [/* @__PURE__ */ g(Ae, { children: [/* @__PURE__ */ g(je, {
 									className: "flex items-center gap-2",
-									children: [/* @__PURE__ */ h(d, { className: "h-4 w-4" }), "Maintenance History"]
-								}), /* @__PURE__ */ g(Ee, { children: [Y.length, " records found"] })] }), /* @__PURE__ */ h(Te, { children: Y.length === 0 ? /* @__PURE__ */ h("p", {
+									children: [/* @__PURE__ */ h(f, { className: "h-4 w-4" }), "Maintenance History"]
+								}), /* @__PURE__ */ g(ke, { children: [Y.length, " records found"] })] }), /* @__PURE__ */ h(Oe, { children: Y.length === 0 ? /* @__PURE__ */ h("p", {
 									className: "py-8 text-center text-text-secondary",
 									children: "No maintenance records for this asset."
 								}) : /* @__PURE__ */ h("div", {
@@ -609,7 +613,7 @@ function Ke() {
 											children: [
 												/* @__PURE__ */ g("div", {
 													className: "flex items-center gap-2",
-													children: [/* @__PURE__ */ h(Ce, {
+													children: [/* @__PURE__ */ h(Ee, {
 														variant: "outline",
 														className: "capitalize",
 														children: e.type
@@ -651,14 +655,14 @@ function Ke() {
 					})
 				}), /* @__PURE__ */ g("aside", {
 					className: "space-y-6",
-					children: [/* @__PURE__ */ h(Ae, {
+					children: [/* @__PURE__ */ h(Ne, {
 						treatment: "glass",
 						className: "border-border-seam",
 						children: /* @__PURE__ */ g("div", {
 							className: "space-y-3 p-5",
 							children: [/* @__PURE__ */ g("h3", {
 								className: "flex items-center gap-2 text-sm font-semibold",
-								children: [/* @__PURE__ */ h(ge, { className: "h-4 w-4 text-text-secondary" }), "Tags"]
+								children: [/* @__PURE__ */ h(ve, { className: "h-4 w-4 text-text-secondary" }), "Tags"]
 							}), J.tags.length === 0 ? /* @__PURE__ */ h("p", {
 								className: "text-xs text-text-secondary",
 								children: "No tags yet"
@@ -674,13 +678,13 @@ function Ke() {
 				})]
 			}),
 			/* @__PURE__ */ h(b, {
-				open: Qe,
+				open: tt,
 				onOpenChange: R,
 				children: /* @__PURE__ */ g(x, {
 					className: "max-h-[85vh] overflow-y-auto sm:max-w-2xl",
 					children: [/* @__PURE__ */ g(w, { children: [/* @__PURE__ */ h(T, { children: "Edit asset" }), /* @__PURE__ */ h(S, { children: "Update this asset's details and financials." })] }), V ? /* @__PURE__ */ g("form", {
 						className: "space-y-4",
-						onSubmit: dt,
+						onSubmit: mt,
 						children: [
 							/* @__PURE__ */ g("div", {
 								className: "grid gap-4 md:grid-cols-2",
@@ -700,7 +704,7 @@ function Ke() {
 							}),
 							/* @__PURE__ */ g("div", {
 								className: "space-y-2",
-								children: [/* @__PURE__ */ h(y, { children: "Description" }), /* @__PURE__ */ h(Fe, {
+								children: [/* @__PURE__ */ h(y, { children: "Description" }), /* @__PURE__ */ h(Re, {
 									value: V.description,
 									onChange: (e) => $("description", e.target.value),
 									rows: 2
@@ -871,7 +875,7 @@ function Ke() {
 											] })]
 										})]
 									}),
-									V.depreciationMethod === "UNITS_OF_PRODUCTION" ? /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ g("div", {
+									V.depreciationMethod === "UNITS_OF_PRODUCTION" ? /* @__PURE__ */ g("div", {
 										className: "space-y-2",
 										children: [/* @__PURE__ */ h(y, { children: "Lifetime Capacity (units)" }), /* @__PURE__ */ h(v, {
 											type: "number",
@@ -880,16 +884,31 @@ function Ke() {
 											value: V.unitsOfProductionCapacity,
 											onChange: (e) => $("unitsOfProductionCapacity", e.target.value)
 										})]
-									}), /* @__PURE__ */ g("div", {
+									}) : null,
+									/* @__PURE__ */ g("div", {
+										className: "space-y-2",
+										children: [/* @__PURE__ */ h(y, { children: "Meter unit" }), /* @__PURE__ */ g(E, {
+											value: V.meterUnit || "__NOT_METERED__",
+											onValueChange: (e) => $("meterUnit", e === "__NOT_METERED__" ? "" : e),
+											children: [/* @__PURE__ */ h(k, { children: /* @__PURE__ */ h(A, { placeholder: "Not metered" }) }), /* @__PURE__ */ g(D, { children: [/* @__PURE__ */ h(O, {
+												value: ce,
+												children: "Not metered"
+											}), se.map((e) => /* @__PURE__ */ h(O, {
+												value: e.value,
+												children: e.label
+											}, e.value))] })]
+										})]
+									}),
+									/* @__PURE__ */ g("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ h(y, { children: "Units Produced To Date" }), /* @__PURE__ */ h(v, {
+										children: [/* @__PURE__ */ h(y, { children: le(V.meterUnit) }), /* @__PURE__ */ h(v, {
 											type: "number",
 											min: "0",
 											step: "1",
 											value: V.unitsProduced,
 											onChange: (e) => $("unitsProduced", e.target.value)
 										})]
-									})] }) : null
+									})
 								]
 							}),
 							/* @__PURE__ */ g(C, { children: [/* @__PURE__ */ h(_, {
@@ -908,11 +927,11 @@ function Ke() {
 				})
 			}),
 			/* @__PURE__ */ h(b, {
-				open: $e,
+				open: nt,
 				onOpenChange: z,
 				children: /* @__PURE__ */ g(x, { children: [/* @__PURE__ */ g(w, { children: [/* @__PURE__ */ h(T, { children: "Dispose asset" }), /* @__PURE__ */ h(S, { children: "Record the disposal of this asset. It will be marked as disposed and removed from active inventory." })] }), /* @__PURE__ */ g("form", {
 					className: "space-y-4",
-					onSubmit: ft,
+					onSubmit: ht,
 					children: [
 						/* @__PURE__ */ g("div", {
 							className: "space-y-2",
@@ -938,7 +957,7 @@ function Ke() {
 						}),
 						/* @__PURE__ */ g("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ h(y, { children: "Notes" }), /* @__PURE__ */ h(Fe, {
+							children: [/* @__PURE__ */ h(y, { children: "Notes" }), /* @__PURE__ */ h(Re, {
 								placeholder: "Optional details about the disposal",
 								value: H.notes,
 								onChange: (e) => U((t) => ({
@@ -963,7 +982,7 @@ function Ke() {
 				})] })
 			}),
 			/* @__PURE__ */ h(b, {
-				open: et,
+				open: rt,
 				onOpenChange: B,
 				children: /* @__PURE__ */ g(x, { children: [/* @__PURE__ */ g(w, { children: [/* @__PURE__ */ h(T, { children: "Delete asset" }), /* @__PURE__ */ g(S, { children: [
 					"This removes ",
@@ -979,7 +998,7 @@ function Ke() {
 					children: "Cancel"
 				}), /* @__PURE__ */ h(_, {
 					variant: "destructive",
-					onClick: () => void it({ variables: { id: J.id } }),
+					onClick: () => void st({ variables: { id: J.id } }),
 					disabled: K,
 					children: K ? "Deleting…" : "Delete asset"
 				})] })] })
@@ -1015,6 +1034,6 @@ function P({ label: e, value: t, striped: n }) {
 	});
 }
 //#endregion
-export { Ke as AssetsAssetDetailPage };
+export { Ye as AssetsAssetDetailPage };
 
 //# sourceMappingURL=AssetsAssetDetailPage.js.map