@burdenoff/microfe-movethewheels 2026.924.2 → 2026.925.1

package/dist/pages/OrderDetailsPage.js

@@ -11,29 +11,29 @@ import { Package as i } from "../node_modules/lucide-react/dist/esm/icons/packag
 import { Phone as ae } from "../node_modules/lucide-react/dist/esm/icons/phone.js";
 import { Printer as a } from "../node_modules/lucide-react/dist/esm/icons/printer.js";
 import { SquarePen as o } from "../node_modules/lucide-react/dist/esm/icons/square-pen.js";
-import { Truck as s } from "../node_modules/lucide-react/dist/esm/icons/truck.js";
-import { UserCheck as oe } from "../node_modules/lucide-react/dist/esm/icons/user-check.js";
-import { User as se } from "../node_modules/lucide-react/dist/esm/icons/user.js";
-import { joinPath as c } from "../utils/navigation.js";
-import { useMoveTheWheels as ce } from "../providers/MoveTheWheelsProvider.js";
-import { useOrder as le, useOrders as ue } from "../hooks/useOrders.js";
-import { useDriver as de, useDrivers as fe, useVehicle as pe, useVehicles as me } from "../hooks/useFleet.js";
-import { Badge as l, Button as u, Card as d, CardContent as f, CardHeader as p, CardTitle as m, Input as he, Label as h, Separator as g, Table as ge, TableBody as _e, TableCell as _, TableHead as v, TableHeader as ve, TableRow as y } from "../components/ui.js";
-import { ErrorState as ye, LoadingState as be, PageLayout as xe } from "../components/PageLayout.js";
-import { PaymentStatusBadge as Se, PriorityBadge as Ce, StatusBadge as b } from "../components/StatusBadge.js";
-import { FormError as we } from "../components/FormError.js";
-import { Notice as Te, useNotice as Ee } from "../components/Notice.js";
-import { formatAddress as x, formatCurrency as S, formatDate as C } from "../utils/formatters.js";
-import { DocumentsCard as De } from "../components/DocumentsCard.js";
-import { useDebouncedValue as Oe } from "../hooks/useDebouncedValue.js";
-import { EntityCombobox as w } from "../components/EntityCombobox.js";
-import { ProofOfDeliveryCard as ke } from "../components/ProofOfDeliveryCard.js";
-import { useEffect as T, useState as E } from "react";
-import { useParams as Ae } from "react-router";
-import { Fragment as D, jsx as O, jsxs as k } from "react/jsx-runtime";
-import { EmphasisPanel as je, NextSteps as Me, PagePurpose as Ne } from "@burdenoff/fe-libs/ui";
+import { Truck as oe } from "../node_modules/lucide-react/dist/esm/icons/truck.js";
+import { UserCheck as se } from "../node_modules/lucide-react/dist/esm/icons/user-check.js";
+import { User as ce } from "../node_modules/lucide-react/dist/esm/icons/user.js";
+import { joinPath as s } from "../utils/navigation.js";
+import { useMoveTheWheels as le } from "../providers/MoveTheWheelsProvider.js";
+import { useOrder as ue, useOrders as de } from "../hooks/useOrders.js";
+import { useDriver as fe, useDrivers as pe, useVehicle as me, useVehicles as he } from "../hooks/useFleet.js";
+import { Badge as c, Button as l, Card as u, CardContent as d, CardHeader as f, CardTitle as p, Input as ge, Label as m, Separator as h, Table as _e, TableBody as ve, TableCell as g, TableHead as _, TableHeader as ye, TableRow as be } from "../components/ui.js";
+import { ErrorState as xe, LoadingState as Se, PageLayout as Ce } from "../components/PageLayout.js";
+import { PaymentStatusBadge as we, PriorityBadge as Te, StatusBadge as v } from "../components/StatusBadge.js";
+import { FormError as Ee } from "../components/FormError.js";
+import { Notice as De, useNotice as Oe } from "../components/Notice.js";
+import { formatAddress as y, formatCurrency as b, formatDate as x } from "../utils/formatters.js";
+import { DocumentsCard as ke } from "../components/DocumentsCard.js";
+import { useDebouncedValue as Ae } from "../hooks/useDebouncedValue.js";
+import { EntityCombobox as S } from "../components/EntityCombobox.js";
+import { ProofOfDeliveryCard as je } from "../components/ProofOfDeliveryCard.js";
+import { useEffect as C, useState as w } from "react";
+import { useParams as Me } from "react-router";
+import { Fragment as T, jsx as E, jsxs as D } from "react/jsx-runtime";
+import { EmphasisPanel as Ne, NextSteps as Pe, PagePurpose as Fe } from "@burdenoff/fe-libs/ui";
 //#region src/movethewheels/pages/OrderDetailsPage.tsx
