@burdenoff/microfe-movethewheels 2026.920.2 → 2026.921.1

package/dist/pages/InventoryPage.js

@@ -4,27 +4,28 @@ import { ArrowUpRight as n } from "../node_modules/lucide-react/dist/esm/icons/a
 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 { useI18n as A } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { CTAOverflowMenu as j, EmphasisPanel as M, PagePurpose as N } from "@burdenoff/fe-libs/ui";
+import { History as ee } from "../node_modules/lucide-react/dist/esm/icons/history.js";
+import { Lock as te } from "../node_modules/lucide-react/dist/esm/icons/lock.js";
+import { Package as o } from "../node_modules/lucide-react/dist/esm/icons/package.js";
+import { Plus as s } from "../node_modules/lucide-react/dist/esm/icons/plus.js";
+import { TriangleAlert as c } from "../node_modules/lucide-react/dist/esm/icons/triangle-alert.js";
+import { Warehouse as ne } from "../node_modules/lucide-react/dist/esm/icons/warehouse.js";
+import { joinPath as re } from "../utils/navigation.js";
+import { useMoveTheWheels as ie } from "../providers/MoveTheWheelsProvider.js";
+import { useInventory as l, useInventoryStats as u, useInventoryTransactions as ae } from "../hooks/useInventory.js";
+import { Badge as d, Button as f, Card as p, CardContent as m, CardHeader as oe, CardTitle as h, Progress as g } from "../components/ui.js";
+import { PageLayout as _, PageSection as v } from "../components/PageLayout.js";
+import { MetricCard as y, MetricCardSkeleton as b, MetricGrid as x } from "../components/MetricCard.js";
+import { StatusBadge as se } from "../components/StatusBadge.js";
+import { DataTable as ce } from "../components/DataTable.js";
+import { formatCurrency as le, formatDate as ue } from "../utils/formatters.js";
+import { useDebouncedValue as de } from "../hooks/useDebouncedValue.js";
+import { useMemo as fe, useState as S } from "react";
+import { jsx as C, jsxs as w } from "react/jsx-runtime";
+import { useI18n as T } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { CTAOverflowMenu as E, EmphasisPanel as D, PagePurpose as O } from "@burdenoff/fe-libs/ui";
 //#region src/movethewheels/pages/InventoryPage.tsx
