@burdenoff/microfe-assethandler 2026.626.1 → 2026.703.2

package/dist/assethandler/pages/AssetsAssetListPage.js

@@ -1,445 +1,352 @@
 import { useAssetHandlerStore as e } from "../store/assethandlerStore.js";
 import { tWithFallback as t } from "../utils/i18n.js";
 import { useMemo as n, useState as r } from "react";
-import { Download as i, Grid3x3 as a, List as o, Plus as s, Search as c, Table as l, Trash2 as u } from "lucide-react";
-import { Badge as d, Button as f, CTAOverflowMenu as p, Card as m, CardContent as h, CardHeader as g, CardTitle as _, Checkbox as v, EmphasisPanel as y, GradientText as b, IllustratedEmptyState as x, Input as S, PagePurpose as C, Select as w, SelectContent as T, SelectItem as E, SelectTrigger as D, SelectValue as O, Separator as k } from "@burdenoff/fe-libs/ui";
-import { useI18n as A } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { jsx as j, jsxs as M } from "react/jsx-runtime";
+import { Grid3x3 as i, List as a, Plus as o, Search as s, Table as c } from "lucide-react";
+import { useNavigate as l } from "react-router-dom";
+import { Badge as u, Button as d, Card as f, CardContent as p, CardHeader as m, CardTitle as h, EmphasisPanel as g, GradientText as _, IllustratedEmptyState as v, Input as y, PagePurpose as b, Select as x, SelectContent as S, SelectItem as C, SelectTrigger as w, SelectValue as T } from "@burdenoff/fe-libs/ui";
+import { useI18n as E } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { jsx as D, jsxs as O } from "react/jsx-runtime";
 //#region src/assethandler/pages/AssetsAssetListPage.tsx
