@burdenoff/microfe-assethandler 2026.625.1 → 2026.625.2

package/dist/assethandler/pages/AssetsAssetDetailPage.js

@@ -1,259 +1,288 @@
 import { useAssetHandlerStore as e } from "../store/assethandlerStore.js";
 import { tWithFallback as t } from "../utils/i18n.js";
 import { ArrowLeft as n, Building as r, Calendar as i, Clock as a, DollarSign as o, Download as s, Edit as c, MapPin as l, Tag as u, User as d, Wrench as f } from "lucide-react";
-import { useParams as p } from "react-router-dom";
-import { Badge as m, Button as h, Card as g, CardContent as _, CardDescription as v, CardHeader as y, CardTitle as b, GradientText as x, Separator as S, Tabs as C, TabsContent as w, TabsList as T, TabsTrigger as E } from "@burdenoff/fe-libs/ui";
-import { useI18n as D } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { jsx as O, jsxs as k } from "react/jsx-runtime";
+import { useNavigate as p, useParams as m } from "react-router-dom";
+import { Badge as h, Button as g, Card as _, CardContent as v, CardDescription as y, CardHeader as b, CardTitle as x, EmphasisPanel as S, GradientText as C, IllustratedEmptyState as w, NextSteps as T, PagePurpose as E, Separator as D, Tabs as O, TabsContent as k, TabsList as A, TabsTrigger as j } from "@burdenoff/fe-libs/ui";
+import { useI18n as M } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { jsx as N, jsxs as P } from "react/jsx-runtime";
 //#region src/assethandler/pages/AssetsAssetDetailPage.tsx
