@burdenoff/microfe-assethandler 2026.813.2 → 2026.814.1

package/dist/assethandler/pages/AssetsAssetCreatePage.js

@@ -4,17 +4,18 @@ import { useAssetCategoryPresentation as n, useAssetMoney as r, useHiddenCategor
 import { useAssetHandlerNavigate as a } from "../hooks/useAssetHandlerNavigate.js";
 import { useCopy as o } from "../hooks/useCopy.js";
 import { notify as s } from "../utils/toast.js";
-import { TrendChart as c } from "../components/charts/TrendChart.js";
-import { ChartCard as ee } from "../components/ChartCard.js";
+import { TrendChart as ee } from "../components/charts/TrendChart.js";
+import { ChartCard as te } from "../components/ChartCard.js";
 import "../components/index.js";
-import { useMemo as l, useRef as u, useState as d } from "react";
-import { ArrowLeft as te, Info as ne, Loader2 as f, Save as p, TrendingDown as re, X as m } from "lucide-react";
-import { gql as h } from "@apollo/client";
-import { useMutation as ie } from "@apollo/client/react";
+import { METER_UNIT_OPTIONS as ne, meterReadingLabel as re } from "../utils/meter.js";
+import { useMemo as c, useRef as ie, useState as l } from "react";
+import { ArrowLeft as ae, Info as oe, Loader2 as u, Save as d, TrendingDown as f, X as p } from "lucide-react";
+import { gql as m } from "@apollo/client";
+import { useMutation as h } from "@apollo/client/react";
 import { jsx as g, jsxs as _ } from "react/jsx-runtime";
-import { Badge as v, Button as y, GlassCard as b, GradientText as ae, Input as x, Label as S, PagePurpose as C, Select as w, SelectContent as T, SelectItem as E, SelectTrigger as D, SelectValue as O, Textarea as k } from "@burdenoff/fe-libs/ui";
+import { Badge as se, Button as v, GlassCard as y, GradientText as ce, Input as b, Label as x, PagePurpose as le, Select as S, SelectContent as C, SelectItem as w, SelectTrigger as T, SelectValue as E, Textarea as D } from "@burdenoff/fe-libs/ui";
 //#region src/assethandler/pages/AssetsAssetCreatePage.tsx
-var oe = h`
+var O = m`
   mutation AssetHandlerCreateAsset($input: CreateAssetInput!) {
     createAsset(input: $input) {
       id
@@ -22,7 +23,7 @@ var oe = h`
       name
     }
   }
-`, se = [
+`, k = [
 	"electronics",
 	"it_hardware",
 	"furniture",
@@ -48,6 +49,7 @@ var oe = h`
 	depreciationMethod: "STRAIGHT_LINE",
 	unitsOfProductionCapacity: "",
 	unitsProduced: "",
+	meterUnit: "",
 	warrantyExpiry: "",
 	supplier: "",
 	department: ""
@@ -88,7 +90,7 @@ function j(e) {
 	}
 	return o;
 }
-var M = ({ title: e, description: t, children: n, glow: r }) => /* @__PURE__ */ g(b, {
+var M = ({ title: e, description: t, children: n, glow: r }) => /* @__PURE__ */ g(y, {
 	treatment: "glass",
 	glow: r,
 	className: "border-border-seam",
@@ -104,21 +106,21 @@ var M = ({ title: e, description: t, children: n, glow: r }) => /* @__PURE__ */
 	})
 });
 function N() {
-	let h = o(), b = a(), { symbol: N, compact: ce } = r(), P = i(), { labels: F, options: I } = n(), { assets: L } = e(), [R, z] = d(A), [B, V] = d([]), [H, U] = d(""), [W, G] = d({}), [K, q] = d(null), J = u(!1), le = l(() => {
-		let e = new Set(I?.map((e) => e.id) ?? se);
+	let m = o(), y = a(), { symbol: N, compact: P } = r(), F = i(), { labels: ue, options: I } = n(), { assets: L } = e(), [R, z] = l(A), [B, V] = l([]), [H, U] = l(""), [W, G] = l({}), [K, q] = l(null), J = ie(!1), de = c(() => {
+		let e = new Set(I?.map((e) => e.id) ?? k);
 		if (!I) for (let t of L) t.category && e.add(t.category);
-		return [...e].filter((e) => !P.has(e)).sort();
+		return [...e].filter((e) => !F.has(e)).sort();
 	}, [
 		L,
 		I,
-		P
-	]), [ue, { loading: Y }] = ie(oe, {
+		F
+	]), [fe, { loading: Y }] = h(O, {
 		refetchQueries: ["AssetHandlerBootstrap"],
 		onCompleted: (e) => {
-			s.success(h("assethandler.assets.create.toast.title", "{{asset}} created"), h("assethandler.assets.create.toast.body", "{{name}} was registered in the inventory.", { name: e.createAsset.name })), q(null), J.current ? (J.current = !1, z(A), V([]), U(""), G({}), typeof window < "u" && window.scrollTo({
+			s.success(m("assethandler.assets.create.toast.title", "{{asset}} created"), m("assethandler.assets.create.toast.body", "{{name}} was registered in the inventory.", { name: e.createAsset.name })), q(null), J.current ? (J.current = !1, z(A), V([]), U(""), G({}), typeof window < "u" && window.scrollTo({
 				top: 0,
 				behavior: "smooth"
-			})) : b(`/assets/${e.createAsset.id}`);
+			})) : y(`/assets/${e.createAsset.id}`);
 		},
 		onError: (e) => {
 			q(null), s.error("Could not create asset", e.message);
@@ -135,9 +137,9 @@ function N() {
 	}, Z = () => {
 		let e = H.trim().replace(/,$/, "").trim();
 		e && !B.includes(e) && V((t) => [...t, e]), U("");
-	}, de = (e) => {
+	}, pe = (e) => {
 		e.key === "Enter" || e.key === "," ? (e.preventDefault(), Z()) : e.key === "Backspace" && H === "" && B.length > 0 && V((e) => e.slice(0, -1));
-	}, Q = l(() => j({
+	}, Q = c(() => j({
 		purchaseValue: R.purchaseValue.trim() ? Number(R.purchaseValue) : null,
 		salvageValue: R.salvageValue.trim() ? Number(R.salvageValue) : null,
 		usefulLifeMonths: R.usefulLifeMonths.trim() ? Number(R.usefulLifeMonths) : null,
@@ -169,7 +171,7 @@ function N() {
 			let n = Number(t);
 			return Number.isNaN(n) ? null : n;
 		}, i = (e) => e.trim() === "" ? null : new Date(e).toISOString();
-		J.current = e, q(e ? "add" : "create"), ue({ variables: { input: {
+		J.current = e, q(e ? "add" : "create"), fe({ variables: { input: {
 			name: R.name.trim(),
 			assetNumber: R.assetNumber.trim(),
 			category: R.category,
@@ -187,6 +189,7 @@ function N() {
 			depreciationMethod: R.depreciationMethod,
 			unitsOfProductionCapacity: r(R.unitsOfProductionCapacity),
 			unitsProduced: r(R.unitsProduced),
+			meterUnit: R.meterUnit || null,
 			warrantyExpiry: i(R.warrantyExpiry),
 			supplier: R.supplier.trim() || null,
 			department: R.department.trim() || null
@@ -197,20 +200,20 @@ function N() {
 		children: [
 			/* @__PURE__ */ _("div", {
 				className: "flex flex-col gap-3 sm:flex-row sm:items-center sm:gap-4",
-				children: [/* @__PURE__ */ g(y, {
+				children: [/* @__PURE__ */ g(v, {
 					variant: "ghost",
 					size: "icon",
 					"aria-label": "Go back",
 					className: "w-fit",
-					onClick: () => b("/assets/asset-list"),
-					children: /* @__PURE__ */ g(te, { className: "h-4 w-4" })
+					onClick: () => y("/assets/asset-list"),
+					children: /* @__PURE__ */ g(ae, { className: "h-4 w-4" })
 				}), /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("h1", {
 					className: "text-2xl font-bold",
-					children: /* @__PURE__ */ g(ae, { children: h("assethandler.assets.create.title", "Create New {{asset}}") })
+					children: /* @__PURE__ */ g(ce, { children: m("assethandler.assets.create.title", "Create New {{asset}}") })
 				}), /* @__PURE__ */ _("p", {
 					className: "text-sm text-text-secondary",
 					children: [
-						h("assethandler.assets.create.subtitle", "Register a new {{assetLower}} in the inventory"),
+						m("assethandler.assets.create.subtitle", "Register a new {{assetLower}} in the inventory"),
 						" ",
 						"· ",
 						/* @__PURE__ */ g("span", {
@@ -221,10 +224,10 @@ function N() {
 					]
 				})] })]
 			}),
-			/* @__PURE__ */ g(C, { children: h("assethandler.assets.create.purpose", "Register a new {{assetLower}} so it can be tracked, maintained and assigned from day one. Capture its identity, category and condition, then its financials and location — the more you fill in now, the better your reports and audits later.") }),
+			/* @__PURE__ */ g(le, { children: m("assethandler.assets.create.purpose", "Register a new {{assetLower}} so it can be tracked, maintained and assigned from day one. Capture its identity, category and condition, then its financials and location — the more you fill in now, the better your reports and audits later.") }),
 			/* @__PURE__ */ _(M, {
 				title: "General Information",
-				description: h("assethandler.assets.create.general.description", "Basic {{assetLower}} details and identification"),
+				description: m("assethandler.assets.create.general.description", "Basic {{assetLower}} details and identification"),
 				glow: !0,
 				children: [
 					/* @__PURE__ */ _("div", {
@@ -232,16 +235,16 @@ function N() {
 						children: [/* @__PURE__ */ _("div", {
 							className: "space-y-2",
 							children: [
-								/* @__PURE__ */ _(S, { children: [
-									h("assethandler.assets.create.field.name", "{{asset}} Name"),
+								/* @__PURE__ */ _(x, { children: [
+									m("assethandler.assets.create.field.name", "{{asset}} Name"),
 									" ",
 									/* @__PURE__ */ g("span", {
 										className: "text-status-error-text",
 										children: "*"
 									})
 								] }),
-								/* @__PURE__ */ g(x, {
-									placeholder: h("assethandler.assets.create.field.namePlaceholder", "e.g., Dell OptiPlex 7090"),
+								/* @__PURE__ */ g(b, {
+									placeholder: m("assethandler.assets.create.field.namePlaceholder", "e.g., Dell OptiPlex 7090"),
 									value: R.name,
 									onChange: (e) => X("name", e.target.value),
 									"aria-invalid": !!W.name
@@ -254,16 +257,16 @@ function N() {
 						}), /* @__PURE__ */ _("div", {
 							className: "space-y-2",
 							children: [
-								/* @__PURE__ */ _(S, { children: [
-									h("assethandler.assets.create.field.tag", "{{asset}} Tag"),
+								/* @__PURE__ */ _(x, { children: [
+									m("assethandler.assets.create.field.tag", "{{asset}} Tag"),
 									" ",
 									/* @__PURE__ */ g("span", {
 										className: "text-status-error-text",
 										children: "*"
 									})
 								] }),
-								/* @__PURE__ */ g(x, {
-									placeholder: h("assethandler.assets.create.field.tagPlaceholder", "e.g., IT-HW-001"),
+								/* @__PURE__ */ g(b, {
+									placeholder: m("assethandler.assets.create.field.tagPlaceholder", "e.g., IT-HW-001"),
 									value: R.assetNumber,
 									onChange: (e) => X("assetNumber", e.target.value),
 									"aria-invalid": !!W.assetNumber
@@ -277,8 +280,8 @@ function N() {
 					}),
 					/* @__PURE__ */ _("div", {
 						className: "space-y-2",
-						children: [/* @__PURE__ */ g(S, { children: "Description" }), /* @__PURE__ */ g(k, {
-							placeholder: h("assethandler.assets.create.field.descriptionPlaceholder", "Brief description of the {{assetLower}}..."),
+						children: [/* @__PURE__ */ g(x, { children: "Description" }), /* @__PURE__ */ g(D, {
+							placeholder: m("assethandler.assets.create.field.descriptionPlaceholder", "Brief description of the {{assetLower}}..."),
 							value: R.description,
 							onChange: (e) => X("description", e.target.value),
 							rows: 3
@@ -289,38 +292,38 @@ function N() {
 						children: [
 							/* @__PURE__ */ _("div", {
 								className: "space-y-2",
-								children: [/* @__PURE__ */ _(S, { children: ["Category ", /* @__PURE__ */ g("span", {
+								children: [/* @__PURE__ */ _(x, { children: ["Category ", /* @__PURE__ */ g("span", {
 									className: "text-status-error-text",
 									children: "*"
-								})] }), /* @__PURE__ */ _(w, {
+								})] }), /* @__PURE__ */ _(S, {
 									value: R.category,
 									onValueChange: (e) => X("category", e),
-									children: [/* @__PURE__ */ g(D, { children: /* @__PURE__ */ g(O, {}) }), /* @__PURE__ */ g(T, { children: le.map((e) => /* @__PURE__ */ g(E, {
+									children: [/* @__PURE__ */ g(T, { children: /* @__PURE__ */ g(E, {}) }), /* @__PURE__ */ g(C, { children: de.map((e) => /* @__PURE__ */ g(w, {
 										value: e,
 										className: "capitalize",
-										children: I?.find((t) => t.id === e)?.label ?? t(e, F)
+										children: I?.find((t) => t.id === e)?.label ?? t(e, ue)
 									}, e)) })]
 								})]
 							}),
 							/* @__PURE__ */ _("div", {
 								className: "space-y-2",
-								children: [/* @__PURE__ */ g(S, { children: "Status" }), /* @__PURE__ */ _(w, {
+								children: [/* @__PURE__ */ g(x, { children: "Status" }), /* @__PURE__ */ _(S, {
 									value: R.status,
 									onValueChange: (e) => X("status", e),
-									children: [/* @__PURE__ */ g(D, { children: /* @__PURE__ */ g(O, {}) }), /* @__PURE__ */ _(T, { children: [
-										/* @__PURE__ */ g(E, {
+									children: [/* @__PURE__ */ g(T, { children: /* @__PURE__ */ g(E, {}) }), /* @__PURE__ */ _(C, { children: [
+										/* @__PURE__ */ g(w, {
 											value: "ACTIVE",
 											children: "Active"
 										}),
-										/* @__PURE__ */ g(E, {
+										/* @__PURE__ */ g(w, {
 											value: "INACTIVE",
 											children: "Inactive"
 										}),
-										/* @__PURE__ */ g(E, {
+										/* @__PURE__ */ g(w, {
 											value: "MAINTENANCE",
 											children: "Maintenance"
 										}),
-										/* @__PURE__ */ g(E, {
+										/* @__PURE__ */ g(w, {
 											value: "RETIRED",
 											children: "Retired"
 										})
@@ -329,27 +332,27 @@ function N() {
 							}),
 							/* @__PURE__ */ _("div", {
 								className: "space-y-2",
-								children: [/* @__PURE__ */ g(S, { children: "Condition" }), /* @__PURE__ */ _(w, {
+								children: [/* @__PURE__ */ g(x, { children: "Condition" }), /* @__PURE__ */ _(S, {
 									value: R.condition,
 									onValueChange: (e) => X("condition", e),
-									children: [/* @__PURE__ */ g(D, { children: /* @__PURE__ */ g(O, {}) }), /* @__PURE__ */ _(T, { children: [
-										/* @__PURE__ */ g(E, {
+									children: [/* @__PURE__ */ g(T, { children: /* @__PURE__ */ g(E, {}) }), /* @__PURE__ */ _(C, { children: [
+										/* @__PURE__ */ g(w, {
 											value: "EXCELLENT",
 											children: "Excellent"
 										}),
-										/* @__PURE__ */ g(E, {
+										/* @__PURE__ */ g(w, {
 											value: "GOOD",
 											children: "Good"
 										}),
-										/* @__PURE__ */ g(E, {
+										/* @__PURE__ */ g(w, {
 											value: "FAIR",
 											children: "Fair"
 										}),
-										/* @__PURE__ */ g(E, {
+										/* @__PURE__ */ g(w, {
 											value: "POOR",
 											children: "Poor"
 										}),
-										/* @__PURE__ */ g(E, {
+										/* @__PURE__ */ g(w, {
 											value: "DAMAGED",
 											children: "Damaged"
 										})
@@ -360,7 +363,7 @@ function N() {
 					}),
 					/* @__PURE__ */ _("div", {
 						className: "space-y-2",
-						children: [/* @__PURE__ */ g(S, { children: "Serial Number" }), /* @__PURE__ */ g(x, {
+						children: [/* @__PURE__ */ g(x, { children: "Serial Number" }), /* @__PURE__ */ g(b, {
 							placeholder: "e.g., DELL-7090-X1A2B3",
 							value: R.serialNumber,
 							onChange: (e) => X("serialNumber", e.target.value)
@@ -378,13 +381,13 @@ function N() {
 							/* @__PURE__ */ _("div", {
 								className: "space-y-2",
 								children: [
-									/* @__PURE__ */ g(S, { children: "Purchase Value" }),
+									/* @__PURE__ */ g(x, { children: "Purchase Value" }),
 									/* @__PURE__ */ _("div", {
 										className: "relative",
 										children: [/* @__PURE__ */ g("span", {
 											className: "pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-sm text-text-secondary",
 											children: N
-										}), /* @__PURE__ */ g(x, {
+										}), /* @__PURE__ */ g(b, {
 											type: "number",
 											min: "0",
 											step: "0.01",
@@ -403,7 +406,7 @@ function N() {
 							}),
 							/* @__PURE__ */ _("div", {
 								className: "space-y-2",
-								children: [/* @__PURE__ */ g(S, { children: "Purchase Date" }), /* @__PURE__ */ g(x, {
+								children: [/* @__PURE__ */ g(x, { children: "Purchase Date" }), /* @__PURE__ */ g(b, {
 									type: "date",
 									value: R.purchaseDate,
 									onChange: (e) => X("purchaseDate", e.target.value)
@@ -411,7 +414,7 @@ function N() {
 							}),
 							/* @__PURE__ */ _("div", {
 								className: "space-y-2",
-								children: [/* @__PURE__ */ g(S, { children: "Supplier" }), /* @__PURE__ */ g(x, {
+								children: [/* @__PURE__ */ g(x, { children: "Supplier" }), /* @__PURE__ */ g(b, {
 									placeholder: "e.g., Dell Technologies",
 									value: R.supplier,
 									onChange: (e) => X("supplier", e.target.value)
@@ -425,10 +428,10 @@ function N() {
 							/* @__PURE__ */ _("div", {
 								className: "space-y-2",
 								children: [
-									/* @__PURE__ */ g(S, { children: "Useful Life" }),
+									/* @__PURE__ */ g(x, { children: "Useful Life" }),
 									/* @__PURE__ */ _("div", {
 										className: "relative",
-										children: [/* @__PURE__ */ g(x, {
+										children: [/* @__PURE__ */ g(b, {
 											type: "number",
 											min: "0",
 											step: "1",
@@ -451,13 +454,13 @@ function N() {
 							/* @__PURE__ */ _("div", {
 								className: "space-y-2",
 								children: [
-									/* @__PURE__ */ g(S, { children: "Salvage Value" }),
+									/* @__PURE__ */ g(x, { children: "Salvage Value" }),
 									/* @__PURE__ */ _("div", {
 										className: "relative",
 										children: [/* @__PURE__ */ g("span", {
 											className: "pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-sm text-text-secondary",
 											children: N
-										}), /* @__PURE__ */ g(x, {
+										}), /* @__PURE__ */ g(b, {
 											type: "number",
 											min: "0",
 											step: "0.01",
@@ -476,31 +479,31 @@ function N() {
 							}),
 							/* @__PURE__ */ _("div", {
 								className: "space-y-2",
-								children: [/* @__PURE__ */ g(S, { children: "Depreciation Method" }), /* @__PURE__ */ _(w, {
+								children: [/* @__PURE__ */ g(x, { children: "Depreciation Method" }), /* @__PURE__ */ _(S, {
 									value: R.depreciationMethod,
 									onValueChange: (e) => X("depreciationMethod", e),
-									children: [/* @__PURE__ */ g(D, { children: /* @__PURE__ */ g(O, {}) }), /* @__PURE__ */ _(T, { children: [
-										/* @__PURE__ */ g(E, {
+									children: [/* @__PURE__ */ g(T, { children: /* @__PURE__ */ g(E, {}) }), /* @__PURE__ */ _(C, { children: [
+										/* @__PURE__ */ g(w, {
 											value: "STRAIGHT_LINE",
 											children: "Straight line"
 										}),
-										/* @__PURE__ */ g(E, {
+										/* @__PURE__ */ g(w, {
 											value: "REDUCING_BALANCE",
 											children: "Reducing balance (200%)"
 										}),
-										/* @__PURE__ */ g(E, {
+										/* @__PURE__ */ g(w, {
 											value: "DECLINING_BALANCE",
 											children: "Declining balance (150%)"
 										}),
-										/* @__PURE__ */ g(E, {
+										/* @__PURE__ */ g(w, {
 											value: "SUM_OF_YEARS_DIGITS",
 											children: "Sum of years' digits"
 										}),
-										/* @__PURE__ */ g(E, {
+										/* @__PURE__ */ g(w, {
 											value: "UNITS_OF_PRODUCTION",
 											children: "Units of production"
 										}),
-										/* @__PURE__ */ g(E, {
+										/* @__PURE__ */ g(w, {
 											value: "NONE",
 											children: "None"
 										})
@@ -510,20 +513,31 @@ function N() {
 						]
 					}),
 					R.depreciationMethod === "UNITS_OF_PRODUCTION" ? /* @__PURE__ */ _("div", {
+						className: "space-y-2",
+						children: [/* @__PURE__ */ g(x, { children: "Lifetime Capacity (units)" }), /* @__PURE__ */ g(b, {
+							type: "number",
+							min: "0",
+							step: "1",
+							placeholder: "e.g., 100000 (miles, hours, cycles…)",
+							value: R.unitsOfProductionCapacity,
+							onChange: (e) => X("unitsOfProductionCapacity", e.target.value)
+						})]
+					}) : null,
+					/* @__PURE__ */ _("div", {
 						className: "grid gap-4 md:grid-cols-2",
 						children: [/* @__PURE__ */ _("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ g(S, { children: "Lifetime Capacity (units)" }), /* @__PURE__ */ g(x, {
-								type: "number",
-								min: "0",
-								step: "1",
-								placeholder: "e.g., 100000 (miles, hours, cycles…)",
-								value: R.unitsOfProductionCapacity,
-								onChange: (e) => X("unitsOfProductionCapacity", e.target.value)
+							children: [/* @__PURE__ */ g(x, { children: "Meter unit" }), /* @__PURE__ */ _(S, {
+								value: R.meterUnit,
+								onValueChange: (e) => X("meterUnit", e),
+								children: [/* @__PURE__ */ g(T, { children: /* @__PURE__ */ g(E, { placeholder: "Not metered" }) }), /* @__PURE__ */ g(C, { children: ne.map((e) => /* @__PURE__ */ g(w, {
+									value: e.value,
+									children: e.label
+								}, e.value)) })]
 							})]
 						}), /* @__PURE__ */ _("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ g(S, { children: "Units Produced To Date" }), /* @__PURE__ */ g(x, {
+							children: [/* @__PURE__ */ g(x, { children: re(R.meterUnit) }), /* @__PURE__ */ g(b, {
 								type: "number",
 								min: "0",
 								step: "1",
@@ -532,24 +546,24 @@ function N() {
 								onChange: (e) => X("unitsProduced", e.target.value)
 							})]
 						})]
-					}) : null,
+					}),
 					/* @__PURE__ */ _("div", {
 						className: "space-y-2",
-						children: [/* @__PURE__ */ g(S, { children: "Warranty Expiry" }), /* @__PURE__ */ g(x, {
+						children: [/* @__PURE__ */ g(x, { children: "Warranty Expiry" }), /* @__PURE__ */ g(b, {
 							type: "date",
 							value: R.warrantyExpiry,
 							onChange: (e) => X("warrantyExpiry", e.target.value)
 						})]
 					}),
-					/* @__PURE__ */ g(ee, {
+					/* @__PURE__ */ g(te, {
 						title: "Depreciation preview",
-						subtitle: h("assethandler.assets.create.depreciation.subtitle", "Projected book value over the {{assetLower}}'s useful life"),
-						icon: re,
-						children: Q.length > 0 ? /* @__PURE__ */ g(c, {
+						subtitle: m("assethandler.assets.create.depreciation.subtitle", "Projected book value over the {{assetLower}}'s useful life"),
+						icon: f,
+						children: Q.length > 0 ? /* @__PURE__ */ g(ee, {
 							data: Q,
 							xKey: "year",
 							height: 240,
-							valueFormat: ce,
+							valueFormat: P,
 							xTickFormat: (e) => `${e}y`,
 							series: [{
 								key: "bookValue",
@@ -557,7 +571,7 @@ function N() {
 							}]
 						}) : /* @__PURE__ */ _("div", {
 							className: "flex flex-col items-center gap-2 py-10 text-center text-sm text-text-secondary",
-							children: [/* @__PURE__ */ g(ne, { className: "h-5 w-5 text-text-muted" }), "Enter a purchase value and useful life to preview the depreciation schedule."]
+							children: [/* @__PURE__ */ g(oe, { className: "h-5 w-5 text-text-muted" }), "Enter a purchase value and useful life to preview the depreciation schedule."]
 						})
 					})
 				]
@@ -570,7 +584,7 @@ function N() {
 					children: [
 						/* @__PURE__ */ _("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ g(S, { children: "Assigned To" }), /* @__PURE__ */ g(x, {
+							children: [/* @__PURE__ */ g(x, { children: "Assigned To" }), /* @__PURE__ */ g(b, {
 								placeholder: "e.g., john.smith@company.com",
 								value: R.assignedTo,
 								onChange: (e) => X("assignedTo", e.target.value)
@@ -578,7 +592,7 @@ function N() {
 						}),
 						/* @__PURE__ */ _("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ g(S, { children: "Location" }), /* @__PURE__ */ g(x, {
+							children: [/* @__PURE__ */ g(x, { children: "Location" }), /* @__PURE__ */ g(b, {
 								placeholder: "e.g., Building A, Floor 3, Desk 15",
 								value: R.locationName,
 								onChange: (e) => X("locationName", e.target.value)
@@ -586,7 +600,7 @@ function N() {
 						}),
 						/* @__PURE__ */ _("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ g(S, { children: "Department" }), /* @__PURE__ */ g(x, {
+							children: [/* @__PURE__ */ g(x, { children: "Department" }), /* @__PURE__ */ g(b, {
 								placeholder: "e.g., Engineering",
 								value: R.department,
 								onChange: (e) => X("department", e.target.value)
@@ -594,9 +608,9 @@ function N() {
 						}),
 						/* @__PURE__ */ _("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ g(S, { children: "Tags" }), /* @__PURE__ */ _("div", {
+							children: [/* @__PURE__ */ g(x, { children: "Tags" }), /* @__PURE__ */ _("div", {
 								className: "flex flex-wrap items-center gap-1.5 rounded-md border border-border-strong bg-bg-surface px-2 py-1.5 focus-within:border-action-primary-bg",
-								children: [B.map((e) => /* @__PURE__ */ _(v, {
+								children: [B.map((e) => /* @__PURE__ */ _(se, {
 									variant: "secondary",
 									className: "gap-1",
 									children: [e, /* @__PURE__ */ g("button", {
@@ -604,12 +618,12 @@ function N() {
 										"aria-label": `Remove ${e}`,
 										onClick: () => V((t) => t.filter((t) => t !== e)),
 										className: "text-text-secondary hover:text-text-primary",
-										children: /* @__PURE__ */ g(m, { className: "h-3 w-3" })
+										children: /* @__PURE__ */ g(p, { className: "h-3 w-3" })
 									})]
 								}, e)), /* @__PURE__ */ g("input", {
 									value: H,
 									onChange: (e) => U(e.target.value),
-									onKeyDown: de,
+									onKeyDown: pe,
 									onBlur: Z,
 									placeholder: B.length === 0 ? "Type a tag and press Enter" : "",
 									className: "min-w-[8rem] flex-1 border-0 bg-transparent text-sm outline-none placeholder:text-text-secondary"
@@ -624,25 +638,25 @@ function N() {
 				children: /* @__PURE__ */ _("div", {
 					className: "mx-auto flex max-w-4xl flex-col gap-2 sm:flex-row sm:justify-end",
 					children: [
-						/* @__PURE__ */ _(y, {
+						/* @__PURE__ */ _(v, {
 							variant: "outline",
 							className: "w-full sm:w-auto",
-							onClick: () => b("/assets/asset-list"),
+							onClick: () => y("/assets/asset-list"),
 							disabled: Y,
-							children: [/* @__PURE__ */ g(m, { className: "mr-2 h-4 w-4" }), "Cancel"]
+							children: [/* @__PURE__ */ g(p, { className: "mr-2 h-4 w-4" }), "Cancel"]
 						}),
-						/* @__PURE__ */ _(y, {
+						/* @__PURE__ */ _(v, {
 							variant: "outline",
 							className: "w-full sm:w-auto",
 							onClick: () => $(!0),
 							disabled: Y,
-							children: [Y && K === "add" ? /* @__PURE__ */ g(f, { className: "mr-2 h-4 w-4 animate-spin" }) : /* @__PURE__ */ g(p, { className: "mr-2 h-4 w-4" }), "Save & add another"]
+							children: [Y && K === "add" ? /* @__PURE__ */ g(u, { className: "mr-2 h-4 w-4 animate-spin" }) : /* @__PURE__ */ g(d, { className: "mr-2 h-4 w-4" }), "Save & add another"]
 						}),
-						/* @__PURE__ */ _(y, {
+						/* @__PURE__ */ _(v, {
 							className: "w-full sm:w-auto",
 							onClick: () => $(!1),
 							disabled: Y,
-							children: [Y && K === "create" ? /* @__PURE__ */ g(f, { className: "mr-2 h-4 w-4 animate-spin" }) : /* @__PURE__ */ g(p, { className: "mr-2 h-4 w-4" }), Y ? "Creating..." : "Create Asset"]
+							children: [Y && K === "create" ? /* @__PURE__ */ g(u, { className: "mr-2 h-4 w-4 animate-spin" }) : /* @__PURE__ */ g(d, { className: "mr-2 h-4 w-4" }), Y ? "Creating..." : "Create Asset"]
 						})
 					]
 				})