@burdenoff/microfe-assethandler 2026.625.2 → 2026.703.1

package/dist/assethandler/pages/AssetsAssetDetailPage.js

@@ -1,288 +1,243 @@
 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 { 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";
+import { ArrowLeft as n, Calendar as r, Clock as i, MapPin as a, Tag as o, User as s, Wrench as c } from "lucide-react";
+import { useNavigate as l, useParams as u } from "react-router-dom";
+import { Badge as d, Button as f, Card as p, CardContent as m, CardDescription as h, CardHeader as g, CardTitle as _, EmphasisPanel as v, GradientText as y, IllustratedEmptyState as b, NextSteps as x, PagePurpose as S, Separator as C, Tabs as w, TabsContent as T, TabsList as E, TabsTrigger as D } from "@burdenoff/fe-libs/ui";
+import { useI18n as O } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Fragment as k, jsx as A, jsxs as j } from "react/jsx-runtime";
+import { gql as M } from "@apollo/client";
+import { useQuery as N } from "@apollo/client/react";
 //#region src/assethandler/pages/AssetsAssetDetailPage.tsx
-var F = {
+var P = M`
+  query AssetHandlerAsset($id: ID!) {
+    asset(id: $id) {
+      id
+      assetNumber
+      name
+      description
+      category
+      status
+      condition
+      serialNumber
+      locationName
+      assignedTo
+      tags
+      createdAt
+      updatedAt
+    }
+  }
+`, F = {
 	active: "default",
 	inactive: "outline",
-	under_maintenance: "secondary",
-	disposed: "destructive",
-	reserved: "secondary",
-	in_transit: "outline"
+	maintenance: "secondary",
+	retired: "outline",
+	disposed: "destructive"
 }, 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"
+	damaged: "text-status-error-text bg-status-error-bg-subtle"
 };
 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", {
