@burdenoff/microfe-movethewheels 2026.925.1 → 2026.925.3

package/dist/pages/WarehouseDetailsPage.js

@@ -4,7 +4,7 @@ import { Clock as n } from "../node_modules/lucide-react/dist/esm/icons/clock.js
 import { MapPin as r } from "../node_modules/lucide-react/dist/esm/icons/map-pin.js";
 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 { Users as o } from "../node_modules/lucide-react/dist/esm/icons/users.js";
+import { Trash2 as o } from "../node_modules/lucide-react/dist/esm/icons/trash-2.js";
 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";
@@ -16,9 +16,9 @@ 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 } from "@burdenoff/fe-libs/ui";
+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";
 //#region src/movethewheels/pages/WarehouseDetailsPage.tsx
-var B = [
+var ne = [
 	{
 		value: "DISTRIBUTION",
 		label: "Distribution"
@@ -39,296 +39,436 @@ var B = [
 		value: "RETAIL",
 		label: "Retail"
 	}
-];
-function V({ editId: t }) {
-	let { basePath: n, navigate: a } = l(), { createWarehouse: o, updateWarehouse: f } = u(), { warehouse: b } = d(t), E = !!t, [D, A] = M({
+], re = [{
+	value: "ACTIVE",
+	label: "Active"
+}, {
+	value: "INACTIVE",
+	label: "Inactive"
+}];
+function W({ editId: t }) {
+	let { basePath: n, navigate: a } = l(), { createWarehouse: f, updateWarehouse: b, deleteWarehouse: E } = u(), { warehouse: D } = d(t), A = !!t, [N, P] = M({
 		code: "",
 		name: "",
 		type: "DISTRIBUTION",
+		status: "ACTIVE",
 		street: "",
 		city: "",
 		state: "",
 		postalCode: "",
 		country: "USA",
-		totalCapacity: ""
-	}), [N, P] = M(!1), [R, V] = M(null);
+		totalCapacity: "",
+		usedCapacity: "",
+		contactEmail: "",
+		contactPhone: ""
+	}), [R, W] = M(!1), [G, K] = M(null), [ie, q] = M(!1), [J, Y] = M(!1), [ae, X] = M(null);
 	j(() => {
-		!t || !b || A({
-			code: b.code || "",
-			name: b.name || "",
-			type: b.type ? b.type.toUpperCase() : "DISTRIBUTION",
-			street: b.address.street || "",
-			city: b.address.city || "",
-			state: b.address.state || "",
-			postalCode: b.address.postalCode || "",
-			country: b.address.country || "USA",
-			totalCapacity: b.capacity.totalSpace ? String(b.capacity.totalSpace) : ""
+		!t || !D || P({
+			code: D.code || "",
+			name: D.name || "",
+			type: D.type ? D.type.toUpperCase() : "DISTRIBUTION",
+			status: D.status || "ACTIVE",
+			street: D.address.street || "",
+			city: D.address.city || "",
+			state: D.address.state || "",
+			postalCode: D.address.postalCode || "",
+			country: D.address.country || "USA",
+			totalCapacity: D.capacity.totalSpace ? String(D.capacity.totalSpace) : "",
+			usedCapacity: D.capacity.usedSpace ? String(D.capacity.usedSpace) : "",
+			contactEmail: D.contactInfo?.email || "",
+			contactPhone: D.contactInfo?.phone || ""
 		});
-	}, [t, b]);
-	let H = () => a?.(c(n, "inventory/warehouses")), U = (e, t) => A((n) => ({
+	}, [t, D]);
+	let Z = () => a?.(c(n, "inventory/warehouses")), Q = (e, t) => P((n) => ({
 		...n,
 		[e]: t
-	})), W = async (e) => {
-		if (e.preventDefault(), !D.code.trim() || !D.name.trim()) {
-			V("Warehouse code and name are required.");
+	})), $ = async (e) => {
+		if (e.preventDefault(), !N.code.trim() || !N.name.trim()) {
+			K("Warehouse code and name are required.");
 			return;
 		}
-		if (!D.street.trim() || !D.city.trim()) {
-			V("A street and city are required for the warehouse address.");
+		if (!N.street.trim() || !N.city.trim()) {
+			K("A street and city are required for the warehouse address.");
 			return;
 		}
-		P(!0), V(null);
+		W(!0), K(null);
 		try {
-			let e = D.totalCapacity.trim() ? Number(D.totalCapacity) : void 0, r = {
-				code: D.code.trim(),
-				name: D.name.trim(),
-				type: D.type,
+			let e = N.totalCapacity.trim() ? Number(N.totalCapacity) : void 0, r = N.usedCapacity.trim() ? Number(N.usedCapacity) : void 0, i = {
+				code: N.code.trim(),
+				name: N.name.trim(),
+				type: N.type,
+				status: N.status,
 				address: {
-					street: D.street.trim(),
-					city: D.city.trim(),
-					state: D.state.trim(),
-					postalCode: D.postalCode.trim(),
-					country: D.country.trim()
+					street: N.street.trim(),
+					city: N.city.trim(),
+					state: N.state.trim(),
+					postalCode: N.postalCode.trim(),
+					country: N.country.trim()
 				},
-				totalCapacity: e !== void 0 && !Number.isNaN(e) ? e : void 0
+				contactInfo: N.contactEmail.trim() || N.contactPhone.trim() ? {
+					email: N.contactEmail.trim() || void 0,
+					phone: N.contactPhone.trim() || void 0
+				} : void 0,
+				totalCapacity: e !== void 0 && !Number.isNaN(e) ? e : void 0,
+				usedCapacity: r !== void 0 && !Number.isNaN(r) ? r : void 0
 			};
-			if (t) await f(t, r), a?.(c(n, `inventory/warehouses/${t}`));
+			if (t) await b(t, i), a?.(c(n, `inventory/warehouses/${t}`));
 			else {
-				let e = await o(r);
+				let e = await f(i);
 				a?.(c(n, `inventory/warehouses/${e.id}`));
 			}
 		} catch (e) {
-			console.error("Failed to create warehouse:", e), V(e instanceof Error ? e.message : "Failed to create warehouse. Please try again."), P(!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, {
-		title: E ? "Edit Warehouse" : "Add Warehouse",
+		title: A ? "Edit Warehouse" : "Add Warehouse",
 		subtitle: "Register a storage and fulfilment site",
 		icon: /* @__PURE__ */ F(s, { size: 24 }),
 		headerActions: /* @__PURE__ */ I("div", {
 			className: "flex gap-2",
 			children: [/* @__PURE__ */ I(p, {
 				variant: "outline",
-				onClick: H,
-				disabled: N,
+				onClick: Z,
+				disabled: R,
 				children: [/* @__PURE__ */ F(e, { size: 16 }), " Cancel"]
 			}), /* @__PURE__ */ I(p, {
-				onClick: W,
-				disabled: N,
+				onClick: $,
+				disabled: R,
 				children: [
 					/* @__PURE__ */ F(i, { size: 16 }),
 					" ",
-					E ? N ? "Saving..." : "Save Changes" : N ? "Saving..." : "Add Warehouse"
+					A ? R ? "Saving..." : "Save Changes" : R ? "Saving..." : "Add Warehouse"
 				]
 			})]
 		}),
-		children: [/* @__PURE__ */ F(z, {
-			icon: /* @__PURE__ */ F(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", {
-			onSubmit: W,
-			className: "max-w-2xl space-y-6",
-			children: [
-				/* @__PURE__ */ F(k, { message: R }),
-				/* @__PURE__ */ I(L, { children: [/* @__PURE__ */ F("h2", {
-					className: "text-base font-semibold text-text-primary mb-4",
-					children: "Warehouse Details"
-				}), /* @__PURE__ */ I("div", {
-					className: "space-y-4",
-					children: [/* @__PURE__ */ I("div", {
-						className: "grid grid-cols-1 md:grid-cols-3 gap-4",
+		children: [
+			/* @__PURE__ */ F(z, {
+				icon: /* @__PURE__ */ F(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", {
+				onSubmit: $,
+				className: "max-w-2xl space-y-6",
+				children: [
+					/* @__PURE__ */ F(k, { message: G }),
+					/* @__PURE__ */ I(L, { children: [/* @__PURE__ */ F("h2", {
+						className: "text-base font-semibold text-text-primary mb-4",
+						children: "Warehouse Details"
+					}), /* @__PURE__ */ I("div", {
+						className: "space-y-4",
 						children: [
 							/* @__PURE__ */ I("div", {
-								className: "space-y-2",
-								children: [/* @__PURE__ */ I(y, {
-									htmlFor: "code",
-									children: ["Code ", /* @__PURE__ */ F("span", {
-										className: "text-status-error-text",
-										children: "*"
-									})]
-								}), /* @__PURE__ */ F(v, {
-									id: "code",
-									value: D.code,
-									onChange: (e) => U("code", e.target.value),
-									placeholder: "WH-SF-01",
-									required: !0
-								})]
+								className: "grid grid-cols-1 md:grid-cols-3 gap-4",
+								children: [
+									/* @__PURE__ */ I("div", {
+										className: "space-y-2",
+										children: [/* @__PURE__ */ I(y, {
+											htmlFor: "code",
+											children: ["Code ", /* @__PURE__ */ F("span", {
+												className: "text-status-error-text",
+												children: "*"
+											})]
+										}), /* @__PURE__ */ F(v, {
+											id: "code",
+											value: N.code,
+											onChange: (e) => Q("code", e.target.value),
+											placeholder: "WH-SF-01",
+											required: !0
+										})]
+									}),
+									/* @__PURE__ */ I("div", {
+										className: "space-y-2",
+										children: [/* @__PURE__ */ I(y, {
+											htmlFor: "name",
+											children: ["Name ", /* @__PURE__ */ F("span", {
+												className: "text-status-error-text",
+												children: "*"
+											})]
+										}), /* @__PURE__ */ F(v, {
+											id: "name",
+											value: N.name,
+											onChange: (e) => Q("name", e.target.value),
+											placeholder: "San Francisco DC",
+											required: !0
+										})]
+									}),
+									/* @__PURE__ */ I("div", {
+										className: "space-y-2",
+										children: [/* @__PURE__ */ I(y, {
+											htmlFor: "type",
+											children: ["Type ", /* @__PURE__ */ F("span", {
+												className: "text-status-error-text",
+												children: "*"
+											})]
+										}), /* @__PURE__ */ I(x, {
+											value: N.type,
+											onValueChange: (e) => Q("type", e),
+											children: [/* @__PURE__ */ F(w, {
+												id: "type",
+												children: /* @__PURE__ */ F(T, {})
+											}), /* @__PURE__ */ F(S, { children: ne.map((e) => /* @__PURE__ */ F(C, {
+												value: e.value,
+												children: e.label
+											}, e.value)) })]
+										})]
+									})
+								]
 							}),
 							/* @__PURE__ */ I("div", {
-								className: "space-y-2",
-								children: [/* @__PURE__ */ I(y, {
-									htmlFor: "name",
-									children: ["Name ", /* @__PURE__ */ F("span", {
-										className: "text-status-error-text",
-										children: "*"
-									})]
-								}), /* @__PURE__ */ F(v, {
-									id: "name",
-									value: D.name,
-									onChange: (e) => U("name", e.target.value),
-									placeholder: "San Francisco DC",
-									required: !0
-								})]
+								className: "grid grid-cols-1 md:grid-cols-3 gap-4",
+								children: [
+									/* @__PURE__ */ I("div", {
+										className: "space-y-2",
+										children: [/* @__PURE__ */ F(y, {
+											htmlFor: "status",
+											children: "Status"
+										}), /* @__PURE__ */ I(x, {
+											value: N.status,
+											onValueChange: (e) => Q("status", e),
+											children: [/* @__PURE__ */ F(w, {
+												id: "status",
+												children: /* @__PURE__ */ F(T, {})
+											}), /* @__PURE__ */ F(S, { children: re.map((e) => /* @__PURE__ */ F(C, {
+												value: e.value,
+												children: e.label
+											}, e.value)) })]
+										})]
+									}),
+									/* @__PURE__ */ I("div", {
+										className: "space-y-2",
+										children: [/* @__PURE__ */ F(y, {
+											htmlFor: "totalCapacity",
+											children: "Total Capacity (sq ft)"
+										}), /* @__PURE__ */ F(v, {
+											id: "totalCapacity",
+											type: "number",
+											min: "0",
+											value: N.totalCapacity,
+											onChange: (e) => Q("totalCapacity", e.target.value),
+											placeholder: "50000"
+										})]
+									}),
+									/* @__PURE__ */ I("div", {
+										className: "space-y-2",
+										children: [/* @__PURE__ */ F(y, {
+											htmlFor: "usedCapacity",
+											children: "Used Capacity (sq ft)"
+										}), /* @__PURE__ */ F(v, {
+											id: "usedCapacity",
+											type: "number",
+											min: "0",
+											value: N.usedCapacity,
+											onChange: (e) => Q("usedCapacity", e.target.value),
+											placeholder: "0"
+										})]
+									})
+								]
 							}),
 							/* @__PURE__ */ I("div", {
-								className: "space-y-2",
-								children: [/* @__PURE__ */ I(y, {
-									htmlFor: "type",
-									children: ["Type ", /* @__PURE__ */ F("span", {
-										className: "text-status-error-text",
-										children: "*"
+								className: "grid grid-cols-1 md:grid-cols-2 gap-4",
+								children: [/* @__PURE__ */ I("div", {
+									className: "space-y-2",
+									children: [/* @__PURE__ */ F(y, {
+										htmlFor: "contactEmail",
+										children: "Contact Email"
+									}), /* @__PURE__ */ F(v, {
+										id: "contactEmail",
+										type: "email",
+										value: N.contactEmail,
+										onChange: (e) => Q("contactEmail", e.target.value),
+										placeholder: "dc-sf@example.com"
+									})]
+								}), /* @__PURE__ */ I("div", {
+									className: "space-y-2",
+									children: [/* @__PURE__ */ F(y, {
+										htmlFor: "contactPhone",
+										children: "Contact Phone"
+									}), /* @__PURE__ */ F(v, {
+										id: "contactPhone",
+										value: N.contactPhone,
+										onChange: (e) => Q("contactPhone", e.target.value),
+										placeholder: "+1-555-0100"
 									})]
-								}), /* @__PURE__ */ I(x, {
-									value: D.type,
-									onValueChange: (e) => U("type", e),
-									children: [/* @__PURE__ */ F(w, {
-										id: "type",
-										children: /* @__PURE__ */ F(T, {})
-									}), /* @__PURE__ */ F(S, { children: B.map((e) => /* @__PURE__ */ F(C, {
-										value: e.value,
-										children: e.label
-									}, e.value)) })]
 								})]
 							})
 						]
-					}), /* @__PURE__ */ I("div", {
-						className: "space-y-2",
-						children: [/* @__PURE__ */ F(y, {
-							htmlFor: "totalCapacity",
-							children: "Total Capacity (sq ft)"
-						}), /* @__PURE__ */ F(v, {
-							id: "totalCapacity",
-							type: "number",
-							min: "0",
-							value: D.totalCapacity,
-							onChange: (e) => U("totalCapacity", e.target.value),
-							placeholder: "50000"
-						})]
-					})]
-				})] }),
-				/* @__PURE__ */ I(m, { children: [/* @__PURE__ */ F(g, { children: /* @__PURE__ */ I(_, {
-					className: "flex items-center gap-2",
-					children: [
-						/* @__PURE__ */ F(r, { size: 18 }),
-						" Address ",
-						/* @__PURE__ */ F("span", {
-							className: "text-status-error-text",
-							children: "*"
-						})
-					]
-				}) }), /* @__PURE__ */ I(h, {
-					className: "space-y-4",
-					children: [
-						/* @__PURE__ */ I("div", {
-							className: "space-y-2",
-							children: [/* @__PURE__ */ F(y, {
-								htmlFor: "street",
-								children: "Street"
-							}), /* @__PURE__ */ F(v, {
-								id: "street",
-								value: D.street,
-								onChange: (e) => U("street", e.target.value),
-								placeholder: "500 Industrial Way"
-							})]
-						}),
-						/* @__PURE__ */ I("div", {
-							className: "grid grid-cols-1 md:grid-cols-2 gap-4",
-							children: [/* @__PURE__ */ I("div", {
-								className: "space-y-2",
-								children: [/* @__PURE__ */ F(y, {
-									htmlFor: "city",
-									children: "City"
-								}), /* @__PURE__ */ F(v, {
-									id: "city",
-									value: D.city,
-									onChange: (e) => U("city", e.target.value),
-									placeholder: "San Francisco"
-								})]
-							}), /* @__PURE__ */ I("div", {
+					})] }),
+					/* @__PURE__ */ I(m, { children: [/* @__PURE__ */ F(g, { children: /* @__PURE__ */ I(_, {
+						className: "flex items-center gap-2",
+						children: [
+							/* @__PURE__ */ F(r, { size: 18 }),
+							" Address ",
+							/* @__PURE__ */ F("span", {
+								className: "text-status-error-text",
+								children: "*"
+							})
+						]
+					}) }), /* @__PURE__ */ I(h, {
+						className: "space-y-4",
+						children: [
+							/* @__PURE__ */ I("div", {
 								className: "space-y-2",
 								children: [/* @__PURE__ */ F(y, {
-									htmlFor: "state",
-									children: "State"
+									htmlFor: "street",
+									children: "Street"
 								}), /* @__PURE__ */ F(v, {
-									id: "state",
-									value: D.state,
-									onChange: (e) => U("state", e.target.value),
-									placeholder: "CA"
+									id: "street",
+									value: N.street,
+									onChange: (e) => Q("street", e.target.value),
+									placeholder: "500 Industrial Way"
 								})]
-							})]
-						}),
-						/* @__PURE__ */ I("div", {
-							className: "grid grid-cols-1 md:grid-cols-2 gap-4",
-							children: [/* @__PURE__ */ I("div", {
-								className: "space-y-2",
-								children: [/* @__PURE__ */ F(y, {
-									htmlFor: "postalCode",
-									children: "ZIP / Postal Code"
-								}), /* @__PURE__ */ F(v, {
-									id: "postalCode",
-									value: D.postalCode,
-									onChange: (e) => U("postalCode", e.target.value),
-									placeholder: "94103"
+							}),
+							/* @__PURE__ */ I("div", {
+								className: "grid grid-cols-1 md:grid-cols-2 gap-4",
+								children: [/* @__PURE__ */ I("div", {
+									className: "space-y-2",
+									children: [/* @__PURE__ */ F(y, {
+										htmlFor: "city",
+										children: "City"
+									}), /* @__PURE__ */ F(v, {
+										id: "city",
+										value: N.city,
+										onChange: (e) => Q("city", e.target.value),
+										placeholder: "San Francisco"
+									})]
+								}), /* @__PURE__ */ I("div", {
+									className: "space-y-2",
+									children: [/* @__PURE__ */ F(y, {
+										htmlFor: "state",
+										children: "State"
+									}), /* @__PURE__ */ F(v, {
+										id: "state",
+										value: N.state,
+										onChange: (e) => Q("state", e.target.value),
+										placeholder: "CA"
+									})]
 								})]
-							}), /* @__PURE__ */ I("div", {
-								className: "space-y-2",
-								children: [/* @__PURE__ */ F(y, {
-									htmlFor: "country",
-									children: "Country"
-								}), /* @__PURE__ */ F(v, {
-									id: "country",
-									value: D.country,
-									onChange: (e) => U("country", e.target.value),
-									placeholder: "USA"
+							}),
+							/* @__PURE__ */ I("div", {
+								className: "grid grid-cols-1 md:grid-cols-2 gap-4",
+								children: [/* @__PURE__ */ I("div", {
+									className: "space-y-2",
+									children: [/* @__PURE__ */ F(y, {
+										htmlFor: "postalCode",
+										children: "ZIP / Postal Code"
+									}), /* @__PURE__ */ F(v, {
+										id: "postalCode",
+										value: N.postalCode,
+										onChange: (e) => Q("postalCode", e.target.value),
+										placeholder: "94103"
+									})]
+								}), /* @__PURE__ */ I("div", {
+									className: "space-y-2",
+									children: [/* @__PURE__ */ F(y, {
+										htmlFor: "country",
+										children: "Country"
+									}), /* @__PURE__ */ F(v, {
+										id: "country",
+										value: N.country,
+										onChange: (e) => Q("country", e.target.value),
+										placeholder: "USA"
+									})]
 								})]
-							})]
-						})
-					]
-				})] })
-			]
-		})]
+							})
+						]
+					})] }),
+					A && /* @__PURE__ */ I(m, {
+						className: "border-status-error-border",
+						children: [/* @__PURE__ */ F(g, { children: /* @__PURE__ */ I(_, {
+							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", {
+							className: "mb-3 text-sm text-text-secondary",
+							children: "Removes this warehouse from your network. This cannot be undone from here."
+						}), /* @__PURE__ */ I(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"]
+						})] })]
+					})
+				]
+			}),
+			/* @__PURE__ */ F(B, {
+				open: ie,
+				onOpenChange: q,
+				children: /* @__PURE__ */ I(V, { children: [
+					/* @__PURE__ */ I(ee, { children: [/* @__PURE__ */ F(te, { children: "Delete this warehouse?" }), /* @__PURE__ */ I(H, { children: [
+						"This removes ",
+						N.name || "this warehouse",
+						" and cannot be undone from here."
+					] })] }),
+					/* @__PURE__ */ F("div", {
+						className: "px-1",
+						children: /* @__PURE__ */ F(k, { message: ae })
+					}),
+					/* @__PURE__ */ I(U, { children: [/* @__PURE__ */ F(p, {
+						variant: "outline",
+						onClick: () => q(!1),
+						disabled: J,
+						children: "Cancel"
+					}), /* @__PURE__ */ F(p, {
+						className: "bg-status-error-text text-text-inverse hover:opacity-90",
+						onClick: async () => {
+							if (t) {
+								Y(!0), X(null);
+								try {
+									await E(t), q(!1), Z();
+								} catch (e) {
+									X(e instanceof Error ? e.message : "Failed to delete warehouse."), Y(!1);
+								}
+							}
+						},
+						disabled: J,
+						children: J ? "Deleting..." : "Delete warehouse"
+					})] })
+				] })
+			})
+		]
 	});
 }
-function H() {
-	let { warehouseId: i } = P(), { basePath: u, navigate: v } = l(), y = N().pathname.endsWith("/edit"), { warehouse: x, isLoading: S, error: C, refetch: w } = d(i), T = () => v?.(c(u, "inventory/warehouses")), k = (e) => v?.(c(u, e));
-	if (!i) return /* @__PURE__ */ F(V, {});
-	if (y) return /* @__PURE__ */ F(V, { editId: i });
-	if (S) return /* @__PURE__ */ F(D, { message: "Loading warehouse details..." });
-	if (C || !x) return /* @__PURE__ */ F(E, {
+function G() {
+	let { warehouseId: i } = P(), { basePath: o, navigate: u } = l(), v = N().pathname.endsWith("/edit"), { warehouse: y, isLoading: x, error: S, refetch: C } = d(i), w = () => u?.(c(o, "inventory/warehouses")), T = (e) => u?.(c(o, e));
+	if (!i) return /* @__PURE__ */ F(W, {});
+	if (v) return /* @__PURE__ */ F(W, { editId: i });
+	if (x) return /* @__PURE__ */ F(D, { message: "Loading warehouse details..." });
+	if (S || !y) return /* @__PURE__ */ F(E, {
 		title: "Warehouse not found",
-		onRetry: w
+		onRetry: C
 	});
-	let j = x.capacity.usedSpace / x.capacity.totalSpace * 100;
+	let k = y.status.toUpperCase() === "ACTIVE";
 	return /* @__PURE__ */ I(O, {
-		title: x.name,
-		subtitle: `Code: ${x.code}`,
+		title: y.name,
+		subtitle: `Code: ${y.code}`,
 		icon: /* @__PURE__ */ F(s, { size: 24 }),
 		headerActions: /* @__PURE__ */ I("div", {
 			className: "flex gap-2",
 			children: [/* @__PURE__ */ I(p, {
 				variant: "outline",
-				onClick: T,
+				onClick: w,
 				children: [/* @__PURE__ */ F(e, { size: 16 }), " Back"]
 			}), /* @__PURE__ */ I(p, {
-				onClick: () => v?.(c(u, `inventory/warehouses/${i}/edit`)),
+				onClick: () => u?.(c(o, `inventory/warehouses/${i}/edit`)),
 				children: [/* @__PURE__ */ F(a, { size: 16 }), " Edit"]
 			})]
 		}),
 		headerContent: /* @__PURE__ */ I("div", {
 			className: "flex gap-2",
 			children: [/* @__PURE__ */ F(f, {
-				variant: x.isActive ? "default" : "secondary",
-				children: x.isActive ? "Active" : "Inactive"
+				variant: k ? "default" : "secondary",
+				children: k ? "Active" : "Inactive"
 			}), /* @__PURE__ */ F(f, {
 				variant: "outline",
 				className: "capitalize",
-				children: x.type.replace("_", " ")
+				children: y.type.replace("_", " ")
 			})]
 		}),
 		children: [
 			/* @__PURE__ */ F(z, {
 				icon: /* @__PURE__ */ F(s, { size: 18 }),
-				children: "A storage and fulfilment site at a glance — how full it is, its zones, operating hours, throughput and staff. Use it to decide whether this warehouse has the space and hours to fulfil an order, and where stock is running tight."
+				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, {
 				storageKey: "movethewheels-warehouse-details",
@@ -337,182 +477,82 @@ function H() {
 					label: "Review stock here",
 					description: "See which products are stored at this site.",
 					icon: /* @__PURE__ */ F(t, { size: 16 }),
-					onClick: () => k("inventory/products")
+					onClick: () => T("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 }),
-					onClick: () => k("orders")
+					onClick: () => T("orders")
 				}]
 			}),
 			/* @__PURE__ */ I("div", {
 				className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
 				children: [/* @__PURE__ */ I("div", {
 					className: "lg:col-span-2 space-y-6",
-					children: [
-						/* @__PURE__ */ I(L, { children: [/* @__PURE__ */ I("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", {
-							className: "space-y-4",
-							children: [/* @__PURE__ */ I("div", { children: [
-								/* @__PURE__ */ I("div", {
-									className: "flex justify-between text-sm mb-2",
-									children: [/* @__PURE__ */ F("span", { children: "Space Utilization" }), /* @__PURE__ */ I("span", { children: [j.toFixed(0), "%"] })]
-								}),
-								/* @__PURE__ */ F(b, { value: j }),
-								/* @__PURE__ */ I("p", {
-									className: "text-sm text-text-secondary mt-1",
-									children: [
-										x.capacity.usedSpace.toLocaleString(),
-										" /",
-										" ",
-										x.capacity.totalSpace.toLocaleString(),
-										" sq ft"
-									]
-								})
-							] }), /* @__PURE__ */ F("div", {
-								className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
-								children: /* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("p", {
-									className: "text-sm text-text-secondary",
-									children: "Pallets Used"
-								}), /* @__PURE__ */ I("p", {
-									className: "text-2xl font-bold",
-									children: [x.capacity.usedPallets, /* @__PURE__ */ I("span", {
-										className: "text-sm font-normal text-text-secondary",
-										children: [
-											" ",
-											"/ ",
-											x.capacity.totalPallets
-										]
-									})]
-								})] })
-							})]
-						})] }),
-						/* @__PURE__ */ I(m, { children: [/* @__PURE__ */ F(g, { children: /* @__PURE__ */ I(_, { children: [
-							"Zones (",
-							x.zones.length,
-							")"
-						] }) }), /* @__PURE__ */ F(h, { children: /* @__PURE__ */ F("div", {
-							className: "space-y-3",
-							children: x.zones.map((e) => /* @__PURE__ */ I("div", {
-								className: "flex items-center justify-between p-3 border rounded-lg",
-								children: [/* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("p", {
-									className: "font-medium",
-									children: e.name
-								}), /* @__PURE__ */ I("p", {
-									className: "text-sm text-text-secondary capitalize",
-									children: [
-										e.type,
-										" - ",
-										e.location
-									]
-								})] }), /* @__PURE__ */ I("div", {
-									className: "text-right",
-									children: [/* @__PURE__ */ F(b, {
-										value: e.currentOccupancy / e.capacity * 100,
-										className: "w-24 h-2"
-									}), /* @__PURE__ */ I("p", {
-										className: "text-sm text-text-secondary",
-										children: [
-											e.currentOccupancy,
-											" / ",
-											e.capacity
-										]
-									})]
-								})]
-							}, e.id))
-						}) })] }),
-						/* @__PURE__ */ I(m, { children: [/* @__PURE__ */ F(g, { children: /* @__PURE__ */ I(_, {
-							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ F(n, { size: 18 }), " Operating Hours"]
-						}) }), /* @__PURE__ */ F(h, { children: /* @__PURE__ */ F("div", {
-							className: "grid grid-cols-2 md:grid-cols-4 gap-4",
-							children: Object.entries(x.operatingHours).map(([e, t]) => /* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("p", {
-								className: "text-sm font-medium",
-								children: e
-							}), /* @__PURE__ */ F("p", {
-								className: "text-sm text-text-secondary",
-								children: t ? `${t.open} - ${t.close}` : "Closed"
-							})] }, e))
-						}) })] })
-					]
-				}), /* @__PURE__ */ I("div", {
-					className: "space-y-6",
-					children: [
-						/* @__PURE__ */ I(m, { children: [/* @__PURE__ */ F(g, { children: /* @__PURE__ */ I(_, {
-							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ F(r, { size: 18 }), " Location"]
-						}) }), /* @__PURE__ */ F(h, { children: /* @__PURE__ */ F("p", {
-							className: "text-sm",
-							children: A(x.address)
-						}) })] }),
-						/* @__PURE__ */ I(m, { children: [/* @__PURE__ */ F(g, { children: /* @__PURE__ */ F(_, { children: "Metrics" }) }), /* @__PURE__ */ I(h, {
-							className: "space-y-3",
-							children: [
-								/* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("p", {
-									className: "text-sm text-text-secondary",
-									children: "Throughput"
-								}), /* @__PURE__ */ I("p", {
-									className: "text-2xl font-bold",
-									children: [x.metrics.throughput, /* @__PURE__ */ F("span", {
-										className: "text-sm font-normal",
-										children: " orders/day"
-									})]
-								})] }),
-								/* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("p", {
-									className: "text-sm text-text-secondary",
-									children: "Accuracy"
-								}), /* @__PURE__ */ I("p", {
-									className: "text-2xl font-bold",
-									children: [x.metrics.accuracy, "%"]
-								})] }),
-								/* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("p", {
-									className: "text-sm text-text-secondary",
-									children: "Productivity"
-								}), /* @__PURE__ */ I("p", {
-									className: "text-2xl font-bold",
-									children: [x.metrics.productivity, "%"]
-								})] }),
-								/* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("p", {
-									className: "text-sm text-text-secondary",
-									children: "Orders Fulfilled"
-								}), /* @__PURE__ */ F("p", {
-									className: "text-2xl font-bold",
-									children: x.metrics.ordersFulfilled.toLocaleString()
-								})] })
-							]
-						})] }),
-						/* @__PURE__ */ I(m, { children: [/* @__PURE__ */ F(g, { children: /* @__PURE__ */ I(_, {
-							className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ I(L, { children: [/* @__PURE__ */ I("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", {
+							className: "flex justify-between text-sm mb-2",
+							children: [/* @__PURE__ */ F("span", { children: "Space Utilization" }), /* @__PURE__ */ I("span", { children: [y.utilization.toFixed(0), "%"] })]
+						}),
+						/* @__PURE__ */ F(b, { value: y.utilization }),
+						/* @__PURE__ */ I("p", {
+							className: "text-sm text-text-secondary mt-1",
 							children: [
-								/* @__PURE__ */ F(o, { size: 18 }),
-								" Staff (",
-								x.staff.length,
-								")"
+								y.capacity.usedSpace.toLocaleString(),
+								" /",
+								" ",
+								y.capacity.totalSpace.toLocaleString(),
+								" sq ft"
 							]
-						}) }), /* @__PURE__ */ F(h, { children: x.staff.length > 0 ? /* @__PURE__ */ F("div", {
-							className: "space-y-2",
-							children: x.staff.map((e, t) => /* @__PURE__ */ I("div", {
-								className: "flex items-center justify-between p-2 border rounded",
-								children: [/* @__PURE__ */ F("span", {
-									className: "text-sm capitalize",
-									children: e.role
-								}), /* @__PURE__ */ F(f, {
-									variant: "outline",
-									children: e.shift
-								})]
-							}, t))
-						}) : /* @__PURE__ */ F("p", {
-							className: "text-text-secondary",
-							children: "No staff assigned"
-						}) })] })
-					]
+						})
+					] })] }), /* @__PURE__ */ I(m, { children: [/* @__PURE__ */ F(g, { children: /* @__PURE__ */ I(_, {
+						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", {
+						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", {
+							className: "text-sm font-medium",
+							children: e
+						}), /* @__PURE__ */ F("p", {
+							className: "text-sm text-text-secondary",
+							children: t ? `${t.open} - ${t.close}` : "Closed"
+						})] }, e))
+					}) : /* @__PURE__ */ F("p", {
+						className: "text-sm text-text-secondary",
+						children: "Not recorded"
+					}) })] })]
+				}), /* @__PURE__ */ I("div", {
+					className: "space-y-6",
+					children: [/* @__PURE__ */ I(m, { children: [/* @__PURE__ */ F(g, { children: /* @__PURE__ */ I(_, {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ F(r, { size: 18 }), " Location"]
+					}) }), /* @__PURE__ */ F(h, { children: /* @__PURE__ */ F("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, {
+						className: "space-y-3",
+						children: [y.contactInfo?.email && /* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("p", {
+							className: "text-sm text-text-secondary",
+							children: "Email"
+						}), /* @__PURE__ */ F("p", {
+							className: "font-medium",
+							children: y.contactInfo.email
+						})] }), y.contactInfo?.phone && /* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("p", {
+							className: "text-sm text-text-secondary",
+							children: "Phone"
+						}), /* @__PURE__ */ F("p", {
+							className: "font-medium",
+							children: y.contactInfo.phone
+						})] })]
+					})] })]
 				})]
 			})
 		]
 	});
 }
 //#endregion
-export { H as default };
+export { G as default };