@burdenoff/microfe-movethewheels 2026.822.1 → 2026.827.1

package/dist/pages/InventoryPage.js

@@ -1,147 +1,289 @@
-import { Boxes as e } from "../node_modules/lucide-react/dist/esm/icons/boxes.js";
-import { ChevronRight as t } from "../node_modules/lucide-react/dist/esm/icons/chevron-right.js";
-import { DollarSign as n } from "../node_modules/lucide-react/dist/esm/icons/dollar-sign.js";
-import { Package as r } from "../node_modules/lucide-react/dist/esm/icons/package.js";
-import { Plus as i } from "../node_modules/lucide-react/dist/esm/icons/plus.js";
-import { TriangleAlert as a } from "../node_modules/lucide-react/dist/esm/icons/triangle-alert.js";
-import { Warehouse as o } from "../node_modules/lucide-react/dist/esm/icons/warehouse.js";
-import { joinPath as s } from "../utils/navigation.js";
-import { useMoveTheWheels as c } from "../providers/MoveTheWheelsProvider.js";
-import { useInventory as l, useInventoryStats as u } from "../hooks/useInventory.js";
-import { Badge as d, Button as f, Card as p, CardContent as m, Progress as h } from "../components/ui.js";
-import { PageLayout as g, PageSection as _ } from "../components/PageLayout.js";
-import { MetricCard as v, MetricCardSkeleton as y, MetricGrid as b } from "../components/MetricCard.js";
-import { formatCurrency as x } from "../utils/formatters.js";
-import { jsx as S, jsxs as C } from "react/jsx-runtime";
-import { CTAOverflowMenu as w, EmphasisPanel as T, PagePurpose as E } from "@burdenoff/fe-libs/ui";
-import { useI18n as D } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { ArrowDownRight as e } from "../node_modules/lucide-react/dist/esm/icons/arrow-down-right.js";
+import { ArrowLeftRight as t } from "../node_modules/lucide-react/dist/esm/icons/arrow-left-right.js";
+import { ArrowUpRight as n } from "../node_modules/lucide-react/dist/esm/icons/arrow-up-right.js";
+import { Boxes as r } from "../node_modules/lucide-react/dist/esm/icons/boxes.js";
+import { ChevronRight as i } from "../node_modules/lucide-react/dist/esm/icons/chevron-right.js";
+import { CircleCheck as a } from "../node_modules/lucide-react/dist/esm/icons/circle-check.js";
+import { History as o } from "../node_modules/lucide-react/dist/esm/icons/history.js";
+import { Lock as s } from "../node_modules/lucide-react/dist/esm/icons/lock.js";
+import { Package as c } from "../node_modules/lucide-react/dist/esm/icons/package.js";
+import { Plus as l } from "../node_modules/lucide-react/dist/esm/icons/plus.js";
+import { TriangleAlert as u } from "../node_modules/lucide-react/dist/esm/icons/triangle-alert.js";
+import { Warehouse as d } from "../node_modules/lucide-react/dist/esm/icons/warehouse.js";
+import { joinPath as f } from "../utils/navigation.js";
+import { useMoveTheWheels as p } from "../providers/MoveTheWheelsProvider.js";
+import { useInventory as ee, useInventoryStats as m, useInventoryTransactions as h } from "../hooks/useInventory.js";
+import { Badge as g, Button as _, Card as v, CardContent as y, CardHeader as b, CardTitle as x, Progress as S } from "../components/ui.js";
+import { PageLayout as C, PageSection as w } from "../components/PageLayout.js";
+import { MetricCard as T, MetricCardSkeleton as E, MetricGrid as D } from "../components/MetricCard.js";
+import { StatusBadge as te } from "../components/StatusBadge.js";
+import { DataTable as ne } from "../components/DataTable.js";
+import { formatCurrency as re, formatDate as ie } from "../utils/formatters.js";
+import { useMemo as ae } from "react";
+import { jsx as O, jsxs as k } from "react/jsx-runtime";
+import { CTAOverflowMenu as A, EmphasisPanel as j, PagePurpose as M } from "@burdenoff/fe-libs/ui";
+import { useI18n as N } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/movethewheels/pages/InventoryPage.tsx
-function O() {
-	let { t: O } = D(), k = (e, t) => {
-		let n = O(e);
+var P = {
+	out_of_stock: {
+		bg: "bg-status-error-bg-subtle",
+		text: "text-status-error-text"
+	},
+	low: {
+		bg: "bg-status-warning-bg-subtle",
+		text: "text-status-warning-text"
+	},
+	in_stock: {
+		bg: "bg-status-success-bg-subtle",
+		text: "text-status-success-text"
+	}
+}, F = {
+	RECEIPT: "in",
+	RETURN: "in",
+	ISSUE: "out",
+	TRANSFER: "neutral",
+	ADJUSTMENT: "neutral"
+}, I = {
+	RECEIPT: "Inbound",
+	RETURN: "Return",
+	ISSUE: "Outbound",
+	TRANSFER: "Transfer",
+	ADJUSTMENT: "Adjustment"
+};
+function L() {
+	let { t: L } = N(), R = (e, t) => {
+		let n = L(e);
 		return n === e ? t : n;
-	}, { basePath: A, navigate: j } = c(), { inventory: M, products: N, warehouses: P, isLoading: F, error: I, refetch: L } = l(), { stats: R } = u(), z = (e) => j?.(s(A, e)), B = (e, t) => {
+	}, { basePath: z, navigate: B } = p(), { inventory: V, products: H, warehouses: U, isLoading: W, error: G, refetch: K } = ee(), { stats: q } = m(), { transactions: J, isLoading: oe, error: Y } = h({ limit: 8 }), X = (e) => B?.(f(z, e)), Z = (e, t) => {
 		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), t());
-	}, V = M.filter((e) => e.availableQuantity <= e.reorderLevel);
-	return /* @__PURE__ */ C(g, {
-		title: k("movethewheels.inventory.title", "Inventory"),
-		subtitle: k("movethewheels.inventory.subtitle", "Manage your products and warehouses"),
-		icon: /* @__PURE__ */ S(r, { size: 24 }),
-		headerActions: /* @__PURE__ */ S(w, {
+	}, Q = V.filter((e) => e.availableQuantity <= e.reorderLevel), $ = R("movethewheels.inventory.lowStock.unknownProduct", "Unknown Product"), se = ae(() => {
+		let e = new Map(H.map((e) => [e.id, e])), t = new Map(U.map((e) => [e.id, e]));
+		return V.map((n) => {
+			let r = e.get(n.productId);
+			return {
+				id: n.id,
+				productId: n.productId,
+				productName: r?.name ?? $,
+				sku: r?.sku ?? "—",
+				warehouseName: t.get(n.warehouseId)?.name ?? "—",
+				onHand: n.quantity,
+				allocated: n.reservedQuantity,
+				available: n.availableQuantity,
+				reorderLevel: n.reorderLevel,
+				stockState: n.quantity === 0 ? "out_of_stock" : n.availableQuantity <= n.reorderLevel ? "low" : "in_stock"
+			};
+		});
+	}, [
+		V,
+		H,
+		U,
+		$
+	]), ce = [
+		{
+			id: "product",
+			header: R("movethewheels.inventory.stock.product", "Product"),
+			accessorKey: "productName",
+			sortable: !0,
+			cell: (e) => /* @__PURE__ */ O("span", {
+				className: "font-medium",
+				children: e.productName
+			})
+		},
+		{
+			id: "sku",
+			header: R("movethewheels.inventory.stock.sku", "SKU"),
+			accessorKey: "sku",
+			sortable: !0,
+			cell: (e) => /* @__PURE__ */ O("span", {
+				className: "text-sm text-text-secondary",
+				children: e.sku
+			})
+		},
+		{
+			id: "warehouse",
+			header: R("movethewheels.inventory.stock.warehouse", "Warehouse"),
+			accessorKey: "warehouseName",
+			sortable: !0
+		},
+		{
+			id: "onHand",
+			header: R("movethewheels.inventory.stock.onHand", "On hand"),
+			accessorKey: "onHand",
+			sortable: !0,
+			cell: (e) => /* @__PURE__ */ O("span", {
+				className: "font-medium",
+				children: e.onHand.toLocaleString()
+			})
+		},
+		{
+			id: "allocated",
+			header: R("movethewheels.inventory.stock.allocated", "Allocated"),
+			accessorKey: "allocated",
+			sortable: !0,
+			cell: (e) => e.allocated.toLocaleString()
+		},
+		{
+			id: "available",
+			header: R("movethewheels.inventory.stock.available", "Available"),
+			accessorKey: "available",
+			sortable: !0,
+			cell: (e) => /* @__PURE__ */ O("span", {
+				className: "font-medium",
+				children: e.available.toLocaleString()
+			})
+		},
+		{
+			id: "reorderPoint",
+			header: R("movethewheels.inventory.stock.reorderPoint", "Reorder point"),
+			accessorKey: "reorderLevel",
+			sortable: !0,
+			cell: (e) => e.reorderLevel > 0 ? e.reorderLevel.toLocaleString() : "—"
+		},
+		{
+			id: "state",
+			header: R("movethewheels.inventory.stock.status", "Status"),
+			cell: (e) => /* @__PURE__ */ O(te, {
+				status: e.stockState === "out_of_stock" ? R("movethewheels.inventory.stock.outOfStock", "Out of stock") : e.stockState === "low" ? R("movethewheels.inventory.stock.low", "Low") : R("movethewheels.inventory.stock.inStock", "In stock"),
+				customColors: P[e.stockState],
+				size: "sm"
+			})
+		}
+	];
+	return /* @__PURE__ */ k(C, {
+		title: R("movethewheels.inventory.title", "Inventory"),
+		subtitle: R("movethewheels.inventory.subtitle", "Manage your products and warehouses"),
+		icon: /* @__PURE__ */ O(c, { size: 24 }),
+		headerActions: /* @__PURE__ */ O(A, {
 			primary: {
-				label: k("movethewheels.inventory.actions.addProduct", "Add Product"),
-				icon: /* @__PURE__ */ S(i, { size: 16 }),
-				onSelect: () => z("inventory/products/new")
+				label: R("movethewheels.inventory.actions.addProduct", "Add Product"),
+				icon: /* @__PURE__ */ O(l, { size: 16 }),
+				onSelect: () => X("inventory/products/new")
 			},
 			actions: [{
-				label: k("movethewheels.inventory.actions.products", "Products"),
-				onSelect: () => z("inventory/products")
+				label: R("movethewheels.inventory.actions.products", "Products"),
+				onSelect: () => X("inventory/products")
 			}, {
-				label: k("movethewheels.inventory.actions.warehouses", "Warehouses"),
-				onSelect: () => z("inventory/warehouses")
+				label: R("movethewheels.inventory.actions.warehouses", "Warehouses"),
+				onSelect: () => X("inventory/warehouses")
 			}]
 		}),
 		children: [
-			/* @__PURE__ */ S(E, {
-				icon: /* @__PURE__ */ S(r, { size: 18 }),
-				children: k("movethewheels.inventory.purpose", "A real-time view of what you have and where. Track stock value and quantities across warehouses, catch low-stock items before they run out, and drill into products or warehouses to manage what you can promise on an order.")
+			/* @__PURE__ */ O(M, {
+				icon: /* @__PURE__ */ O(c, { size: 18 }),
+				children: R("movethewheels.inventory.purpose", "A real-time view of what you have and where. Track on-hand, allocated and free-to-promise quantities across warehouses, follow every stock movement, catch low-stock items before they run out, and drill into products or warehouses to manage what you can promise on an order.")
 			}),
-			I && !F ? /* @__PURE__ */ S(p, {
+			G && !W ? /* @__PURE__ */ O(v, {
 				className: "border-status-error-border",
-				children: /* @__PURE__ */ C(m, {
+				children: /* @__PURE__ */ k(y, {
 					className: "p-6 text-center space-y-3",
 					children: [
-						/* @__PURE__ */ S("p", {
+						/* @__PURE__ */ O("p", {
 							className: "text-status-error-text font-medium",
-							children: k("movethewheels.inventory.error.title", "Couldn't load inventory")
+							children: R("movethewheels.inventory.error.title", "Couldn't load inventory")
 						}),
-						/* @__PURE__ */ S("p", {
+						/* @__PURE__ */ O("p", {
 							className: "text-sm text-text-secondary",
-							children: I.message
+							children: G.message
 						}),
-						/* @__PURE__ */ S(f, {
+						/* @__PURE__ */ O(_, {
 							variant: "outline",
-							onClick: L,
-							children: k("movethewheels.inventory.error.retry", "Retry")
+							onClick: K,
+							children: R("movethewheels.inventory.error.retry", "Retry")
 						})
 					]
 				})
-			}) : F ? /* @__PURE__ */ S(b, {
-				columns: 4,
-				children: Array.from({ length: 4 }).map((e, t) => /* @__PURE__ */ S(y, {}, t))
-			}) : /* @__PURE__ */ C(b, {
-				columns: 4,
+			}) : W ? /* @__PURE__ */ O(D, {
+				columns: 6,
+				children: Array.from({ length: 6 }).map((e, t) => /* @__PURE__ */ O(E, {}, t))
+			}) : /* @__PURE__ */ k(D, {
+				columns: 6,
 				children: [
-					/* @__PURE__ */ S(v, {
-						label: k("movethewheels.inventory.metrics.totalProducts", "Total Products"),
-						value: R.totalProducts,
-						icon: /* @__PURE__ */ S(r, { size: 20 }),
+					/* @__PURE__ */ O(T, {
+						label: R("movethewheels.inventory.metrics.totalOnHand", "Total on-hand"),
+						value: q.totalOnHand.toLocaleString(),
+						icon: /* @__PURE__ */ O(r, { size: 20 }),
 						accent: "brand",
-						onClick: () => z("inventory/products")
+						subtitle: R("movethewheels.inventory.metrics.onHandHint", "Units in the network")
 					}),
-					/* @__PURE__ */ S(v, {
-						label: k("movethewheels.inventory.metrics.totalItems", "Total Items"),
-						value: R.totalItems.toLocaleString(),
-						icon: /* @__PURE__ */ S(e, { size: 20 }),
-						accent: "success"
+					/* @__PURE__ */ O(T, {
+						label: R("movethewheels.inventory.metrics.available", "Available"),
+						value: q.totalAvailable.toLocaleString(),
+						icon: /* @__PURE__ */ O(a, { size: 20 }),
+						accent: "success",
+						subtitle: R("movethewheels.inventory.metrics.availableHint", "Free to promise")
 					}),
-					/* @__PURE__ */ S(v, {
-						label: k("movethewheels.inventory.metrics.inventoryValue", "Inventory Value"),
-						value: x(R.totalValue),
-						icon: /* @__PURE__ */ S(n, { size: 20 }),
-						accent: "blue"
+					/* @__PURE__ */ O(T, {
+						label: R("movethewheels.inventory.metrics.allocated", "Allocated"),
+						value: q.totalAllocated.toLocaleString(),
+						icon: /* @__PURE__ */ O(s, { size: 20 }),
+						accent: "blue",
+						subtitle: R("movethewheels.inventory.metrics.allocatedHint", "Committed to orders")
 					}),
-					/* @__PURE__ */ S(v, {
-						label: k("movethewheels.inventory.metrics.warehouses", "Warehouses"),
-						value: R.totalWarehouses,
-						icon: /* @__PURE__ */ S(o, { size: 20 }),
+					/* @__PURE__ */ O(T, {
+						label: R("movethewheels.inventory.metrics.lowStock", "Low-stock items"),
+						value: q.lowStockCount.toLocaleString(),
+						icon: /* @__PURE__ */ O(u, { size: 20 }),
+						accent: "warning",
+						subtitle: R("movethewheels.inventory.metrics.lowStockHint", "At or under reorder point")
+					}),
+					/* @__PURE__ */ O(T, {
+						label: R("movethewheels.inventory.metrics.totalProducts", "Catalog items"),
+						value: q.totalProducts.toLocaleString(),
+						icon: /* @__PURE__ */ O(c, { size: 20 }),
+						accent: "neutral",
+						onClick: () => X("inventory/products")
+					}),
+					/* @__PURE__ */ O(T, {
+						label: R("movethewheels.inventory.metrics.warehouses", "Warehouses"),
+						value: q.totalWarehouses.toLocaleString(),
+						icon: /* @__PURE__ */ O(d, { size: 20 }),
 						accent: "neutral",
-						onClick: () => z("inventory/warehouses")
+						onClick: () => X("inventory/warehouses")
 					})
 				]
 			}),
-			V.length > 0 && /* @__PURE__ */ C(T, {
+			Q.length > 0 && /* @__PURE__ */ k(j, {
 				className: "space-y-4",
-				children: [/* @__PURE__ */ C("h2", {
+				children: [/* @__PURE__ */ k("h2", {
 					className: "flex items-center gap-2 text-base font-semibold text-status-warning-text",
 					children: [
-						/* @__PURE__ */ S(a, { size: 18 }),
-						k("movethewheels.inventory.lowStock.title", "Low Stock Alert"),
+						/* @__PURE__ */ O(u, { size: 18 }),
+						R("movethewheels.inventory.lowStock.title", "Low Stock Alert"),
 						" (",
-						V.length,
+						Q.length,
 						" ",
-						k("movethewheels.inventory.lowStock.items", "items"),
+						R("movethewheels.inventory.lowStock.items", "items"),
 						")"
 					]
-				}), /* @__PURE__ */ S("div", { children: /* @__PURE__ */ S("div", {
+				}), /* @__PURE__ */ O("div", { children: /* @__PURE__ */ O("div", {
 					className: "space-y-3",
-					children: V.slice(0, 5).map((e) => {
-						let t = N.find((t) => t.id === e.productId);
-						return /* @__PURE__ */ C("div", {
+					children: Q.slice(0, 5).map((e) => {
+						let t = H.find((t) => t.id === e.productId);
+						return /* @__PURE__ */ k("div", {
 							className: "flex items-center justify-between p-3 bg-status-warning-bg/10 rounded-lg",
-							children: [/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("p", {
+							children: [/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
 								className: "font-medium",
-								children: t?.name || k("movethewheels.inventory.lowStock.unknownProduct", "Unknown Product")
-							}), /* @__PURE__ */ C("p", {
+								children: t?.name || R("movethewheels.inventory.lowStock.unknownProduct", "Unknown Product")
+							}), /* @__PURE__ */ k("p", {
 								className: "text-sm text-text-secondary",
 								children: [
-									k("movethewheels.inventory.lowStock.sku", "SKU:"),
+									R("movethewheels.inventory.lowStock.sku", "SKU:"),
 									" ",
 									t?.sku
 								]
-							})] }), /* @__PURE__ */ C("div", {
+							})] }), /* @__PURE__ */ k("div", {
 								className: "text-right",
-								children: [/* @__PURE__ */ C("p", {
+								children: [/* @__PURE__ */ k("p", {
 									className: "font-medium text-status-warning-text",
 									children: [
 										e.availableQuantity,
 										" ",
-										k("movethewheels.inventory.lowStock.left", "left")
+										R("movethewheels.inventory.lowStock.left", "left")
 									]
-								}), /* @__PURE__ */ C("p", {
+								}), /* @__PURE__ */ k("p", {
 									className: "text-sm text-text-secondary",
 									children: [
-										k("movethewheels.inventory.lowStock.reorderAt", "Reorder at:"),
+										R("movethewheels.inventory.lowStock.reorderAt", "Reorder at:"),
 										" ",
 										e.reorderLevel
 									]
@@ -151,54 +293,137 @@ function O() {
 					})
 				}) })]
 			}),
-			/* @__PURE__ */ C("div", {
+			/* @__PURE__ */ k("div", {
+				className: "grid grid-cols-1 xl:grid-cols-3 gap-6",
+				children: [/* @__PURE__ */ O("div", {
+					className: "xl:col-span-2",
+					children: /* @__PURE__ */ O(w, {
+						title: R("movethewheels.inventory.stock.title", "Stock position"),
+						children: /* @__PURE__ */ O(ne, {
+							columns: ce,
+							data: se,
+							isLoading: W,
+							error: G,
+							onRetry: K,
+							searchable: !0,
+							searchPlaceholder: R("movethewheels.inventory.stock.search", "Search product, SKU or warehouse..."),
+							searchFields: [
+								"productName",
+								"sku",
+								"warehouseName"
+							],
+							onRowClick: (e) => X(`inventory/products/${e.productId}`),
+							getRowId: (e) => e.id,
+							emptyIllustration: "empty-data",
+							emptyTitle: R("movethewheels.inventory.stock.emptyTitle", "No stock recorded yet"),
+							emptyDescription: R("movethewheels.inventory.stock.emptyDescription", "Stock lines appear here once a product is received into a warehouse.")
+						})
+					})
+				}), /* @__PURE__ */ k(v, {
+					className: "h-fit",
+					children: [/* @__PURE__ */ O(b, { children: /* @__PURE__ */ k(x, {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ O(o, { size: 18 }), R("movethewheels.inventory.transactions.title", "Recent transactions")]
+					}) }), /* @__PURE__ */ O(y, {
+						className: "p-0",
+						children: Y ? /* @__PURE__ */ O("p", {
+							className: "p-6 text-sm text-status-error-text",
+							children: Y.message
+						}) : oe ? /* @__PURE__ */ O("p", {
+							className: "p-6 text-sm text-text-secondary",
+							children: R("movethewheels.inventory.transactions.loading", "Loading movements…")
+						}) : J.length === 0 ? /* @__PURE__ */ O("p", {
+							className: "p-6 text-sm text-text-secondary",
+							children: R("movethewheels.inventory.transactions.empty", "No stock movements recorded yet. Receipts, issues and adjustments show up here as they happen.")
+						}) : /* @__PURE__ */ O("ul", {
+							className: "divide-y",
+							children: J.map((r) => {
+								let i = F[r.type], a = H.find((e) => e.id === r.productId)?.name ?? r.transactionNumber;
+								return /* @__PURE__ */ k("li", {
+									className: "flex items-start justify-between gap-3 p-4",
+									children: [/* @__PURE__ */ k("div", {
+										className: "min-w-0",
+										children: [
+											/* @__PURE__ */ k("p", {
+												className: "flex items-center gap-1.5 font-medium",
+												children: [i === "in" ? /* @__PURE__ */ O(e, {
+													size: 14,
+													className: "text-status-success-text"
+												}) : i === "out" ? /* @__PURE__ */ O(n, {
+													size: 14,
+													className: "text-status-warning-text"
+												}) : /* @__PURE__ */ O(t, {
+													size: 14,
+													className: "text-text-secondary"
+												}), I[r.type]]
+											}),
+											/* @__PURE__ */ O("p", {
+												className: "truncate text-sm text-text-secondary",
+												children: a
+											}),
+											/* @__PURE__ */ O("p", {
+												className: "text-xs text-text-secondary",
+												children: ie(r.createdAt, "short")
+											})
+										]
+									}), /* @__PURE__ */ k("span", {
+										className: i === "in" ? "font-medium text-status-success-text" : i === "out" ? "font-medium text-status-warning-text" : "font-medium text-text-primary",
+										children: [i === "in" ? "+" : i === "out" ? "−" : "", Math.abs(r.quantity).toLocaleString()]
+									})]
+								}, r.id);
+							})
+						})
+					})]
+				})]
+			}),
+			/* @__PURE__ */ k("div", {
 				className: "grid grid-cols-1 lg:grid-cols-2 gap-6",
-				children: [/* @__PURE__ */ S(_, {
-					title: k("movethewheels.inventory.warehouses.title", "Warehouses"),
-					actions: /* @__PURE__ */ C(f, {
+				children: [/* @__PURE__ */ O(w, {
+					title: R("movethewheels.inventory.warehouses.title", "Warehouses"),
+					actions: /* @__PURE__ */ k(_, {
 						variant: "ghost",
 						size: "sm",
-						onClick: () => z("inventory/warehouses"),
+						onClick: () => X("inventory/warehouses"),
 						children: [
-							k("movethewheels.inventory.common.viewAll", "View all"),
+							R("movethewheels.inventory.common.viewAll", "View all"),
 							" ",
-							/* @__PURE__ */ S(t, { size: 16 })
+							/* @__PURE__ */ O(i, { size: 16 })
 						]
 					}),
-					children: /* @__PURE__ */ S(p, { children: /* @__PURE__ */ S(m, {
+					children: /* @__PURE__ */ O(v, { children: /* @__PURE__ */ O(y, {
 						className: "p-0",
-						children: /* @__PURE__ */ S("div", {
+						children: /* @__PURE__ */ O("div", {
 							className: "divide-y",
-							children: P.map((e) => /* @__PURE__ */ S("div", {
+							children: U.map((e) => /* @__PURE__ */ O("div", {
 								role: "button",
 								tabIndex: 0,
 								"aria-label": `View warehouse ${e.name}`,
 								className: "p-4 hover:bg-bg-sunken/50 cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-action-primary-bg",
-								onClick: () => z(`inventory/warehouses/${e.id}`),
-								onKeyDown: (t) => B(t, () => z(`inventory/warehouses/${e.id}`)),
-								children: /* @__PURE__ */ C("div", {
+								onClick: () => X(`inventory/warehouses/${e.id}`),
+								onKeyDown: (t) => Z(t, () => X(`inventory/warehouses/${e.id}`)),
+								children: /* @__PURE__ */ k("div", {
 									className: "flex items-center justify-between",
-									children: [/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("p", {
+									children: [/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
 										className: "font-medium",
 										children: e.name
-									}), /* @__PURE__ */ C("p", {
+									}), /* @__PURE__ */ k("p", {
 										className: "text-sm text-text-secondary",
 										children: [
 											e.address.city,
 											", ",
 											e.address.state
 										]
-									})] }), /* @__PURE__ */ C("div", {
+									})] }), /* @__PURE__ */ k("div", {
 										className: "text-right",
-										children: [/* @__PURE__ */ S(d, {
+										children: [/* @__PURE__ */ O(g, {
 											variant: e.isActive ? "default" : "secondary",
-											children: e.isActive ? k("movethewheels.inventory.warehouses.active", "Active") : k("movethewheels.inventory.warehouses.inactive", "Inactive")
-										}), /* @__PURE__ */ C("div", {
+											children: e.isActive ? R("movethewheels.inventory.warehouses.active", "Active") : R("movethewheels.inventory.warehouses.inactive", "Inactive")
+										}), /* @__PURE__ */ k("div", {
 											className: "mt-2",
-											children: [/* @__PURE__ */ S("p", {
+											children: [/* @__PURE__ */ O("p", {
 												className: "text-xs text-text-secondary",
-												children: k("movethewheels.inventory.warehouses.utilization", "Utilization")
-											}), /* @__PURE__ */ S(h, {
+												children: R("movethewheels.inventory.warehouses.utilization", "Utilization")
+											}), /* @__PURE__ */ O(S, {
 												value: e.capacity.usedSpace / e.capacity.totalSpace * 100,
 												className: "w-24 h-2"
 											})]
@@ -208,43 +433,43 @@ function O() {
 							}, e.id))
 						})
 					}) })
-				}), /* @__PURE__ */ S(_, {
-					title: k("movethewheels.inventory.products.title", "Recent Products"),
-					actions: /* @__PURE__ */ C(f, {
+				}), /* @__PURE__ */ O(w, {
+					title: R("movethewheels.inventory.products.title", "Recent Products"),
+					actions: /* @__PURE__ */ k(_, {
 						variant: "ghost",
 						size: "sm",
-						onClick: () => z("inventory/products"),
+						onClick: () => X("inventory/products"),
 						children: [
-							k("movethewheels.inventory.common.viewAll", "View all"),
+							R("movethewheels.inventory.common.viewAll", "View all"),
 							" ",
-							/* @__PURE__ */ S(t, { size: 16 })
+							/* @__PURE__ */ O(i, { size: 16 })
 						]
 					}),
-					children: /* @__PURE__ */ S(p, { children: /* @__PURE__ */ S(m, {
+					children: /* @__PURE__ */ O(v, { children: /* @__PURE__ */ O(y, {
 						className: "p-0",
-						children: /* @__PURE__ */ S("div", {
+						children: /* @__PURE__ */ O("div", {
 							className: "divide-y",
-							children: N.slice(0, 5).map((e) => /* @__PURE__ */ S("div", {
+							children: H.slice(0, 5).map((e) => /* @__PURE__ */ O("div", {
 								role: "button",
 								tabIndex: 0,
 								"aria-label": `View product ${e.name}`,
 								className: "p-4 hover:bg-bg-sunken/50 cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-action-primary-bg",
-								onClick: () => z(`inventory/products/${e.id}`),
-								onKeyDown: (t) => B(t, () => z(`inventory/products/${e.id}`)),
-								children: /* @__PURE__ */ C("div", {
+								onClick: () => X(`inventory/products/${e.id}`),
+								onKeyDown: (t) => Z(t, () => X(`inventory/products/${e.id}`)),
+								children: /* @__PURE__ */ k("div", {
 									className: "flex items-center justify-between",
-									children: [/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("p", {
+									children: [/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
 										className: "font-medium",
 										children: e.name
-									}), /* @__PURE__ */ S("p", {
+									}), /* @__PURE__ */ O("p", {
 										className: "text-sm text-text-secondary",
 										children: e.sku
-									})] }), /* @__PURE__ */ C("div", {
+									})] }), /* @__PURE__ */ k("div", {
 										className: "text-right",
-										children: [/* @__PURE__ */ S("p", {
+										children: [/* @__PURE__ */ O("p", {
 											className: "font-medium",
-											children: x(e.value)
-										}), /* @__PURE__ */ S(d, {
+											children: re(e.value)
+										}), /* @__PURE__ */ O(g, {
 											variant: "outline",
 											children: e.category
 										})]
@@ -259,4 +484,4 @@ function O() {
 	});
 }
 //#endregion
-export { O as default };
+export { L as default };