@burdenoff/microfe-movethewheels 2026.929.3 → 2026.930.1

package/dist/pages/WarehouseDetailsPage.js

@@ -15,10 +15,10 @@ import { FormError as k } from "../components/FormError.js";
 import { formatAddress as A } from "../utils/formatters.js";
 import { useEffect as j, useState as M } from "react";
 import { useLocation as N, useParams as P } from "react-router";
-import { jsx as F, jsxs as I } from "react/jsx-runtime";
-import { EmphasisPanel as L, NextSteps as R, PagePurpose as z, ResponsiveDialog as B, ResponsiveDialogContent as V, ResponsiveDialogDescription as H, ResponsiveDialogFooter as U, ResponsiveDialogHeader as ee, ResponsiveDialogTitle as te } from "@burdenoff/fe-libs/ui";
+import { Fragment as F, jsx as I, jsxs as L } from "react/jsx-runtime";
+import { EmphasisPanel as R, NextSteps as z, PagePurpose as B, ResponsiveDialog as V, ResponsiveDialogContent as H, ResponsiveDialogDescription as U, ResponsiveDialogFooter as ee, ResponsiveDialogHeader as te, ResponsiveDialogTitle as ne } from "@burdenoff/fe-libs/ui";
 //#region src/movethewheels/pages/WarehouseDetailsPage.tsx
