@burdenoff/microfe-movethewheels 2026.625.1 → 2026.626.1

package/dist/VehicleDetailsPage-3YDMPsPs.js

@@ -0,0 +1,220 @@
+import { M as e, d as t, f as n, g as r, h as i, i as a, l as o, n as s, r as c, u as l } from "./PageLayout-D3N8MCTm.js";
+import { t as u } from "./arrow-left-CBpZKkpq.js";
+import { t as d } from "./file-text-C8Uioy11.js";
+import { n as f, t as p } from "./wrench-CmxY1n4I.js";
+import { t as m } from "./map-pin-BSaf5IDL.js";
+import { t as h } from "./square-pen-hLIbFQFV.js";
+import { t as g } from "./truck-CtDjNFbi.js";
+import { r as _ } from "./graphqlClient-CdJyR_ed.js";
+import { a as v } from "./useFleet-BdETplNE.js";
+import { a as y, r as b } from "./StatusBadge-CijYQXtb.js";
+import { r as x } from "./formatters-_vJlC-47.js";
+import { t as S } from "./navigation-BgnOfsVd.js";
+import { useParams as C } from "react-router-dom";
+import { jsx as w, jsxs as T } from "react/jsx-runtime";
+import { EmphasisPanel as E, NextSteps as D, PagePurpose as O } from "@burdenoff/fe-libs/ui";
+//#region src/movethewheels/pages/VehicleDetailsPage.tsx
+function k() {
+	let { vehicleId: k } = C(), { basePath: A, navigate: j } = _(), { vehicle: M, isLoading: N, error: P, refetch: F } = v(k), I = () => j?.(S(A, "fleet/vehicles")), L = (e) => j?.(S(A, e));
+	return N ? /* @__PURE__ */ w(c, { message: "Loading vehicle details..." }) : P || !M ? /* @__PURE__ */ w(s, {
+		title: "Vehicle not found",
+		onRetry: F
+	}) : /* @__PURE__ */ T(a, {
+		title: M.vehicleNumber,
+		subtitle: `${M.make} ${M.model} (${M.year})`,
+		icon: /* @__PURE__ */ w(g, { size: 24 }),
+		headerActions: /* @__PURE__ */ T("div", {
+			className: "flex gap-2",
+			children: [/* @__PURE__ */ T(l, {
+				variant: "outline",
+				onClick: I,
+				children: [/* @__PURE__ */ w(u, { size: 16 }), " Back"]
+			}), /* @__PURE__ */ T(l, { children: [/* @__PURE__ */ w(h, { size: 16 }), " Edit"] })]
+		}),
+		headerContent: /* @__PURE__ */ T("div", {
+			className: "flex gap-2",
+			children: [/* @__PURE__ */ w(b, {
+				status: M.status,
+				type: "vehicle"
+			}), /* @__PURE__ */ w(y, { type: M.type })]
+		}),
+		children: [
+			/* @__PURE__ */ w(O, {
+				icon: /* @__PURE__ */ w(g, { size: 18 }),
+				children: "The full record for this vehicle — specs, capacity, fuel and mileage, maintenance schedule and current location. Use it to confirm a vehicle is fuelled, serviced and the right size before dispatching it on a delivery."
+			}),
+			/* @__PURE__ */ w(D, {
+				storageKey: "movethewheels-vehicle-details",
+				steps: [{
+					id: "assign",
+					label: "Assign to a delivery",
+					description: "Put this vehicle on an order that fits its capacity.",
+					icon: /* @__PURE__ */ w(m, { size: 16 }),
+					onClick: () => L("orders")
+				}, {
+					id: "maintenance",
+					label: "Schedule maintenance",
+					description: "Keep it road-ready and compliant.",
+					icon: /* @__PURE__ */ w(p, { size: 16 }),
+					onClick: () => {}
+				}]
+			}),
+			/* @__PURE__ */ T("div", {
+				className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
+				children: [/* @__PURE__ */ T("div", {
+					className: "lg:col-span-2 space-y-6",
+					children: [
+						/* @__PURE__ */ T(E, { children: [/* @__PURE__ */ w("h2", {
+							className: "text-base font-semibold text-text-primary mb-4",
+							children: "Vehicle Information"
+						}), /* @__PURE__ */ T("div", {
+							className: "grid grid-cols-2 md:grid-cols-4 gap-6",
+							children: [
+								/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+									className: "text-sm text-text-secondary",
+									children: "Type"
+								}), /* @__PURE__ */ w("p", {
+									className: "font-medium capitalize",
+									children: M.type
+								})] }),
+								/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+									className: "text-sm text-text-secondary",
+									children: "Make"
+								}), /* @__PURE__ */ w("p", {
+									className: "font-medium",
+									children: M.make
+								})] }),
+								/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+									className: "text-sm text-text-secondary",
+									children: "Model"
+								}), /* @__PURE__ */ w("p", {
+									className: "font-medium",
+									children: M.model
+								})] }),
+								/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+									className: "text-sm text-text-secondary",
+									children: "Year"
+								}), /* @__PURE__ */ w("p", {
+									className: "font-medium",
+									children: M.year
+								})] })
+							]
+						})] }),
+						/* @__PURE__ */ T(t, { children: [/* @__PURE__ */ w(i, { children: /* @__PURE__ */ w(r, { children: "Capacity" }) }), /* @__PURE__ */ w(n, { children: /* @__PURE__ */ T("div", {
+							className: "grid grid-cols-3 gap-6",
+							children: [
+								/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+									className: "text-sm text-text-secondary",
+									children: "Weight"
+								}), /* @__PURE__ */ T("p", {
+									className: "text-2xl font-bold",
+									children: [M.capacity.weight, /* @__PURE__ */ w("span", {
+										className: "text-sm font-normal",
+										children: " kg"
+									})]
+								})] }),
+								/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+									className: "text-sm text-text-secondary",
+									children: "Volume"
+								}), /* @__PURE__ */ T("p", {
+									className: "text-2xl font-bold",
+									children: [M.capacity.volume, /* @__PURE__ */ w("span", {
+										className: "text-sm font-normal",
+										children: " m³"
+									})]
+								})] }),
+								M.capacity.pallets && /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+									className: "text-sm text-text-secondary",
+									children: "Pallets"
+								}), /* @__PURE__ */ w("p", {
+									className: "text-2xl font-bold",
+									children: M.capacity.pallets
+								})] })
+							]
+						}) })] }),
+						/* @__PURE__ */ T(t, { children: [/* @__PURE__ */ w(i, { children: /* @__PURE__ */ T(r, {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ w(d, { size: 18 }), " Documents"]
+						}) }), /* @__PURE__ */ w(n, { children: M.documents.length > 0 ? /* @__PURE__ */ w("div", {
+							className: "space-y-3",
+							children: M.documents.map((e) => /* @__PURE__ */ T("div", {
+								className: "flex items-center justify-between p-3 border rounded-lg",
+								children: [/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+									className: "font-medium capitalize",
+									children: e.type.replace("_", " ")
+								}), /* @__PURE__ */ T("p", {
+									className: "text-sm text-text-secondary",
+									children: ["Expires: ", x(e.expiryDate)]
+								})] }), /* @__PURE__ */ w(o, {
+									variant: e.verified ? "default" : "secondary",
+									children: e.verified ? "Verified" : "Pending"
+								})]
+							}, e.id))
+						}) : /* @__PURE__ */ w("p", {
+							className: "text-text-secondary text-center py-4",
+							children: "No documents uploaded"
+						}) })] })
+					]
+				}), /* @__PURE__ */ T("div", {
+					className: "space-y-6",
+					children: [
+						/* @__PURE__ */ T(t, { children: [/* @__PURE__ */ w(i, { children: /* @__PURE__ */ T(r, {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ w(f, { size: 18 }), " Fuel & Mileage"]
+						}) }), /* @__PURE__ */ T(n, {
+							className: "space-y-4",
+							children: [M.fuelLevel !== void 0 && /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ T("div", {
+								className: "flex justify-between text-sm mb-2",
+								children: [/* @__PURE__ */ w("span", { children: "Fuel Level" }), /* @__PURE__ */ T("span", { children: [M.fuelLevel, "%"] })]
+							}), /* @__PURE__ */ w(e, { value: M.fuelLevel })] }), M.mileage !== void 0 && /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+								className: "text-sm text-text-secondary",
+								children: "Total Mileage"
+							}), /* @__PURE__ */ T("p", {
+								className: "text-2xl font-bold",
+								children: [
+									M.mileage.toLocaleString(),
+									" ",
+									/* @__PURE__ */ w("span", {
+										className: "text-sm font-normal",
+										children: "miles"
+									})
+								]
+							})] })]
+						})] }),
+						/* @__PURE__ */ T(t, { children: [/* @__PURE__ */ w(i, { children: /* @__PURE__ */ T(r, {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ w(p, { size: 18 }), " Maintenance"]
+						}) }), /* @__PURE__ */ T(n, {
+							className: "space-y-3",
+							children: [/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+								className: "text-sm text-text-secondary",
+								children: "Last Maintenance"
+							}), /* @__PURE__ */ w("p", {
+								className: "font-medium",
+								children: M.lastMaintenance ? x(M.lastMaintenance) : "N/A"
+							})] }), /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+								className: "text-sm text-text-secondary",
+								children: "Next Scheduled"
+							}), /* @__PURE__ */ w("p", {
+								className: "font-medium",
+								children: M.nextMaintenance ? x(M.nextMaintenance) : "N/A"
+							})] })]
+						})] }),
+						M.currentLocation && /* @__PURE__ */ T(t, { children: [/* @__PURE__ */ w(i, { children: /* @__PURE__ */ T(r, {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ w(m, { size: 18 }), " Current Location"]
+						}) }), /* @__PURE__ */ T(n, { children: [/* @__PURE__ */ w("p", {
+							className: "text-sm",
+							children: M.currentLocation.address || "Location updating..."
+						}), /* @__PURE__ */ T("p", {
+							className: "text-xs text-text-secondary mt-1",
+							children: ["Updated ", x(M.currentLocation.timestamp || /* @__PURE__ */ new Date(), "relative")]
+						})] })] })
+					]
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { k as default };