-var P = {
+var k = {
 	out_of_stock: {
 		bg: "bg-status-error-bg-subtle",
 		text: "text-status-error-text"
@@ -37,336 +38,338 @@ var P = {
 		bg: "bg-status-success-bg-subtle",
 		text: "text-status-success-text"
 	}
-}, F = {
+}, A = {
 	RECEIPT: "in",
 	RETURN: "in",
 	ISSUE: "out",
 	TRANSFER: "neutral",
 	ADJUSTMENT: "neutral"
-}, I = {
+}, j = {
 	RECEIPT: "Inbound",
 	RETURN: "Return",
 	ISSUE: "Outbound",
 	TRANSFER: "Transfer",
 	ADJUSTMENT: "Adjustment"
 };
-function L() {
-	let { t: L } = A(), R = (e, t) => {
-		let n = L(e);
+function M() {
+	let { t: M } = T(), N = (e, t) => {
+		let n = M(e);
 		return n === e ? t : n;
-	}, { 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) => {
+	}, { basePath: P, navigate: F } = ie(), [I, L] = S(""), [R, z] = S(0), [B, V] = S(10), { inventory: H, lowStockItems: U, products: W, warehouses: pe, totalItems: me, hasMore: he, isLoading: G, error: K, refetch: q } = l({
+		search: de(I),
+		limit: B,
+		offset: R * B
+	}), { stats: J } = u(), { transactions: Y, isLoading: ge, error: X } = ae({ limit: 8 }), Z = (e) => F?.(re(P, e)), Q = (e, t) => {
 		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), t());
-	}, 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 = [
+	}, $ = N("movethewheels.inventory.lowStock.unknownProduct", "Unknown Product"), _e = fe(() => H.map((e) => ({
+		id: e.id,
+		productId: e.productId,
+		productName: e.productName ?? $,
+		sku: e.productSku ?? "—",
+		warehouseName: e.warehouseName ?? "—",
+		onHand: e.quantity,
+		allocated: e.reservedQuantity,
+		available: e.availableQuantity,
+		reorderLevel: e.reorderLevel,
+		stockState: e.quantity === 0 ? "out_of_stock" : e.availableQuantity <= e.reorderLevel ? "low" : "in_stock"
+	})), [H, $]), ve = [
 		{
 			id: "product",
-			header: R("movethewheels.inventory.stock.product", "Product"),
+			header: N("movethewheels.inventory.stock.product", "Product"),
 			accessorKey: "productName",
 			sortable: !0,
-			cell: (e) => /* @__PURE__ */ O("span", {
+			cell: (e) => /* @__PURE__ */ C("span", {
 				className: "font-medium",
 				children: e.productName
 			})
 		},
 		{
 			id: "sku",
-			header: R("movethewheels.inventory.stock.sku", "SKU"),
+			header: N("movethewheels.inventory.stock.sku", "SKU"),
 			accessorKey: "sku",
 			sortable: !0,
-			cell: (e) => /* @__PURE__ */ O("span", {
+			cell: (e) => /* @__PURE__ */ C("span", {
 				className: "text-sm text-text-secondary",
 				children: e.sku
 			})
 		},
 		{
 			id: "warehouse",
-			header: R("movethewheels.inventory.stock.warehouse", "Warehouse"),
+			header: N("movethewheels.inventory.stock.warehouse", "Warehouse"),
 			accessorKey: "warehouseName",
 			sortable: !0
 		},
 		{
 			id: "onHand",
-			header: R("movethewheels.inventory.stock.onHand", "On hand"),
+			header: N("movethewheels.inventory.stock.onHand", "On hand"),
 			accessorKey: "onHand",
 			sortable: !0,
-			cell: (e) => /* @__PURE__ */ O("span", {
+			cell: (e) => /* @__PURE__ */ C("span", {
 				className: "font-medium",
 				children: e.onHand.toLocaleString()
 			})
 		},
 		{
 			id: "allocated",
-			header: R("movethewheels.inventory.stock.allocated", "Allocated"),
+			header: N("movethewheels.inventory.stock.allocated", "Allocated"),
 			accessorKey: "allocated",
 			sortable: !0,
 			cell: (e) => e.allocated.toLocaleString()
 		},
 		{
 			id: "available",
-			header: R("movethewheels.inventory.stock.available", "Available"),
+			header: N("movethewheels.inventory.stock.available", "Available"),
 			accessorKey: "available",
 			sortable: !0,
-			cell: (e) => /* @__PURE__ */ O("span", {
+			cell: (e) => /* @__PURE__ */ C("span", {
 				className: "font-medium",
 				children: e.available.toLocaleString()
 			})
 		},
 		{
 			id: "reorderPoint",
-			header: R("movethewheels.inventory.stock.reorderPoint", "Reorder point"),
+			header: N("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],
+			header: N("movethewheels.inventory.stock.status", "Status"),
+			cell: (e) => /* @__PURE__ */ C(se, {
+				status: e.stockState === "out_of_stock" ? N("movethewheels.inventory.stock.outOfStock", "Out of stock") : e.stockState === "low" ? N("movethewheels.inventory.stock.low", "Low") : N("movethewheels.inventory.stock.inStock", "In stock"),
+				customColors: k[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(j, {
+	return /* @__PURE__ */ w(_, {
+		title: N("movethewheels.inventory.title", "Inventory"),
+		subtitle: N("movethewheels.inventory.subtitle", "Manage your products and warehouses"),
+		icon: /* @__PURE__ */ C(o, { size: 24 }),
+		headerActions: /* @__PURE__ */ C(E, {
 			primary: {
-				label: R("movethewheels.inventory.actions.addProduct", "Add Product"),
-				icon: /* @__PURE__ */ O(l, { size: 16 }),
-				onSelect: () => X("inventory/products/new")
+				label: N("movethewheels.inventory.actions.addProduct", "Add Product"),
+				icon: /* @__PURE__ */ C(s, { size: 16 }),
+				onSelect: () => Z("inventory/products/new")
 			},
 			actions: [{
-				label: R("movethewheels.inventory.actions.products", "Products"),
-				onSelect: () => X("inventory/products")
+				label: N("movethewheels.inventory.actions.products", "Products"),
+				onSelect: () => Z("inventory/products")
 			}, {
-				label: R("movethewheels.inventory.actions.warehouses", "Warehouses"),
-				onSelect: () => X("inventory/warehouses")
+				label: N("movethewheels.inventory.actions.warehouses", "Warehouses"),
+				onSelect: () => Z("inventory/warehouses")
 			}]
 		}),
 		children: [
-			/* @__PURE__ */ O(N, {
-				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.")
+			/* @__PURE__ */ C(O, {
+				icon: /* @__PURE__ */ C(o, { size: 18 }),
+				children: N("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.")
 			}),
-			G && !W ? /* @__PURE__ */ O(v, {
+			K && !G ? /* @__PURE__ */ C(p, {
 				className: "border-status-error-border",
-				children: /* @__PURE__ */ k(y, {
+				children: /* @__PURE__ */ w(m, {
 					className: "p-6 text-center space-y-3",
 					children: [
-						/* @__PURE__ */ O("p", {
+						/* @__PURE__ */ C("p", {
 							className: "text-status-error-text font-medium",
-							children: R("movethewheels.inventory.error.title", "Couldn't load inventory")
+							children: N("movethewheels.inventory.error.title", "Couldn't load inventory")
 						}),
-						/* @__PURE__ */ O("p", {
+						/* @__PURE__ */ C("p", {
 							className: "text-sm text-text-secondary",
-							children: G.message
+							children: K.message
 						}),
-						/* @__PURE__ */ O(_, {
+						/* @__PURE__ */ C(f, {
 							variant: "outline",
-							onClick: K,
-							children: R("movethewheels.inventory.error.retry", "Retry")
+							onClick: q,
+							children: N("movethewheels.inventory.error.retry", "Retry")
 						})
 					]
 				})
-			}) : W ? /* @__PURE__ */ O(D, {
+			}) : G ? /* @__PURE__ */ C(x, {
 				columns: 6,
-				children: Array.from({ length: 6 }).map((e, t) => /* @__PURE__ */ O(E, {}, t))
-			}) : /* @__PURE__ */ k(D, {
+				children: Array.from({ length: 6 }).map((e, t) => /* @__PURE__ */ C(b, {}, t))
+			}) : /* @__PURE__ */ w(x, {
 				columns: 6,
 				children: [
-					/* @__PURE__ */ O(T, {
-						label: R("movethewheels.inventory.metrics.totalOnHand", "Total on-hand"),
-						value: q.totalOnHand.toLocaleString(),
-						icon: /* @__PURE__ */ O(r, { size: 20 }),
+					/* @__PURE__ */ C(y, {
+						label: N("movethewheels.inventory.metrics.totalOnHand", "Total on-hand"),
+						value: J.totalOnHand.toLocaleString(),
+						icon: /* @__PURE__ */ C(r, { size: 20 }),
 						accent: "brand",
-						subtitle: R("movethewheels.inventory.metrics.onHandHint", "Units in the network")
+						subtitle: N("movethewheels.inventory.metrics.onHandHint", "Units in the network")
 					}),
-					/* @__PURE__ */ O(T, {
-						label: R("movethewheels.inventory.metrics.available", "Available"),
-						value: q.totalAvailable.toLocaleString(),
-						icon: /* @__PURE__ */ O(a, { size: 20 }),
+					/* @__PURE__ */ C(y, {
+						label: N("movethewheels.inventory.metrics.available", "Available"),
+						value: J.totalAvailable.toLocaleString(),
+						icon: /* @__PURE__ */ C(a, { size: 20 }),
 						accent: "success",
-						subtitle: R("movethewheels.inventory.metrics.availableHint", "Free to promise")
+						subtitle: N("movethewheels.inventory.metrics.availableHint", "Free to promise")
 					}),
-					/* @__PURE__ */ O(T, {
-						label: R("movethewheels.inventory.metrics.allocated", "Allocated"),
-						value: q.totalAllocated.toLocaleString(),
-						icon: /* @__PURE__ */ O(s, { size: 20 }),
+					/* @__PURE__ */ C(y, {
+						label: N("movethewheels.inventory.metrics.allocated", "Allocated"),
+						value: J.totalAllocated.toLocaleString(),
+						icon: /* @__PURE__ */ C(te, { size: 20 }),
 						accent: "blue",
-						subtitle: R("movethewheels.inventory.metrics.allocatedHint", "Committed to orders")
+						subtitle: N("movethewheels.inventory.metrics.allocatedHint", "Committed to orders")
 					}),
-					/* @__PURE__ */ O(T, {
-						label: R("movethewheels.inventory.metrics.lowStock", "Low-stock items"),
-						value: q.lowStockCount.toLocaleString(),
-						icon: /* @__PURE__ */ O(u, { size: 20 }),
+					/* @__PURE__ */ C(y, {
+						label: N("movethewheels.inventory.metrics.lowStock", "Low-stock items"),
+						value: J.lowStockCount.toLocaleString(),
+						icon: /* @__PURE__ */ C(c, { size: 20 }),
 						accent: "warning",
-						subtitle: R("movethewheels.inventory.metrics.lowStockHint", "At or under reorder point")
+						subtitle: N("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 }),
+					/* @__PURE__ */ C(y, {
+						label: N("movethewheels.inventory.metrics.totalProducts", "Catalog items"),
+						value: J.totalProducts.toLocaleString(),
+						icon: /* @__PURE__ */ C(o, { size: 20 }),
 						accent: "neutral",
-						onClick: () => X("inventory/products")
+						onClick: () => Z("inventory/products")
 					}),
-					/* @__PURE__ */ O(T, {
-						label: R("movethewheels.inventory.metrics.warehouses", "Warehouses"),
-						value: q.totalWarehouses.toLocaleString(),
-						icon: /* @__PURE__ */ O(d, { size: 20 }),
+					/* @__PURE__ */ C(y, {
+						label: N("movethewheels.inventory.metrics.warehouses", "Warehouses"),
+						value: J.totalWarehouses.toLocaleString(),
+						icon: /* @__PURE__ */ C(ne, { size: 20 }),
 						accent: "neutral",
-						onClick: () => X("inventory/warehouses")
+						onClick: () => Z("inventory/warehouses")
 					})
 				]
 			}),
-			Q.length > 0 && /* @__PURE__ */ k(M, {
+			U.length > 0 && /* @__PURE__ */ w(D, {
 				className: "space-y-4",
-				children: [/* @__PURE__ */ k("h2", {
+				children: [/* @__PURE__ */ w("h2", {
 					className: "flex items-center gap-2 text-base font-semibold text-status-warning-text",
 					children: [
-						/* @__PURE__ */ O(u, { size: 18 }),
-						R("movethewheels.inventory.lowStock.title", "Low Stock Alert"),
+						/* @__PURE__ */ C(c, { size: 18 }),
+						N("movethewheels.inventory.lowStock.title", "Low Stock Alert"),
 						" (",
-						Q.length,
+						J.lowStockCount,
 						" ",
-						R("movethewheels.inventory.lowStock.items", "items"),
+						N("movethewheels.inventory.lowStock.items", "items"),
 						")"
 					]
-				}), /* @__PURE__ */ O("div", { children: /* @__PURE__ */ O("div", {
+				}), /* @__PURE__ */ C("div", { children: /* @__PURE__ */ C("div", {
 					className: "space-y-3",
-					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__ */ k("div", { children: [/* @__PURE__ */ O("p", {
-								className: "font-medium",
-								children: t?.name || R("movethewheels.inventory.lowStock.unknownProduct", "Unknown Product")
-							}), /* @__PURE__ */ k("p", {
+					children: U.map((e) => /* @__PURE__ */ w("div", {
+						className: "flex items-center justify-between p-3 bg-status-warning-bg/10 rounded-lg",
+						children: [/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+							className: "font-medium",
+							children: e.productName ?? N("movethewheels.inventory.lowStock.unknownProduct", "Unknown Product")
+						}), /* @__PURE__ */ w("p", {
+							className: "text-sm text-text-secondary",
+							children: [
+								N("movethewheels.inventory.lowStock.sku", "SKU:"),
+								" ",
+								e.productSku ?? "—"
+							]
+						})] }), /* @__PURE__ */ w("div", {
+							className: "text-right",
+							children: [/* @__PURE__ */ w("p", {
+								className: "font-medium text-status-warning-text",
+								children: [
+									e.availableQuantity,
+									" ",
+									N("movethewheels.inventory.lowStock.left", "left")
+								]
+							}), /* @__PURE__ */ w("p", {
 								className: "text-sm text-text-secondary",
 								children: [
-									R("movethewheels.inventory.lowStock.sku", "SKU:"),
+									N("movethewheels.inventory.lowStock.reorderAt", "Reorder at:"),
 									" ",
-									t?.sku
+									e.reorderLevel
 								]
-							})] }), /* @__PURE__ */ k("div", {
-								className: "text-right",
-								children: [/* @__PURE__ */ k("p", {
-									className: "font-medium text-status-warning-text",
-									children: [
-										e.availableQuantity,
-										" ",
-										R("movethewheels.inventory.lowStock.left", "left")
-									]
-								}), /* @__PURE__ */ k("p", {
-									className: "text-sm text-text-secondary",
-									children: [
-										R("movethewheels.inventory.lowStock.reorderAt", "Reorder at:"),
-										" ",
-										e.reorderLevel
-									]
-								})]
 							})]
-						}, e.id);
-					})
+						})]
+					}, e.id))
 				}) })]
 			}),
-			/* @__PURE__ */ k("div", {
+			/* @__PURE__ */ w("div", {
 				className: "grid grid-cols-1 xl:grid-cols-3 gap-6",
-				children: [/* @__PURE__ */ O("div", {
+				children: [/* @__PURE__ */ C("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,
+					children: /* @__PURE__ */ C(v, {
+						title: N("movethewheels.inventory.stock.title", "Stock position"),
+						children: /* @__PURE__ */ C(ce, {
+							columns: ve,
+							data: _e,
+							isLoading: G,
+							error: K,
+							onRetry: q,
 							searchable: !0,
-							searchPlaceholder: R("movethewheels.inventory.stock.search", "Search product, SKU or warehouse..."),
+							searchPlaceholder: N("movethewheels.inventory.stock.search", "Search product, SKU or warehouse..."),
 							searchFields: [
 								"productName",
 								"sku",
 								"warehouseName"
 							],
-							onRowClick: (e) => X(`inventory/products/${e.productId}`),
+							searchQuery: I,
+							onSearchQueryChange: (e) => {
+								L(e), z(0);
+							},
+							pageIndex: R,
+							pageSize: B,
+							onPageChange: z,
+							onPageSizeChange: (e) => {
+								V(e), z(0);
+							},
+							totalItems: me,
+							hasNextPage: he,
+							onRowClick: (e) => Z(`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.")
+							emptyTitle: N("movethewheels.inventory.stock.emptyTitle", "No stock recorded yet"),
+							emptyDescription: N("movethewheels.inventory.stock.emptyDescription", "Stock lines appear here once a product is received into a warehouse.")
 						})
 					})
-				}), /* @__PURE__ */ k(v, {
+				}), /* @__PURE__ */ w(p, {
 					className: "h-fit",
-					children: [/* @__PURE__ */ O(b, { children: /* @__PURE__ */ k(x, {
+					children: [/* @__PURE__ */ C(oe, { children: /* @__PURE__ */ w(h, {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ O(o, { size: 18 }), R("movethewheels.inventory.transactions.title", "Recent transactions")]
-					}) }), /* @__PURE__ */ O(y, {
+						children: [/* @__PURE__ */ C(ee, { size: 18 }), N("movethewheels.inventory.transactions.title", "Recent transactions")]
+					}) }), /* @__PURE__ */ C(m, {
 						className: "p-0",
-						children: Y ? /* @__PURE__ */ O("p", {
+						children: X ? /* @__PURE__ */ C("p", {
 							className: "p-6 text-sm text-status-error-text",
-							children: Y.message
-						}) : oe ? /* @__PURE__ */ O("p", {
+							children: X.message
+						}) : ge ? /* @__PURE__ */ C("p", {
 							className: "p-6 text-sm text-text-secondary",
-							children: R("movethewheels.inventory.transactions.loading", "Loading movements…")
-						}) : J.length === 0 ? /* @__PURE__ */ O("p", {
+							children: N("movethewheels.inventory.transactions.loading", "Loading movements…")
+						}) : Y.length === 0 ? /* @__PURE__ */ C("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", {
+							children: N("movethewheels.inventory.transactions.empty", "No stock movements recorded yet. Receipts, issues and adjustments show up here as they happen.")
+						}) : /* @__PURE__ */ C("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", {
+							children: Y.map((r) => {
+								let i = A[r.type], a = W.find((e) => e.id === r.productId)?.name ?? r.transactionNumber;
+								return /* @__PURE__ */ w("li", {
 									className: "flex items-start justify-between gap-3 p-4",
-									children: [/* @__PURE__ */ k("div", {
+									children: [/* @__PURE__ */ w("div", {
 										className: "min-w-0",
 										children: [
-											/* @__PURE__ */ k("p", {
+											/* @__PURE__ */ w("p", {
 												className: "flex items-center gap-1.5 font-medium",
-												children: [i === "in" ? /* @__PURE__ */ O(e, {
+												children: [i === "in" ? /* @__PURE__ */ C(e, {
 													size: 14,
 													className: "text-status-success-text"
-												}) : i === "out" ? /* @__PURE__ */ O(n, {
+												}) : i === "out" ? /* @__PURE__ */ C(n, {
 													size: 14,
 													className: "text-status-warning-text"
-												}) : /* @__PURE__ */ O(t, {
+												}) : /* @__PURE__ */ C(t, {
 													size: 14,
 													className: "text-text-secondary"
-												}), I[r.type]]
+												}), j[r.type]]
 											}),
-											/* @__PURE__ */ O("p", {
+											/* @__PURE__ */ C("p", {
 												className: "truncate text-sm text-text-secondary",
 												children: a
 											}),
-											/* @__PURE__ */ O("p", {
+											/* @__PURE__ */ C("p", {
 												className: "text-xs text-text-secondary",
-												children: ie(r.createdAt, "short")
+												children: ue(r.createdAt, "short")
 											})
 										]
-									}), /* @__PURE__ */ k("span", {
+									}), /* @__PURE__ */ w("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()]
 									})]
@@ -376,54 +379,54 @@ function L() {
 					})]
 				})]
 			}),
-			/* @__PURE__ */ k("div", {
+			/* @__PURE__ */ w("div", {
 				className: "grid grid-cols-1 lg:grid-cols-2 gap-6",
-				children: [/* @__PURE__ */ O(w, {
-					title: R("movethewheels.inventory.warehouses.title", "Warehouses"),
-					actions: /* @__PURE__ */ k(_, {
+				children: [/* @__PURE__ */ C(v, {
+					title: N("movethewheels.inventory.warehouses.title", "Warehouses"),
+					actions: /* @__PURE__ */ w(f, {
 						variant: "ghost",
 						size: "sm",
-						onClick: () => X("inventory/warehouses"),
+						onClick: () => Z("inventory/warehouses"),
 						children: [
-							R("movethewheels.inventory.common.viewAll", "View all"),
+							N("movethewheels.inventory.common.viewAll", "View all"),
 							" ",
-							/* @__PURE__ */ O(i, { size: 16 })
+							/* @__PURE__ */ C(i, { size: 16 })
 						]
 					}),
-					children: /* @__PURE__ */ O(v, { children: /* @__PURE__ */ O(y, {
+					children: /* @__PURE__ */ C(p, { children: /* @__PURE__ */ C(m, {
 						className: "p-0",
-						children: /* @__PURE__ */ O("div", {
+						children: /* @__PURE__ */ C("div", {
 							className: "divide-y",
-							children: U.map((e) => /* @__PURE__ */ O("div", {
+							children: pe.map((e) => /* @__PURE__ */ C("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: () => X(`inventory/warehouses/${e.id}`),
-								onKeyDown: (t) => Z(t, () => X(`inventory/warehouses/${e.id}`)),
-								children: /* @__PURE__ */ k("div", {
+								onClick: () => Z(`inventory/warehouses/${e.id}`),
+								onKeyDown: (t) => Q(t, () => Z(`inventory/warehouses/${e.id}`)),
+								children: /* @__PURE__ */ w("div", {
 									className: "flex items-center justify-between",
-									children: [/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
+									children: [/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
 										className: "font-medium",
 										children: e.name
-									}), /* @__PURE__ */ k("p", {
+									}), /* @__PURE__ */ w("p", {
 										className: "text-sm text-text-secondary",
 										children: [
 											e.address.city,
 											", ",
 											e.address.state
 										]
-									})] }), /* @__PURE__ */ k("div", {
+									})] }), /* @__PURE__ */ w("div", {
 										className: "text-right",
-										children: [/* @__PURE__ */ O(g, {
+										children: [/* @__PURE__ */ C(d, {
 											variant: e.isActive ? "default" : "secondary",
-											children: e.isActive ? R("movethewheels.inventory.warehouses.active", "Active") : R("movethewheels.inventory.warehouses.inactive", "Inactive")
-										}), /* @__PURE__ */ k("div", {
+											children: e.isActive ? N("movethewheels.inventory.warehouses.active", "Active") : N("movethewheels.inventory.warehouses.inactive", "Inactive")
+										}), /* @__PURE__ */ w("div", {
 											className: "mt-2",
-											children: [/* @__PURE__ */ O("p", {
+											children: [/* @__PURE__ */ C("p", {
 												className: "text-xs text-text-secondary",
-												children: R("movethewheels.inventory.warehouses.utilization", "Utilization")
-											}), /* @__PURE__ */ O(S, {
+												children: N("movethewheels.inventory.warehouses.utilization", "Utilization")
+											}), /* @__PURE__ */ C(g, {
 												value: e.capacity.usedSpace / e.capacity.totalSpace * 100,
 												className: "w-24 h-2"
 											})]
@@ -433,43 +436,43 @@ function L() {
 							}, e.id))
 						})
 					}) })
-				}), /* @__PURE__ */ O(w, {
-					title: R("movethewheels.inventory.products.title", "Recent Products"),
-					actions: /* @__PURE__ */ k(_, {
+				}), /* @__PURE__ */ C(v, {
+					title: N("movethewheels.inventory.products.title", "Recent Products"),
+					actions: /* @__PURE__ */ w(f, {
 						variant: "ghost",
 						size: "sm",
-						onClick: () => X("inventory/products"),
+						onClick: () => Z("inventory/products"),
 						children: [
-							R("movethewheels.inventory.common.viewAll", "View all"),
+							N("movethewheels.inventory.common.viewAll", "View all"),
 							" ",
-							/* @__PURE__ */ O(i, { size: 16 })
+							/* @__PURE__ */ C(i, { size: 16 })
 						]
 					}),
-					children: /* @__PURE__ */ O(v, { children: /* @__PURE__ */ O(y, {
+					children: /* @__PURE__ */ C(p, { children: /* @__PURE__ */ C(m, {
 						className: "p-0",
-						children: /* @__PURE__ */ O("div", {
+						children: /* @__PURE__ */ C("div", {
 							className: "divide-y",
-							children: H.slice(0, 5).map((e) => /* @__PURE__ */ O("div", {
+							children: W.slice(0, 5).map((e) => /* @__PURE__ */ C("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: () => X(`inventory/products/${e.id}`),
-								onKeyDown: (t) => Z(t, () => X(`inventory/products/${e.id}`)),
-								children: /* @__PURE__ */ k("div", {
+								onClick: () => Z(`inventory/products/${e.id}`),
+								onKeyDown: (t) => Q(t, () => Z(`inventory/products/${e.id}`)),
+								children: /* @__PURE__ */ w("div", {
 									className: "flex items-center justify-between",
-									children: [/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
+									children: [/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
 										className: "font-medium",
 										children: e.name
-									}), /* @__PURE__ */ O("p", {
+									}), /* @__PURE__ */ C("p", {
 										className: "text-sm text-text-secondary",
 										children: e.sku
-									})] }), /* @__PURE__ */ k("div", {
+									})] }), /* @__PURE__ */ w("div", {
 										className: "text-right",
-										children: [/* @__PURE__ */ O("p", {
+										children: [/* @__PURE__ */ C("p", {
 											className: "font-medium",
-											children: re(e.value)
-										}), /* @__PURE__ */ O(g, {
+											children: le(e.value)
+										}), /* @__PURE__ */ C(d, {
 											variant: "outline",
 											children: e.category
 										})]
@@ -484,4 +487,4 @@ function L() {
 	});
 }
 //#endregion
-export { L as default };
+export { M as default };