-var A = {
+var F = {
 	active: "default",
 	inactive: "outline",
 	under_maintenance: "secondary",
 	disposed: "destructive",
 	reserved: "secondary",
 	in_transit: "outline"
-}, j = {
+}, I = {
 	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",
 	non_functional: "text-status-error-text bg-status-error-bg-subtle"
 };
-function M() {
-	let { t: M } = D(), { assetId: P } = p(), { assets: F, maintenanceRecords: I } = e(), L = F.find((e) => e.id === P || e.assetTag === P) ?? F[0];
-	if (!L) return /* @__PURE__ */ O("div", {
+function L() {
+	let { t: L } = M(), z = p(), { assetId: B } = m(), { assets: V, maintenanceRecords: H } = e(), U = V.find((e) => e.id === B || e.assetTag === B) ?? V[0];
+	if (!U) return /* @__PURE__ */ N("div", {
 		className: "p-6",
-		children: /* @__PURE__ */ O("p", {
-			className: "text-text-secondary",
-			children: t(M, "assethandler.assets.detail.notFound", "Asset not found.")
+		children: /* @__PURE__ */ N(w, {
+			illustration: "empty-search",
+			title: t(L, "assethandler.assets.detail.notFound", "Asset not found"),
+			description: "This asset may have been disposed or removed. Return to the inventory to find it.",
+			action: /* @__PURE__ */ N(g, {
+				size: "sm",
+				onClick: () => z("/assets/asset-list"),
+				children: "Back to inventory"
+			})
 		})
 	});
-	let R = I.filter((e) => e.assetId === L.id), z = L.value - L.currentValue, B = (z / L.value * 100).toFixed(1);
-	return /* @__PURE__ */ k("div", {
+	let W = H.filter((e) => e.assetId === U.id), G = U.value - U.currentValue, K = (G / U.value * 100).toFixed(1);
+	return /* @__PURE__ */ P("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ k("div", {
+			/* @__PURE__ */ P("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ k("div", {
+				children: [/* @__PURE__ */ P("div", {
 					className: "flex items-center gap-4",
-					children: [/* @__PURE__ */ O(h, {
+					children: [/* @__PURE__ */ N(g, {
 						variant: "ghost",
 						size: "icon",
-						children: /* @__PURE__ */ O(n, { className: "h-4 w-4" })
-					}), /* @__PURE__ */ k("div", { children: [/* @__PURE__ */ k("div", {
+						onClick: () => z("/assets/asset-list"),
+						children: /* @__PURE__ */ N(n, { className: "h-4 w-4" })
+					}), /* @__PURE__ */ P("div", { children: [/* @__PURE__ */ P("div", {
 						className: "flex items-center gap-3",
 						children: [
-							/* @__PURE__ */ O("h1", {
+							/* @__PURE__ */ N("h1", {
 								className: "text-2xl font-bold",
-								children: /* @__PURE__ */ O(x, { children: L.name })
+								children: /* @__PURE__ */ N(C, { children: U.name })
 							}),
-							/* @__PURE__ */ O(m, {
-								variant: A[L.status],
-								children: L.status.replace("_", " ")
+							/* @__PURE__ */ N(h, {
+								variant: F[U.status],
+								children: U.status.replace("_", " ")
 							}),
-							/* @__PURE__ */ O("span", {
-								className: `rounded-md px-2 py-0.5 text-xs font-medium ${j[L.condition]}`,
-								children: L.condition
+							/* @__PURE__ */ N("span", {
+								className: `rounded-md px-2 py-0.5 text-xs font-medium ${I[U.condition]}`,
+								children: U.condition
 							})
 						]
-					}), /* @__PURE__ */ k("p", {
+					}), /* @__PURE__ */ P("p", {
 						className: "text-sm text-text-secondary mt-1",
 						children: [
-							L.assetTag,
+							U.assetTag,
 							" · SN: ",
-							L.serialNumber
+							U.serialNumber
 						]
 					})] })]
-				}), /* @__PURE__ */ k("div", {
+				}), /* @__PURE__ */ P("div", {
 					className: "flex gap-2",
-					children: [/* @__PURE__ */ k(h, {
+					children: [/* @__PURE__ */ P(g, {
 						variant: "outline",
 						size: "sm",
-						children: [/* @__PURE__ */ O(s, { className: "mr-2 h-4 w-4" }), t(M, "assethandler.assets.detail.actions.export", "Export")]
-					}), /* @__PURE__ */ k(h, {
+						children: [/* @__PURE__ */ N(s, { className: "mr-2 h-4 w-4" }), t(L, "assethandler.assets.detail.actions.export", "Export")]
+					}), /* @__PURE__ */ P(g, {
 						size: "sm",
-						children: [/* @__PURE__ */ O(c, { className: "mr-2 h-4 w-4" }), t(M, "assethandler.assets.detail.actions.editAsset", "Edit Asset")]
+						onClick: () => z(`/assets/${U.id}/edit`),
+						children: [/* @__PURE__ */ N(c, { className: "mr-2 h-4 w-4" }), t(L, "assethandler.assets.detail.actions.editAsset", "Edit Asset")]
 					})]
 				})]
 			}),
-			/* @__PURE__ */ k("div", {
+			/* @__PURE__ */ N(E, { children: t(L, "assethandler.assets.detail.purpose", "The complete profile of a single asset — its identity, value, condition, location, assignment and full maintenance history. Use this page as the asset's home base: edit its details, check it in or out, and schedule the next service.") }),
+			/* @__PURE__ */ N(T, {
+				storageKey: "assethandler-asset-detail",
+				steps: [
+					{
+						id: "edit",
+						label: "Edit asset details",
+						description: "Update value, status, location or assignment.",
+						onClick: () => z(`/assets/${U.id}/edit`)
+					},
+					{
+						id: "checkinout",
+						label: "Check this asset in or out",
+						description: "Record who is using it and when it returns.",
+						onClick: () => z("/assets/asset-check-in-out")
+					},
+					{
+						id: "maintenance",
+						label: "Schedule maintenance",
+						description: "Plan the next service before it is overdue.",
+						onClick: () => z("/maintenance/maintenance-scheduler")
+					}
+				]
+			}),
+			/* @__PURE__ */ P("div", {
 				className: "grid gap-4 md:grid-cols-4",
 				children: [
-					/* @__PURE__ */ O(g, { children: /* @__PURE__ */ k(_, {
-						className: "pt-4",
-						children: [
-							/* @__PURE__ */ k("div", {
-								className: "flex items-center gap-2 text-sm text-text-secondary",
-								children: [/* @__PURE__ */ O(o, { className: "h-4 w-4" }), t(M, "assethandler.assets.detail.stats.currentValue", "Current Value")]
-							}),
-							/* @__PURE__ */ k("p", {
-								className: "text-2xl font-bold mt-1",
-								children: ["$", L.currentValue.toLocaleString()]
-							}),
-							/* @__PURE__ */ k("p", {
-								className: "text-xs text-text-secondary",
-								children: [
-									t(M, "assethandler.assets.detail.stats.original", "Original"),
-									": $",
-									L.value.toLocaleString()
-								]
-							})
-						]
-					}) }),
-					/* @__PURE__ */ O(g, { children: /* @__PURE__ */ k(_, {
+					/* @__PURE__ */ P(S, { children: [
+						/* @__PURE__ */ P("div", {
+							className: "flex items-center gap-2 text-sm text-text-secondary",
+							children: [/* @__PURE__ */ N(o, { className: "h-4 w-4" }), t(L, "assethandler.assets.detail.stats.currentValue", "Current Value")]
+						}),
+						/* @__PURE__ */ P("p", {
+							className: "text-2xl font-bold mt-1 tabular-nums",
+							children: ["$", U.currentValue.toLocaleString()]
+						}),
+						/* @__PURE__ */ P("p", {
+							className: "text-xs text-text-secondary",
+							children: [
+								t(L, "assethandler.assets.detail.stats.original", "Original"),
+								": $",
+								U.value.toLocaleString()
+							]
+						})
+					] }),
+					/* @__PURE__ */ N(_, { children: /* @__PURE__ */ P(v, {
 						className: "pt-4",
 						children: [
-							/* @__PURE__ */ O("div", {
+							/* @__PURE__ */ N("div", {
 								className: "flex items-center gap-2 text-sm text-text-secondary",
-								children: t(M, "assethandler.assets.detail.stats.depreciation", "Depreciation")
+								children: t(L, "assethandler.assets.detail.stats.depreciation", "Depreciation")
 							}),
-							/* @__PURE__ */ k("p", {
+							/* @__PURE__ */ P("p", {
 								className: "text-2xl font-bold mt-1 text-status-error-text",
-								children: ["-$", z.toLocaleString()]
+								children: ["-$", G.toLocaleString()]
 							}),
-							/* @__PURE__ */ k("p", {
+							/* @__PURE__ */ P("p", {
 								className: "text-xs text-text-secondary",
 								children: [
-									B,
+									K,
 									"% ·",
 									" ",
-									t(M, "assethandler.assets.detail.stats.rate", "Rate"),
+									t(L, "assethandler.assets.detail.stats.rate", "Rate"),
 									":",
 									" ",
-									L.depreciationRate,
+									U.depreciationRate,
 									"%/yr"
 								]
 							})
 						]
 					}) }),
-					/* @__PURE__ */ O(g, { children: /* @__PURE__ */ k(_, {
+					/* @__PURE__ */ N(_, { children: /* @__PURE__ */ P(v, {
 						className: "pt-4",
 						children: [
-							/* @__PURE__ */ k("div", {
+							/* @__PURE__ */ P("div", {
 								className: "flex items-center gap-2 text-sm text-text-secondary",
-								children: [/* @__PURE__ */ O(i, { className: "h-4 w-4" }), t(M, "assethandler.assets.detail.stats.warranty", "Warranty")]
+								children: [/* @__PURE__ */ N(i, { className: "h-4 w-4" }), t(L, "assethandler.assets.detail.stats.warranty", "Warranty")]
 							}),
-							/* @__PURE__ */ O("p", {
+							/* @__PURE__ */ N("p", {
 								className: "text-lg font-bold mt-1",
-								children: L.warrantyExpiry
+								children: U.warrantyExpiry
 							}),
-							/* @__PURE__ */ k("p", {
+							/* @__PURE__ */ P("p", {
 								className: "text-xs text-text-secondary",
 								children: [
-									t(M, "assethandler.assets.detail.stats.purchased", "Purchased"),
+									t(L, "assethandler.assets.detail.stats.purchased", "Purchased"),
 									":",
 									" ",
-									L.purchaseDate
+									U.purchaseDate
 								]
 							})
 						]
 					}) }),
-					/* @__PURE__ */ O(g, { children: /* @__PURE__ */ k(_, {
+					/* @__PURE__ */ N(_, { children: /* @__PURE__ */ P(v, {
 						className: "pt-4",
 						children: [
-							/* @__PURE__ */ k("div", {
+							/* @__PURE__ */ P("div", {
 								className: "flex items-center gap-2 text-sm text-text-secondary",
-								children: [/* @__PURE__ */ O(a, { className: "h-4 w-4" }), t(M, "assethandler.assets.detail.stats.lastAudit", "Last Audit")]
+								children: [/* @__PURE__ */ N(a, { className: "h-4 w-4" }), t(L, "assethandler.assets.detail.stats.lastAudit", "Last Audit")]
 							}),
-							/* @__PURE__ */ O("p", {
+							/* @__PURE__ */ N("p", {
 								className: "text-lg font-bold mt-1",
-								children: L.lastAuditDate
+								children: U.lastAuditDate
 							}),
-							/* @__PURE__ */ k("p", {
+							/* @__PURE__ */ P("p", {
 								className: "text-xs text-text-secondary",
 								children: [
-									R.length,
+									W.length,
 									" ",
-									t(M, "assethandler.assets.detail.stats.maintenanceRecords", "maintenance records")
+									t(L, "assethandler.assets.detail.stats.maintenanceRecords", "maintenance records")
 								]
 							})
 						]
 					}) })
 				]
 			}),
-			/* @__PURE__ */ k(C, {
+			/* @__PURE__ */ P(O, {
 				defaultValue: "details",
 				children: [
-					/* @__PURE__ */ k(T, { children: [
-						/* @__PURE__ */ O(E, {
+					/* @__PURE__ */ P(A, { children: [
+						/* @__PURE__ */ N(j, {
 							value: "details",
-							children: t(M, "assethandler.assets.detail.tabs.details", "Details")
+							children: t(L, "assethandler.assets.detail.tabs.details", "Details")
 						}),
-						/* @__PURE__ */ O(E, {
+						/* @__PURE__ */ N(j, {
 							value: "maintenance",
-							children: t(M, "assethandler.assets.detail.tabs.maintenance", "Maintenance")
+							children: t(L, "assethandler.assets.detail.tabs.maintenance", "Maintenance")
 						}),
-						/* @__PURE__ */ O(E, {
+						/* @__PURE__ */ N(j, {
 							value: "financial",
-							children: t(M, "assethandler.assets.detail.tabs.financial", "Financial")
+							children: t(L, "assethandler.assets.detail.tabs.financial", "Financial")
 						})
 					] }),
-					/* @__PURE__ */ O(w, {
+					/* @__PURE__ */ N(k, {
 						value: "details",
 						className: "space-y-6 mt-4",
-						children: /* @__PURE__ */ k("div", {
+						children: /* @__PURE__ */ P("div", {
 							className: "grid gap-6 lg:grid-cols-2",
-							children: [/* @__PURE__ */ k(g, { children: [/* @__PURE__ */ O(y, { children: /* @__PURE__ */ O(b, { children: t(M, "assethandler.assets.detail.sections.generalInformation", "General Information") }) }), /* @__PURE__ */ O(_, { children: /* @__PURE__ */ k("dl", {
+							children: [/* @__PURE__ */ P(_, { children: [/* @__PURE__ */ N(b, { children: /* @__PURE__ */ N(x, { children: t(L, "assethandler.assets.detail.sections.generalInformation", "General Information") }) }), /* @__PURE__ */ N(v, { children: /* @__PURE__ */ P("dl", {
 								className: "space-y-3 text-sm",
 								children: [
-									/* @__PURE__ */ O(N, {
-										label: t(M, "assethandler.assets.detail.fields.description", "Description"),
-										value: L.description
+									/* @__PURE__ */ N(R, {
+										label: t(L, "assethandler.assets.detail.fields.description", "Description"),
+										value: U.description
 									}),
-									/* @__PURE__ */ O(N, {
-										label: t(M, "assethandler.assets.detail.fields.category", "Category"),
-										value: L.category.replace("_", " ")
+									/* @__PURE__ */ N(R, {
+										label: t(L, "assethandler.assets.detail.fields.category", "Category"),
+										value: U.category.replace("_", " ")
 									}),
-									/* @__PURE__ */ O(N, {
-										label: t(M, "assethandler.assets.detail.fields.manufacturer", "Manufacturer"),
-										value: L.manufacturer
+									/* @__PURE__ */ N(R, {
+										label: t(L, "assethandler.assets.detail.fields.manufacturer", "Manufacturer"),
+										value: U.manufacturer
 									}),
-									/* @__PURE__ */ O(N, {
-										label: t(M, "assethandler.assets.detail.fields.model", "Model"),
-										value: L.model
+									/* @__PURE__ */ N(R, {
+										label: t(L, "assethandler.assets.detail.fields.model", "Model"),
+										value: U.model
 									}),
-									/* @__PURE__ */ O(N, {
-										label: t(M, "assethandler.assets.detail.fields.vendor", "Vendor"),
-										value: L.vendor
+									/* @__PURE__ */ N(R, {
+										label: t(L, "assethandler.assets.detail.fields.vendor", "Vendor"),
+										value: U.vendor
 									}),
-									/* @__PURE__ */ O(N, {
-										label: t(M, "assethandler.assets.detail.fields.serialNumber", "Serial Number"),
-										value: L.serialNumber
+									/* @__PURE__ */ N(R, {
+										label: t(L, "assethandler.assets.detail.fields.serialNumber", "Serial Number"),
+										value: U.serialNumber
 									}),
-									/* @__PURE__ */ O(N, {
-										label: t(M, "assethandler.assets.detail.fields.assetTag", "Asset Tag"),
-										value: L.assetTag
+									/* @__PURE__ */ N(R, {
+										label: t(L, "assethandler.assets.detail.fields.assetTag", "Asset Tag"),
+										value: U.assetTag
 									})
 								]
-							}) })] }), /* @__PURE__ */ k(g, { children: [/* @__PURE__ */ O(y, { children: /* @__PURE__ */ O(b, { children: t(M, "assethandler.assets.detail.sections.assignmentLocation", "Assignment & Location") }) }), /* @__PURE__ */ k(_, { children: [
-								/* @__PURE__ */ k("dl", {
+							}) })] }), /* @__PURE__ */ P(_, { children: [/* @__PURE__ */ N(b, { children: /* @__PURE__ */ N(x, { children: t(L, "assethandler.assets.detail.sections.assignmentLocation", "Assignment & Location") }) }), /* @__PURE__ */ P(v, { children: [
+								/* @__PURE__ */ P("dl", {
 									className: "space-y-3 text-sm",
 									children: [
-										/* @__PURE__ */ O(N, {
-											label: t(M, "assethandler.assets.detail.fields.assignedTo", "Assigned To"),
-											value: L.assignedTo,
-											icon: /* @__PURE__ */ O(d, { className: "h-3.5 w-3.5" })
+										/* @__PURE__ */ N(R, {
+											label: t(L, "assethandler.assets.detail.fields.assignedTo", "Assigned To"),
+											value: U.assignedTo,
+											icon: /* @__PURE__ */ N(d, { className: "h-3.5 w-3.5" })
 										}),
-										/* @__PURE__ */ O(N, {
-											label: t(M, "assethandler.assets.detail.fields.department", "Department"),
-											value: L.department,
-											icon: /* @__PURE__ */ O(r, { className: "h-3.5 w-3.5" })
+										/* @__PURE__ */ N(R, {
+											label: t(L, "assethandler.assets.detail.fields.department", "Department"),
+											value: U.department,
+											icon: /* @__PURE__ */ N(r, { className: "h-3.5 w-3.5" })
 										}),
-										/* @__PURE__ */ O(N, {
-											label: t(M, "assethandler.assets.detail.fields.location", "Location"),
-											value: L.location,
-											icon: /* @__PURE__ */ O(l, { className: "h-3.5 w-3.5" })
+										/* @__PURE__ */ N(R, {
+											label: t(L, "assethandler.assets.detail.fields.location", "Location"),
+											value: U.location,
+											icon: /* @__PURE__ */ N(l, { className: "h-3.5 w-3.5" })
 										})
 									]
 								}),
-								/* @__PURE__ */ O(S, { className: "my-4" }),
-								/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ k("h4", {
+								/* @__PURE__ */ N(D, { className: "my-4" }),
+								/* @__PURE__ */ P("div", { children: [/* @__PURE__ */ P("h4", {
 									className: "text-sm font-medium mb-2 flex items-center gap-2",
-									children: [/* @__PURE__ */ O(u, { className: "h-3.5 w-3.5" }), t(M, "assethandler.assets.detail.fields.tags", "Tags")]
-								}), /* @__PURE__ */ O("div", {
+									children: [/* @__PURE__ */ N(u, { className: "h-3.5 w-3.5" }), t(L, "assethandler.assets.detail.fields.tags", "Tags")]
+								}), /* @__PURE__ */ N("div", {
 									className: "flex flex-wrap gap-1.5",
-									children: L.tags.map((e) => /* @__PURE__ */ O(m, {
+									children: U.tags.map((e) => /* @__PURE__ */ N(h, {
 										variant: "secondary",
 										className: "text-xs",
 										children: e
@@ -262,66 +291,66 @@ function M() {
 							] })] })]
 						})
 					}),
-					/* @__PURE__ */ O(w, {
+					/* @__PURE__ */ N(k, {
 						value: "maintenance",
 						className: "mt-4",
-						children: /* @__PURE__ */ k(g, { children: [/* @__PURE__ */ k(y, { children: [/* @__PURE__ */ k(b, {
+						children: /* @__PURE__ */ P(_, { children: [/* @__PURE__ */ P(b, { children: [/* @__PURE__ */ P(x, {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ O(f, { className: "h-4 w-4" }), t(M, "assethandler.assets.detail.maintenance.title", "Maintenance History")]
-						}), /* @__PURE__ */ k(v, { children: [
-							R.length,
+							children: [/* @__PURE__ */ N(f, { className: "h-4 w-4" }), t(L, "assethandler.assets.detail.maintenance.title", "Maintenance History")]
+						}), /* @__PURE__ */ P(y, { children: [
+							W.length,
 							" ",
-							t(M, "assethandler.assets.detail.maintenance.recordsFound", "records found")
-						] })] }), /* @__PURE__ */ O(_, { children: R.length === 0 ? /* @__PURE__ */ O("p", {
+							t(L, "assethandler.assets.detail.maintenance.recordsFound", "records found")
+						] })] }), /* @__PURE__ */ N(v, { children: W.length === 0 ? /* @__PURE__ */ N("p", {
 							className: "text-center text-text-secondary py-8",
-							children: t(M, "assethandler.assets.detail.maintenance.empty", "No maintenance records for this asset.")
-						}) : /* @__PURE__ */ O("div", {
+							children: t(L, "assethandler.assets.detail.maintenance.empty", "No maintenance records for this asset.")
+						}) : /* @__PURE__ */ N("div", {
 							className: "space-y-3",
-							children: R.map((e) => /* @__PURE__ */ O("div", {
+							children: W.map((e) => /* @__PURE__ */ N("div", {
 								className: "flex items-start gap-4 rounded-lg border p-4",
-								children: /* @__PURE__ */ k("div", {
+								children: /* @__PURE__ */ P("div", {
 									className: "flex-1",
 									children: [
-										/* @__PURE__ */ k("div", {
+										/* @__PURE__ */ P("div", {
 											className: "flex items-center gap-2",
 											children: [
-												/* @__PURE__ */ O("span", {
+												/* @__PURE__ */ N("span", {
 													className: "font-mono text-xs text-text-secondary",
 													children: e.id
 												}),
-												/* @__PURE__ */ O(m, {
+												/* @__PURE__ */ N(h, {
 													variant: "outline",
 													children: e.type
 												}),
-												/* @__PURE__ */ O(m, {
+												/* @__PURE__ */ N(h, {
 													variant: e.status === "completed" ? "default" : "secondary",
 													children: e.status.replace("_", " ")
 												})
 											]
 										}),
-										/* @__PURE__ */ O("p", {
+										/* @__PURE__ */ N("p", {
 											className: "font-medium mt-1",
 											children: e.title
 										}),
-										/* @__PURE__ */ O("p", {
+										/* @__PURE__ */ N("p", {
 											className: "text-sm text-text-secondary",
 											children: e.description
 										}),
-										/* @__PURE__ */ k("div", {
+										/* @__PURE__ */ P("div", {
 											className: "flex gap-4 mt-2 text-xs text-text-secondary",
 											children: [
-												/* @__PURE__ */ k("span", { children: [
-													t(M, "assethandler.assets.detail.maintenance.scheduled", "Scheduled"),
+												/* @__PURE__ */ P("span", { children: [
+													t(L, "assethandler.assets.detail.maintenance.scheduled", "Scheduled"),
 													": ",
 													e.scheduledDate
 												] }),
-												/* @__PURE__ */ k("span", { children: [
-													t(M, "assethandler.assets.detail.maintenance.cost", "Cost"),
+												/* @__PURE__ */ P("span", { children: [
+													t(L, "assethandler.assets.detail.maintenance.cost", "Cost"),
 													": $",
 													e.cost
 												] }),
-												/* @__PURE__ */ k("span", { children: [
-													t(M, "assethandler.assets.detail.maintenance.assigned", "Assigned"),
+												/* @__PURE__ */ P("span", { children: [
+													t(L, "assethandler.assets.detail.maintenance.assigned", "Assigned"),
 													": ",
 													e.assignedTo
 												] })
@@ -332,39 +361,39 @@ function M() {
 							}, e.id))
 						}) })] })
 					}),
-					/* @__PURE__ */ O(w, {
+					/* @__PURE__ */ N(k, {
 						value: "financial",
 						className: "mt-4",
-						children: /* @__PURE__ */ k(g, { children: [/* @__PURE__ */ O(y, { children: /* @__PURE__ */ O(b, { children: t(M, "assethandler.assets.detail.financial.title", "Financial Details") }) }), /* @__PURE__ */ O(_, { children: /* @__PURE__ */ k("dl", {
+						children: /* @__PURE__ */ P(_, { children: [/* @__PURE__ */ N(b, { children: /* @__PURE__ */ N(x, { children: t(L, "assethandler.assets.detail.financial.title", "Financial Details") }) }), /* @__PURE__ */ N(v, { children: /* @__PURE__ */ P("dl", {
 							className: "grid grid-cols-2 gap-4 text-sm",
 							children: [
-								/* @__PURE__ */ O(N, {
-									label: t(M, "assethandler.assets.detail.financial.purchasePrice", "Purchase Price"),
-									value: `$${L.value.toLocaleString()}`
+								/* @__PURE__ */ N(R, {
+									label: t(L, "assethandler.assets.detail.financial.purchasePrice", "Purchase Price"),
+									value: `$${U.value.toLocaleString()}`
 								}),
-								/* @__PURE__ */ O(N, {
-									label: t(M, "assethandler.assets.detail.financial.currentValue", "Current Value"),
-									value: `$${L.currentValue.toLocaleString()}`
+								/* @__PURE__ */ N(R, {
+									label: t(L, "assethandler.assets.detail.financial.currentValue", "Current Value"),
+									value: `$${U.currentValue.toLocaleString()}`
 								}),
-								/* @__PURE__ */ O(N, {
-									label: t(M, "assethandler.assets.detail.financial.depreciation", "Depreciation"),
-									value: `-$${z.toLocaleString()} (${B}%)`
+								/* @__PURE__ */ N(R, {
+									label: t(L, "assethandler.assets.detail.financial.depreciation", "Depreciation"),
+									value: `-$${G.toLocaleString()} (${K}%)`
 								}),
-								/* @__PURE__ */ O(N, {
-									label: t(M, "assethandler.assets.detail.financial.annualDepreciationRate", "Annual Dep. Rate"),
-									value: `${L.depreciationRate}%`
+								/* @__PURE__ */ N(R, {
+									label: t(L, "assethandler.assets.detail.financial.annualDepreciationRate", "Annual Dep. Rate"),
+									value: `${U.depreciationRate}%`
 								}),
-								/* @__PURE__ */ O(N, {
-									label: t(M, "assethandler.assets.detail.financial.purchaseDate", "Purchase Date"),
-									value: L.purchaseDate
+								/* @__PURE__ */ N(R, {
+									label: t(L, "assethandler.assets.detail.financial.purchaseDate", "Purchase Date"),
+									value: U.purchaseDate
 								}),
-								/* @__PURE__ */ O(N, {
-									label: t(M, "assethandler.assets.detail.financial.warrantyExpiry", "Warranty Expiry"),
-									value: L.warrantyExpiry
+								/* @__PURE__ */ N(R, {
+									label: t(L, "assethandler.assets.detail.financial.warrantyExpiry", "Warranty Expiry"),
+									value: U.warrantyExpiry
 								}),
-								/* @__PURE__ */ O(N, {
-									label: t(M, "assethandler.assets.detail.financial.vendor", "Vendor"),
-									value: L.vendor
+								/* @__PURE__ */ N(R, {
+									label: t(L, "assethandler.assets.detail.financial.vendor", "Vendor"),
+									value: U.vendor
 								})
 							]
 						}) })] })
@@ -374,19 +403,19 @@ function M() {
 		]
 	});
 }
-function N({ label: e, value: t, icon: n }) {
-	return /* @__PURE__ */ k("div", {
+function R({ label: e, value: t, icon: n }) {
+	return /* @__PURE__ */ P("div", {
 		className: "flex items-start justify-between gap-4",
-		children: [/* @__PURE__ */ k("dt", {
+		children: [/* @__PURE__ */ P("dt", {
 			className: "text-text-secondary flex items-center gap-1.5 shrink-0",
 			children: [n, e]
-		}), /* @__PURE__ */ O("dd", {
+		}), /* @__PURE__ */ N("dd", {
 			className: "font-medium text-right capitalize",
 			children: t
 		})]
 	});
 }
 //#endregion
-export { M as AssetsAssetDetailPage };
+export { L as AssetsAssetDetailPage };
 
 //# sourceMappingURL=AssetsAssetDetailPage.js.map