package/dist/VehiclesPage-UlxPWP9K.js

@@ -0,0 +1,167 @@
+import { M as e, i as t } from "./PageLayout-D3N8MCTm.js";
+import { t as n } from "./DataTable-CD9ZhpLB.js";
+import { t as r } from "./download-Dpa9vqoG.js";
+import { t as i } from "./plus-Dl1rLeJR.js";
+import { t as a } from "./refresh-cw-CWfERAit.js";
+import { t as o } from "./truck-CtDjNFbi.js";
+import { r as s } from "./graphqlClient-CdJyR_ed.js";
+import { o as c } from "./useFleet-BdETplNE.js";
+import { a as l, r as u } from "./StatusBadge-CijYQXtb.js";
+import { t as d } from "./navigation-BgnOfsVd.js";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { CTAOverflowMenu as m, EmphasisPanel as h, PagePurpose as g } from "@burdenoff/fe-libs/ui";
+//#region src/movethewheels/pages/VehiclesPage.tsx
+function _() {
+	let { basePath: _, navigate: v } = s(), { vehicles: y, totalVehicles: b, isLoading: x, refetch: S } = c(), C = (e) => {
+		v && v(d(_, e));
+	};
+	return /* @__PURE__ */ p(t, {
+		title: "Vehicles",
+		subtitle: `${b} vehicles in fleet`,
+		icon: /* @__PURE__ */ f(o, { size: 24 }),
+		headerActions: /* @__PURE__ */ f(m, {
+			primary: {
+				label: "Add Vehicle",
+				icon: /* @__PURE__ */ f(i, { size: 16 }),
+				onSelect: () => {}
+			},
+			actions: [{
+				label: "Refresh",
+				icon: /* @__PURE__ */ f(a, { size: 16 }),
+				onSelect: () => S()
+			}, {
+				label: "Export",
+				icon: /* @__PURE__ */ f(r, { size: 16 }),
+				onSelect: () => {}
+			}]
+		}),
+		children: [
+			/* @__PURE__ */ f(g, {
+				icon: /* @__PURE__ */ f(o, { size: 18 }),
+				children: "Every truck, van and bike in your fleet. Monitor capacity, fuel level, mileage and maintenance status here so you always know which vehicles are road-ready before dispatching an order."
+			}),
+			/* @__PURE__ */ p(h, { children: [/* @__PURE__ */ f("p", {
+				className: "text-sm font-medium text-text-secondary",
+				children: "Fleet at a glance"
+			}), /* @__PURE__ */ p("div", {
+				className: "mt-3 grid grid-cols-3 gap-4",
+				children: [
+					/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("p", {
+						className: "text-2xl font-bold text-text-primary tabular-nums",
+						children: b
+					}), /* @__PURE__ */ f("p", {
+						className: "text-xs text-text-secondary",
+						children: "Total vehicles"
+					})] }),
+					/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("p", {
+						className: "text-2xl font-bold text-text-primary tabular-nums",
+						children: y.filter((e) => e.status === "available").length
+					}), /* @__PURE__ */ f("p", {
+						className: "text-xs text-text-secondary",
+						children: "Available now"
+					})] }),
+					/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("p", {
+						className: "text-2xl font-bold text-text-primary tabular-nums",
+						children: y.filter((e) => e.status === "maintenance").length
+					}), /* @__PURE__ */ f("p", {
+						className: "text-xs text-text-secondary",
+						children: "In maintenance"
+					})] })
+				]
+			})] }),
+			/* @__PURE__ */ f(n, {
+				columns: [
+					{
+						id: "vehicleNumber",
+						header: "Vehicle #",
+						accessorKey: "vehicleNumber",
+						sortable: !0,
+						cell: (e) => /* @__PURE__ */ f("span", {
+							className: "font-medium",
+							children: e.vehicleNumber
+						})
+					},
+					{
+						id: "type",
+						header: "Type",
+						accessorKey: "type",
+						cell: (e) => /* @__PURE__ */ f(l, { type: e.type })
+					},
+					{
+						id: "details",
+						header: "Vehicle",
+						cell: (e) => /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ p("p", {
+							className: "font-medium",
+							children: [
+								e.make,
+								" ",
+								e.model
+							]
+						}), /* @__PURE__ */ f("p", {
+							className: "text-sm text-text-secondary",
+							children: e.year
+						})] })
+					},
+					{
+						id: "status",
+						header: "Status",
+						accessorKey: "status",
+						sortable: !0,
+						cell: (e) => /* @__PURE__ */ f(u, {
+							status: e.status,
+							type: "vehicle"
+						})
+					},
+					{
+						id: "capacity",
+						header: "Capacity",
+						cell: (e) => /* @__PURE__ */ p("div", {
+							className: "text-sm",
+							children: [/* @__PURE__ */ p("p", { children: [e.capacity.weight, " kg"] }), /* @__PURE__ */ p("p", {
+								className: "text-text-secondary",
+								children: [e.capacity.volume, " m³"]
+							})]
+						})
+					},
+					{
+						id: "fuel",
+						header: "Fuel Level",
+						cell: (t) => t.fuelLevel === void 0 ? "-" : /* @__PURE__ */ p("div", {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ f(e, {
+								value: t.fuelLevel,
+								className: "w-16 h-2"
+							}), /* @__PURE__ */ p("span", {
+								className: "text-sm",
+								children: [t.fuelLevel, "%"]
+							})]
+						})
+					},
+					{
+						id: "mileage",
+						header: "Mileage",
+						accessorKey: "mileage",
+						sortable: !0,
+						cell: (e) => e.mileage ? `${e.mileage.toLocaleString()} mi` : "-"
+					}
+				],
+				data: y,
+				isLoading: x,
+				searchable: !0,
+				searchPlaceholder: "Search vehicles...",
+				searchFields: [
+					"vehicleNumber",
+					"make",
+					"model"
+				],
+				onRowClick: (e) => C(`fleet/vehicles/${e.id}`),
+				getRowId: (e) => e.id,
+				emptyIllustration: "empty-data",
+				emptyTitle: "No vehicles yet",
+				emptyDescription: "Add vehicles to your fleet to start assigning them to deliveries."
+			})
+		]
+	});
+}
+//#endregion
+export { _ as default };