+	let { t: M } = O(), L = l(), { assetId: z } = u(), { maintenanceRecords: B } = e(), { data: V, loading: H } = N(P, {
+		variables: { id: z ?? "" },
+		skip: !z,
+		fetchPolicy: "cache-and-network"
+	});
+	if (H && !V) return /* @__PURE__ */ A("div", {
+		className: "space-y-3 p-6",
+		children: Array.from({ length: 6 }).map((e, t) => /* @__PURE__ */ A("div", { className: "h-10 rounded-md bg-bg-sunken motion-safe:animate-vc-shimmer" }, t))
+	});
+	let U = V?.asset;
+	if (!U) return /* @__PURE__ */ A("div", {
 		className: "p-6",
-		children: /* @__PURE__ */ N(w, {
+		children: /* @__PURE__ */ A(b, {
 			illustration: "empty-search",
-			title: t(L, "assethandler.assets.detail.notFound", "Asset not found"),
+			title: t(M, "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, {
+			action: /* @__PURE__ */ A(f, {
 				size: "sm",
-				onClick: () => z("/assets/asset-list"),
+				onClick: () => L("/assets/asset-list"),
 				children: "Back to inventory"
 			})
 		})
 	});
-	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", {
+	let W = {
+		...U,
+		status: U.status.toLowerCase(),
+		condition: U.condition.toLowerCase(),
+		category: U.category.toLowerCase()
+	}, G = B.filter((e) => e.assetId === W.id), K = G.filter((e) => e.status !== "completed" && e.status !== "cancelled");
+	return /* @__PURE__ */ j("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ P("div", {
+			/* @__PURE__ */ A("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ P("div", {
+				children: /* @__PURE__ */ j("div", {
 					className: "flex items-center gap-4",
-					children: [/* @__PURE__ */ N(g, {
+					children: [/* @__PURE__ */ A(f, {
 						variant: "ghost",
 						size: "icon",
-						onClick: () => z("/assets/asset-list"),
-						children: /* @__PURE__ */ N(n, { className: "h-4 w-4" })
-					}), /* @__PURE__ */ P("div", { children: [/* @__PURE__ */ P("div", {
+						onClick: () => L("/assets/asset-list"),
+						children: /* @__PURE__ */ A(n, { className: "h-4 w-4" })
+					}), /* @__PURE__ */ j("div", { children: [/* @__PURE__ */ j("div", {
 						className: "flex items-center gap-3",
 						children: [
-							/* @__PURE__ */ N("h1", {
+							/* @__PURE__ */ A("h1", {
 								className: "text-2xl font-bold",
-								children: /* @__PURE__ */ N(C, { children: U.name })
+								children: /* @__PURE__ */ A(y, { children: W.name })
 							}),
-							/* @__PURE__ */ N(h, {
-								variant: F[U.status],
-								children: U.status.replace("_", " ")
+							/* @__PURE__ */ A(d, {
+								variant: F[W.status] ?? "outline",
+								children: W.status.replace(/_/g, " ")
 							}),
-							/* @__PURE__ */ N("span", {
-								className: `rounded-md px-2 py-0.5 text-xs font-medium ${I[U.condition]}`,
-								children: U.condition
+							/* @__PURE__ */ A("span", {
+								className: `rounded-md px-2 py-0.5 text-xs font-medium ${I[W.condition] ?? ""}`,
+								children: W.condition
 							})
 						]
-					}), /* @__PURE__ */ P("p", {
+					}), /* @__PURE__ */ j("p", {
 						className: "text-sm text-text-secondary mt-1",
-						children: [
-							U.assetTag,
-							" · SN: ",
-							U.serialNumber
-						]
+						children: [W.assetNumber, W.serialNumber ? /* @__PURE__ */ j(k, { children: [" · SN: ", W.serialNumber] }) : null]
 					})] })]
-				}), /* @__PURE__ */ P("div", {
-					className: "flex gap-2",
-					children: [/* @__PURE__ */ P(g, {
-						variant: "outline",
-						size: "sm",
-						children: [/* @__PURE__ */ N(s, { className: "mr-2 h-4 w-4" }), t(L, "assethandler.assets.detail.actions.export", "Export")]
-					}), /* @__PURE__ */ P(g, {
-						size: "sm",
-						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__ */ 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, {
+			/* @__PURE__ */ A(S, { children: t(M, "assethandler.assets.detail.purpose", "The complete profile of a single asset — its identity, condition, location, assignment and maintenance history. Use this page as the asset's home base: check it in or out and schedule the next service.") }),
+			/* @__PURE__ */ A(x, {
 				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")
+						onClick: () => L("/assets/asset-check-in-out")
 					},
 					{
 						id: "maintenance",
 						label: "Schedule maintenance",
 						description: "Plan the next service before it is overdue.",
-						onClick: () => z("/maintenance/maintenance-scheduler")
+						onClick: () => L("/maintenance/maintenance-scheduler")
+					},
+					{
+						id: "operations",
+						label: "Raise a work order",
+						description: "Create corrective or preventive work for this asset.",
+						onClick: () => L("/operations/operations-hub")
 					}
 				]
 			}),
-			/* @__PURE__ */ P("div", {
+			/* @__PURE__ */ j("div", {
 				className: "grid gap-4 md:grid-cols-4",
 				children: [
-					/* @__PURE__ */ P(S, { children: [
-						/* @__PURE__ */ P("div", {
+					/* @__PURE__ */ j(v, { children: [
+						/* @__PURE__ */ j("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")]
+							children: [/* @__PURE__ */ A(c, { className: "h-4 w-4" }), t(M, "assethandler.assets.detail.stats.maintenanceRecords", "Maintenance Records")]
 						}),
-						/* @__PURE__ */ P("p", {
+						/* @__PURE__ */ A("p", {
 							className: "text-2xl font-bold mt-1 tabular-nums",
-							children: ["$", U.currentValue.toLocaleString()]
+							children: G.length
 						}),
-						/* @__PURE__ */ P("p", {
+						/* @__PURE__ */ j("p", {
 							className: "text-xs text-text-secondary",
 							children: [
-								t(L, "assethandler.assets.detail.stats.original", "Original"),
-								": $",
-								U.value.toLocaleString()
+								K.length,
+								" ",
+								t(M, "assethandler.assets.detail.stats.open", "open")
 							]
 						})
 					] }),
-					/* @__PURE__ */ N(_, { children: /* @__PURE__ */ P(v, {
+					/* @__PURE__ */ A(p, { children: /* @__PURE__ */ j(m, {
 						className: "pt-4",
-						children: [
-							/* @__PURE__ */ N("div", {
-								className: "flex items-center gap-2 text-sm text-text-secondary",
-								children: t(L, "assethandler.assets.detail.stats.depreciation", "Depreciation")
-							}),
-							/* @__PURE__ */ P("p", {
-								className: "text-2xl font-bold mt-1 text-status-error-text",
-								children: ["-$", G.toLocaleString()]
-							}),
-							/* @__PURE__ */ P("p", {
-								className: "text-xs text-text-secondary",
-								children: [
-									K,
-									"% ·",
-									" ",
-									t(L, "assethandler.assets.detail.stats.rate", "Rate"),
-									":",
-									" ",
-									U.depreciationRate,
-									"%/yr"
-								]
-							})
-						]
+						children: [/* @__PURE__ */ j("div", {
+							className: "flex items-center gap-2 text-sm text-text-secondary",
+							children: [/* @__PURE__ */ A(r, { className: "h-4 w-4" }), t(M, "assethandler.assets.detail.stats.registered", "Registered")]
+						}), /* @__PURE__ */ A("p", {
+							className: "text-lg font-bold mt-1",
+							children: W.createdAt ? new Date(W.createdAt).toLocaleDateString() : "—"
+						})]
 					}) }),
-					/* @__PURE__ */ N(_, { children: /* @__PURE__ */ P(v, {
+					/* @__PURE__ */ A(p, { children: /* @__PURE__ */ j(m, {
 						className: "pt-4",
-						children: [
-							/* @__PURE__ */ P("div", {
-								className: "flex items-center gap-2 text-sm text-text-secondary",
-								children: [/* @__PURE__ */ N(i, { className: "h-4 w-4" }), t(L, "assethandler.assets.detail.stats.warranty", "Warranty")]
-							}),
-							/* @__PURE__ */ N("p", {
-								className: "text-lg font-bold mt-1",
-								children: U.warrantyExpiry
-							}),
-							/* @__PURE__ */ P("p", {
-								className: "text-xs text-text-secondary",
-								children: [
-									t(L, "assethandler.assets.detail.stats.purchased", "Purchased"),
-									":",
-									" ",
-									U.purchaseDate
-								]
-							})
-						]
+						children: [/* @__PURE__ */ j("div", {
+							className: "flex items-center gap-2 text-sm text-text-secondary",
+							children: [/* @__PURE__ */ A(i, { className: "h-4 w-4" }), t(M, "assethandler.assets.detail.stats.lastUpdated", "Last Updated")]
+						}), /* @__PURE__ */ A("p", {
+							className: "text-lg font-bold mt-1",
+							children: W.updatedAt ? new Date(W.updatedAt).toLocaleDateString() : "—"
+						})]
 					}) }),
-					/* @__PURE__ */ N(_, { children: /* @__PURE__ */ P(v, {
+					/* @__PURE__ */ A(p, { children: /* @__PURE__ */ j(m, {
 						className: "pt-4",
-						children: [
-							/* @__PURE__ */ P("div", {
-								className: "flex items-center gap-2 text-sm text-text-secondary",
-								children: [/* @__PURE__ */ N(a, { className: "h-4 w-4" }), t(L, "assethandler.assets.detail.stats.lastAudit", "Last Audit")]
-							}),
-							/* @__PURE__ */ N("p", {
-								className: "text-lg font-bold mt-1",
-								children: U.lastAuditDate
-							}),
-							/* @__PURE__ */ P("p", {
-								className: "text-xs text-text-secondary",
-								children: [
-									W.length,
-									" ",
-									t(L, "assethandler.assets.detail.stats.maintenanceRecords", "maintenance records")
-								]
-							})
-						]
+						children: [/* @__PURE__ */ j("div", {
+							className: "flex items-center gap-2 text-sm text-text-secondary",
+							children: [/* @__PURE__ */ A(a, { className: "h-4 w-4" }), t(M, "assethandler.assets.detail.stats.location", "Location")]
+						}), /* @__PURE__ */ A("p", {
+							className: "text-lg font-bold mt-1 truncate",
+							children: W.locationName || "—"
+						})]
 					}) })
 				]
 			}),
-			/* @__PURE__ */ P(O, {
+			/* @__PURE__ */ j(w, {
 				defaultValue: "details",
 				children: [
-					/* @__PURE__ */ P(A, { children: [
-						/* @__PURE__ */ N(j, {
-							value: "details",
-							children: t(L, "assethandler.assets.detail.tabs.details", "Details")
-						}),
-						/* @__PURE__ */ N(j, {
-							value: "maintenance",
-							children: t(L, "assethandler.assets.detail.tabs.maintenance", "Maintenance")
-						}),
-						/* @__PURE__ */ N(j, {
-							value: "financial",
-							children: t(L, "assethandler.assets.detail.tabs.financial", "Financial")
-						})
-					] }),
-					/* @__PURE__ */ N(k, {
+					/* @__PURE__ */ j(E, { children: [/* @__PURE__ */ A(D, {
+						value: "details",
+						children: t(M, "assethandler.assets.detail.tabs.details", "Details")
+					}), /* @__PURE__ */ A(D, {
+						value: "maintenance",
+						children: t(M, "assethandler.assets.detail.tabs.maintenance", "Maintenance")
+					})] }),
+					/* @__PURE__ */ A(T, {
 						value: "details",
 						className: "space-y-6 mt-4",
-						children: /* @__PURE__ */ P("div", {
+						children: /* @__PURE__ */ j("div", {
 							className: "grid gap-6 lg:grid-cols-2",
-							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", {
+							children: [/* @__PURE__ */ j(p, { children: [/* @__PURE__ */ A(g, { children: /* @__PURE__ */ A(_, { children: t(M, "assethandler.assets.detail.sections.generalInformation", "General Information") }) }), /* @__PURE__ */ A(m, { children: /* @__PURE__ */ j("dl", {
 								className: "space-y-3 text-sm",
 								children: [
-									/* @__PURE__ */ N(R, {
-										label: t(L, "assethandler.assets.detail.fields.description", "Description"),
-										value: U.description
-									}),
-									/* @__PURE__ */ N(R, {
-										label: t(L, "assethandler.assets.detail.fields.category", "Category"),
-										value: U.category.replace("_", " ")
-									}),
-									/* @__PURE__ */ N(R, {
-										label: t(L, "assethandler.assets.detail.fields.manufacturer", "Manufacturer"),
-										value: U.manufacturer
-									}),
-									/* @__PURE__ */ N(R, {
-										label: t(L, "assethandler.assets.detail.fields.model", "Model"),
-										value: U.model
+									/* @__PURE__ */ A(R, {
+										label: t(M, "assethandler.assets.detail.fields.description", "Description"),
+										value: W.description || "—"
 									}),
-									/* @__PURE__ */ N(R, {
-										label: t(L, "assethandler.assets.detail.fields.vendor", "Vendor"),
-										value: U.vendor
+									/* @__PURE__ */ A(R, {
+										label: t(M, "assethandler.assets.detail.fields.category", "Category"),
+										value: W.category.replace(/_/g, " ")
 									}),
-									/* @__PURE__ */ N(R, {
-										label: t(L, "assethandler.assets.detail.fields.serialNumber", "Serial Number"),
-										value: U.serialNumber
+									/* @__PURE__ */ A(R, {
+										label: t(M, "assethandler.assets.detail.fields.serialNumber", "Serial Number"),
+										value: W.serialNumber || "—"
 									}),
-									/* @__PURE__ */ N(R, {
-										label: t(L, "assethandler.assets.detail.fields.assetTag", "Asset Tag"),
-										value: U.assetTag
+									/* @__PURE__ */ A(R, {
+										label: t(M, "assethandler.assets.detail.fields.assetTag", "Asset Tag"),
+										value: W.assetNumber
 									})
 								]
-							}) })] }), /* @__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", {
+							}) })] }), /* @__PURE__ */ j(p, { children: [/* @__PURE__ */ A(g, { children: /* @__PURE__ */ A(_, { children: t(M, "assethandler.assets.detail.sections.assignmentLocation", "Assignment & Location") }) }), /* @__PURE__ */ j(m, { children: [
+								/* @__PURE__ */ j("dl", {
 									className: "space-y-3 text-sm",
-									children: [
-										/* @__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__ */ 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__ */ 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" })
-										})
-									]
+									children: [/* @__PURE__ */ A(R, {
+										label: t(M, "assethandler.assets.detail.fields.assignedTo", "Assigned To"),
+										value: W.assignedTo || "—",
+										icon: /* @__PURE__ */ A(s, { className: "h-3.5 w-3.5" })
+									}), /* @__PURE__ */ A(R, {
+										label: t(M, "assethandler.assets.detail.fields.location", "Location"),
+										value: W.locationName || "—",
+										icon: /* @__PURE__ */ A(a, { className: "h-3.5 w-3.5" })
+									})]
 								}),
-								/* @__PURE__ */ N(D, { className: "my-4" }),
-								/* @__PURE__ */ P("div", { children: [/* @__PURE__ */ P("h4", {
+								/* @__PURE__ */ A(C, { className: "my-4" }),
+								/* @__PURE__ */ j("div", { children: [/* @__PURE__ */ j("h4", {
 									className: "text-sm font-medium mb-2 flex items-center gap-2",
-									children: [/* @__PURE__ */ N(u, { className: "h-3.5 w-3.5" }), t(L, "assethandler.assets.detail.fields.tags", "Tags")]
-								}), /* @__PURE__ */ N("div", {
+									children: [/* @__PURE__ */ A(o, { className: "h-3.5 w-3.5" }), t(M, "assethandler.assets.detail.fields.tags", "Tags")]
+								}), W.tags.length === 0 ? /* @__PURE__ */ A("p", {
+									className: "text-xs text-text-secondary",
+									children: t(M, "assethandler.assets.detail.fields.noTags", "No tags yet")
+								}) : /* @__PURE__ */ A("div", {
 									className: "flex flex-wrap gap-1.5",
-									children: U.tags.map((e) => /* @__PURE__ */ N(h, {
+									children: W.tags.map((e) => /* @__PURE__ */ A(d, {
 										variant: "secondary",
 										className: "text-xs",
 										children: e
@@ -291,112 +246,63 @@ function L() {
 							] })] })]
 						})
 					}),
-					/* @__PURE__ */ N(k, {
+					/* @__PURE__ */ A(T, {
 						value: "maintenance",
 						className: "mt-4",
-						children: /* @__PURE__ */ P(_, { children: [/* @__PURE__ */ P(b, { children: [/* @__PURE__ */ P(x, {
+						children: /* @__PURE__ */ j(p, { children: [/* @__PURE__ */ j(g, { children: [/* @__PURE__ */ j(_, {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ N(f, { className: "h-4 w-4" }), t(L, "assethandler.assets.detail.maintenance.title", "Maintenance History")]
-						}), /* @__PURE__ */ P(y, { children: [
-							W.length,
+							children: [/* @__PURE__ */ A(c, { className: "h-4 w-4" }), t(M, "assethandler.assets.detail.maintenance.title", "Maintenance History")]
+						}), /* @__PURE__ */ j(h, { children: [
+							G.length,
 							" ",
-							t(L, "assethandler.assets.detail.maintenance.recordsFound", "records found")
-						] })] }), /* @__PURE__ */ N(v, { children: W.length === 0 ? /* @__PURE__ */ N("p", {
+							t(M, "assethandler.assets.detail.maintenance.recordsFound", "records found")
+						] })] }), /* @__PURE__ */ A(m, { children: G.length === 0 ? /* @__PURE__ */ A("p", {
 							className: "text-center text-text-secondary py-8",
-							children: t(L, "assethandler.assets.detail.maintenance.empty", "No maintenance records for this asset.")
-						}) : /* @__PURE__ */ N("div", {
+							children: t(M, "assethandler.assets.detail.maintenance.empty", "No maintenance records for this asset.")
+						}) : /* @__PURE__ */ A("div", {
 							className: "space-y-3",
-							children: W.map((e) => /* @__PURE__ */ N("div", {
+							children: G.map((e) => /* @__PURE__ */ A("div", {
 								className: "flex items-start gap-4 rounded-lg border p-4",
-								children: /* @__PURE__ */ P("div", {
+								children: /* @__PURE__ */ j("div", {
 									className: "flex-1",
 									children: [
-										/* @__PURE__ */ P("div", {
+										/* @__PURE__ */ j("div", {
 											className: "flex items-center gap-2",
-											children: [
-												/* @__PURE__ */ N("span", {
-													className: "font-mono text-xs text-text-secondary",
-													children: e.id
-												}),
-												/* @__PURE__ */ N(h, {
-													variant: "outline",
-													children: e.type
-												}),
-												/* @__PURE__ */ N(h, {
-													variant: e.status === "completed" ? "default" : "secondary",
-													children: e.status.replace("_", " ")
-												})
-											]
+											children: [/* @__PURE__ */ A(d, {
+												variant: "outline",
+												className: "capitalize",
+												children: e.type
+											}), /* @__PURE__ */ A(d, {
+												variant: e.status === "completed" ? "default" : "secondary",
+												className: "capitalize",
+												children: e.status.replace(/_/g, " ")
+											})]
 										}),
-										/* @__PURE__ */ N("p", {
+										/* @__PURE__ */ A("p", {
 											className: "font-medium mt-1",
 											children: e.title
 										}),
-										/* @__PURE__ */ N("p", {
+										/* @__PURE__ */ A("p", {
 											className: "text-sm text-text-secondary",
 											children: e.description
 										}),
-										/* @__PURE__ */ P("div", {
+										/* @__PURE__ */ j("div", {
 											className: "flex gap-4 mt-2 text-xs text-text-secondary",
-											children: [
-												/* @__PURE__ */ P("span", { children: [
-													t(L, "assethandler.assets.detail.maintenance.scheduled", "Scheduled"),
-													": ",
-													e.scheduledDate
-												] }),
-												/* @__PURE__ */ P("span", { children: [
-													t(L, "assethandler.assets.detail.maintenance.cost", "Cost"),
-													": $",
-													e.cost
-												] }),
-												/* @__PURE__ */ P("span", { children: [
-													t(L, "assethandler.assets.detail.maintenance.assigned", "Assigned"),
-													": ",
-													e.assignedTo
-												] })
-											]
+											children: [/* @__PURE__ */ j("span", { children: [
+												t(M, "assethandler.assets.detail.maintenance.scheduled", "Scheduled"),
+												":",
+												" ",
+												e.scheduledDate ? new Date(e.scheduledDate).toLocaleDateString() : "—"
+											] }), e.actualCost != null || e.estimatedCost != null ? /* @__PURE__ */ j("span", { children: [
+												t(M, "assethandler.assets.detail.maintenance.cost", "Cost"),
+												": $",
+												(e.actualCost ?? e.estimatedCost ?? 0).toLocaleString()
+											] }) : null]
 										})
 									]
 								})
 							}, e.id))
 						}) })] })
-					}),
-					/* @__PURE__ */ N(k, {
-						value: "financial",
-						className: "mt-4",
-						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__ */ N(R, {
-									label: t(L, "assethandler.assets.detail.financial.purchasePrice", "Purchase Price"),
-									value: `$${U.value.toLocaleString()}`
-								}),
-								/* @__PURE__ */ N(R, {
-									label: t(L, "assethandler.assets.detail.financial.currentValue", "Current Value"),
-									value: `$${U.currentValue.toLocaleString()}`
-								}),
-								/* @__PURE__ */ N(R, {
-									label: t(L, "assethandler.assets.detail.financial.depreciation", "Depreciation"),
-									value: `-$${G.toLocaleString()} (${K}%)`
-								}),
-								/* @__PURE__ */ N(R, {
-									label: t(L, "assethandler.assets.detail.financial.annualDepreciationRate", "Annual Dep. Rate"),
-									value: `${U.depreciationRate}%`
-								}),
-								/* @__PURE__ */ N(R, {
-									label: t(L, "assethandler.assets.detail.financial.purchaseDate", "Purchase Date"),
-									value: U.purchaseDate
-								}),
-								/* @__PURE__ */ N(R, {
-									label: t(L, "assethandler.assets.detail.financial.warrantyExpiry", "Warranty Expiry"),
-									value: U.warrantyExpiry
-								}),
-								/* @__PURE__ */ N(R, {
-									label: t(L, "assethandler.assets.detail.financial.vendor", "Vendor"),
-									value: U.vendor
-								})
-							]
-						}) })] })
 					})
 				]
 			})
@@ -404,12 +310,12 @@ function L() {
 	});
 }
 function R({ label: e, value: t, icon: n }) {
-	return /* @__PURE__ */ P("div", {
+	return /* @__PURE__ */ j("div", {
 		className: "flex items-start justify-between gap-4",
-		children: [/* @__PURE__ */ P("dt", {
+		children: [/* @__PURE__ */ j("dt", {
 			className: "text-text-secondary flex items-center gap-1.5 shrink-0",
 			children: [n, e]
-		}), /* @__PURE__ */ N("dd", {
+		}), /* @__PURE__ */ A("dd", {
 			className: "font-medium text-right capitalize",
 			children: t
 		})]