@burdenoff/microfe-movethewheels 2026.822.1 → 2026.828.1

package/dist/pages/ProductDetailsPage.js

@@ -5,52 +5,53 @@ import { Package as r } from "../node_modules/lucide-react/dist/esm/icons/packag
 import { Save as i } from "../node_modules/lucide-react/dist/esm/icons/save.js";
 import { SquarePen as a } from "../node_modules/lucide-react/dist/esm/icons/square-pen.js";
 import { Tag as o } from "../node_modules/lucide-react/dist/esm/icons/tag.js";
-import { joinPath as s } from "../utils/navigation.js";
-import { useMoveTheWheels as c } from "../providers/MoveTheWheelsProvider.js";
-import { useInventory as l, useProduct as u } from "../hooks/useInventory.js";
-import { Badge as d, Button as f, Card as p, CardContent as m, CardHeader as h, CardTitle as g, Input as _, Label as v } from "../components/ui.js";
-import { ErrorState as y, LoadingState as b, PageLayout as x } from "../components/PageLayout.js";
-import { FormError as S } from "../components/FormError.js";
-import { formatCurrency as C } from "../utils/formatters.js";
-import { useEffect as w, useState as T } from "react";
-import { useLocation as E, useParams as D } from "react-router";
-import { jsx as O, jsxs as k } from "react/jsx-runtime";
-import { EmphasisPanel as A, NextSteps as j, PagePurpose as M } from "@burdenoff/fe-libs/ui";
+import { Warehouse as s } from "../node_modules/lucide-react/dist/esm/icons/warehouse.js";
+import { joinPath as c } from "../utils/navigation.js";
+import { useMoveTheWheels as l } from "../providers/MoveTheWheelsProvider.js";
+import { useInventory as u, useProduct as d, useProductStockLevels as f } from "../hooks/useInventory.js";
+import { Badge as p, Button as m, Card as h, CardContent as g, CardHeader as _, CardTitle as v, Input as y, Label as b } from "../components/ui.js";
+import { ErrorState as x, LoadingState as S, PageLayout as C } from "../components/PageLayout.js";
+import { FormError as w } from "../components/FormError.js";
+import { formatCurrency as T } from "../utils/formatters.js";
+import { useEffect as E, useState as D } from "react";
+import { useLocation as O, useParams as k } from "react-router";
+import { Fragment as A, jsx as j, jsxs as M } from "react/jsx-runtime";
+import { EmphasisPanel as N, NextSteps as P, PagePurpose as F } from "@burdenoff/fe-libs/ui";
 //#region src/movethewheels/pages/ProductDetailsPage.tsx