package/dist/WarehouseDetailsPage-Db7KeN-d.js

@@ -0,0 +1,238 @@
+import { M as e, d as t, f as n, g as r, h as i, i as a, l as o, n as s, r as c, u as l } from "./PageLayout-D3N8MCTm.js";
+import { t as u } from "./arrow-left-CBpZKkpq.js";
+import { t as d } from "./box-CAaiElsb.js";
+import { t as f } from "./clock-BjkdnddD.js";
+import { t as p } from "./map-pin-BSaf5IDL.js";
+import { t as m } from "./square-pen-hLIbFQFV.js";
+import { t as h } from "./users-g2N0eL-Z.js";
+import { t as g } from "./warehouse-D3WWDeTX.js";
+import { r as _ } from "./graphqlClient-CdJyR_ed.js";
+import { a as v } from "./useInventory-Dwn18FPz.js";
+import { t as y } from "./formatters-_vJlC-47.js";
+import { t as b } from "./navigation-BgnOfsVd.js";
+import { useParams as x } from "react-router-dom";
+import { jsx as S, jsxs as C } from "react/jsx-runtime";
+import { EmphasisPanel as w, NextSteps as T, PagePurpose as E } from "@burdenoff/fe-libs/ui";
+//#region src/movethewheels/pages/WarehouseDetailsPage.tsx
+function D() {
+	let { warehouseId: D } = x(), { basePath: O, navigate: k } = _(), { warehouse: A, isLoading: j, error: M, refetch: N } = v(D), P = () => k?.(b(O, "inventory/warehouses")), F = (e) => k?.(b(O, e));
+	if (j) return /* @__PURE__ */ S(c, { message: "Loading warehouse details..." });
+	if (M || !A) return /* @__PURE__ */ S(s, {
+		title: "Warehouse not found",
+		onRetry: N
+	});
+	let I = A.capacity.usedSpace / A.capacity.totalSpace * 100;
+	return /* @__PURE__ */ C(a, {
+		title: A.name,
+		subtitle: `Code: ${A.code}`,
+		icon: /* @__PURE__ */ S(g, { size: 24 }),
+		headerActions: /* @__PURE__ */ C("div", {
+			className: "flex gap-2",
+			children: [/* @__PURE__ */ C(l, {
+				variant: "outline",
+				onClick: P,
+				children: [/* @__PURE__ */ S(u, { size: 16 }), " Back"]
+			}), /* @__PURE__ */ C(l, { children: [/* @__PURE__ */ S(m, { size: 16 }), " Edit"] })]
+		}),
+		headerContent: /* @__PURE__ */ C("div", {
+			className: "flex gap-2",
+			children: [/* @__PURE__ */ S(o, {
+				variant: A.isActive ? "default" : "secondary",
+				children: A.isActive ? "Active" : "Inactive"
+			}), /* @__PURE__ */ S(o, {
+				variant: "outline",
+				className: "capitalize",
+				children: A.type.replace("_", " ")
+			})]
+		}),
+		children: [
+			/* @__PURE__ */ S(E, {
+				icon: /* @__PURE__ */ S(g, { 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."
+			}),
+			/* @__PURE__ */ S(T, {
+				storageKey: "movethewheels-warehouse-details",
+				steps: [{
+					id: "inventory",
+					label: "Review stock here",
+					description: "See which products are stored at this site.",
+					icon: /* @__PURE__ */ S(d, { size: 16 }),
+					onClick: () => F("inventory/products")
+				}, {
+					id: "fulfil",
+					label: "Fulfil an order from this site",
+					description: "Pick a pending order to ship out of this warehouse.",
+					icon: /* @__PURE__ */ S(p, { size: 16 }),
+					onClick: () => F("orders")
+				}]
+			}),
+			/* @__PURE__ */ C("div", {
+				className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
+				children: [/* @__PURE__ */ C("div", {
+					className: "lg:col-span-2 space-y-6",
+					children: [
+						/* @__PURE__ */ C(w, { children: [/* @__PURE__ */ C("h2", {
+							className: "flex items-center gap-2 text-base font-semibold text-text-primary mb-4",
+							children: [/* @__PURE__ */ S(d, { size: 18 }), " Capacity"]
+						}), /* @__PURE__ */ C("div", {
+							className: "space-y-4",
+							children: [/* @__PURE__ */ C("div", { children: [
+								/* @__PURE__ */ C("div", {
+									className: "flex justify-between text-sm mb-2",
+									children: [/* @__PURE__ */ S("span", { children: "Space Utilization" }), /* @__PURE__ */ C("span", { children: [I.toFixed(0), "%"] })]
+								}),
+								/* @__PURE__ */ S(e, { value: I }),
+								/* @__PURE__ */ C("p", {
+									className: "text-sm text-text-secondary mt-1",
+									children: [
+										A.capacity.usedSpace.toLocaleString(),
+										" /",
+										" ",
+										A.capacity.totalSpace.toLocaleString(),
+										" sq ft"
+									]
+								})
+							] }), /* @__PURE__ */ S("div", {
+								className: "grid grid-cols-2 gap-4",
+								children: /* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("p", {
+									className: "text-sm text-text-secondary",
+									children: "Pallets Used"
+								}), /* @__PURE__ */ C("p", {
+									className: "text-2xl font-bold",
+									children: [A.capacity.usedPallets, /* @__PURE__ */ C("span", {
+										className: "text-sm font-normal text-text-secondary",
+										children: [
+											" ",
+											"/ ",
+											A.capacity.totalPallets
+										]
+									})]
+								})] })
+							})]
+						})] }),
+						/* @__PURE__ */ C(t, { children: [/* @__PURE__ */ S(i, { children: /* @__PURE__ */ C(r, { children: [
+							"Zones (",
+							A.zones.length,
+							")"
+						] }) }), /* @__PURE__ */ S(n, { children: /* @__PURE__ */ S("div", {
+							className: "space-y-3",
+							children: A.zones.map((t) => /* @__PURE__ */ C("div", {
+								className: "flex items-center justify-between p-3 border rounded-lg",
+								children: [/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("p", {
+									className: "font-medium",
+									children: t.name
+								}), /* @__PURE__ */ C("p", {
+									className: "text-sm text-text-secondary capitalize",
+									children: [
+										t.type,
+										" - ",
+										t.location
+									]
+								})] }), /* @__PURE__ */ C("div", {
+									className: "text-right",
+									children: [/* @__PURE__ */ S(e, {
+										value: t.currentOccupancy / t.capacity * 100,
+										className: "w-24 h-2"
+									}), /* @__PURE__ */ C("p", {
+										className: "text-sm text-text-secondary",
+										children: [
+											t.currentOccupancy,
+											" / ",
+											t.capacity
+										]
+									})]
+								})]
+							}, t.id))
+						}) })] }),
+						/* @__PURE__ */ C(t, { children: [/* @__PURE__ */ S(i, { children: /* @__PURE__ */ C(r, {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ S(f, { size: 18 }), " Operating Hours"]
+						}) }), /* @__PURE__ */ S(n, { children: /* @__PURE__ */ S("div", {
+							className: "grid grid-cols-2 md:grid-cols-4 gap-4",
+							children: Object.entries(A.operatingHours).map(([e, t]) => /* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("p", {
+								className: "text-sm font-medium",
+								children: e
+							}), /* @__PURE__ */ S("p", {
+								className: "text-sm text-text-secondary",
+								children: t ? `${t.open} - ${t.close}` : "Closed"
+							})] }, e))
+						}) })] })
+					]
+				}), /* @__PURE__ */ C("div", {
+					className: "space-y-6",
+					children: [
+						/* @__PURE__ */ C(t, { children: [/* @__PURE__ */ S(i, { children: /* @__PURE__ */ C(r, {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ S(p, { size: 18 }), " Location"]
+						}) }), /* @__PURE__ */ S(n, { children: /* @__PURE__ */ S("p", {
+							className: "text-sm",
+							children: y(A.address)
+						}) })] }),
+						/* @__PURE__ */ C(t, { children: [/* @__PURE__ */ S(i, { children: /* @__PURE__ */ S(r, { children: "Metrics" }) }), /* @__PURE__ */ C(n, {
+							className: "space-y-3",
+							children: [
+								/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("p", {
+									className: "text-sm text-text-secondary",
+									children: "Throughput"
+								}), /* @__PURE__ */ C("p", {
+									className: "text-2xl font-bold",
+									children: [A.metrics.throughput, /* @__PURE__ */ S("span", {
+										className: "text-sm font-normal",
+										children: " orders/day"
+									})]
+								})] }),
+								/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("p", {
+									className: "text-sm text-text-secondary",
+									children: "Accuracy"
+								}), /* @__PURE__ */ C("p", {
+									className: "text-2xl font-bold",
+									children: [A.metrics.accuracy, "%"]
+								})] }),
+								/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("p", {
+									className: "text-sm text-text-secondary",
+									children: "Productivity"
+								}), /* @__PURE__ */ C("p", {
+									className: "text-2xl font-bold",
+									children: [A.metrics.productivity, "%"]
+								})] }),
+								/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("p", {
+									className: "text-sm text-text-secondary",
+									children: "Orders Fulfilled"
+								}), /* @__PURE__ */ S("p", {
+									className: "text-2xl font-bold",
+									children: A.metrics.ordersFulfilled.toLocaleString()
+								})] })
+							]
+						})] }),
+						/* @__PURE__ */ C(t, { children: [/* @__PURE__ */ S(i, { children: /* @__PURE__ */ C(r, {
+							className: "flex items-center gap-2",
+							children: [
+								/* @__PURE__ */ S(h, { size: 18 }),
+								" Staff (",
+								A.staff.length,
+								")"
+							]
+						}) }), /* @__PURE__ */ S(n, { children: A.staff.length > 0 ? /* @__PURE__ */ S("div", {
+							className: "space-y-2",
+							children: A.staff.map((e, t) => /* @__PURE__ */ C("div", {
+								className: "flex items-center justify-between p-2 border rounded",
+								children: [/* @__PURE__ */ S("span", {
+									className: "text-sm capitalize",
+									children: e.role
+								}), /* @__PURE__ */ S(o, {
+									variant: "outline",
+									children: e.shift
+								})]
+							}, t))
+						}) : /* @__PURE__ */ S("p", {
+							className: "text-text-secondary",
+							children: "No staff assigned"
+						}) })] })
+					]
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { D as default };