-var A = [
+var O = [
 	"pending",
 	"confirmed",
 	"assigned",
@@ -41,7 +41,7 @@ var A = [
 	"in_transit",
 	"out_for_delivery",
 	"delivered"
-], j = {
+], k = {
 	pending: "Pending",
 	confirmed: "Confirmed",
 	assigned: "Assigned",
@@ -49,374 +49,392 @@ var A = [
 	in_transit: "In Transit",
 	out_for_delivery: "Out for Delivery",
 	delivered: "Delivered",
+	returned: "Returned",
 	cancelled: "Cancelled",
 	failed: "Failed"
-};
-function Pe(e) {
-	let t = A.indexOf(e);
-	return t === -1 || t >= A.length - 1 ? null : A[t + 1];
+}, A = new Set([
+	"delivered",
+	"returned",
+	"cancelled",
+	"failed"
+]);
+function Ie(e) {
+	let t = O.indexOf(e);
+	return t === -1 || t >= O.length - 1 ? null : O[t + 1];
 }
-function M() {
-	let { orderId: A } = Ae(), { basePath: M, navigate: N } = ce(), { order: P, isLoading: Fe, error: Ie, refetch: F } = le(A), { updateOrder: Le, updateOrderStatus: Re } = ue(), [I, ze] = E(""), [L, R] = E(""), [z, B] = E(""), [V, H] = E(!1), [U, W] = E(!1), [G, K] = E(null), q = Oe(I), { vehicles: J, isLoading: Y } = me({
+function j() {
+	let { orderId: O } = Me(), { basePath: j, navigate: M } = le(), { order: N, isLoading: Le, error: Re, refetch: P } = ue(O), { updateOrder: ze, updateOrderStatus: F } = de(), [I, Be] = w(""), [L, R] = w(""), [z, B] = w(""), [V, H] = w(!1), [U, W] = w(!1), [G, K] = w(null), Ve = Ae(I), { vehicles: q, isLoading: J } = he({
 		limit: 20,
-		search: q || void 0,
+		search: Ve || void 0,
 		driverId: z || void 0
-	}), { drivers: X, isLoading: Z } = fe({
+	}), { drivers: Y, isLoading: X } = pe({
 		limit: 20,
-		search: q || void 0,
+		search: Ve || void 0,
 		vehicleId: L || void 0
-	}), { vehicle: Be, isLoading: Ve } = pe(L || void 0), { driver: He, isLoading: Ue } = de(z || void 0), { message: We, notify: Ge } = Ee(), Ke = J.filter((e) => e.status === "available" || e.id === P?.vehicleId), qe = X.filter((e) => e.status === "available" || e.id === P?.driverId);
-	T(() => {
-		!Z && z && !X.some((e) => e.id === z) && B("");
+	}), { vehicle: He, isLoading: Ue } = me(L || void 0), { driver: We, isLoading: Ge } = fe(z || void 0), { message: Ke, notify: Z } = Oe(), qe = q.filter((e) => e.status === "available" || e.id === N?.vehicleId), Je = Y.filter((e) => e.status === "available" || e.id === N?.driverId);
+	C(() => {
+		!X && z && !Y.some((e) => e.id === z) && B("");
 	}, [
+		Y,
 		X,
-		Z,
 		z
-	]), T(() => {
-		!Y && L && !J.some((e) => e.id === L) && R("");
+	]), C(() => {
+		!J && L && !q.some((e) => e.id === L) && R("");
 	}, [
 		L,
-		J,
-		Y
+		q,
+		J
 	]);
-	let Je = async () => {
-		if (!A || !L && !z) {
-			K("Pick a vehicle and/or a driver to assign.");
+	let Ye = async () => {
+		if (!O || !N) {
+			K("This order is no longer available. Refresh and try again.");
 			return;
 		}
+		let e = L || N.vehicleId, t = z || N.driverId;
+		if (!e || !t) {
+			K("Select both a compatible vehicle and driver before dispatching.");
+			return;
+		}
+		let n = !!(N.vehicleId && N.driverId);
 		H(!0), K(null);
 		try {
-			await Le(A, {
-				vehicleId: L || void 0,
-				driverId: z || void 0
-			}), Ge("Assignment updated."), R(""), B(""), F();
+			await ze(O, {
+				vehicleId: e,
+				driverId: t
+			}), !n && N.status === "confirmed" && await F(O, "assigned"), Z(!n && N.status === "confirmed" ? "Fleet assigned and order advanced to Assigned." : "Assignment updated."), R(""), B(""), P();
 		} catch (e) {
 			K(e instanceof Error ? e.message : "Failed to update assignment.");
 		} finally {
 			H(!1);
 		}
 	}, Q = async (e, t) => {
-		if (A) {
-			W(!0), K(null);
-			try {
-				await Re(A, e), Ge(t), F();
-			} catch (e) {
-				K(e instanceof Error ? e.message : "Failed to update status.");
-			} finally {
-				W(!1);
+		if (!(!O || !N)) {
+			if (e === "assigned" && (!N.vehicleId || !N.driverId)) {
+				K("Assign both a compatible vehicle and driver before advancing to Assigned.");
+				return;
+			}
+			if (!A.has(N.status)) {
+				W(!0), K(null);
+				try {
+					await F(O, e), Z(t), P();
+				} catch (e) {
+					K(e instanceof Error ? e.message : "Failed to update status.");
+				} finally {
+					W(!1);
+				}
 			}
 		}
 	}, $ = (e) => {
-		N && N(c(M, e));
+		M && M(s(j, e));
 	};
-	return Fe ? /* @__PURE__ */ O(be, { message: "Loading order details..." }) : Ie || !P ? /* @__PURE__ */ O(ye, {
+	return Le ? /* @__PURE__ */ E(Se, { message: "Loading order details..." }) : Re || !N ? /* @__PURE__ */ E(xe, {
 		title: "Order not found",
 		message: "The order you're looking for doesn't exist or has been removed.",
-		onRetry: F
-	}) : /* @__PURE__ */ k(xe, {
-		title: P.orderNumber,
-		subtitle: `Created ${C(P.createdAt, "full")}`,
-		icon: /* @__PURE__ */ O(i, { size: 24 }),
-		headerActions: /* @__PURE__ */ k("div", {
+		onRetry: P
+	}) : /* @__PURE__ */ D(Ce, {
+		title: N.orderNumber,
+		subtitle: `Created ${x(N.createdAt, "full")}`,
+		icon: /* @__PURE__ */ E(i, { size: 24 }),
+		headerActions: /* @__PURE__ */ D("div", {
 			className: "flex gap-2",
 			children: [
-				/* @__PURE__ */ k(u, {
+				/* @__PURE__ */ D(l, {
 					variant: "outline",
 					onClick: () => {
-						N && N(c(M, "orders"));
+						M && M(s(j, "orders"));
 					},
-					children: [/* @__PURE__ */ O(e, { size: 16 }), "Back"]
+					children: [/* @__PURE__ */ E(e, { size: 16 }), "Back"]
 				}),
-				/* @__PURE__ */ k(u, {
+				/* @__PURE__ */ D(l, {
 					variant: "outline",
 					onClick: () => window.print(),
-					children: [/* @__PURE__ */ O(a, { size: 16 }), "Print"]
+					children: [/* @__PURE__ */ E(a, { size: 16 }), "Print"]
 				}),
-				/* @__PURE__ */ k(u, {
-					onClick: () => $(`orders/${A}/edit`),
-					children: [/* @__PURE__ */ O(o, { size: 16 }), "Edit"]
+				/* @__PURE__ */ D(l, {
+					onClick: () => $(`orders/${O}/edit`),
+					children: [/* @__PURE__ */ E(o, { size: 16 }), "Edit"]
 				})
 			]
 		}),
-		headerContent: /* @__PURE__ */ k("div", {
+		headerContent: /* @__PURE__ */ D("div", {
 			className: "flex flex-wrap gap-2",
 			children: [
-				/* @__PURE__ */ O(b, {
-					status: P.status,
+				/* @__PURE__ */ E(v, {
+					status: N.status,
 					type: "order"
 				}),
-				/* @__PURE__ */ O(Ce, { priority: P.priority }),
-				/* @__PURE__ */ O(Se, { status: P.pricing.paymentStatus })
+				/* @__PURE__ */ E(Te, { priority: N.priority }),
+				/* @__PURE__ */ E(we, { status: N.pricing.paymentStatus })
 			]
 		}),
 		children: [
-			/* @__PURE__ */ O(Ne, {
-				icon: /* @__PURE__ */ O(i, { size: 18 }),
+			/* @__PURE__ */ E(Fe, {
+				icon: /* @__PURE__ */ E(i, { size: 18 }),
 				children: "Everything about this one delivery in a single place — who it's for, where it's going, what's inside, the running cost and the full status history. Use this page to review the order, hand it to a driver, print the docket, or jump into live tracking."
 			}),
-			/* @__PURE__ */ O(Me, {
+			/* @__PURE__ */ E(Pe, {
 				storageKey: "movethewheels-order-details",
 				steps: [
 					{
 						id: "track",
 						label: "Track this order live",
 						description: "See where the shipment is right now on the map.",
-						icon: /* @__PURE__ */ O(r, { size: 16 }),
-						onClick: () => $(`tracking?order=${P.id}`)
+						icon: /* @__PURE__ */ E(r, { size: 16 }),
+						onClick: () => $(`tracking?order=${N.id}`)
 					},
 					{
 						id: "edit",
 						label: "Edit order details",
 						description: "Update items, addresses or instructions before dispatch.",
-						icon: /* @__PURE__ */ O(o, { size: 16 }),
-						onClick: () => $(`orders/${A}/edit`)
+						icon: /* @__PURE__ */ E(o, { size: 16 }),
+						onClick: () => $(`orders/${O}/edit`)
 					},
 					{
 						id: "print",
 						label: "Print the delivery docket",
 						description: "Generate a printable copy for the driver or warehouse.",
-						icon: /* @__PURE__ */ O(a, { size: 16 }),
+						icon: /* @__PURE__ */ E(a, { size: 16 }),
 						onClick: () => window.print()
 					}
 				]
 			}),
-			/* @__PURE__ */ k("div", {
+			/* @__PURE__ */ D("div", {
 				className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
-				children: [/* @__PURE__ */ k("div", {
+				children: [/* @__PURE__ */ D("div", {
 					className: "lg:col-span-2 space-y-6",
 					children: [
-						/* @__PURE__ */ k(d, { children: [/* @__PURE__ */ O(p, { children: /* @__PURE__ */ k(m, {
+						/* @__PURE__ */ D(u, { children: [/* @__PURE__ */ E(f, { children: /* @__PURE__ */ D(p, {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ O(se, { size: 18 }), "Customer Information"]
-						}) }), /* @__PURE__ */ O(f, { children: /* @__PURE__ */ k("div", {
+							children: [/* @__PURE__ */ E(ce, { size: 18 }), "Customer Information"]
+						}) }), /* @__PURE__ */ E(d, { children: /* @__PURE__ */ D("div", {
 							className: "grid grid-cols-1 md:grid-cols-2 gap-6",
-							children: [/* @__PURE__ */ k("div", { children: [
-								/* @__PURE__ */ O("h4", {
+							children: [/* @__PURE__ */ D("div", { children: [
+								/* @__PURE__ */ E("h4", {
 									className: "font-medium mb-2",
-									children: P.customerInfo.name
+									children: N.customerInfo.name
 								}),
-								P.customerInfo.company && /* @__PURE__ */ O("p", {
+								N.customerInfo.company && /* @__PURE__ */ E("p", {
 									className: "text-sm text-text-secondary mb-2",
-									children: P.customerInfo.company
+									children: N.customerInfo.company
 								}),
-								/* @__PURE__ */ k("div", {
+								/* @__PURE__ */ D("div", {
 									className: "space-y-1 text-sm",
-									children: [/* @__PURE__ */ k("p", {
+									children: [/* @__PURE__ */ D("p", {
 										className: "flex items-center gap-2",
-										children: [/* @__PURE__ */ O(ie, {
+										children: [/* @__PURE__ */ E(ie, {
 											size: 14,
 											className: "text-text-secondary"
-										}), P.customerInfo.email]
-									}), /* @__PURE__ */ k("p", {
+										}), N.customerInfo.email]
+									}), /* @__PURE__ */ D("p", {
 										className: "flex items-center gap-2",
-										children: [/* @__PURE__ */ O(ae, {
+										children: [/* @__PURE__ */ E(ae, {
 											size: 14,
 											className: "text-text-secondary"
-										}), P.customerInfo.phone]
+										}), N.customerInfo.phone]
 									})]
 								})
-							] }), /* @__PURE__ */ k("div", { children: [P.customerInfo.preferredDeliveryTime && /* @__PURE__ */ k("div", {
+							] }), /* @__PURE__ */ D("div", { children: [N.customerInfo.preferredDeliveryTime && /* @__PURE__ */ D("div", {
 								className: "mb-2",
-								children: [/* @__PURE__ */ O("p", {
+								children: [/* @__PURE__ */ E("p", {
 									className: "text-sm text-text-secondary",
 									children: "Preferred Delivery Time"
-								}), /* @__PURE__ */ O("p", {
+								}), /* @__PURE__ */ E("p", {
 									className: "text-sm",
-									children: P.customerInfo.preferredDeliveryTime
+									children: N.customerInfo.preferredDeliveryTime
 								})]
-							}), P.customerInfo.deliveryInstructions && /* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
+							}), N.customerInfo.deliveryInstructions && /* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
 								className: "text-sm text-text-secondary",
 								children: "Delivery Instructions"
-							}), /* @__PURE__ */ O("p", {
+							}), /* @__PURE__ */ E("p", {
 								className: "text-sm",
-								children: P.customerInfo.deliveryInstructions
+								children: N.customerInfo.deliveryInstructions
 							})] })] })]
 						}) })] }),
-						/* @__PURE__ */ k(d, { children: [/* @__PURE__ */ O(p, { children: /* @__PURE__ */ k(m, {
+						/* @__PURE__ */ D(u, { children: [/* @__PURE__ */ E(f, { children: /* @__PURE__ */ D(p, {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ O(r, { size: 18 }), "Addresses"]
-						}) }), /* @__PURE__ */ O(f, { children: /* @__PURE__ */ k("div", {
+							children: [/* @__PURE__ */ E(r, { size: 18 }), "Addresses"]
+						}) }), /* @__PURE__ */ E(d, { children: /* @__PURE__ */ D("div", {
 							className: "grid grid-cols-1 md:grid-cols-2 gap-6",
-							children: [/* @__PURE__ */ k("div", { children: [
-								/* @__PURE__ */ O("h4", {
+							children: [/* @__PURE__ */ D("div", { children: [
+								/* @__PURE__ */ E("h4", {
 									className: "font-medium mb-2 flex items-center gap-2",
-									children: /* @__PURE__ */ O(l, {
+									children: /* @__PURE__ */ E(c, {
 										variant: "outline",
 										children: "Pickup"
 									})
 								}),
-								/* @__PURE__ */ O("p", {
+								/* @__PURE__ */ E("p", {
 									className: "text-sm",
-									children: x(P.pickupAddress)
+									children: y(N.pickupAddress)
 								}),
-								P.scheduledPickup && /* @__PURE__ */ k("p", {
+								N.scheduledPickup && /* @__PURE__ */ D("p", {
 									className: "text-sm text-text-secondary mt-2",
-									children: ["Scheduled: ", C(P.scheduledPickup, "full")]
+									children: ["Scheduled: ", x(N.scheduledPickup, "full")]
 								}),
-								P.actualPickup && /* @__PURE__ */ k("p", {
+								N.actualPickup && /* @__PURE__ */ D("p", {
 									className: "text-sm text-status-success-text mt-1",
 									children: [
-										/* @__PURE__ */ O(n, {
+										/* @__PURE__ */ E(n, {
 											size: 14,
 											className: "inline mr-1"
 										}),
 										"Picked up: ",
-										C(P.actualPickup, "full")
+										x(N.actualPickup, "full")
 									]
 								})
-							] }), /* @__PURE__ */ k("div", { children: [
-								/* @__PURE__ */ O("h4", {
+							] }), /* @__PURE__ */ D("div", { children: [
+								/* @__PURE__ */ E("h4", {
 									className: "font-medium mb-2 flex items-center gap-2",
-									children: /* @__PURE__ */ O(l, {
+									children: /* @__PURE__ */ E(c, {
 										variant: "outline",
 										children: "Delivery"
 									})
 								}),
-								/* @__PURE__ */ O("p", {
+								/* @__PURE__ */ E("p", {
 									className: "text-sm",
-									children: x(P.deliveryAddress)
+									children: y(N.deliveryAddress)
 								}),
-								P.scheduledDelivery && /* @__PURE__ */ k("p", {
+								N.scheduledDelivery && /* @__PURE__ */ D("p", {
 									className: "text-sm text-text-secondary mt-2",
-									children: ["Scheduled: ", C(P.scheduledDelivery, "full")]
+									children: ["Scheduled: ", x(N.scheduledDelivery, "full")]
 								}),
-								P.actualDelivery && /* @__PURE__ */ k("p", {
+								N.actualDelivery && /* @__PURE__ */ D("p", {
 									className: "text-sm text-status-success-text mt-1",
 									children: [
-										/* @__PURE__ */ O(n, {
+										/* @__PURE__ */ E(n, {
 											size: 14,
 											className: "inline mr-1"
 										}),
 										"Delivered: ",
-										C(P.actualDelivery, "full")
+										x(N.actualDelivery, "full")
 									]
 								})
 							] })]
 						}) })] }),
-						/* @__PURE__ */ k(d, { children: [/* @__PURE__ */ O(p, { children: /* @__PURE__ */ k(m, {
+						/* @__PURE__ */ D(u, { children: [/* @__PURE__ */ E(f, { children: /* @__PURE__ */ D(p, {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ O(s, { size: 18 }), "Saved Route"]
-						}) }), /* @__PURE__ */ O(f, { children: P.route ? /* @__PURE__ */ k("div", {
+							children: [/* @__PURE__ */ E(oe, { size: 18 }), "Saved Route"]
+						}) }), /* @__PURE__ */ E(d, { children: N.route ? /* @__PURE__ */ D("div", {
 							className: "space-y-3",
-							children: [/* @__PURE__ */ k("div", {
+							children: [/* @__PURE__ */ D("div", {
 								className: "flex items-center justify-between gap-3",
-								children: [/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
+								children: [/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
 									className: "font-medium",
-									children: P.route.name
-								}), /* @__PURE__ */ k("p", {
+									children: N.route.name
+								}), /* @__PURE__ */ D("p", {
 									className: "text-sm text-text-secondary",
 									children: [
-										P.route.stops.length,
+										N.route.stops.length,
 										" stops ·",
 										" ",
-										P.route.status.replace("_", " ").toLowerCase()
+										N.route.status.replace("_", " ").toLowerCase()
 									]
-								})] }), /* @__PURE__ */ O(l, {
+								})] }), /* @__PURE__ */ E(c, {
 									variant: "outline",
 									children: "Reusable route"
 								})]
-							}), /* @__PURE__ */ O("div", {
+							}), /* @__PURE__ */ E("div", {
 								className: "space-y-2",
-								children: P.route.stops.map((e, t) => /* @__PURE__ */ k("div", {
+								children: N.route.stops.map((e, t) => /* @__PURE__ */ D("div", {
 									className: "flex items-start gap-2 text-sm",
-									children: [/* @__PURE__ */ k("span", {
+									children: [/* @__PURE__ */ D("span", {
 										className: "text-text-secondary",
 										children: [t + 1, "."]
-									}), /* @__PURE__ */ k("span", { children: [
-										/* @__PURE__ */ O("span", {
+									}), /* @__PURE__ */ D("span", { children: [
+										/* @__PURE__ */ E("span", {
 											className: "font-medium capitalize",
 											children: e.type
 										}),
 										" ·",
 										" ",
-										x(e.address)
+										y(e.address)
 									] })]
 								}, e.id))
 							})]
-						}) : /* @__PURE__ */ O("p", {
+						}) : /* @__PURE__ */ E("p", {
 							className: "text-sm text-text-secondary",
 							children: "No saved route was selected for this order."
 						}) })] }),
-						/* @__PURE__ */ k(d, { children: [/* @__PURE__ */ O(p, { children: /* @__PURE__ */ k(m, {
+						/* @__PURE__ */ D(u, { children: [/* @__PURE__ */ E(f, { children: /* @__PURE__ */ D(p, {
 							className: "flex items-center gap-2",
 							children: [
-								/* @__PURE__ */ O(i, { size: 18 }),
+								/* @__PURE__ */ E(i, { size: 18 }),
 								"Order Items (",
-								P.items.length,
+								N.items.length,
 								")"
 							]
-						}) }), /* @__PURE__ */ O(f, {
+						}) }), /* @__PURE__ */ E(d, {
 							className: "p-0",
-							children: /* @__PURE__ */ k(ge, { children: [/* @__PURE__ */ O(ve, { children: /* @__PURE__ */ k(y, { children: [
-								/* @__PURE__ */ O(v, { children: "Item" }),
-								/* @__PURE__ */ O(v, { children: "SKU" }),
-								/* @__PURE__ */ O(v, {
+							children: /* @__PURE__ */ D(_e, { children: [/* @__PURE__ */ E(ye, { children: /* @__PURE__ */ D(be, { children: [
+								/* @__PURE__ */ E(_, { children: "Item" }),
+								/* @__PURE__ */ E(_, { children: "SKU" }),
+								/* @__PURE__ */ E(_, {
 									className: "text-center",
 									children: "Qty"
 								}),
-								/* @__PURE__ */ O(v, {
+								/* @__PURE__ */ E(_, {
 									className: "text-right",
 									children: "Unit Price"
 								}),
-								/* @__PURE__ */ O(v, {
+								/* @__PURE__ */ E(_, {
 									className: "text-right",
 									children: "Total"
 								})
-							] }) }), /* @__PURE__ */ O(_e, { children: P.items.map((e) => /* @__PURE__ */ k(y, { children: [
-								/* @__PURE__ */ O(_, { children: /* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
+							] }) }), /* @__PURE__ */ E(ve, { children: N.items.map((e) => /* @__PURE__ */ D(be, { children: [
+								/* @__PURE__ */ E(g, { children: /* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
 									className: "font-medium",
 									children: e.name
-								}), e.description && /* @__PURE__ */ O("p", {
+								}), e.description && /* @__PURE__ */ E("p", {
 									className: "text-sm text-text-secondary",
 									children: e.description
 								})] }) }),
-								/* @__PURE__ */ O(_, {
+								/* @__PURE__ */ E(g, {
 									className: "font-mono text-sm",
 									children: e.sku
 								}),
-								/* @__PURE__ */ O(_, {
+								/* @__PURE__ */ E(g, {
 									className: "text-center",
 									children: e.quantity
 								}),
-								/* @__PURE__ */ O(_, {
+								/* @__PURE__ */ E(g, {
 									className: "text-right",
-									children: S(e.value)
+									children: b(e.value)
 								}),
-								/* @__PURE__ */ O(_, {
+								/* @__PURE__ */ E(g, {
 									className: "text-right font-medium",
-									children: S(e.value * e.quantity)
+									children: b(e.value * e.quantity)
 								})
 							] }, e.id)) })] })
 						})] }),
-						/* @__PURE__ */ k(d, { children: [/* @__PURE__ */ O(p, { children: /* @__PURE__ */ k(m, {
+						/* @__PURE__ */ D(u, { children: [/* @__PURE__ */ E(f, { children: /* @__PURE__ */ D(p, {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ O(te, { size: 18 }), "Order Timeline"]
-						}) }), /* @__PURE__ */ O(f, { children: /* @__PURE__ */ O("div", {
+							children: [/* @__PURE__ */ E(te, { size: 18 }), "Order Timeline"]
+						}) }), /* @__PURE__ */ E(d, { children: /* @__PURE__ */ E("div", {
 							className: "relative",
-							children: P.timeline.map((e, t) => /* @__PURE__ */ k("div", {
+							children: N.timeline.map((e, t) => /* @__PURE__ */ D("div", {
 								className: "flex gap-4 pb-6 last:pb-0",
-								children: [/* @__PURE__ */ k("div", {
+								children: [/* @__PURE__ */ D("div", {
 									className: "relative",
-									children: [/* @__PURE__ */ O("div", { className: "w-3 h-3 rounded-full bg-action-primary-bg mt-1.5" }), t < P.timeline.length - 1 && /* @__PURE__ */ O("div", { className: "absolute top-4 left-1.5 w-px h-full -ml-px bg-border" })]
-								}), /* @__PURE__ */ k("div", {
+									children: [/* @__PURE__ */ E("div", { className: "w-3 h-3 rounded-full bg-action-primary-bg mt-1.5" }), t < N.timeline.length - 1 && /* @__PURE__ */ E("div", { className: "absolute top-4 left-1.5 w-px h-full -ml-px bg-border" })]
+								}), /* @__PURE__ */ D("div", {
 									className: "flex-1",
 									children: [
-										/* @__PURE__ */ k("div", {
+										/* @__PURE__ */ D("div", {
 											className: "flex items-center gap-2 mb-1",
-											children: [/* @__PURE__ */ O(b, {
+											children: [/* @__PURE__ */ E(v, {
 												status: e.status,
 												type: "order",
 												size: "sm"
-											}), /* @__PURE__ */ O("span", {
+											}), /* @__PURE__ */ E("span", {
 												className: "text-sm text-text-secondary",
-												children: C(e.timestamp, "full")
+												children: x(e.timestamp, "full")
 											})]
 										}),
-										e.notes && /* @__PURE__ */ O("p", {
+										e.notes && /* @__PURE__ */ E("p", {
 											className: "text-sm",
 											children: e.notes
 										}),
-										/* @__PURE__ */ k("p", {
+										/* @__PURE__ */ D("p", {
 											className: "text-xs text-text-secondary",
 											children: ["by ", e.performedBy]
 										})
@@ -425,214 +443,219 @@ function M() {
 							}, t))
 						}) })] })
 					]
-				}), /* @__PURE__ */ k("div", {
+				}), /* @__PURE__ */ D("div", {
 					className: "space-y-6",
 					children: [
-						/* @__PURE__ */ k(je, { children: [/* @__PURE__ */ k("h2", {
+						/* @__PURE__ */ D(Ne, { children: [/* @__PURE__ */ D("h2", {
 							className: "flex items-center gap-2 text-base font-semibold text-text-primary mb-4",
-							children: [/* @__PURE__ */ O(ne, { size: 18 }), "Order Summary"]
-						}), /* @__PURE__ */ k("div", {
+							children: [/* @__PURE__ */ E(ne, { size: 18 }), "Order Summary"]
+						}), /* @__PURE__ */ D("div", {
 							className: "space-y-3",
 							children: [
-								/* @__PURE__ */ k("div", {
+								/* @__PURE__ */ D("div", {
 									className: "flex justify-between text-sm",
-									children: [/* @__PURE__ */ O("span", {
+									children: [/* @__PURE__ */ E("span", {
 										className: "text-text-secondary",
 										children: "Subtotal"
-									}), /* @__PURE__ */ O("span", { children: S(P.pricing.subtotal) })]
+									}), /* @__PURE__ */ E("span", { children: b(N.pricing.subtotal) })]
 								}),
-								/* @__PURE__ */ k("div", {
+								/* @__PURE__ */ D("div", {
 									className: "flex justify-between text-sm",
-									children: [/* @__PURE__ */ O("span", {
+									children: [/* @__PURE__ */ E("span", {
 										className: "text-text-secondary",
 										children: "Delivery"
-									}), /* @__PURE__ */ O("span", { children: S(P.pricing.fees.delivery) })]
+									}), /* @__PURE__ */ E("span", { children: b(N.pricing.fees.delivery) })]
 								}),
-								/* @__PURE__ */ k("div", {
+								/* @__PURE__ */ D("div", {
 									className: "flex justify-between text-sm",
-									children: [/* @__PURE__ */ O("span", {
+									children: [/* @__PURE__ */ E("span", {
 										className: "text-text-secondary",
 										children: "Handling"
-									}), /* @__PURE__ */ O("span", { children: S(P.pricing.fees.handling) })]
+									}), /* @__PURE__ */ E("span", { children: b(N.pricing.fees.handling) })]
 								}),
-								P.pricing.fees.insurance && /* @__PURE__ */ k("div", {
+								N.pricing.fees.insurance && /* @__PURE__ */ D("div", {
 									className: "flex justify-between text-sm",
-									children: [/* @__PURE__ */ O("span", {
+									children: [/* @__PURE__ */ E("span", {
 										className: "text-text-secondary",
 										children: "Insurance"
-									}), /* @__PURE__ */ O("span", { children: S(P.pricing.fees.insurance) })]
+									}), /* @__PURE__ */ E("span", { children: b(N.pricing.fees.insurance) })]
 								}),
-								/* @__PURE__ */ k("div", {
+								/* @__PURE__ */ D("div", {
 									className: "flex justify-between text-sm",
-									children: [/* @__PURE__ */ O("span", {
+									children: [/* @__PURE__ */ E("span", {
 										className: "text-text-secondary",
 										children: "Taxes"
-									}), /* @__PURE__ */ O("span", { children: S(P.pricing.taxes) })]
+									}), /* @__PURE__ */ E("span", { children: b(N.pricing.taxes) })]
 								}),
-								/* @__PURE__ */ O(g, {}),
-								/* @__PURE__ */ k("div", {
+								/* @__PURE__ */ E(h, {}),
+								/* @__PURE__ */ D("div", {
 									className: "flex justify-between font-medium",
-									children: [/* @__PURE__ */ O("span", { children: "Total" }), /* @__PURE__ */ O("span", {
+									children: [/* @__PURE__ */ E("span", { children: "Total" }), /* @__PURE__ */ E("span", {
 										className: "text-lg",
-										children: S(P.pricing.total)
+										children: b(N.pricing.total)
 									})]
 								}),
-								/* @__PURE__ */ k("div", {
+								/* @__PURE__ */ D("div", {
 									className: "pt-2",
-									children: [/* @__PURE__ */ O("p", {
+									children: [/* @__PURE__ */ E("p", {
 										className: "text-sm text-text-secondary",
 										children: "Payment Method"
-									}), /* @__PURE__ */ O("p", {
+									}), /* @__PURE__ */ E("p", {
 										className: "text-sm capitalize",
-										children: P.pricing.paymentMethod.replace("_", " ")
+										children: N.pricing.paymentMethod.replace("_", " ")
 									})]
 								})
 							]
 						})] }),
-						/* @__PURE__ */ k(d, { children: [/* @__PURE__ */ O(p, { children: /* @__PURE__ */ k(m, {
+						/* @__PURE__ */ D(u, { children: [/* @__PURE__ */ E(f, { children: /* @__PURE__ */ D(p, {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ O(s, { size: 18 }), "Assignment"]
-						}) }), /* @__PURE__ */ O(f, { children: /* @__PURE__ */ k("div", {
+							children: [/* @__PURE__ */ E(oe, { size: 18 }), "Assignment"]
+						}) }), /* @__PURE__ */ E(d, { children: /* @__PURE__ */ D("div", {
 							className: "space-y-4",
 							children: [
-								G && /* @__PURE__ */ O(we, { message: G }),
-								We && /* @__PURE__ */ O(Te, { message: We }),
-								/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
+								G && /* @__PURE__ */ E(Ee, { message: G }),
+								Ke && /* @__PURE__ */ E(De, { message: Ke }),
+								/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
 									className: "text-sm text-text-secondary",
 									children: "Tracking Number"
-								}), /* @__PURE__ */ O("p", {
+								}), /* @__PURE__ */ E("p", {
 									className: "text-sm font-mono",
-									children: P.trackingNumber || "—"
+									children: N.trackingNumber || "—"
 								})] }),
-								/* @__PURE__ */ O(g, {}),
-								/* @__PURE__ */ k("div", {
+								/* @__PURE__ */ E(h, {}),
+								/* @__PURE__ */ D("div", {
 									className: "space-y-3",
 									children: [
-										/* @__PURE__ */ k("div", {
+										/* @__PURE__ */ D("div", {
 											className: "space-y-1.5",
-											children: [/* @__PURE__ */ O(h, {
+											children: [/* @__PURE__ */ E(m, {
 												htmlFor: "assign-fleet-search",
 												children: "Search fleet"
-											}), /* @__PURE__ */ O(he, {
+											}), /* @__PURE__ */ E(ge, {
 												id: "assign-fleet-search",
 												value: I,
-												onChange: (e) => ze(e.target.value),
+												onChange: (e) => Be(e.target.value),
 												placeholder: "Vehicle number, driver name or ID"
 											})]
 										}),
-										/* @__PURE__ */ k("div", {
+										/* @__PURE__ */ D("div", {
 											className: "space-y-1.5",
-											children: [/* @__PURE__ */ O(h, {
+											children: [/* @__PURE__ */ E(m, {
 												htmlFor: "assign-vehicle",
 												children: "Vehicle"
-											}), /* @__PURE__ */ O(w, {
+											}), /* @__PURE__ */ E(S, {
 												id: "assign-vehicle",
 												value: L,
 												onChange: R,
-												options: Ke,
-												loading: Y,
+												options: qe,
+												loading: J,
 												getId: (e) => e.id,
 												getLabel: (e) => `${e.vehicleNumber} (${e.type})`,
-												renderOption: (e) => /* @__PURE__ */ k(D, { children: [
+												renderOption: (e) => /* @__PURE__ */ D(T, { children: [
 													e.vehicleNumber,
 													" (",
 													e.type,
 													")"
 												] }),
-												selectedOption: Be,
-												selectedLoading: Ve,
+												selectedOption: He,
+												selectedLoading: Ue,
 												required: !0,
-												placeholder: P.vehicleId ? `Current: ${P.vehicleId}` : "Select a vehicle",
+												placeholder: N.vehicleId ? `Current: ${N.vehicleId}` : "Select a vehicle",
 												emptyText: "No available vehicles."
 											})]
 										}),
-										/* @__PURE__ */ k("div", {
+										/* @__PURE__ */ D("div", {
 											className: "space-y-1.5",
-											children: [/* @__PURE__ */ O(h, {
+											children: [/* @__PURE__ */ E(m, {
 												htmlFor: "assign-driver",
 												children: "Driver"
-											}), /* @__PURE__ */ O(w, {
+											}), /* @__PURE__ */ E(S, {
 												id: "assign-driver",
 												value: z,
 												onChange: B,
-												options: qe,
-												loading: Z,
+												options: Je,
+												loading: X,
 												getId: (e) => e.id,
 												getLabel: (e) => `${e.fullName} (${e.employeeId})`,
-												renderOption: (e) => /* @__PURE__ */ k(D, { children: [
+												renderOption: (e) => /* @__PURE__ */ D(T, { children: [
 													e.fullName,
 													" (",
 													e.employeeId,
 													")"
 												] }),
-												selectedOption: He,
-												selectedLoading: Ue,
+												selectedOption: We,
+												selectedLoading: Ge,
 												required: !0,
-												placeholder: P.driverId ? `Current: ${P.driverId}` : "Select a driver",
+												placeholder: N.driverId ? `Current: ${N.driverId}` : "Select a driver",
 												emptyText: "No available drivers."
 											})]
 										}),
-										/* @__PURE__ */ k(u, {
+										/* @__PURE__ */ D(l, {
 											className: "w-full",
-											onClick: Je,
+											onClick: Ye,
 											disabled: V || !L && !z,
-											children: [/* @__PURE__ */ O(oe, { size: 16 }), V ? "Assigning…" : "Assign driver & vehicle"]
+											children: [/* @__PURE__ */ E(se, { size: 16 }), V ? "Assigning…" : "Assign driver & vehicle"]
 										})
 									]
 								}),
-								/* @__PURE__ */ O(g, {}),
-								/* @__PURE__ */ k("div", {
+								/* @__PURE__ */ E(h, {}),
+								/* @__PURE__ */ D("div", {
 									className: "space-y-2",
 									children: [
-										/* @__PURE__ */ k("p", {
+										/* @__PURE__ */ D("p", {
 											className: "text-sm text-text-secondary",
 											children: [
 												"Current status:",
 												" ",
-												/* @__PURE__ */ O("span", {
+												/* @__PURE__ */ E("span", {
 													className: "font-medium",
-													children: j[P.status]
+													children: k[N.status]
 												})
 											]
 										}),
 										(() => {
-											let e = Pe(P.status);
-											return e ? /* @__PURE__ */ k(u, {
+											let e = Ie(N.status);
+											if (!e) return null;
+											let n = e === "assigned" && (!N.vehicleId || !N.driverId);
+											return /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ D(l, {
 												variant: "outline",
 												className: "w-full",
-												onClick: () => Q(e, `Order advanced to ${j[e]}.`),
-												disabled: U,
-												children: [/* @__PURE__ */ O(t, { size: 16 }), U ? "Updating…" : `Advance to ${j[e]}`]
-											}) : null;
+												onClick: () => Q(e, `Order advanced to ${k[e]}.`),
+												disabled: U || n,
+												children: [/* @__PURE__ */ E(t, { size: 16 }), U ? "Updating…" : `Advance to ${k[e]}`]
+											}), n && /* @__PURE__ */ E("p", {
+												className: "text-xs text-text-secondary",
+												children: "Assign both a compatible vehicle and driver before dispatching this order."
+											})] });
 										})(),
-										P.status !== "cancelled" && P.status !== "delivered" && /* @__PURE__ */ k(u, {
+										N.status !== "cancelled" && !A.has(N.status) && /* @__PURE__ */ D(l, {
 											variant: "outline",
 											className: "w-full text-status-error-text",
 											onClick: () => Q("cancelled", "Order cancelled."),
 											disabled: U,
-											children: [/* @__PURE__ */ O(ee, { size: 16 }), "Cancel order"]
+											children: [/* @__PURE__ */ E(ee, { size: 16 }), "Cancel order"]
 										})
 									]
 								}),
-								/* @__PURE__ */ k(u, {
+								/* @__PURE__ */ D(l, {
 									variant: "outline",
 									className: "w-full",
-									onClick: () => $(`tracking?order=${P.id}`),
-									children: [/* @__PURE__ */ O(r, { size: 16 }), "Track Order"]
+									onClick: () => $(`tracking?order=${N.id}`),
+									children: [/* @__PURE__ */ E(r, { size: 16 }), "Track Order"]
 								})
 							]
 						}) })] }),
-						/* @__PURE__ */ O(De, {
+						/* @__PURE__ */ E(ke, {
 							entityType: "order",
-							entityId: P.id
+							entityId: N.id
 						}),
-						/* @__PURE__ */ O(ke, { deliveryJobId: P.id }),
-						P.specialInstructions && /* @__PURE__ */ k(d, { children: [/* @__PURE__ */ O(p, { children: /* @__PURE__ */ k(m, {
+						/* @__PURE__ */ E(je, { deliveryJobId: N.id }),
+						N.specialInstructions && /* @__PURE__ */ D(u, { children: [/* @__PURE__ */ E(f, { children: /* @__PURE__ */ D(p, {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ O(re, { size: 18 }), "Special Instructions"]
-						}) }), /* @__PURE__ */ O(f, { children: /* @__PURE__ */ O("p", {
+							children: [/* @__PURE__ */ E(re, { size: 18 }), "Special Instructions"]
+						}) }), /* @__PURE__ */ E(d, { children: /* @__PURE__ */ E("p", {
 							className: "text-sm",
-							children: P.specialInstructions
+							children: N.specialInstructions
 						}) })] })
 					]
 				})]
@@ -641,4 +664,4 @@ function M() {
 	});
 }
 //#endregion
-export { M as default };
+export { j as default };