-function N({ editId: t }) {
-	let { basePath: n, navigate: a } = c(), { createProduct: o, updateProduct: d } = l(), { product: p } = u(t), m = !!t, [h, g] = T({
+function I({ editId: t }) {
+	let { basePath: n, navigate: a } = l(), { createProduct: o, updateProduct: s } = u(), { product: f } = d(t), p = !!t, [h, g] = D({
 		name: "",
 		sku: "",
 		category: "",
 		brand: "",
 		weight: ""
-	}), [y, b] = T(!1), [C, E] = T(null);
-	w(() => {
-		t && p && g({
-			name: p.name ?? "",
-			sku: p.sku ?? "",
-			category: p.category ?? "",
-			brand: p.brand ?? "",
-			weight: p.weight == null ? "" : String(p.weight)
+	}), [_, v] = D(!1), [x, S] = D(null);
+	E(() => {
+		t && f && g({
+			name: f.name ?? "",
+			sku: f.sku ?? "",
+			category: f.category ?? "",
+			brand: f.brand ?? "",
+			weight: f.weight == null ? "" : String(f.weight)
 		});
-	}, [t, p]);
-	let D = () => a?.(s(n, "inventory/products")), j = async (e) => {
+	}, [t, f]);
+	let T = () => a?.(c(n, "inventory/products")), O = async (e) => {
 		if (e.preventDefault(), !h.name.trim() || !h.sku.trim()) {
-			E("Product name and SKU are required.");
+			S("Product name and SKU are required.");
 			return;
 		}
-		b(!0), E(null);
+		v(!0), S(null);
 		try {
 			let e = h.weight.trim() ? Number(h.weight) : void 0;
-			if (m && t) {
-				let r = await d(t, {
+			if (p && t) {
+				let r = await s(t, {
 					name: h.name.trim(),
 					sku: h.sku.trim(),
 					category: h.category.trim() || void 0,
 					brand: h.brand.trim() || void 0,
 					weight: e !== void 0 && !Number.isNaN(e) ? e : void 0
 				});
-				a?.(s(n, `inventory/products/${r.id}`));
+				a?.(c(n, `inventory/products/${r.id}`));
 			} else {
 				let t = await o({
 					name: h.name.trim(),
@@ -59,55 +60,55 @@ function N({ editId: t }) {
 					brand: h.brand.trim() || void 0,
 					weight: e !== void 0 && !Number.isNaN(e) ? e : void 0
 				});
-				a?.(s(n, `inventory/products/${t.id}`));
+				a?.(c(n, `inventory/products/${t.id}`));
 			}
 		} catch (e) {
-			console.error("Failed to create product:", e), E(e instanceof Error ? e.message : "Failed to create product. Please try again."), b(!1);
+			console.error("Failed to create product:", e), S(e instanceof Error ? e.message : "Failed to create product. Please try again."), v(!1);
 		}
 	};
-	return /* @__PURE__ */ k(x, {
-		title: m ? "Edit Product" : "Add Product",
+	return /* @__PURE__ */ M(C, {
+		title: p ? "Edit Product" : "Add Product",
 		subtitle: "Add an item to your catalog",
-		icon: /* @__PURE__ */ O(r, { size: 24 }),
-		headerActions: /* @__PURE__ */ k("div", {
+		icon: /* @__PURE__ */ j(r, { size: 24 }),
+		headerActions: /* @__PURE__ */ M("div", {
 			className: "flex gap-2",
-			children: [/* @__PURE__ */ k(f, {
+			children: [/* @__PURE__ */ M(m, {
 				variant: "outline",
-				onClick: D,
-				disabled: y,
-				children: [/* @__PURE__ */ O(e, { size: 16 }), " Cancel"]
-			}), /* @__PURE__ */ k(f, {
-				onClick: j,
-				disabled: y,
+				onClick: T,
+				disabled: _,
+				children: [/* @__PURE__ */ j(e, { size: 16 }), " Cancel"]
+			}), /* @__PURE__ */ M(m, {
+				onClick: O,
+				disabled: _,
 				children: [
-					/* @__PURE__ */ O(i, { size: 16 }),
+					/* @__PURE__ */ j(i, { size: 16 }),
 					" ",
-					m ? y ? "Saving..." : "Save Changes" : y ? "Saving..." : "Add Product"
+					p ? _ ? "Saving..." : "Save Changes" : _ ? "Saving..." : "Add Product"
 				]
 			})]
 		}),
-		children: [/* @__PURE__ */ O(M, {
-			icon: /* @__PURE__ */ O(r, { size: 18 }),
+		children: [/* @__PURE__ */ j(F, {
+			icon: /* @__PURE__ */ j(r, { size: 18 }),
 			children: "Add a product so it can be added to orders and stocked in warehouses. A name and SKU are all it takes to start — category, brand and weight help with picking, pricing and routing."
-		}), /* @__PURE__ */ k("form", {
-			onSubmit: j,
+		}), /* @__PURE__ */ M("form", {
+			onSubmit: O,
 			className: "max-w-2xl space-y-6",
-			children: [/* @__PURE__ */ O(S, { message: C }), /* @__PURE__ */ k(A, { children: [/* @__PURE__ */ O("h2", {
+			children: [/* @__PURE__ */ j(w, { message: x }), /* @__PURE__ */ M(N, { children: [/* @__PURE__ */ j("h2", {
 				className: "text-base font-semibold text-text-primary mb-4",
 				children: "Product Details"
-			}), /* @__PURE__ */ k("div", {
+			}), /* @__PURE__ */ M("div", {
 				className: "space-y-4",
-				children: [/* @__PURE__ */ k("div", {
+				children: [/* @__PURE__ */ M("div", {
 					className: "grid grid-cols-1 md:grid-cols-2 gap-4",
-					children: [/* @__PURE__ */ k("div", {
+					children: [/* @__PURE__ */ M("div", {
 						className: "space-y-2",
-						children: [/* @__PURE__ */ k(v, {
+						children: [/* @__PURE__ */ M(b, {
 							htmlFor: "name",
-							children: ["Name ", /* @__PURE__ */ O("span", {
+							children: ["Name ", /* @__PURE__ */ j("span", {
 								className: "text-status-error-text",
 								children: "*"
 							})]
-						}), /* @__PURE__ */ O(_, {
+						}), /* @__PURE__ */ j(y, {
 							id: "name",
 							value: h.name,
 							onChange: (e) => g((t) => ({
@@ -117,15 +118,15 @@ function N({ editId: t }) {
 							placeholder: "Wireless Headphones",
 							required: !0
 						})]
-					}), /* @__PURE__ */ k("div", {
+					}), /* @__PURE__ */ M("div", {
 						className: "space-y-2",
-						children: [/* @__PURE__ */ k(v, {
+						children: [/* @__PURE__ */ M(b, {
 							htmlFor: "sku",
-							children: ["SKU ", /* @__PURE__ */ O("span", {
+							children: ["SKU ", /* @__PURE__ */ j("span", {
 								className: "text-status-error-text",
 								children: "*"
 							})]
-						}), /* @__PURE__ */ O(_, {
+						}), /* @__PURE__ */ j(y, {
 							id: "sku",
 							value: h.sku,
 							onChange: (e) => g((t) => ({
@@ -136,15 +137,15 @@ function N({ editId: t }) {
 							required: !0
 						})]
 					})]
-				}), /* @__PURE__ */ k("div", {
+				}), /* @__PURE__ */ M("div", {
 					className: "grid grid-cols-1 md:grid-cols-3 gap-4",
 					children: [
-						/* @__PURE__ */ k("div", {
+						/* @__PURE__ */ M("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ O(v, {
+							children: [/* @__PURE__ */ j(b, {
 								htmlFor: "category",
 								children: "Category"
-							}), /* @__PURE__ */ O(_, {
+							}), /* @__PURE__ */ j(y, {
 								id: "category",
 								value: h.category,
 								onChange: (e) => g((t) => ({
@@ -154,12 +155,12 @@ function N({ editId: t }) {
 								placeholder: "Electronics"
 							})]
 						}),
-						/* @__PURE__ */ k("div", {
+						/* @__PURE__ */ M("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ O(v, {
+							children: [/* @__PURE__ */ j(b, {
 								htmlFor: "brand",
 								children: "Brand"
-							}), /* @__PURE__ */ O(_, {
+							}), /* @__PURE__ */ j(y, {
 								id: "brand",
 								value: h.brand,
 								onChange: (e) => g((t) => ({
@@ -169,12 +170,12 @@ function N({ editId: t }) {
 								placeholder: "Acme"
 							})]
 						}),
-						/* @__PURE__ */ k("div", {
+						/* @__PURE__ */ M("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ O(v, {
+							children: [/* @__PURE__ */ j(b, {
 								htmlFor: "weight",
 								children: "Weight (kg)"
-							}), /* @__PURE__ */ O(_, {
+							}), /* @__PURE__ */ j(y, {
 								id: "weight",
 								type: "number",
 								min: "0",
@@ -193,175 +194,230 @@ function N({ editId: t }) {
 		})]
 	});
 }
-function P() {
-	let { productId: i } = D(), { basePath: l, navigate: _ } = c(), { product: v, isLoading: S, error: w, refetch: T } = u(i), P = E().pathname.endsWith("/edit"), F = () => _?.(s(l, "inventory/products")), I = (e) => _?.(s(l, e));
-	return i ? P ? /* @__PURE__ */ O(N, { editId: i }) : S ? /* @__PURE__ */ O(b, { message: "Loading product details..." }) : w || !v ? /* @__PURE__ */ O(y, {
+function L() {
+	let { productId: i } = k(), { basePath: u, navigate: y } = l(), { product: b, isLoading: w, error: E, refetch: D } = d(i), L = O().pathname.endsWith("/edit"), { levels: R, isLoading: z, error: B } = f(L ? void 0 : i), V = R.reduce((e, t) => e + t.available, 0), H = () => y?.(c(u, "inventory/products")), U = (e) => y?.(c(u, e));
+	return i ? L ? /* @__PURE__ */ j(I, { editId: i }) : w ? /* @__PURE__ */ j(S, { message: "Loading product details..." }) : E || !b ? /* @__PURE__ */ j(x, {
 		title: "Product not found",
-		onRetry: T
-	}) : /* @__PURE__ */ k(x, {
-		title: v.name,
-		subtitle: `SKU: ${v.sku}`,
-		icon: /* @__PURE__ */ O(r, { size: 24 }),
-		headerActions: /* @__PURE__ */ k("div", {
+		onRetry: D
+	}) : /* @__PURE__ */ M(C, {
+		title: b.name,
+		subtitle: `SKU: ${b.sku}`,
+		icon: /* @__PURE__ */ j(r, { size: 24 }),
+		headerActions: /* @__PURE__ */ M("div", {
 			className: "flex gap-2",
-			children: [/* @__PURE__ */ k(f, {
+			children: [/* @__PURE__ */ M(m, {
 				variant: "outline",
-				onClick: F,
-				children: [/* @__PURE__ */ O(e, { size: 16 }), " Back"]
-			}), /* @__PURE__ */ k(f, {
-				onClick: () => _?.(s(l, `inventory/products/${i}/edit`)),
-				children: [/* @__PURE__ */ O(a, { size: 16 }), " Edit"]
+				onClick: H,
+				children: [/* @__PURE__ */ j(e, { size: 16 }), " Back"]
+			}), /* @__PURE__ */ M(m, {
+				onClick: () => y?.(c(u, `inventory/products/${i}/edit`)),
+				children: [/* @__PURE__ */ j(a, { size: 16 }), " Edit"]
 			})]
 		}),
-		headerContent: /* @__PURE__ */ k("div", {
+		headerContent: /* @__PURE__ */ M("div", {
 			className: "flex gap-2",
 			children: [
-				/* @__PURE__ */ O(d, {
+				/* @__PURE__ */ j(p, {
 					variant: "outline",
-					children: v.category
+					children: b.category
 				}),
-				v.brand && /* @__PURE__ */ O(d, {
+				b.brand && /* @__PURE__ */ j(p, {
 					variant: "secondary",
-					children: v.brand
+					children: b.brand
 				}),
-				v.fragile && /* @__PURE__ */ O(d, {
+				b.fragile && /* @__PURE__ */ j(p, {
 					variant: "destructive",
 					children: "Fragile"
 				}),
-				v.hazardous && /* @__PURE__ */ O(d, {
+				b.hazardous && /* @__PURE__ */ j(p, {
 					variant: "destructive",
 					children: "Hazardous"
 				}),
-				v.temperatureControlled && /* @__PURE__ */ O(d, {
+				b.temperatureControlled && /* @__PURE__ */ j(p, {
 					variant: "secondary",
 					children: "Temp Controlled"
 				})
 			]
 		}),
 		children: [
-			/* @__PURE__ */ O(M, {
-				icon: /* @__PURE__ */ O(r, { size: 18 }),
+			/* @__PURE__ */ j(F, {
+				icon: /* @__PURE__ */ j(r, { size: 18 }),
 				children: "The catalog record for this item — its dimensions, weight, value and handling flags. These drive how it's packed, priced and routed, so keep them accurate before adding the product to an order or stocking it in a warehouse."
 			}),
-			/* @__PURE__ */ O(j, {
+			/* @__PURE__ */ j(P, {
 				storageKey: "movethewheels-product-details",
 				steps: [{
 					id: "order",
 					label: "Add this product to an order",
 					description: "Include it on a new delivery.",
-					icon: /* @__PURE__ */ O(r, { size: 16 }),
-					onClick: () => I("orders/new")
+					icon: /* @__PURE__ */ j(r, { size: 16 }),
+					onClick: () => U("orders/new")
 				}, {
 					id: "edit",
 					label: "Edit product details",
 					description: "Update dimensions, value or handling flags.",
-					icon: /* @__PURE__ */ O(o, { size: 16 }),
-					onClick: () => {}
+					icon: /* @__PURE__ */ j(o, { size: 16 }),
+					onClick: () => U(`inventory/products/${i}/edit`)
 				}]
 			}),
-			/* @__PURE__ */ k("div", {
+			/* @__PURE__ */ M("div", {
 				className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
-				children: [/* @__PURE__ */ k("div", {
+				children: [/* @__PURE__ */ M("div", {
 					className: "lg:col-span-2 space-y-6",
 					children: [
-						/* @__PURE__ */ k(p, { children: [/* @__PURE__ */ O(h, { children: /* @__PURE__ */ O(g, { children: "Description" }) }), /* @__PURE__ */ O(m, { children: /* @__PURE__ */ O("p", { children: v.description }) })] }),
-						/* @__PURE__ */ k(p, { children: [/* @__PURE__ */ O(h, { children: /* @__PURE__ */ k(g, {
+						/* @__PURE__ */ M(h, { children: [/* @__PURE__ */ j(_, { children: /* @__PURE__ */ j(v, { children: "Description" }) }), /* @__PURE__ */ j(g, { children: /* @__PURE__ */ j("p", { children: b.description }) })] }),
+						/* @__PURE__ */ M(h, { children: [/* @__PURE__ */ j(_, { children: /* @__PURE__ */ M(v, {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ O(t, { size: 18 }), " Dimensions & Weight"]
-						}) }), /* @__PURE__ */ O(m, { children: /* @__PURE__ */ k("div", {
+							children: [/* @__PURE__ */ j(t, { size: 18 }), " Dimensions & Weight"]
+						}) }), /* @__PURE__ */ j(g, { children: /* @__PURE__ */ M("div", {
 							className: "grid grid-cols-2 md:grid-cols-4 gap-4",
 							children: [
-								/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
+								/* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("p", {
 									className: "text-sm text-text-secondary",
 									children: "Length"
-								}), /* @__PURE__ */ k("p", {
+								}), /* @__PURE__ */ M("p", {
 									className: "text-2xl font-bold",
-									children: [v.dimensions.length, /* @__PURE__ */ k("span", {
+									children: [b.dimensions.length, /* @__PURE__ */ M("span", {
 										className: "text-sm font-normal",
-										children: [" ", v.dimensions.unit]
+										children: [" ", b.dimensions.unit]
 									})]
 								})] }),
-								/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
+								/* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("p", {
 									className: "text-sm text-text-secondary",
 									children: "Width"
-								}), /* @__PURE__ */ k("p", {
+								}), /* @__PURE__ */ M("p", {
 									className: "text-2xl font-bold",
-									children: [v.dimensions.width, /* @__PURE__ */ k("span", {
+									children: [b.dimensions.width, /* @__PURE__ */ M("span", {
 										className: "text-sm font-normal",
-										children: [" ", v.dimensions.unit]
+										children: [" ", b.dimensions.unit]
 									})]
 								})] }),
-								/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
+								/* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("p", {
 									className: "text-sm text-text-secondary",
 									children: "Height"
-								}), /* @__PURE__ */ k("p", {
+								}), /* @__PURE__ */ M("p", {
 									className: "text-2xl font-bold",
-									children: [v.dimensions.height, /* @__PURE__ */ k("span", {
+									children: [b.dimensions.height, /* @__PURE__ */ M("span", {
 										className: "text-sm font-normal",
-										children: [" ", v.dimensions.unit]
+										children: [" ", b.dimensions.unit]
 									})]
 								})] }),
-								/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
+								/* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("p", {
 									className: "text-sm text-text-secondary",
 									children: "Weight"
-								}), /* @__PURE__ */ k("p", {
+								}), /* @__PURE__ */ M("p", {
 									className: "text-2xl font-bold",
-									children: [v.weight, /* @__PURE__ */ O("span", {
+									children: [b.weight, /* @__PURE__ */ j("span", {
 										className: "text-sm font-normal",
 										children: " kg"
 									})]
 								})] })
 							]
 						}) })] }),
-						v.attributes.length > 0 && /* @__PURE__ */ k(p, { children: [/* @__PURE__ */ O(h, { children: /* @__PURE__ */ k(g, {
+						b.attributes.length > 0 && /* @__PURE__ */ M(h, { children: [/* @__PURE__ */ j(_, { children: /* @__PURE__ */ M(v, {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ O(o, { size: 18 }), " Attributes"]
-						}) }), /* @__PURE__ */ O(m, { children: /* @__PURE__ */ O("div", {
+							children: [/* @__PURE__ */ j(o, { size: 18 }), " Attributes"]
+						}) }), /* @__PURE__ */ j(g, { children: /* @__PURE__ */ j("div", {
 							className: "grid grid-cols-2 md:grid-cols-3 gap-4",
-							children: v.attributes.map((e, t) => /* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
+							children: b.attributes.map((e, t) => /* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("p", {
 								className: "text-sm text-text-secondary",
 								children: e.name
-							}), /* @__PURE__ */ O("p", {
+							}), /* @__PURE__ */ j("p", {
 								className: "font-medium",
 								children: e.value
 							})] }, t))
 						}) })] })
 					]
-				}), /* @__PURE__ */ k("div", {
+				}), /* @__PURE__ */ M("div", {
 					className: "space-y-6",
-					children: [/* @__PURE__ */ k(A, { children: [
-						/* @__PURE__ */ k("h2", {
-							className: "flex items-center gap-2 text-base font-semibold text-text-primary mb-3",
-							children: [/* @__PURE__ */ O(n, { size: 18 }), " Pricing"]
-						}),
-						/* @__PURE__ */ O("p", {
-							className: "text-3xl font-bold",
-							children: C(v.value)
-						}),
-						/* @__PURE__ */ O("p", {
-							className: "text-sm text-text-secondary",
-							children: "Unit price"
-						})
-					] }), /* @__PURE__ */ k(p, { children: [/* @__PURE__ */ O(h, { children: /* @__PURE__ */ O(g, { children: "Identifiers" }) }), /* @__PURE__ */ k(m, {
-						className: "space-y-3",
-						children: [/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
-							className: "text-sm text-text-secondary",
-							children: "SKU"
-						}), /* @__PURE__ */ O("p", {
-							className: "font-mono",
-							children: v.sku
-						})] }), v.barcode && /* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
-							className: "text-sm text-text-secondary",
-							children: "Barcode"
-						}), /* @__PURE__ */ O("p", {
-							className: "font-mono",
-							children: v.barcode
-						})] })]
-					})] })]
+					children: [
+						/* @__PURE__ */ M(N, { children: [
+							/* @__PURE__ */ M("h2", {
+								className: "flex items-center gap-2 text-base font-semibold text-text-primary mb-3",
+								children: [/* @__PURE__ */ j(n, { size: 18 }), " Pricing"]
+							}),
+							/* @__PURE__ */ j("p", {
+								className: "text-3xl font-bold",
+								children: T(b.value)
+							}),
+							/* @__PURE__ */ j("p", {
+								className: "text-sm text-text-secondary",
+								children: "Unit price"
+							})
+						] }),
+						/* @__PURE__ */ M(h, { children: [/* @__PURE__ */ j(_, { children: /* @__PURE__ */ M(v, {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ j(s, { size: 18 }), " Stock Levels"]
+						}) }), /* @__PURE__ */ j(g, {
+							className: "space-y-3",
+							children: B ? /* @__PURE__ */ j("p", {
+								className: "text-sm text-status-error-text",
+								children: B.message
+							}) : z ? /* @__PURE__ */ j("p", {
+								className: "text-sm text-text-secondary",
+								children: "Loading stock levels…"
+							}) : R.length === 0 ? /* @__PURE__ */ M("div", {
+								className: "space-y-3",
+								children: [/* @__PURE__ */ j("p", {
+									className: "text-sm text-text-secondary",
+									children: "This item isn't stocked in any warehouse yet, so nothing can be promised on an order."
+								}), /* @__PURE__ */ j(m, {
+									variant: "outline",
+									size: "sm",
+									onClick: () => U("inventory/warehouses"),
+									children: "View warehouses"
+								})]
+							}) : /* @__PURE__ */ M(A, { children: [R.map((e) => /* @__PURE__ */ M("div", {
+								className: "flex items-baseline justify-between gap-3",
+								children: [/* @__PURE__ */ M("div", {
+									className: "min-w-0",
+									children: [/* @__PURE__ */ j("p", {
+										className: "truncate text-sm font-medium",
+										children: e.warehouseName
+									}), /* @__PURE__ */ M("p", {
+										className: "text-xs text-text-secondary",
+										children: [
+											e.allocated.toLocaleString(),
+											" allocated",
+											e.reorderPoint === void 0 ? "" : ` · reorder at ${e.reorderPoint.toLocaleString()}`
+										]
+									})]
+								}), /* @__PURE__ */ j("span", {
+									className: e.reorderPoint !== void 0 && e.available <= e.reorderPoint ? "font-semibold text-status-warning-text" : "font-semibold",
+									children: e.available.toLocaleString()
+								})]
+							}, e.inventoryItemId)), /* @__PURE__ */ M("div", {
+								className: "flex items-baseline justify-between gap-3 border-t border-border-seam pt-3",
+								children: [/* @__PURE__ */ j("p", {
+									className: "text-sm text-text-secondary",
+									children: "Available across the network"
+								}), /* @__PURE__ */ j("span", {
+									className: "font-bold",
+									children: V.toLocaleString()
+								})]
+							})] })
+						})] }),
+						/* @__PURE__ */ M(h, { children: [/* @__PURE__ */ j(_, { children: /* @__PURE__ */ j(v, { children: "Identifiers" }) }), /* @__PURE__ */ M(g, {
+							className: "space-y-3",
+							children: [/* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("p", {
+								className: "text-sm text-text-secondary",
+								children: "SKU"
+							}), /* @__PURE__ */ j("p", {
+								className: "font-mono",
+								children: b.sku
+							})] }), b.barcode && /* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("p", {
+								className: "text-sm text-text-secondary",
+								children: "Barcode"
+							}), /* @__PURE__ */ j("p", {
+								className: "font-mono",
+								children: b.barcode
+							})] })]
+						})] })
+					]
 				})]
 			})
 		]
-	}) : /* @__PURE__ */ O(N, {});
+	}) : /* @__PURE__ */ j(I, {});
 }
 //#endregion
-export { P as default };
+export { L as default };