-var N = {
+var k = {
 	active: "default",
 	inactive: "outline",
-	under_maintenance: "secondary",
-	disposed: "destructive",
-	reserved: "secondary",
-	in_transit: "outline"
-}, P = {
+	maintenance: "secondary",
+	retired: "outline",
+	disposed: "destructive"
+}, A = {
 	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 F() {
-	let { t: F } = A(), { assets: I } = e(), [L, R] = r(""), [z, B] = r("all"), [V, H] = r("all"), [U, W] = r("table"), [G, K] = r([]), q = n(() => I.filter((e) => {
-		let t = L === "" || e.name.toLowerCase().includes(L.toLowerCase()) || e.assetTag.toLowerCase().includes(L.toLowerCase()) || e.serialNumber.toLowerCase().includes(L.toLowerCase()), n = z === "all" || e.category === z, r = V === "all" || e.status === V;
+function j() {
+	let { t: j } = E(), M = l(), { assets: N, hydrated: P } = e(), [F, I] = r(""), [L, R] = r("all"), [z, B] = r("all"), [V, H] = r("table"), U = n(() => [...new Set(N.map((e) => e.category).filter(Boolean))].sort(), [N]), W = n(() => N.filter((e) => {
+		let t = F === "" || e.name.toLowerCase().includes(F.toLowerCase()) || e.assetTag.toLowerCase().includes(F.toLowerCase()) || e.serialNumber.toLowerCase().includes(F.toLowerCase()), n = L === "all" || e.category === L, r = z === "all" || e.status === z;
 		return t && n && r;
 	}), [
-		I,
+		N,
+		F,
 		L,
-		z,
-		V
-	]), J = (e) => {
-		K((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
-	};
-	return /* @__PURE__ */ M("div", {
+		z
+	]), G = N.filter((e) => e.status === "active").length;
+	return /* @__PURE__ */ O("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ M("div", {
+			/* @__PURE__ */ O("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("h1", {
+				children: [/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("h1", {
 					className: "text-2xl font-bold",
-					children: /* @__PURE__ */ j(b, { children: t(F, "assethandler.assets.list.title", "Asset Inventory") })
-				}), /* @__PURE__ */ M("p", {
+					children: /* @__PURE__ */ D(_, { children: t(j, "assethandler.assets.list.title", "Asset Inventory") })
+				}), /* @__PURE__ */ O("p", {
 					className: "text-sm text-text-secondary",
 					children: [
-						I.length,
-						" total assets · $",
-						I.reduce((e, t) => e + t.currentValue, 0).toLocaleString(),
-						" portfolio value"
+						N.length,
+						" ",
+						t(j, "assethandler.assets.list.subtitle.totalAssets", "total assets"),
+						" ",
+						"· ",
+						G,
+						" ",
+						t(j, "assethandler.assets.list.subtitle.active", "active")
 					]
-				})] }), /* @__PURE__ */ j(p, {
-					primary: {
-						label: t(F, "assethandler.assets.list.actions.addAsset", "Add Asset"),
-						onSelect: () => {},
-						icon: /* @__PURE__ */ j(s, { className: "h-4 w-4" })
-					},
-					actions: [{
-						label: t(F, "assethandler.assets.list.actions.export", "Export"),
-						onSelect: () => {},
-						icon: /* @__PURE__ */ j(i, { className: "h-4 w-4" })
-					}]
+				})] }), /* @__PURE__ */ O(d, {
+					size: "sm",
+					onClick: () => M("/assets/asset-create"),
+					children: [/* @__PURE__ */ D(o, { className: "mr-2 h-4 w-4" }), t(j, "assethandler.assets.list.actions.addAsset", "Add Asset")]
 				})]
 			}),
-			/* @__PURE__ */ j(C, { children: t(F, "assethandler.assets.list.purpose", "The single source of truth for every asset you own or manage. Search, filter and group by category, status or condition to find any item fast, review its value and assignment, then drill in to update, check it in/out or schedule maintenance.") }),
-			/* @__PURE__ */ M(y, {
+			/* @__PURE__ */ D(b, { children: t(j, "assethandler.assets.list.purpose", "The single source of truth for every asset you own or manage. Search, filter and group by category, status or condition to find any item fast, review its assignment, then drill in to update, check it in/out or schedule maintenance.") }),
+			/* @__PURE__ */ O(g, {
 				className: "flex flex-wrap items-center justify-between gap-4",
-				children: [/* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("p", {
+				children: [/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
 					className: "text-sm text-text-secondary",
-					children: t(F, "assethandler.assets.list.summary.label", "Total portfolio value")
-				}), /* @__PURE__ */ M("p", {
+					children: t(j, "assethandler.assets.list.summary.tracked", "Assets tracked")
+				}), /* @__PURE__ */ D("p", {
 					className: "text-3xl font-bold tabular-nums",
-					children: ["$", I.reduce((e, t) => e + t.currentValue, 0).toLocaleString()]
-				})] }), /* @__PURE__ */ M("div", {
+					children: N.length
+				})] }), /* @__PURE__ */ O("div", {
 					className: "text-right",
-					children: [/* @__PURE__ */ j("p", {
+					children: [/* @__PURE__ */ D("p", {
 						className: "text-sm text-text-secondary",
-						children: t(F, "assethandler.assets.list.summary.tracked", "Assets tracked")
-					}), /* @__PURE__ */ j("p", {
+						children: t(j, "assethandler.assets.list.summary.categories", "Categories")
+					}), /* @__PURE__ */ D("p", {
 						className: "text-3xl font-bold tabular-nums",
-						children: I.length
+						children: U.length
 					})]
 				})]
 			}),
-			/* @__PURE__ */ j(m, { children: /* @__PURE__ */ M(h, {
+			/* @__PURE__ */ D(f, { children: /* @__PURE__ */ D(p, {
 				className: "pt-4",
-				children: [/* @__PURE__ */ M("div", {
+				children: /* @__PURE__ */ O("div", {
 					className: "flex flex-col md:flex-row gap-3",
 					children: [
-						/* @__PURE__ */ M("div", {
+						/* @__PURE__ */ O("div", {
 							className: "relative flex-1",
-							children: [/* @__PURE__ */ j(c, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary" }), /* @__PURE__ */ j(S, {
-								placeholder: t(F, "assethandler.assets.list.search.placeholder", "Search by name, asset tag, serial number..."),
-								value: L,
-								onChange: (e) => R(e.target.value),
+							children: [/* @__PURE__ */ D(s, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary" }), /* @__PURE__ */ D(y, {
+								placeholder: t(j, "assethandler.assets.list.search.placeholder", "Search by name, asset tag, serial number..."),
+								value: F,
+								onChange: (e) => I(e.target.value),
 								className: "pl-9"
 							})]
 						}),
-						/* @__PURE__ */ M(w, {
-							value: z,
-							onValueChange: B,
-							children: [/* @__PURE__ */ j(D, {
+						/* @__PURE__ */ O(x, {
+							value: L,
+							onValueChange: R,
+							children: [/* @__PURE__ */ D(w, {
 								className: "w-[180px]",
-								children: /* @__PURE__ */ j(O, { placeholder: t(F, "assethandler.assets.list.filters.category.placeholder", "Category") })
-							}), /* @__PURE__ */ M(T, { children: [
-								/* @__PURE__ */ j(E, {
-									value: "all",
-									children: t(F, "assethandler.assets.list.filters.category.all", "All Categories")
-								}),
-								/* @__PURE__ */ j(E, {
-									value: "electronics",
-									children: "Electronics"
-								}),
-								/* @__PURE__ */ j(E, {
-									value: "it_hardware",
-									children: "IT Hardware"
-								}),
-								/* @__PURE__ */ j(E, {
-									value: "furniture",
-									children: "Furniture"
-								}),
-								/* @__PURE__ */ j(E, {
-									value: "vehicles",
-									children: "Vehicles"
-								}),
-								/* @__PURE__ */ j(E, {
-									value: "equipment",
-									children: "Equipment"
-								}),
-								/* @__PURE__ */ j(E, {
-									value: "software",
-									children: "Software"
-								}),
-								/* @__PURE__ */ j(E, {
-									value: "networking",
-									children: "Networking"
-								}),
-								/* @__PURE__ */ j(E, {
-									value: "servers",
-									children: "Servers"
-								})
-							] })]
+								children: /* @__PURE__ */ D(T, { placeholder: t(j, "assethandler.assets.list.filters.category.placeholder", "Category") })
+							}), /* @__PURE__ */ O(S, { children: [/* @__PURE__ */ D(C, {
+								value: "all",
+								children: t(j, "assethandler.assets.list.filters.category.all", "All Categories")
+							}), U.map((e) => /* @__PURE__ */ D(C, {
+								value: e,
+								className: "capitalize",
+								children: e.replace(/_/g, " ")
+							}, e))] })]
 						}),
-						/* @__PURE__ */ M(w, {
-							value: V,
-							onValueChange: H,
-							children: [/* @__PURE__ */ j(D, {
+						/* @__PURE__ */ O(x, {
+							value: z,
+							onValueChange: B,
+							children: [/* @__PURE__ */ D(w, {
 								className: "w-[160px]",
-								children: /* @__PURE__ */ j(O, { placeholder: t(F, "assethandler.assets.list.filters.status.placeholder", "Status") })
-							}), /* @__PURE__ */ M(T, { children: [
-								/* @__PURE__ */ j(E, {
+								children: /* @__PURE__ */ D(T, { placeholder: t(j, "assethandler.assets.list.filters.status.placeholder", "Status") })
+							}), /* @__PURE__ */ O(S, { children: [
+								/* @__PURE__ */ D(C, {
 									value: "all",
-									children: t(F, "assethandler.assets.list.filters.status.all", "All Statuses")
+									children: t(j, "assethandler.assets.list.filters.status.all", "All Statuses")
 								}),
-								/* @__PURE__ */ j(E, {
+								/* @__PURE__ */ D(C, {
 									value: "active",
-									children: t(F, "assethandler.assets.list.filters.status.active", "Active")
+									children: t(j, "assethandler.assets.list.filters.status.active", "Active")
 								}),
-								/* @__PURE__ */ j(E, {
+								/* @__PURE__ */ D(C, {
 									value: "inactive",
-									children: t(F, "assethandler.assets.list.filters.status.inactive", "Inactive")
-								}),
-								/* @__PURE__ */ j(E, {
-									value: "under_maintenance",
-									children: t(F, "assethandler.assets.list.filters.status.underMaintenance", "Under Maintenance")
+									children: t(j, "assethandler.assets.list.filters.status.inactive", "Inactive")
 								}),
-								/* @__PURE__ */ j(E, {
-									value: "disposed",
-									children: t(F, "assethandler.assets.list.filters.status.disposed", "Disposed")
+								/* @__PURE__ */ D(C, {
+									value: "maintenance",
+									children: t(j, "assethandler.assets.list.filters.status.maintenance", "Maintenance")
 								}),
-								/* @__PURE__ */ j(E, {
-									value: "reserved",
-									children: t(F, "assethandler.assets.list.filters.status.reserved", "Reserved")
+								/* @__PURE__ */ D(C, {
+									value: "retired",
+									children: t(j, "assethandler.assets.list.filters.status.retired", "Retired")
 								}),
-								/* @__PURE__ */ j(E, {
-									value: "in_transit",
-									children: t(F, "assethandler.assets.list.filters.status.inTransit", "In Transit")
+								/* @__PURE__ */ D(C, {
+									value: "disposed",
+									children: t(j, "assethandler.assets.list.filters.status.disposed", "Disposed")
 								})
 							] })]
 						}),
-						/* @__PURE__ */ M("div", {
+						/* @__PURE__ */ O("div", {
 							className: "flex gap-1 border rounded-md p-0.5",
 							children: [
-								/* @__PURE__ */ j(f, {
-									variant: U === "table" ? "default" : "ghost",
+								/* @__PURE__ */ D(d, {
+									variant: V === "table" ? "default" : "ghost",
 									size: "icon",
 									className: "h-8 w-8",
-									onClick: () => W("table"),
-									children: /* @__PURE__ */ j(l, { className: "h-4 w-4" })
+									onClick: () => H("table"),
+									children: /* @__PURE__ */ D(c, { className: "h-4 w-4" })
 								}),
-								/* @__PURE__ */ j(f, {
-									variant: U === "grid" ? "default" : "ghost",
+								/* @__PURE__ */ D(d, {
+									variant: V === "grid" ? "default" : "ghost",
 									size: "icon",
 									className: "h-8 w-8",
-									onClick: () => W("grid"),
-									children: /* @__PURE__ */ j(a, { className: "h-4 w-4" })
+									onClick: () => H("grid"),
+									children: /* @__PURE__ */ D(i, { className: "h-4 w-4" })
 								}),
-								/* @__PURE__ */ j(f, {
-									variant: U === "list" ? "default" : "ghost",
+								/* @__PURE__ */ D(d, {
+									variant: V === "list" ? "default" : "ghost",
 									size: "icon",
 									className: "h-8 w-8",
-									onClick: () => W("list"),
-									children: /* @__PURE__ */ j(o, { className: "h-4 w-4" })
+									onClick: () => H("list"),
+									children: /* @__PURE__ */ D(a, { className: "h-4 w-4" })
 								})
 							]
 						})
 					]
-				}), G.length > 0 && /* @__PURE__ */ M("div", {
-					className: "flex items-center gap-3 mt-3 pt-3 border-t",
-					children: [
-						/* @__PURE__ */ M("span", {
-							className: "text-sm text-text-secondary",
-							children: [
-								G.length,
-								" ",
-								t(F, "assethandler.assets.list.bulk.selected", "selected")
-							]
-						}),
-						/* @__PURE__ */ j(f, {
-							variant: "outline",
-							size: "sm",
-							onClick: () => K([]),
-							children: t(F, "assethandler.assets.list.bulk.clear", "Clear")
-						}),
-						/* @__PURE__ */ M(f, {
-							variant: "destructive",
-							size: "sm",
-							children: [/* @__PURE__ */ j(u, { className: "mr-2 h-3 w-3" }), t(F, "assethandler.assets.list.bulk.deleteSelected", "Delete Selected")]
-						})
-					]
-				})]
+				})
 			}) }),
-			/* @__PURE__ */ M("div", {
+			/* @__PURE__ */ O("div", {
 				className: "text-sm text-text-secondary",
 				children: [
-					t(F, "assethandler.assets.list.results.showing", "Showing"),
+					t(j, "assethandler.assets.list.results.showing", "Showing"),
 					" ",
-					q.length,
+					W.length,
 					" ",
-					t(F, "assethandler.assets.list.results.of", "of"),
+					t(j, "assethandler.assets.list.results.of", "of"),
 					" ",
-					I.length,
+					N.length,
 					" ",
-					t(F, "assethandler.assets.list.results.assets", "assets")
+					t(j, "assethandler.assets.list.results.assets", "assets")
 				]
 			}),
-			U === "table" && /* @__PURE__ */ j(m, { children: /* @__PURE__ */ j(h, {
+			!P && N.length === 0 ? /* @__PURE__ */ D("div", {
+				className: "space-y-2",
+				children: Array.from({ length: 6 }).map((e, t) => /* @__PURE__ */ D("div", { className: "h-10 rounded-md bg-bg-sunken motion-safe:animate-vc-shimmer" }, t))
+			}) : null,
+			V === "table" && W.length > 0 && /* @__PURE__ */ D(f, { children: /* @__PURE__ */ D(p, {
 				className: "p-0",
-				children: /* @__PURE__ */ j("div", {
+				children: /* @__PURE__ */ D("div", {
 					className: "overflow-x-auto",
-					children: /* @__PURE__ */ M("table", {
+					children: /* @__PURE__ */ O("table", {
 						className: "w-full text-sm",
-						children: [/* @__PURE__ */ j("thead", { children: /* @__PURE__ */ M("tr", {
+						children: [/* @__PURE__ */ D("thead", { children: /* @__PURE__ */ O("tr", {
 							className: "border-b bg-bg-sunken/50",
 							children: [
-								/* @__PURE__ */ j("th", {
-									className: "p-3 w-10",
-									children: /* @__PURE__ */ j(v, {
-										checked: G.length === q.length && q.length > 0,
-										onCheckedChange: () => {
-											G.length === q.length ? K([]) : K(q.map((e) => e.id));
-										}
-									})
-								}),
-								/* @__PURE__ */ j("th", {
+								/* @__PURE__ */ D("th", {
 									className: "text-left p-3 font-medium",
-									children: t(F, "assethandler.assets.list.table.assetTag", "Asset Tag")
+									children: t(j, "assethandler.assets.list.table.assetTag", "Asset Tag")
 								}),
-								/* @__PURE__ */ j("th", {
+								/* @__PURE__ */ D("th", {
 									className: "text-left p-3 font-medium",
-									children: t(F, "assethandler.assets.list.table.name", "Name")
+									children: t(j, "assethandler.assets.list.table.name", "Name")
 								}),
-								/* @__PURE__ */ j("th", {
+								/* @__PURE__ */ D("th", {
 									className: "text-left p-3 font-medium",
-									children: t(F, "assethandler.assets.list.table.category", "Category")
+									children: t(j, "assethandler.assets.list.table.category", "Category")
 								}),
-								/* @__PURE__ */ j("th", {
+								/* @__PURE__ */ D("th", {
 									className: "text-left p-3 font-medium",
-									children: t(F, "assethandler.assets.list.table.status", "Status")
+									children: t(j, "assethandler.assets.list.table.status", "Status")
 								}),
-								/* @__PURE__ */ j("th", {
+								/* @__PURE__ */ D("th", {
 									className: "text-left p-3 font-medium",
-									children: t(F, "assethandler.assets.list.table.condition", "Condition")
+									children: t(j, "assethandler.assets.list.table.condition", "Condition")
 								}),
-								/* @__PURE__ */ j("th", {
+								/* @__PURE__ */ D("th", {
 									className: "text-left p-3 font-medium",
-									children: t(F, "assethandler.assets.list.table.location", "Location")
+									children: t(j, "assethandler.assets.list.table.location", "Location")
 								}),
-								/* @__PURE__ */ j("th", {
+								/* @__PURE__ */ D("th", {
 									className: "text-left p-3 font-medium",
-									children: t(F, "assethandler.assets.list.table.assignedTo", "Assigned To")
-								}),
-								/* @__PURE__ */ j("th", {
-									className: "text-right p-3 font-medium",
-									children: t(F, "assethandler.assets.list.table.value", "Value")
+									children: t(j, "assethandler.assets.list.table.assignedTo", "Assigned To")
 								})
 							]
-						}) }), /* @__PURE__ */ j("tbody", { children: q.map((e) => /* @__PURE__ */ M("tr", {
+						}) }), /* @__PURE__ */ D("tbody", { children: W.map((e) => /* @__PURE__ */ O("tr", {
 							className: "border-b hover:bg-bg-sunken/50 cursor-pointer",
+							onClick: () => M(`/assets/${e.id}`),
 							children: [
-								/* @__PURE__ */ j("td", {
-									className: "p-3",
-									children: /* @__PURE__ */ j(v, {
-										checked: G.includes(e.id),
-										onCheckedChange: () => J(e.id)
-									})
-								}),
-								/* @__PURE__ */ j("td", {
+								/* @__PURE__ */ D("td", {
 									className: "p-3 font-mono text-xs",
 									children: e.assetTag
 								}),
-								/* @__PURE__ */ j("td", {
+								/* @__PURE__ */ D("td", {
 									className: "p-3",
-									children: /* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("p", {
+									children: /* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
 										className: "font-medium",
 										children: e.name
-									}), /* @__PURE__ */ j("p", {
+									}), /* @__PURE__ */ D("p", {
 										className: "text-xs text-text-secondary",
 										children: e.serialNumber
 									})] })
 								}),
-								/* @__PURE__ */ j("td", {
+								/* @__PURE__ */ D("td", {
 									className: "p-3 capitalize",
-									children: e.category.replace("_", " ")
+									children: e.category.replace(/_/g, " ")
 								}),
-								/* @__PURE__ */ j("td", {
+								/* @__PURE__ */ D("td", {
 									className: "p-3",
-									children: /* @__PURE__ */ j(d, {
-										variant: N[e.status] || "outline",
-										children: e.status.replace("_", " ")
+									children: /* @__PURE__ */ D(u, {
+										variant: k[e.status] || "outline",
+										children: e.status.replace(/_/g, " ")
 									})
 								}),
-								/* @__PURE__ */ j("td", {
+								/* @__PURE__ */ D("td", {
 									className: "p-3",
-									children: /* @__PURE__ */ j("span", {
-										className: `inline-flex rounded-md px-2 py-0.5 text-xs font-medium ${P[e.condition] || ""}`,
+									children: /* @__PURE__ */ D("span", {
+										className: `inline-flex rounded-md px-2 py-0.5 text-xs font-medium ${A[e.condition] || ""}`,
 										children: e.condition
 									})
 								}),
-								/* @__PURE__ */ j("td", {
+								/* @__PURE__ */ D("td", {
 									className: "p-3 text-xs max-w-[200px] truncate",
-									children: e.location
+									children: e.location || "—"
 								}),
-								/* @__PURE__ */ j("td", {
+								/* @__PURE__ */ D("td", {
 									className: "p-3 text-xs",
-									children: e.assignedTo
-								}),
-								/* @__PURE__ */ M("td", {
-									className: "p-3 text-right font-medium",
-									children: ["$", e.currentValue.toLocaleString()]
+									children: e.assignedTo || "—"
 								})
 							]
 						}, e.id)) })]
 					})
 				})
 			}) }),
-			U === "grid" && /* @__PURE__ */ j("div", {
+			V === "grid" && W.length > 0 && /* @__PURE__ */ D("div", {
 				className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3",
-				children: q.map((e) => /* @__PURE__ */ M(m, {
-					className: "cursor-pointer hover:shadow-md transition-shadow",
-					children: [/* @__PURE__ */ M(g, {
+				children: W.map((e) => /* @__PURE__ */ O(f, {
+					className: "cursor-pointer",
+					onClick: () => M(`/assets/${e.id}`),
+					children: [/* @__PURE__ */ O(m, {
 						className: "pb-2",
-						children: [/* @__PURE__ */ M("div", {
+						children: [/* @__PURE__ */ O("div", {
 							className: "flex items-center justify-between",
-							children: [/* @__PURE__ */ j(d, {
-								variant: N[e.status] || "outline",
-								children: e.status.replace("_", " ")
-							}), /* @__PURE__ */ j("span", {
+							children: [/* @__PURE__ */ D(u, {
+								variant: k[e.status] || "outline",
+								children: e.status.replace(/_/g, " ")
+							}), /* @__PURE__ */ D("span", {
 								className: "text-xs font-mono text-text-secondary",
 								children: e.assetTag
 							})]
-						}), /* @__PURE__ */ j(_, {
+						}), /* @__PURE__ */ D(h, {
 							className: "text-base mt-2",
 							children: e.name
 						})]
-					}), /* @__PURE__ */ j(h, { children: /* @__PURE__ */ M("div", {
+					}), /* @__PURE__ */ D(p, { children: /* @__PURE__ */ O("div", {
 						className: "space-y-2 text-sm",
 						children: [
-							/* @__PURE__ */ M("div", {
+							/* @__PURE__ */ O("div", {
 								className: "flex justify-between",
-								children: [/* @__PURE__ */ j("span", {
+								children: [/* @__PURE__ */ D("span", {
 									className: "text-text-secondary",
-									children: t(F, "assethandler.assets.list.grid.category", "Category")
-								}), /* @__PURE__ */ j("span", {
+									children: t(j, "assethandler.assets.list.grid.category", "Category")
+								}), /* @__PURE__ */ D("span", {
 									className: "capitalize",
-									children: e.category.replace("_", " ")
+									children: e.category.replace(/_/g, " ")
 								})]
 							}),
-							/* @__PURE__ */ M("div", {
+							/* @__PURE__ */ O("div", {
 								className: "flex justify-between",
-								children: [/* @__PURE__ */ j("span", {
+								children: [/* @__PURE__ */ D("span", {
 									className: "text-text-secondary",
-									children: t(F, "assethandler.assets.list.grid.condition", "Condition")
-								}), /* @__PURE__ */ j("span", {
-									className: `rounded-md px-2 py-0.5 text-xs font-medium ${P[e.condition] || ""}`,
+									children: t(j, "assethandler.assets.list.grid.condition", "Condition")
+								}), /* @__PURE__ */ D("span", {
+									className: `rounded-md px-2 py-0.5 text-xs font-medium ${A[e.condition] || ""}`,
 									children: e.condition
 								})]
 							}),
-							/* @__PURE__ */ M("div", {
+							/* @__PURE__ */ O("div", {
 								className: "flex justify-between",
-								children: [/* @__PURE__ */ j("span", {
+								children: [/* @__PURE__ */ D("span", {
 									className: "text-text-secondary",
-									children: t(F, "assethandler.assets.list.grid.department", "Department")
-								}), /* @__PURE__ */ j("span", {
+									children: t(j, "assethandler.assets.list.grid.assignedTo", "Assigned To")
+								}), /* @__PURE__ */ D("span", {
 									className: "text-xs",
-									children: e.department
-								})]
-							}),
-							/* @__PURE__ */ j(k, {}),
-							/* @__PURE__ */ M("div", {
-								className: "flex justify-between items-center",
-								children: [/* @__PURE__ */ j("span", {
-									className: "text-text-secondary",
-									children: t(F, "assethandler.assets.list.grid.value", "Value")
-								}), /* @__PURE__ */ M("span", {
-									className: "font-bold text-lg",
-									children: ["$", e.currentValue.toLocaleString()]
+									children: e.assignedTo || "—"
 								})]
 							})
 						]
 					}) })]
 				}, e.id))
 			}),
-			U === "list" && /* @__PURE__ */ j("div", {
+			V === "list" && W.length > 0 && /* @__PURE__ */ D("div", {
 				className: "space-y-2",
-				children: q.map((e) => /* @__PURE__ */ j(m, {
-					className: "cursor-pointer hover:shadow-sm transition-shadow",
-					children: /* @__PURE__ */ j(h, {
+				children: W.map((e) => /* @__PURE__ */ D(f, {
+					className: "cursor-pointer",
+					onClick: () => M(`/assets/${e.id}`),
+					children: /* @__PURE__ */ D(p, {
 						className: "py-3 px-4",
-						children: /* @__PURE__ */ M("div", {
+						children: /* @__PURE__ */ D("div", {
 							className: "flex items-center gap-4",
-							children: [/* @__PURE__ */ j(v, {
-								checked: G.includes(e.id),
-								onCheckedChange: () => J(e.id)
-							}), /* @__PURE__ */ M("div", {
-								className: "flex-1 min-w-0 grid grid-cols-6 gap-4 items-center",
+							children: /* @__PURE__ */ O("div", {
+								className: "flex-1 min-w-0 grid grid-cols-5 gap-4 items-center",
 								children: [
-									/* @__PURE__ */ M("div", {
+									/* @__PURE__ */ O("div", {
 										className: "col-span-2",
-										children: [/* @__PURE__ */ j("p", {
+										children: [/* @__PURE__ */ D("p", {
 											className: "font-medium text-sm truncate",
 											children: e.name
-										}), /* @__PURE__ */ M("p", {
+										}), /* @__PURE__ */ O("p", {
 											className: "text-xs text-text-secondary",
 											children: [
 												e.assetTag,
@@ -448,38 +355,39 @@ function F() {
 											]
 										})]
 									}),
-									/* @__PURE__ */ j("div", {
+									/* @__PURE__ */ D("div", {
 										className: "capitalize text-sm",
-										children: e.category.replace("_", " ")
+										children: e.category.replace(/_/g, " ")
 									}),
-									/* @__PURE__ */ j("div", { children: /* @__PURE__ */ j(d, {
-										variant: N[e.status] || "outline",
+									/* @__PURE__ */ D("div", { children: /* @__PURE__ */ D(u, {
+										variant: k[e.status] || "outline",
 										className: "text-xs",
-										children: e.status.replace("_", " ")
+										children: e.status.replace(/_/g, " ")
 									}) }),
-									/* @__PURE__ */ j("div", {
+									/* @__PURE__ */ D("div", {
 										className: "text-sm text-text-secondary truncate",
-										children: e.location
-									}),
-									/* @__PURE__ */ M("div", {
-										className: "text-right font-medium",
-										children: ["$", e.currentValue.toLocaleString()]
+										children: e.location || "—"
 									})
 								]
-							})]
+							})
 						})
 					})
 				}, e.id))
 			}),
-			q.length === 0 && /* @__PURE__ */ j(x, {
-				illustration: L || z !== "all" || V !== "all" ? "empty-search" : "empty-data",
-				title: t(F, "assethandler.assets.list.empty.title", "No assets found"),
-				description: t(F, "assethandler.assets.list.empty.description", "Try adjusting your filters or add a new asset to get started.")
+			P && W.length === 0 && /* @__PURE__ */ D(v, {
+				illustration: F || L !== "all" || z !== "all" ? "empty-search" : "empty-data",
+				title: t(j, "assethandler.assets.list.empty.title", "No assets found"),
+				description: t(j, "assethandler.assets.list.empty.description", "Try adjusting your filters or add a new asset to get started."),
+				action: /* @__PURE__ */ O(d, {
+					size: "sm",
+					onClick: () => M("/assets/asset-create"),
+					children: [/* @__PURE__ */ D(o, { className: "mr-2 h-4 w-4" }), t(j, "assethandler.assets.list.actions.addAsset", "Add Asset")]
+				})
 			})
 		]
 	});
 }
 //#endregion
-export { F as AssetsAssetListPage };
+export { j as AssetsAssetListPage };
 
 //# sourceMappingURL=AssetsAssetListPage.js.map