@burdenoff/microfe-movethewheels 2026.930.2 → 2026.930.4

package/dist/pages/InventoryPage.js

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