-var ne = [
+var re = [
 	{
 		value: "DISTRIBUTION",
 		label: "Distribution"
@@ -39,7 +39,7 @@ var ne = [
 		value: "RETAIL",
 		label: "Retail"
 	}
-], re = [{
+], ie = [{
 	value: "ACTIVE",
 	label: "Active"
 }, {
@@ -47,39 +47,39 @@ var ne = [
 	label: "Inactive"
 }];
 function W({ editId: t, onSaved: n }) {
-	let { basePath: a, navigate: f } = l(), { createWarehouse: b, updateWarehouse: E, deleteWarehouse: D } = u(), { warehouse: A } = d(t), N = !!t, [P, R] = M({
+	let { basePath: a, navigate: f } = l(), { createWarehouse: b, updateWarehouse: E, deleteWarehouse: D } = u(), { warehouse: A } = d(t), N = !!t, [P, F] = M({
 		code: "",
 		name: "",
 		type: "DISTRIBUTION",
-		status: "ACTIVE",
+		status: "",
 		street: "",
 		city: "",
 		state: "",
 		postalCode: "",
-		country: "USA",
+		country: "",
 		totalCapacity: "",
 		usedCapacity: "",
 		contactEmail: "",
 		contactPhone: ""
-	}), [W, G] = M(!1), [ie, K] = M(null), [ae, q] = M(!1), [J, Y] = M(!1), [oe, X] = M(null);
+	}), [z, W] = M(!1), [G, K] = M(null), [ae, q] = M(!1), [J, Y] = M(!1), [oe, X] = M(null);
 	j(() => {
-		!t || !A || R({
+		!t || !A || F({
 			code: A.code || "",
 			name: A.name || "",
 			type: A.type ? A.type.toUpperCase() : "DISTRIBUTION",
-			status: A.status || "ACTIVE",
-			street: A.address.street || "",
-			city: A.address.city || "",
-			state: A.address.state || "",
-			postalCode: A.address.postalCode || "",
-			country: A.address.country || "USA",
-			totalCapacity: A.capacity.totalSpace ? String(A.capacity.totalSpace) : "",
-			usedCapacity: A.capacity.usedSpace ? String(A.capacity.usedSpace) : "",
+			status: A.status ?? "",
+			street: A.address.street ?? "",
+			city: A.address.city ?? "",
+			state: A.address.state ?? "",
+			postalCode: A.address.postalCode ?? "",
+			country: A.address.country ?? "",
+			totalCapacity: A.capacity.totalSpace === void 0 ? "" : String(A.capacity.totalSpace),
+			usedCapacity: A.capacity.usedSpace === void 0 ? "" : String(A.capacity.usedSpace),
 			contactEmail: A.contactInfo?.email || "",
 			contactPhone: A.contactInfo?.phone || ""
 		});
 	}, [t, A]);
-	let Z = () => f?.(c(a, "inventory/warehouses")), Q = (e, t) => R((n) => ({
+	let Z = () => f?.(c(a, "inventory/warehouses")), Q = (e, t) => F((n) => ({
 		...n,
 		[e]: t
 	})), $ = async (e) => {
@@ -91,20 +91,20 @@ function W({ editId: t, onSaved: n }) {
 			K("A street and city are required for the warehouse address.");
 			return;
 		}
-		G(!0), K(null);
+		W(!0), K(null);
 		try {
-			let e = P.totalCapacity.trim() ? Number(P.totalCapacity) : void 0, r = P.usedCapacity.trim() ? Number(P.usedCapacity) : void 0, i = {
+			let e = P.totalCapacity.trim() ? Number(P.totalCapacity) : void 0, r = P.usedCapacity.trim() ? Number(P.usedCapacity) : void 0, i = Object.fromEntries(Object.entries({
+				street: P.street.trim(),
+				city: P.city.trim(),
+				state: P.state.trim(),
+				postalCode: P.postalCode.trim(),
+				country: P.country.trim()
+			}).filter(([, e]) => e.length > 0)), o = {
 				code: P.code.trim(),
 				name: P.name.trim(),
 				type: P.type,
-				status: P.status,
-				address: {
-					street: P.street.trim(),
-					city: P.city.trim(),
-					state: P.state.trim(),
-					postalCode: P.postalCode.trim(),
-					country: P.country.trim()
-				},
+				status: P.status.trim() || void 0,
+				address: i,
 				contactInfo: P.contactEmail.trim() || P.contactPhone.trim() ? {
 					email: P.contactEmail.trim() || void 0,
 					phone: P.contactPhone.trim() || void 0
@@ -112,64 +112,64 @@ function W({ editId: t, onSaved: n }) {
 				totalCapacity: e !== void 0 && !Number.isNaN(e) ? e : void 0,
 				usedCapacity: r !== void 0 && !Number.isNaN(r) ? r : void 0
 			};
-			if (t) await E(t, i), await n?.(), f?.(c(a, `inventory/warehouses/${t}`));
+			if (t) await E(t, o), await n?.(), f?.(c(a, `inventory/warehouses/${t}`));
 			else {
-				let e = await b(i);
+				let e = await b(o);
 				f?.(c(a, `inventory/warehouses/${e.id}`));
 			}
 		} catch (e) {
-			console.error("Failed to create warehouse:", e), K(e instanceof Error ? e.message : "Failed to create warehouse. Please try again."), G(!1);
+			console.error("Failed to create warehouse:", e), K(e instanceof Error ? e.message : "Failed to create warehouse. Please try again."), W(!1);
 		}
 	};
-	return /* @__PURE__ */ I(O, {
+	return /* @__PURE__ */ L(O, {
 		title: N ? "Edit Warehouse" : "Add Warehouse",
 		subtitle: "Register a storage and fulfilment site",
-		icon: /* @__PURE__ */ F(s, { size: 24 }),
-		headerActions: /* @__PURE__ */ I("div", {
+		icon: /* @__PURE__ */ I(s, { size: 24 }),
+		headerActions: /* @__PURE__ */ L("div", {
 			className: "flex gap-2",
-			children: [/* @__PURE__ */ I(p, {
+			children: [/* @__PURE__ */ L(p, {
 				variant: "outline",
 				onClick: Z,
-				disabled: W,
-				children: [/* @__PURE__ */ F(e, { size: 16 }), " Cancel"]
-			}), /* @__PURE__ */ I(p, {
+				disabled: z,
+				children: [/* @__PURE__ */ I(e, { size: 16 }), " Cancel"]
+			}), /* @__PURE__ */ L(p, {
 				onClick: $,
-				disabled: W,
+				disabled: z,
 				children: [
-					/* @__PURE__ */ F(i, { size: 16 }),
+					/* @__PURE__ */ I(i, { size: 16 }),
 					" ",
-					N ? W ? "Saving..." : "Save Changes" : W ? "Saving..." : "Add Warehouse"
+					N ? z ? "Saving..." : "Save Changes" : z ? "Saving..." : "Add Warehouse"
 				]
 			})]
 		}),
 		children: [
-			/* @__PURE__ */ F(z, {
-				icon: /* @__PURE__ */ F(s, { size: 18 }),
+			/* @__PURE__ */ I(B, {
+				icon: /* @__PURE__ */ I(s, { size: 18 }),
 				children: "Add a warehouse so you can store inventory and fulfil orders from it. A code, name, type and location get it on the network — set a total capacity to track utilization."
 			}),
-			/* @__PURE__ */ I("form", {
+			/* @__PURE__ */ L("form", {
 				onSubmit: $,
 				className: "max-w-2xl space-y-6",
 				children: [
-					/* @__PURE__ */ F(k, { message: ie }),
-					/* @__PURE__ */ I(L, { children: [/* @__PURE__ */ F("h2", {
+					/* @__PURE__ */ I(k, { message: G }),
+					/* @__PURE__ */ L(R, { children: [/* @__PURE__ */ I("h2", {
 						className: "text-base font-semibold text-text-primary mb-4",
 						children: "Warehouse Details"
-					}), /* @__PURE__ */ I("div", {
+					}), /* @__PURE__ */ L("div", {
 						className: "space-y-4",
 						children: [
-							/* @__PURE__ */ I("div", {
+							/* @__PURE__ */ L("div", {
 								className: "grid grid-cols-1 md:grid-cols-3 gap-4",
 								children: [
-									/* @__PURE__ */ I("div", {
+									/* @__PURE__ */ L("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ I(y, {
+										children: [/* @__PURE__ */ L(y, {
 											htmlFor: "code",
-											children: ["Code ", /* @__PURE__ */ F("span", {
+											children: ["Code ", /* @__PURE__ */ I("span", {
 												className: "text-status-error-text",
 												children: "*"
 											})]
-										}), /* @__PURE__ */ F(v, {
+										}), /* @__PURE__ */ I(v, {
 											id: "code",
 											value: P.code,
 											onChange: (e) => Q("code", e.target.value),
@@ -177,15 +177,15 @@ function W({ editId: t, onSaved: n }) {
 											required: !0
 										})]
 									}),
-									/* @__PURE__ */ I("div", {
+									/* @__PURE__ */ L("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ I(y, {
+										children: [/* @__PURE__ */ L(y, {
 											htmlFor: "name",
-											children: ["Name ", /* @__PURE__ */ F("span", {
+											children: ["Name ", /* @__PURE__ */ I("span", {
 												className: "text-status-error-text",
 												children: "*"
 											})]
-										}), /* @__PURE__ */ F(v, {
+										}), /* @__PURE__ */ I(v, {
 											id: "name",
 											value: P.name,
 											onChange: (e) => Q("name", e.target.value),
@@ -193,21 +193,21 @@ function W({ editId: t, onSaved: n }) {
 											required: !0
 										})]
 									}),
-									/* @__PURE__ */ I("div", {
+									/* @__PURE__ */ L("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ I(y, {
+										children: [/* @__PURE__ */ L(y, {
 											htmlFor: "type",
-											children: ["Type ", /* @__PURE__ */ F("span", {
+											children: ["Type ", /* @__PURE__ */ I("span", {
 												className: "text-status-error-text",
 												children: "*"
 											})]
-										}), /* @__PURE__ */ I(x, {
+										}), /* @__PURE__ */ L(x, {
 											value: P.type,
 											onValueChange: (e) => Q("type", e),
-											children: [/* @__PURE__ */ F(w, {
+											children: [/* @__PURE__ */ I(w, {
 												id: "type",
-												children: /* @__PURE__ */ F(T, {})
-											}), /* @__PURE__ */ F(S, { children: ne.map((e) => /* @__PURE__ */ F(C, {
+												children: /* @__PURE__ */ I(T, {})
+											}), /* @__PURE__ */ I(S, { children: re.map((e) => /* @__PURE__ */ I(C, {
 												value: e.value,
 												children: e.label
 											}, e.value)) })]
@@ -215,32 +215,32 @@ function W({ editId: t, onSaved: n }) {
 									})
 								]
 							}),
-							/* @__PURE__ */ I("div", {
+							/* @__PURE__ */ L("div", {
 								className: "grid grid-cols-1 md:grid-cols-3 gap-4",
 								children: [
-									/* @__PURE__ */ I("div", {
+									/* @__PURE__ */ L("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ F(y, {
+										children: [/* @__PURE__ */ I(y, {
 											htmlFor: "status",
 											children: "Status"
-										}), /* @__PURE__ */ I(x, {
+										}), /* @__PURE__ */ L(x, {
 											value: P.status,
 											onValueChange: (e) => Q("status", e),
-											children: [/* @__PURE__ */ F(w, {
+											children: [/* @__PURE__ */ I(w, {
 												id: "status",
-												children: /* @__PURE__ */ F(T, {})
-											}), /* @__PURE__ */ F(S, { children: re.map((e) => /* @__PURE__ */ F(C, {
+												children: /* @__PURE__ */ I(T, {})
+											}), /* @__PURE__ */ I(S, { children: ie.map((e) => /* @__PURE__ */ I(C, {
 												value: e.value,
 												children: e.label
 											}, e.value)) })]
 										})]
 									}),
-									/* @__PURE__ */ I("div", {
+									/* @__PURE__ */ L("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ F(y, {
+										children: [/* @__PURE__ */ I(y, {
 											htmlFor: "totalCapacity",
 											children: "Total Capacity (sq ft)"
-										}), /* @__PURE__ */ F(v, {
+										}), /* @__PURE__ */ I(v, {
 											id: "totalCapacity",
 											type: "number",
 											min: "0",
@@ -249,12 +249,12 @@ function W({ editId: t, onSaved: n }) {
 											placeholder: "50000"
 										})]
 									}),
-									/* @__PURE__ */ I("div", {
+									/* @__PURE__ */ L("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ F(y, {
+										children: [/* @__PURE__ */ I(y, {
 											htmlFor: "usedCapacity",
 											children: "Used Capacity (sq ft)"
-										}), /* @__PURE__ */ F(v, {
+										}), /* @__PURE__ */ I(v, {
 											id: "usedCapacity",
 											type: "number",
 											min: "0",
@@ -265,26 +265,26 @@ function W({ editId: t, onSaved: n }) {
 									})
 								]
 							}),
-							/* @__PURE__ */ I("div", {
+							/* @__PURE__ */ L("div", {
 								className: "grid grid-cols-1 md:grid-cols-2 gap-4",
-								children: [/* @__PURE__ */ I("div", {
+								children: [/* @__PURE__ */ L("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ F(y, {
+									children: [/* @__PURE__ */ I(y, {
 										htmlFor: "contactEmail",
 										children: "Contact Email"
-									}), /* @__PURE__ */ F(v, {
+									}), /* @__PURE__ */ I(v, {
 										id: "contactEmail",
 										type: "email",
 										value: P.contactEmail,
 										onChange: (e) => Q("contactEmail", e.target.value),
 										placeholder: "dc-sf@example.com"
 									})]
-								}), /* @__PURE__ */ I("div", {
+								}), /* @__PURE__ */ L("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ F(y, {
+									children: [/* @__PURE__ */ I(y, {
 										htmlFor: "contactPhone",
 										children: "Contact Phone"
-									}), /* @__PURE__ */ F(v, {
+									}), /* @__PURE__ */ I(v, {
 										id: "contactPhone",
 										value: P.contactPhone,
 										onChange: (e) => Q("contactPhone", e.target.value),
@@ -294,50 +294,50 @@ function W({ editId: t, onSaved: n }) {
 							})
 						]
 					})] }),
-					/* @__PURE__ */ I(m, { children: [/* @__PURE__ */ F(g, { children: /* @__PURE__ */ I(_, {
+					/* @__PURE__ */ L(m, { children: [/* @__PURE__ */ I(g, { children: /* @__PURE__ */ L(_, {
 						className: "flex items-center gap-2",
 						children: [
-							/* @__PURE__ */ F(r, { size: 18 }),
+							/* @__PURE__ */ I(r, { size: 18 }),
 							" Address ",
-							/* @__PURE__ */ F("span", {
+							/* @__PURE__ */ I("span", {
 								className: "text-status-error-text",
 								children: "*"
 							})
 						]
-					}) }), /* @__PURE__ */ I(h, {
+					}) }), /* @__PURE__ */ L(h, {
 						className: "space-y-4",
 						children: [
-							/* @__PURE__ */ I("div", {
+							/* @__PURE__ */ L("div", {
 								className: "space-y-2",
-								children: [/* @__PURE__ */ F(y, {
+								children: [/* @__PURE__ */ I(y, {
 									htmlFor: "street",
 									children: "Street"
-								}), /* @__PURE__ */ F(v, {
+								}), /* @__PURE__ */ I(v, {
 									id: "street",
 									value: P.street,
 									onChange: (e) => Q("street", e.target.value),
 									placeholder: "500 Industrial Way"
 								})]
 							}),
-							/* @__PURE__ */ I("div", {
+							/* @__PURE__ */ L("div", {
 								className: "grid grid-cols-1 md:grid-cols-2 gap-4",
-								children: [/* @__PURE__ */ I("div", {
+								children: [/* @__PURE__ */ L("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ F(y, {
+									children: [/* @__PURE__ */ I(y, {
 										htmlFor: "city",
 										children: "City"
-									}), /* @__PURE__ */ F(v, {
+									}), /* @__PURE__ */ I(v, {
 										id: "city",
 										value: P.city,
 										onChange: (e) => Q("city", e.target.value),
 										placeholder: "San Francisco"
 									})]
-								}), /* @__PURE__ */ I("div", {
+								}), /* @__PURE__ */ L("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ F(y, {
+									children: [/* @__PURE__ */ I(y, {
 										htmlFor: "state",
 										children: "State"
-									}), /* @__PURE__ */ F(v, {
+									}), /* @__PURE__ */ I(v, {
 										id: "state",
 										value: P.state,
 										onChange: (e) => Q("state", e.target.value),
@@ -345,25 +345,25 @@ function W({ editId: t, onSaved: n }) {
 									})]
 								})]
 							}),
-							/* @__PURE__ */ I("div", {
+							/* @__PURE__ */ L("div", {
 								className: "grid grid-cols-1 md:grid-cols-2 gap-4",
-								children: [/* @__PURE__ */ I("div", {
+								children: [/* @__PURE__ */ L("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ F(y, {
+									children: [/* @__PURE__ */ I(y, {
 										htmlFor: "postalCode",
 										children: "ZIP / Postal Code"
-									}), /* @__PURE__ */ F(v, {
+									}), /* @__PURE__ */ I(v, {
 										id: "postalCode",
 										value: P.postalCode,
 										onChange: (e) => Q("postalCode", e.target.value),
 										placeholder: "94103"
 									})]
-								}), /* @__PURE__ */ I("div", {
+								}), /* @__PURE__ */ L("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ F(y, {
+									children: [/* @__PURE__ */ I(y, {
 										htmlFor: "country",
 										children: "Country"
-									}), /* @__PURE__ */ F(v, {
+									}), /* @__PURE__ */ I(v, {
 										id: "country",
 										value: P.country,
 										onChange: (e) => Q("country", e.target.value),
@@ -373,43 +373,43 @@ function W({ editId: t, onSaved: n }) {
 							})
 						]
 					})] }),
-					N && /* @__PURE__ */ I(m, {
+					N && /* @__PURE__ */ L(m, {
 						className: "border-status-error-border",
-						children: [/* @__PURE__ */ F(g, { children: /* @__PURE__ */ I(_, {
+						children: [/* @__PURE__ */ I(g, { children: /* @__PURE__ */ L(_, {
 							className: "flex items-center gap-2 text-status-error-text",
-							children: [/* @__PURE__ */ F(o, { size: 18 }), " Delete Warehouse"]
-						}) }), /* @__PURE__ */ I(h, { children: [/* @__PURE__ */ F("p", {
+							children: [/* @__PURE__ */ I(o, { size: 18 }), " Delete Warehouse"]
+						}) }), /* @__PURE__ */ L(h, { children: [/* @__PURE__ */ I("p", {
 							className: "mb-3 text-sm text-text-secondary",
 							children: "Removes this warehouse from your network. This cannot be undone from here."
-						}), /* @__PURE__ */ I(p, {
+						}), /* @__PURE__ */ L(p, {
 							type: "button",
 							variant: "outline",
 							className: "border-status-error-border text-status-error-text hover:bg-status-error-bg-subtle",
 							onClick: () => q(!0),
-							children: [/* @__PURE__ */ F(o, { size: 16 }), " Delete this warehouse"]
+							children: [/* @__PURE__ */ I(o, { size: 16 }), " Delete this warehouse"]
 						})] })]
 					})
 				]
 			}),
-			/* @__PURE__ */ F(B, {
+			/* @__PURE__ */ I(V, {
 				open: ae,
 				onOpenChange: q,
-				children: /* @__PURE__ */ I(V, { children: [
-					/* @__PURE__ */ I(ee, { children: [/* @__PURE__ */ F(te, { children: "Delete this warehouse?" }), /* @__PURE__ */ I(H, { children: [
+				children: /* @__PURE__ */ L(H, { children: [
+					/* @__PURE__ */ L(te, { children: [/* @__PURE__ */ I(ne, { children: "Delete this warehouse?" }), /* @__PURE__ */ L(U, { children: [
 						"This removes ",
 						P.name || "this warehouse",
 						" and cannot be undone from here."
 					] })] }),
-					/* @__PURE__ */ F("div", {
+					/* @__PURE__ */ I("div", {
 						className: "px-1",
-						children: /* @__PURE__ */ F(k, { message: oe })
+						children: /* @__PURE__ */ I(k, { message: oe })
 					}),
-					/* @__PURE__ */ I(U, { children: [/* @__PURE__ */ F(p, {
+					/* @__PURE__ */ L(ee, { children: [/* @__PURE__ */ I(p, {
 						variant: "outline",
 						onClick: () => q(!1),
 						disabled: J,
 						children: "Cancel"
-					}), /* @__PURE__ */ F(p, {
+					}), /* @__PURE__ */ I(p, {
 						className: "bg-status-error-text text-text-inverse hover:opacity-90",
 						onClick: async () => {
 							if (t) {
@@ -431,78 +431,78 @@ function W({ editId: t, onSaved: n }) {
 }
 function G() {
 	let { warehouseId: i } = P(), { basePath: o, navigate: u } = l(), v = N().pathname.endsWith("/edit"), { warehouse: y, isLoading: x, error: S, refetch: C, reload: w } = d(i), T = () => u?.(c(o, "inventory/warehouses")), k = (e) => u?.(c(o, e));
-	if (!i) return /* @__PURE__ */ F(W, {});
-	if (v) return /* @__PURE__ */ F(W, {
+	if (!i) return /* @__PURE__ */ I(W, {});
+	if (v) return /* @__PURE__ */ I(W, {
 		editId: i,
 		onSaved: w
 	});
-	if (x) return /* @__PURE__ */ F(D, { message: "Loading warehouse details..." });
-	if (S || !y) return /* @__PURE__ */ F(E, {
+	if (x) return /* @__PURE__ */ I(D, { message: "Loading warehouse details..." });
+	if (S || !y) return /* @__PURE__ */ I(E, {
 		title: "Warehouse not found",
 		onRetry: C
 	});
-	let j = y.status.toUpperCase() === "ACTIVE";
-	return /* @__PURE__ */ I(O, {
+	let j = y.status?.toUpperCase() === "ACTIVE";
+	return /* @__PURE__ */ L(O, {
 		title: y.name,
 		subtitle: `Code: ${y.code}`,
-		icon: /* @__PURE__ */ F(s, { size: 24 }),
-		headerActions: /* @__PURE__ */ I("div", {
+		icon: /* @__PURE__ */ I(s, { size: 24 }),
+		headerActions: /* @__PURE__ */ L("div", {
 			className: "flex gap-2",
-			children: [/* @__PURE__ */ I(p, {
+			children: [/* @__PURE__ */ L(p, {
 				variant: "outline",
 				onClick: T,
-				children: [/* @__PURE__ */ F(e, { size: 16 }), " Back"]
-			}), /* @__PURE__ */ I(p, {
+				children: [/* @__PURE__ */ I(e, { size: 16 }), " Back"]
+			}), /* @__PURE__ */ L(p, {
 				onClick: () => u?.(c(o, `inventory/warehouses/${i}/edit`)),
-				children: [/* @__PURE__ */ F(a, { size: 16 }), " Edit"]
+				children: [/* @__PURE__ */ I(a, { size: 16 }), " Edit"]
 			})]
 		}),
-		headerContent: /* @__PURE__ */ I("div", {
+		headerContent: /* @__PURE__ */ L("div", {
 			className: "flex gap-2",
-			children: [/* @__PURE__ */ F(f, {
-				variant: j ? "default" : "secondary",
-				children: j ? "Active" : "Inactive"
-			}), /* @__PURE__ */ F(f, {
+			children: [/* @__PURE__ */ I(f, {
+				variant: y.status ? j ? "default" : "secondary" : "outline",
+				children: y.status ? j ? "Active" : "Inactive" : "Not provided"
+			}), /* @__PURE__ */ I(f, {
 				variant: "outline",
 				className: "capitalize",
 				children: y.type.replace("_", " ")
 			})]
 		}),
 		children: [
-			/* @__PURE__ */ F(z, {
-				icon: /* @__PURE__ */ F(s, { size: 18 }),
+			/* @__PURE__ */ I(B, {
+				icon: /* @__PURE__ */ I(s, { size: 18 }),
 				children: "A storage and fulfilment site at a glance — how full it is, its operating hours and how to reach it. Use it to decide whether this warehouse has the space and hours to fulfil an order."
 			}),
-			/* @__PURE__ */ F(R, {
+			/* @__PURE__ */ I(z, {
 				storageKey: "movethewheels-warehouse-details",
 				steps: [{
 					id: "inventory",
 					label: "Review stock here",
 					description: "See which products are stored at this site.",
-					icon: /* @__PURE__ */ F(t, { size: 16 }),
+					icon: /* @__PURE__ */ I(t, { size: 16 }),
 					onClick: () => k("inventory/products")
 				}, {
 					id: "fulfil",
 					label: "Fulfil an order from this site",
 					description: "Pick a pending order to ship out of this warehouse.",
-					icon: /* @__PURE__ */ F(r, { size: 16 }),
+					icon: /* @__PURE__ */ I(r, { size: 16 }),
 					onClick: () => k("orders")
 				}]
 			}),
-			/* @__PURE__ */ I("div", {
+			/* @__PURE__ */ L("div", {
 				className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
-				children: [/* @__PURE__ */ I("div", {
+				children: [/* @__PURE__ */ L("div", {
 					className: "lg:col-span-2 space-y-6",
-					children: [/* @__PURE__ */ I(L, { children: [/* @__PURE__ */ I("h2", {
+					children: [/* @__PURE__ */ L(R, { children: [/* @__PURE__ */ L("h2", {
 						className: "flex items-center gap-2 text-base font-semibold text-text-primary mb-4",
-						children: [/* @__PURE__ */ F(t, { size: 18 }), " Capacity"]
-					}), /* @__PURE__ */ I("div", { children: [
-						/* @__PURE__ */ I("div", {
+						children: [/* @__PURE__ */ I(t, { size: 18 }), " Capacity"]
+					}), /* @__PURE__ */ I("div", { children: y.utilization !== void 0 && y.capacity.usedSpace !== void 0 && y.capacity.totalSpace !== void 0 ? /* @__PURE__ */ L(F, { children: [
+						/* @__PURE__ */ L("div", {
 							className: "flex justify-between text-sm mb-2",
-							children: [/* @__PURE__ */ F("span", { children: "Space Utilization" }), /* @__PURE__ */ I("span", { children: [y.utilization.toFixed(0), "%"] })]
+							children: [/* @__PURE__ */ I("span", { children: "Space Utilization" }), /* @__PURE__ */ L("span", { children: [y.utilization.toFixed(0), "%"] })]
 						}),
-						/* @__PURE__ */ F(b, { value: y.utilization }),
-						/* @__PURE__ */ I("p", {
+						/* @__PURE__ */ I(b, { value: y.utilization }),
+						/* @__PURE__ */ L("p", {
 							className: "text-sm text-text-secondary mt-1",
 							children: [
 								y.capacity.usedSpace.toLocaleString(),
@@ -512,42 +512,45 @@ function G() {
 								" sq ft"
 							]
 						})
-					] })] }), /* @__PURE__ */ I(m, { children: [/* @__PURE__ */ F(g, { children: /* @__PURE__ */ I(_, {
+					] }) : /* @__PURE__ */ I("p", {
+						className: "text-sm text-text-secondary",
+						children: "Not provided"
+					}) })] }), /* @__PURE__ */ L(m, { children: [/* @__PURE__ */ I(g, { children: /* @__PURE__ */ L(_, {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ F(n, { size: 18 }), " Operating Hours"]
-					}) }), /* @__PURE__ */ F(h, { children: Object.keys(y.operatingHours).length > 0 ? /* @__PURE__ */ F("div", {
+						children: [/* @__PURE__ */ I(n, { size: 18 }), " Operating Hours"]
+					}) }), /* @__PURE__ */ I(h, { children: Object.keys(y.operatingHours).length > 0 ? /* @__PURE__ */ I("div", {
 						className: "grid grid-cols-2 md:grid-cols-4 gap-4",
-						children: Object.entries(y.operatingHours).map(([e, t]) => /* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("p", {
+						children: Object.entries(y.operatingHours).map(([e, t]) => /* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("p", {
 							className: "text-sm font-medium",
 							children: e
-						}), /* @__PURE__ */ F("p", {
+						}), /* @__PURE__ */ I("p", {
 							className: "text-sm text-text-secondary",
 							children: t ? `${t.open} - ${t.close}` : "Closed"
 						})] }, e))
-					}) : /* @__PURE__ */ F("p", {
+					}) : /* @__PURE__ */ I("p", {
 						className: "text-sm text-text-secondary",
 						children: "Not recorded"
 					}) })] })]
-				}), /* @__PURE__ */ I("div", {
+				}), /* @__PURE__ */ L("div", {
 					className: "space-y-6",
-					children: [/* @__PURE__ */ I(m, { children: [/* @__PURE__ */ F(g, { children: /* @__PURE__ */ I(_, {
+					children: [/* @__PURE__ */ L(m, { children: [/* @__PURE__ */ I(g, { children: /* @__PURE__ */ L(_, {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ F(r, { size: 18 }), " Location"]
-					}) }), /* @__PURE__ */ F(h, { children: /* @__PURE__ */ F("p", {
+						children: [/* @__PURE__ */ I(r, { size: 18 }), " Location"]
+					}) }), /* @__PURE__ */ I(h, { children: /* @__PURE__ */ I("p", {
 						className: "text-sm",
 						children: A(y.address) || "—"
-					}) })] }), (y.contactInfo?.email || y.contactInfo?.phone) && /* @__PURE__ */ I(m, { children: [/* @__PURE__ */ F(g, { children: /* @__PURE__ */ F(_, { children: "Contact" }) }), /* @__PURE__ */ I(h, {
+					}) })] }), (y.contactInfo?.email || y.contactInfo?.phone) && /* @__PURE__ */ L(m, { children: [/* @__PURE__ */ I(g, { children: /* @__PURE__ */ I(_, { children: "Contact" }) }), /* @__PURE__ */ L(h, {
 						className: "space-y-3",
-						children: [y.contactInfo?.email && /* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("p", {
+						children: [y.contactInfo?.email && /* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("p", {
 							className: "text-sm text-text-secondary",
 							children: "Email"
-						}), /* @__PURE__ */ F("p", {
+						}), /* @__PURE__ */ I("p", {
 							className: "font-medium",
 							children: y.contactInfo.email
-						})] }), y.contactInfo?.phone && /* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("p", {
+						})] }), y.contactInfo?.phone && /* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("p", {
 							className: "text-sm text-text-secondary",
 							children: "Phone"
-						}), /* @__PURE__ */ F("p", {
+						}), /* @__PURE__ */ I("p", {
 							className: "font-medium",
 							children: y.contactInfo.phone
 						})] })]