@burdenoff/microfe-movethewheels 2026.924.2 → 2026.925.2

package/dist/pages/OrderDetailsPage.js

@@ -10,30 +10,31 @@ import { MapPin as r } from "../node_modules/lucide-react/dist/esm/icons/map-pin
 import { Package as i } from "../node_modules/lucide-react/dist/esm/icons/package.js";
 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 { Search as oe } from "../node_modules/lucide-react/dist/esm/icons/search.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 se } from "../node_modules/lucide-react/dist/esm/icons/truck.js";
+import { UserCheck as ce } from "../node_modules/lucide-react/dist/esm/icons/user-check.js";
+import { User as le } from "../node_modules/lucide-react/dist/esm/icons/user.js";
+import { joinPath as s } from "../utils/navigation.js";
+import { useMoveTheWheels as ue } from "../providers/MoveTheWheelsProvider.js";
+import { useOrder as de, useOrders as fe } from "../hooks/useOrders.js";
+import { useDriver as pe, useDrivers as me, useVehicle as he, useVehicles as ge } 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 _e, Label as m, Separator as h, Table as ve, TableBody as ye, TableCell as g, TableHead as _, TableHeader as be, TableRow as v } 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 y } 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 b, formatCurrency as x, formatDate as S } from "../utils/formatters.js";
+import { DocumentsCard as ke } from "../components/DocumentsCard.js";
+import { useDebouncedValue as Ae } from "../hooks/useDebouncedValue.js";
+import { EntityCombobox as C } from "../components/EntityCombobox.js";
+import { ProofOfDeliveryCard as je } from "../components/ProofOfDeliveryCard.js";
+import { useEffect as w, useState as T } from "react";
+import { useParams as Me } from "react-router";
+import { Fragment as E, jsx as D, jsxs as O } 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 k = [
 	"pending",
 	"confirmed",
 	"assigned",
@@ -41,7 +42,7 @@ var A = [
 	"in_transit",
 	"out_for_delivery",
 	"delivered"
-], j = {
+], A = {
 	pending: "Pending",
 	confirmed: "Confirmed",
 	assigned: "Assigned",
@@ -49,261 +50,279 @@ 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];
+}, j = new Set([
+	"delivered",
+	"returned",
+	"cancelled",
+	"failed"
+]);
+function Ie(e) {
+	let t = k.indexOf(e);
+	return t === -1 || t >= k.length - 1 ? null : k[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({
+	let { orderId: k } = Me(), { basePath: M, navigate: N } = ue(), { order: P, isLoading: Le, error: Re, refetch: F } = de(k), { updateOrder: ze, updateOrderStatus: I } = fe(), [L, Be] = T(""), [R, z] = T(""), [B, V] = T(""), [H, U] = T(!1), [W, G] = T(!1), [K, q] = T(null), J = Ae(L), { vehicles: Y, isLoading: X } = ge({
 		limit: 20,
-		search: q || void 0,
-		driverId: z || void 0
-	}), { drivers: X, isLoading: Z } = fe({
+		search: J || void 0,
+		driverId: B || void 0
+	}), { drivers: Z, isLoading: Q } = me({
 		limit: 20,
-		search: q || 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("");
+		search: J || void 0,
+		vehicleId: R || void 0
+	}), { vehicle: Ve, isLoading: He } = he(R || void 0), { driver: Ue, isLoading: We } = pe(B || void 0), { message: Ge, notify: Ke } = Oe(), qe = Y.filter((e) => e.status === "available" || e.id === P?.vehicleId), Je = Z.filter((e) => e.status === "available" || e.id === P?.driverId);
+	w(() => {
+		!Q && B && !Z.some((e) => e.id === B) && V("");
 	}, [
-		X,
 		Z,
-		z
-	]), T(() => {
-		!Y && L && !J.some((e) => e.id === L) && R("");
+		Q,
+		B
+	]), w(() => {
+		!X && R && !Y.some((e) => e.id === R) && z("");
 	}, [
-		L,
-		J,
-		Y
+		R,
+		Y,
+		X
 	]);
-	let Je = async () => {
-		if (!A || !L && !z) {
-			K("Pick a vehicle and/or a driver to assign.");
+	let Ye = async () => {
+		if (!k || !P) {
+			q("This order is no longer available. Refresh and try again.");
 			return;
 		}
-		H(!0), K(null);
+		let e = R || P.vehicleId, t = B || P.driverId;
+		if (!e || !t) {
+			q("Select both a compatible vehicle and driver before dispatching.");
+			return;
+		}
+		let n = !!(P.vehicleId && P.driverId);
+		U(!0), q(null);
 		try {
-			await Le(A, {
-				vehicleId: L || void 0,
-				driverId: z || void 0
-			}), Ge("Assignment updated."), R(""), B(""), F();
+			await ze(k, {
+				vehicleId: e,
+				driverId: t
+			}), !n && P.status === "confirmed" && await I(k, "assigned"), Ke(!n && P.status === "confirmed" ? "Fleet assigned and order advanced to Assigned." : "Assignment updated."), z(""), V(""), F();
 		} catch (e) {
-			K(e instanceof Error ? e.message : "Failed to update assignment.");
+			q(e instanceof Error ? e.message : "Failed to update assignment.");
 		} finally {
-			H(!1);
+			U(!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);
+	}, Xe = async (e, t) => {
+		if (!(!k || !P)) {
+			if (e === "assigned" && (!P.vehicleId || !P.driverId)) {
+				q("Assign both a compatible vehicle and driver before advancing to Assigned.");
+				return;
+			}
+			if (!j.has(P.status)) {
+				G(!0), q(null);
+				try {
+					await I(k, e), Ke(t), F();
+				} catch (e) {
+					q(e instanceof Error ? e.message : "Failed to update status.");
+				} finally {
+					G(!1);
+				}
 			}
 		}
 	}, $ = (e) => {
-		N && N(c(M, e));
+		N && N(s(M, e));
 	};
-	return Fe ? /* @__PURE__ */ O(be, { message: "Loading order details..." }) : Ie || !P ? /* @__PURE__ */ O(ye, {
+	return Le ? /* @__PURE__ */ D(Se, { message: "Loading order details..." }) : Re || !P ? /* @__PURE__ */ D(xe, {
 		title: "Order not found",
 		message: "The order you're looking for doesn't exist or has been removed.",
 		onRetry: F
-	}) : /* @__PURE__ */ k(xe, {
+	}) : /* @__PURE__ */ O(Ce, {
 		title: P.orderNumber,
-		subtitle: `Created ${C(P.createdAt, "full")}`,
-		icon: /* @__PURE__ */ O(i, { size: 24 }),
-		headerActions: /* @__PURE__ */ k("div", {
+		subtitle: `Created ${S(P.createdAt, "full")}`,
+		icon: /* @__PURE__ */ D(i, { size: 24 }),
+		headerActions: /* @__PURE__ */ O("div", {
 			className: "flex gap-2",
 			children: [
-				/* @__PURE__ */ k(u, {
+				/* @__PURE__ */ O(l, {
 					variant: "outline",
 					onClick: () => {
-						N && N(c(M, "orders"));
+						N && N(s(M, "orders"));
 					},
-					children: [/* @__PURE__ */ O(e, { size: 16 }), "Back"]
+					children: [/* @__PURE__ */ D(e, { size: 16 }), "Back"]
 				}),
-				/* @__PURE__ */ k(u, {
+				/* @__PURE__ */ O(l, {
 					variant: "outline",
 					onClick: () => window.print(),
-					children: [/* @__PURE__ */ O(a, { size: 16 }), "Print"]
+					children: [/* @__PURE__ */ D(a, { size: 16 }), "Print"]
 				}),
-				/* @__PURE__ */ k(u, {
-					onClick: () => $(`orders/${A}/edit`),
-					children: [/* @__PURE__ */ O(o, { size: 16 }), "Edit"]
+				/* @__PURE__ */ O(l, {
+					onClick: () => $(`orders/${k}/edit`),
+					children: [/* @__PURE__ */ D(o, { size: 16 }), "Edit"]
 				})
 			]
 		}),
-		headerContent: /* @__PURE__ */ k("div", {
+		headerContent: /* @__PURE__ */ O("div", {
 			className: "flex flex-wrap gap-2",
 			children: [
-				/* @__PURE__ */ O(b, {
+				/* @__PURE__ */ D(y, {
 					status: P.status,
 					type: "order"
 				}),
-				/* @__PURE__ */ O(Ce, { priority: P.priority }),
-				/* @__PURE__ */ O(Se, { status: P.pricing.paymentStatus })
+				/* @__PURE__ */ D(Te, { priority: P.priority }),
+				/* @__PURE__ */ D(we, { status: P.pricing.paymentStatus })
 			]
 		}),
 		children: [
-			/* @__PURE__ */ O(Ne, {
-				icon: /* @__PURE__ */ O(i, { size: 18 }),
+			/* @__PURE__ */ D(Fe, {
+				icon: /* @__PURE__ */ D(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__ */ D(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 }),
+						icon: /* @__PURE__ */ D(r, { size: 16 }),
 						onClick: () => $(`tracking?order=${P.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__ */ D(o, { size: 16 }),
+						onClick: () => $(`orders/${k}/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__ */ D(a, { size: 16 }),
 						onClick: () => window.print()
 					}
 				]
 			}),
-			/* @__PURE__ */ k("div", {
+			/* @__PURE__ */ O("div", {
 				className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
-				children: [/* @__PURE__ */ k("div", {
+				children: [/* @__PURE__ */ O("div", {
 					className: "lg:col-span-2 space-y-6",
 					children: [
-						/* @__PURE__ */ k(d, { children: [/* @__PURE__ */ O(p, { children: /* @__PURE__ */ k(m, {
+						/* @__PURE__ */ O(u, { children: [/* @__PURE__ */ D(f, { children: /* @__PURE__ */ O(p, {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ O(se, { size: 18 }), "Customer Information"]
-						}) }), /* @__PURE__ */ O(f, { children: /* @__PURE__ */ k("div", {
+							children: [/* @__PURE__ */ D(le, { size: 18 }), "Customer Information"]
+						}) }), /* @__PURE__ */ D(d, { children: /* @__PURE__ */ O("div", {
 							className: "grid grid-cols-1 md:grid-cols-2 gap-6",
-							children: [/* @__PURE__ */ k("div", { children: [
-								/* @__PURE__ */ O("h4", {
+							children: [/* @__PURE__ */ O("div", { children: [
+								/* @__PURE__ */ D("h4", {
 									className: "font-medium mb-2",
 									children: P.customerInfo.name
 								}),
-								P.customerInfo.company && /* @__PURE__ */ O("p", {
+								P.customerInfo.company && /* @__PURE__ */ D("p", {
 									className: "text-sm text-text-secondary mb-2",
 									children: P.customerInfo.company
 								}),
-								/* @__PURE__ */ k("div", {
+								/* @__PURE__ */ O("div", {
 									className: "space-y-1 text-sm",
-									children: [/* @__PURE__ */ k("p", {
+									children: [/* @__PURE__ */ O("p", {
 										className: "flex items-center gap-2",
-										children: [/* @__PURE__ */ O(ie, {
+										children: [/* @__PURE__ */ D(ie, {
 											size: 14,
 											className: "text-text-secondary"
 										}), P.customerInfo.email]
-									}), /* @__PURE__ */ k("p", {
+									}), /* @__PURE__ */ O("p", {
 										className: "flex items-center gap-2",
-										children: [/* @__PURE__ */ O(ae, {
+										children: [/* @__PURE__ */ D(ae, {
 											size: 14,
 											className: "text-text-secondary"
 										}), P.customerInfo.phone]
 									})]
 								})
-							] }), /* @__PURE__ */ k("div", { children: [P.customerInfo.preferredDeliveryTime && /* @__PURE__ */ k("div", {
+							] }), /* @__PURE__ */ O("div", { children: [P.customerInfo.preferredDeliveryTime && /* @__PURE__ */ O("div", {
 								className: "mb-2",
-								children: [/* @__PURE__ */ O("p", {
+								children: [/* @__PURE__ */ D("p", {
 									className: "text-sm text-text-secondary",
 									children: "Preferred Delivery Time"
-								}), /* @__PURE__ */ O("p", {
+								}), /* @__PURE__ */ D("p", {
 									className: "text-sm",
 									children: P.customerInfo.preferredDeliveryTime
 								})]
-							}), P.customerInfo.deliveryInstructions && /* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
+							}), P.customerInfo.deliveryInstructions && /* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
 								className: "text-sm text-text-secondary",
 								children: "Delivery Instructions"
-							}), /* @__PURE__ */ O("p", {
+							}), /* @__PURE__ */ D("p", {
 								className: "text-sm",
 								children: P.customerInfo.deliveryInstructions
 							})] })] })]
 						}) })] }),
-						/* @__PURE__ */ k(d, { children: [/* @__PURE__ */ O(p, { children: /* @__PURE__ */ k(m, {
+						/* @__PURE__ */ O(u, { children: [/* @__PURE__ */ D(f, { children: /* @__PURE__ */ O(p, {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ O(r, { size: 18 }), "Addresses"]
-						}) }), /* @__PURE__ */ O(f, { children: /* @__PURE__ */ k("div", {
+							children: [/* @__PURE__ */ D(r, { size: 18 }), "Addresses"]
+						}) }), /* @__PURE__ */ D(d, { children: /* @__PURE__ */ O("div", {
 							className: "grid grid-cols-1 md:grid-cols-2 gap-6",
-							children: [/* @__PURE__ */ k("div", { children: [
-								/* @__PURE__ */ O("h4", {
+							children: [/* @__PURE__ */ O("div", { children: [
+								/* @__PURE__ */ D("h4", {
 									className: "font-medium mb-2 flex items-center gap-2",
-									children: /* @__PURE__ */ O(l, {
+									children: /* @__PURE__ */ D(c, {
 										variant: "outline",
 										children: "Pickup"
 									})
 								}),
-								/* @__PURE__ */ O("p", {
+								/* @__PURE__ */ D("p", {
 									className: "text-sm",
-									children: x(P.pickupAddress)
+									children: b(P.pickupAddress)
 								}),
-								P.scheduledPickup && /* @__PURE__ */ k("p", {
+								P.scheduledPickup && /* @__PURE__ */ O("p", {
 									className: "text-sm text-text-secondary mt-2",
-									children: ["Scheduled: ", C(P.scheduledPickup, "full")]
+									children: ["Scheduled: ", S(P.scheduledPickup, "full")]
 								}),
-								P.actualPickup && /* @__PURE__ */ k("p", {
+								P.actualPickup && /* @__PURE__ */ O("p", {
 									className: "text-sm text-status-success-text mt-1",
 									children: [
-										/* @__PURE__ */ O(n, {
+										/* @__PURE__ */ D(n, {
 											size: 14,
 											className: "inline mr-1"
 										}),
 										"Picked up: ",
-										C(P.actualPickup, "full")
+										S(P.actualPickup, "full")
 									]
 								})
-							] }), /* @__PURE__ */ k("div", { children: [
-								/* @__PURE__ */ O("h4", {
+							] }), /* @__PURE__ */ O("div", { children: [
+								/* @__PURE__ */ D("h4", {
 									className: "font-medium mb-2 flex items-center gap-2",
-									children: /* @__PURE__ */ O(l, {
+									children: /* @__PURE__ */ D(c, {
 										variant: "outline",
 										children: "Delivery"
 									})
 								}),
-								/* @__PURE__ */ O("p", {
+								/* @__PURE__ */ D("p", {
 									className: "text-sm",
-									children: x(P.deliveryAddress)
+									children: b(P.deliveryAddress)
 								}),
-								P.scheduledDelivery && /* @__PURE__ */ k("p", {
+								P.scheduledDelivery && /* @__PURE__ */ O("p", {
 									className: "text-sm text-text-secondary mt-2",
-									children: ["Scheduled: ", C(P.scheduledDelivery, "full")]
+									children: ["Scheduled: ", S(P.scheduledDelivery, "full")]
 								}),
-								P.actualDelivery && /* @__PURE__ */ k("p", {
+								P.actualDelivery && /* @__PURE__ */ O("p", {
 									className: "text-sm text-status-success-text mt-1",
 									children: [
-										/* @__PURE__ */ O(n, {
+										/* @__PURE__ */ D(n, {
 											size: 14,
 											className: "inline mr-1"
 										}),
 										"Delivered: ",
-										C(P.actualDelivery, "full")
+										S(P.actualDelivery, "full")
 									]
 								})
 							] })]
 						}) })] }),
-						/* @__PURE__ */ k(d, { children: [/* @__PURE__ */ O(p, { children: /* @__PURE__ */ k(m, {
+						/* @__PURE__ */ O(u, { children: [/* @__PURE__ */ D(f, { children: /* @__PURE__ */ O(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__ */ D(se, { size: 18 }), "Saved Route"]
+						}) }), /* @__PURE__ */ D(d, { children: P.route ? /* @__PURE__ */ O("div", {
 							className: "space-y-3",
-							children: [/* @__PURE__ */ k("div", {
+							children: [/* @__PURE__ */ O("div", {
 								className: "flex items-center justify-between gap-3",
-								children: [/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
+								children: [/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
 									className: "font-medium",
 									children: P.route.name
-								}), /* @__PURE__ */ k("p", {
+								}), /* @__PURE__ */ O("p", {
 									className: "text-sm text-text-secondary",
 									children: [
 										P.route.stops.length,
@@ -311,112 +330,112 @@ function M() {
 										" ",
 										P.route.status.replace("_", " ").toLowerCase()
 									]
-								})] }), /* @__PURE__ */ O(l, {
+								})] }), /* @__PURE__ */ D(c, {
 									variant: "outline",
 									children: "Reusable route"
 								})]
-							}), /* @__PURE__ */ O("div", {
+							}), /* @__PURE__ */ D("div", {
 								className: "space-y-2",
-								children: P.route.stops.map((e, t) => /* @__PURE__ */ k("div", {
+								children: P.route.stops.map((e, t) => /* @__PURE__ */ O("div", {
 									className: "flex items-start gap-2 text-sm",
-									children: [/* @__PURE__ */ k("span", {
+									children: [/* @__PURE__ */ O("span", {
 										className: "text-text-secondary",
 										children: [t + 1, "."]
-									}), /* @__PURE__ */ k("span", { children: [
-										/* @__PURE__ */ O("span", {
+									}), /* @__PURE__ */ O("span", { children: [
+										/* @__PURE__ */ D("span", {
 											className: "font-medium capitalize",
 											children: e.type
 										}),
 										" ·",
 										" ",
-										x(e.address)
+										b(e.address)
 									] })]
 								}, e.id))
 							})]
-						}) : /* @__PURE__ */ O("p", {
+						}) : /* @__PURE__ */ D("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__ */ O(u, { children: [/* @__PURE__ */ D(f, { children: /* @__PURE__ */ O(p, {
 							className: "flex items-center gap-2",
 							children: [
-								/* @__PURE__ */ O(i, { size: 18 }),
+								/* @__PURE__ */ D(i, { size: 18 }),
 								"Order Items (",
 								P.items.length,
 								")"
 							]
-						}) }), /* @__PURE__ */ O(f, {
+						}) }), /* @__PURE__ */ D(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__ */ O(ve, { children: [/* @__PURE__ */ D(be, { children: /* @__PURE__ */ O(v, { children: [
+								/* @__PURE__ */ D(_, { children: "Item" }),
+								/* @__PURE__ */ D(_, { children: "SKU" }),
+								/* @__PURE__ */ D(_, {
 									className: "text-center",
 									children: "Qty"
 								}),
-								/* @__PURE__ */ O(v, {
+								/* @__PURE__ */ D(_, {
 									className: "text-right",
 									children: "Unit Price"
 								}),
-								/* @__PURE__ */ O(v, {
+								/* @__PURE__ */ D(_, {
 									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__ */ D(ye, { children: P.items.map((e) => /* @__PURE__ */ O(v, { children: [
+								/* @__PURE__ */ D(g, { children: /* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
 									className: "font-medium",
 									children: e.name
-								}), e.description && /* @__PURE__ */ O("p", {
+								}), e.description && /* @__PURE__ */ D("p", {
 									className: "text-sm text-text-secondary",
 									children: e.description
 								})] }) }),
-								/* @__PURE__ */ O(_, {
+								/* @__PURE__ */ D(g, {
 									className: "font-mono text-sm",
 									children: e.sku
 								}),
-								/* @__PURE__ */ O(_, {
+								/* @__PURE__ */ D(g, {
 									className: "text-center",
 									children: e.quantity
 								}),
-								/* @__PURE__ */ O(_, {
+								/* @__PURE__ */ D(g, {
 									className: "text-right",
-									children: S(e.value)
+									children: x(e.value)
 								}),
-								/* @__PURE__ */ O(_, {
+								/* @__PURE__ */ D(g, {
 									className: "text-right font-medium",
-									children: S(e.value * e.quantity)
+									children: x(e.value * e.quantity)
 								})
 							] }, e.id)) })] })
 						})] }),
-						/* @__PURE__ */ k(d, { children: [/* @__PURE__ */ O(p, { children: /* @__PURE__ */ k(m, {
+						/* @__PURE__ */ O(u, { children: [/* @__PURE__ */ D(f, { children: /* @__PURE__ */ O(p, {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ O(te, { size: 18 }), "Order Timeline"]
-						}) }), /* @__PURE__ */ O(f, { children: /* @__PURE__ */ O("div", {
+							children: [/* @__PURE__ */ D(te, { size: 18 }), "Order Timeline"]
+						}) }), /* @__PURE__ */ D(d, { children: /* @__PURE__ */ D("div", {
 							className: "relative",
-							children: P.timeline.map((e, t) => /* @__PURE__ */ k("div", {
+							children: P.timeline.map((e, t) => /* @__PURE__ */ O("div", {
 								className: "flex gap-4 pb-6 last:pb-0",
-								children: [/* @__PURE__ */ k("div", {
+								children: [/* @__PURE__ */ O("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__ */ D("div", { className: "w-3 h-3 rounded-full bg-action-primary-bg mt-1.5" }), t < P.timeline.length - 1 && /* @__PURE__ */ D("div", { className: "absolute top-4 left-1.5 w-px h-full -ml-px bg-border" })]
+								}), /* @__PURE__ */ O("div", {
 									className: "flex-1",
 									children: [
-										/* @__PURE__ */ k("div", {
+										/* @__PURE__ */ O("div", {
 											className: "flex items-center gap-2 mb-1",
-											children: [/* @__PURE__ */ O(b, {
+											children: [/* @__PURE__ */ D(y, {
 												status: e.status,
 												type: "order",
 												size: "sm"
-											}), /* @__PURE__ */ O("span", {
+											}), /* @__PURE__ */ D("span", {
 												className: "text-sm text-text-secondary",
-												children: C(e.timestamp, "full")
+												children: S(e.timestamp, "full")
 											})]
 										}),
-										e.notes && /* @__PURE__ */ O("p", {
+										e.notes && /* @__PURE__ */ D("p", {
 											className: "text-sm",
 											children: e.notes
 										}),
-										/* @__PURE__ */ k("p", {
+										/* @__PURE__ */ O("p", {
 											className: "text-xs text-text-secondary",
 											children: ["by ", e.performedBy]
 										})
@@ -425,212 +444,221 @@ function M() {
 							}, t))
 						}) })] })
 					]
-				}), /* @__PURE__ */ k("div", {
+				}), /* @__PURE__ */ O("div", {
 					className: "space-y-6",
 					children: [
-						/* @__PURE__ */ k(je, { children: [/* @__PURE__ */ k("h2", {
+						/* @__PURE__ */ O(Ne, { children: [/* @__PURE__ */ O("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__ */ D(ne, { size: 18 }), "Order Summary"]
+						}), /* @__PURE__ */ O("div", {
 							className: "space-y-3",
 							children: [
-								/* @__PURE__ */ k("div", {
+								/* @__PURE__ */ O("div", {
 									className: "flex justify-between text-sm",
-									children: [/* @__PURE__ */ O("span", {
+									children: [/* @__PURE__ */ D("span", {
 										className: "text-text-secondary",
 										children: "Subtotal"
-									}), /* @__PURE__ */ O("span", { children: S(P.pricing.subtotal) })]
+									}), /* @__PURE__ */ D("span", { children: x(P.pricing.subtotal) })]
 								}),
-								/* @__PURE__ */ k("div", {
+								/* @__PURE__ */ O("div", {
 									className: "flex justify-between text-sm",
-									children: [/* @__PURE__ */ O("span", {
+									children: [/* @__PURE__ */ D("span", {
 										className: "text-text-secondary",
 										children: "Delivery"
-									}), /* @__PURE__ */ O("span", { children: S(P.pricing.fees.delivery) })]
+									}), /* @__PURE__ */ D("span", { children: x(P.pricing.fees.delivery) })]
 								}),
-								/* @__PURE__ */ k("div", {
+								/* @__PURE__ */ O("div", {
 									className: "flex justify-between text-sm",
-									children: [/* @__PURE__ */ O("span", {
+									children: [/* @__PURE__ */ D("span", {
 										className: "text-text-secondary",
 										children: "Handling"
-									}), /* @__PURE__ */ O("span", { children: S(P.pricing.fees.handling) })]
+									}), /* @__PURE__ */ D("span", { children: x(P.pricing.fees.handling) })]
 								}),
-								P.pricing.fees.insurance && /* @__PURE__ */ k("div", {
+								P.pricing.fees.insurance && /* @__PURE__ */ O("div", {
 									className: "flex justify-between text-sm",
-									children: [/* @__PURE__ */ O("span", {
+									children: [/* @__PURE__ */ D("span", {
 										className: "text-text-secondary",
 										children: "Insurance"
-									}), /* @__PURE__ */ O("span", { children: S(P.pricing.fees.insurance) })]
+									}), /* @__PURE__ */ D("span", { children: x(P.pricing.fees.insurance) })]
 								}),
-								/* @__PURE__ */ k("div", {
+								/* @__PURE__ */ O("div", {
 									className: "flex justify-between text-sm",
-									children: [/* @__PURE__ */ O("span", {
+									children: [/* @__PURE__ */ D("span", {
 										className: "text-text-secondary",
 										children: "Taxes"
-									}), /* @__PURE__ */ O("span", { children: S(P.pricing.taxes) })]
+									}), /* @__PURE__ */ D("span", { children: x(P.pricing.taxes) })]
 								}),
-								/* @__PURE__ */ O(g, {}),
-								/* @__PURE__ */ k("div", {
+								/* @__PURE__ */ D(h, {}),
+								/* @__PURE__ */ O("div", {
 									className: "flex justify-between font-medium",
-									children: [/* @__PURE__ */ O("span", { children: "Total" }), /* @__PURE__ */ O("span", {
+									children: [/* @__PURE__ */ D("span", { children: "Total" }), /* @__PURE__ */ D("span", {
 										className: "text-lg",
-										children: S(P.pricing.total)
+										children: x(P.pricing.total)
 									})]
 								}),
-								/* @__PURE__ */ k("div", {
+								/* @__PURE__ */ O("div", {
 									className: "pt-2",
-									children: [/* @__PURE__ */ O("p", {
+									children: [/* @__PURE__ */ D("p", {
 										className: "text-sm text-text-secondary",
 										children: "Payment Method"
-									}), /* @__PURE__ */ O("p", {
+									}), /* @__PURE__ */ D("p", {
 										className: "text-sm capitalize",
 										children: P.pricing.paymentMethod.replace("_", " ")
 									})]
 								})
 							]
 						})] }),
-						/* @__PURE__ */ k(d, { children: [/* @__PURE__ */ O(p, { children: /* @__PURE__ */ k(m, {
+						/* @__PURE__ */ O(u, { children: [/* @__PURE__ */ D(f, { children: /* @__PURE__ */ O(p, {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ O(s, { size: 18 }), "Assignment"]
-						}) }), /* @__PURE__ */ O(f, { children: /* @__PURE__ */ k("div", {
+							children: [/* @__PURE__ */ D(se, { size: 18 }), "Assignment"]
+						}) }), /* @__PURE__ */ D(d, { children: /* @__PURE__ */ O("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", {
+								K && /* @__PURE__ */ D(Ee, { message: K }),
+								Ge && /* @__PURE__ */ D(De, { message: Ge }),
+								/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
 									className: "text-sm text-text-secondary",
 									children: "Tracking Number"
-								}), /* @__PURE__ */ O("p", {
+								}), /* @__PURE__ */ D("p", {
 									className: "text-sm font-mono",
 									children: P.trackingNumber || "—"
 								})] }),
-								/* @__PURE__ */ O(g, {}),
-								/* @__PURE__ */ k("div", {
+								/* @__PURE__ */ D(h, {}),
+								/* @__PURE__ */ O("div", {
 									className: "space-y-3",
 									children: [
-										/* @__PURE__ */ k("div", {
+										/* @__PURE__ */ O("div", {
 											className: "space-y-1.5",
-											children: [/* @__PURE__ */ O(h, {
+											children: [/* @__PURE__ */ D(m, {
 												htmlFor: "assign-fleet-search",
-												children: "Search fleet"
-											}), /* @__PURE__ */ O(he, {
-												id: "assign-fleet-search",
-												value: I,
-												onChange: (e) => ze(e.target.value),
-												placeholder: "Vehicle number, driver name or ID"
+												children: "Search vehicles & drivers"
+											}), /* @__PURE__ */ O("div", {
+												className: "relative",
+												children: [/* @__PURE__ */ D(oe, { className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ D(_e, {
+													id: "assign-fleet-search",
+													value: L,
+													onChange: (e) => Be(e.target.value),
+													placeholder: "Vehicle number, driver name or employee ID",
+													className: "pl-9"
+												})]
 											})]
 										}),
-										/* @__PURE__ */ k("div", {
+										/* @__PURE__ */ O("div", {
 											className: "space-y-1.5",
-											children: [/* @__PURE__ */ O(h, {
+											children: [/* @__PURE__ */ D(m, {
 												htmlFor: "assign-vehicle",
 												children: "Vehicle"
-											}), /* @__PURE__ */ O(w, {
+											}), /* @__PURE__ */ D(C, {
 												id: "assign-vehicle",
-												value: L,
-												onChange: R,
-												options: Ke,
-												loading: Y,
+												value: R,
+												onChange: z,
+												options: qe,
+												loading: X,
 												getId: (e) => e.id,
 												getLabel: (e) => `${e.vehicleNumber} (${e.type})`,
-												renderOption: (e) => /* @__PURE__ */ k(D, { children: [
+												renderOption: (e) => /* @__PURE__ */ O(E, { children: [
 													e.vehicleNumber,
 													" (",
 													e.type,
 													")"
 												] }),
-												selectedOption: Be,
-												selectedLoading: Ve,
+												selectedOption: Ve,
+												selectedLoading: He,
 												required: !0,
 												placeholder: P.vehicleId ? `Current: ${P.vehicleId}` : "Select a vehicle",
 												emptyText: "No available vehicles."
 											})]
 										}),
-										/* @__PURE__ */ k("div", {
+										/* @__PURE__ */ O("div", {
 											className: "space-y-1.5",
-											children: [/* @__PURE__ */ O(h, {
+											children: [/* @__PURE__ */ D(m, {
 												htmlFor: "assign-driver",
 												children: "Driver"
-											}), /* @__PURE__ */ O(w, {
+											}), /* @__PURE__ */ D(C, {
 												id: "assign-driver",
-												value: z,
-												onChange: B,
-												options: qe,
-												loading: Z,
+												value: B,
+												onChange: V,
+												options: Je,
+												loading: Q,
 												getId: (e) => e.id,
 												getLabel: (e) => `${e.fullName} (${e.employeeId})`,
-												renderOption: (e) => /* @__PURE__ */ k(D, { children: [
+												renderOption: (e) => /* @__PURE__ */ O(E, { children: [
 													e.fullName,
 													" (",
 													e.employeeId,
 													")"
 												] }),
-												selectedOption: He,
-												selectedLoading: Ue,
+												selectedOption: Ue,
+												selectedLoading: We,
 												required: !0,
 												placeholder: P.driverId ? `Current: ${P.driverId}` : "Select a driver",
 												emptyText: "No available drivers."
 											})]
 										}),
-										/* @__PURE__ */ k(u, {
+										/* @__PURE__ */ O(l, {
 											className: "w-full",
-											onClick: Je,
-											disabled: V || !L && !z,
-											children: [/* @__PURE__ */ O(oe, { size: 16 }), V ? "Assigning…" : "Assign driver & vehicle"]
+											onClick: Ye,
+											disabled: H || !R && !B,
+											children: [/* @__PURE__ */ D(ce, { size: 16 }), H ? "Assigning…" : "Assign driver & vehicle"]
 										})
 									]
 								}),
-								/* @__PURE__ */ O(g, {}),
-								/* @__PURE__ */ k("div", {
+								/* @__PURE__ */ D(h, {}),
+								/* @__PURE__ */ O("div", {
 									className: "space-y-2",
 									children: [
-										/* @__PURE__ */ k("p", {
+										/* @__PURE__ */ O("p", {
 											className: "text-sm text-text-secondary",
 											children: [
 												"Current status:",
 												" ",
-												/* @__PURE__ */ O("span", {
+												/* @__PURE__ */ D("span", {
 													className: "font-medium",
-													children: j[P.status]
+													children: A[P.status]
 												})
 											]
 										}),
 										(() => {
-											let e = Pe(P.status);
-											return e ? /* @__PURE__ */ k(u, {
+											let e = Ie(P.status);
+											if (!e) return null;
+											let n = e === "assigned" && (!P.vehicleId || !P.driverId);
+											return /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ O(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: () => Xe(e, `Order advanced to ${A[e]}.`),
+												disabled: W || n,
+												children: [/* @__PURE__ */ D(t, { size: 16 }), W ? "Updating…" : `Advance to ${A[e]}`]
+											}), n && /* @__PURE__ */ D("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, {
+										P.status !== "cancelled" && !j.has(P.status) && /* @__PURE__ */ O(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"]
+											onClick: () => Xe("cancelled", "Order cancelled."),
+											disabled: W,
+											children: [/* @__PURE__ */ D(ee, { size: 16 }), "Cancel order"]
 										})
 									]
 								}),
-								/* @__PURE__ */ k(u, {
+								/* @__PURE__ */ O(l, {
 									variant: "outline",
 									className: "w-full",
 									onClick: () => $(`tracking?order=${P.id}`),
-									children: [/* @__PURE__ */ O(r, { size: 16 }), "Track Order"]
+									children: [/* @__PURE__ */ D(r, { size: 16 }), "Track Order"]
 								})
 							]
 						}) })] }),
-						/* @__PURE__ */ O(De, {
+						/* @__PURE__ */ D(ke, {
 							entityType: "order",
 							entityId: P.id
 						}),
-						/* @__PURE__ */ O(ke, { deliveryJobId: P.id }),
-						P.specialInstructions && /* @__PURE__ */ k(d, { children: [/* @__PURE__ */ O(p, { children: /* @__PURE__ */ k(m, {
+						/* @__PURE__ */ D(je, { deliveryJobId: P.id }),
+						P.specialInstructions && /* @__PURE__ */ O(u, { children: [/* @__PURE__ */ D(f, { children: /* @__PURE__ */ O(p, {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ O(re, { size: 18 }), "Special Instructions"]
-						}) }), /* @__PURE__ */ O(f, { children: /* @__PURE__ */ O("p", {
+							children: [/* @__PURE__ */ D(re, { size: 18 }), "Special Instructions"]
+						}) }), /* @__PURE__ */ D(d, { children: /* @__PURE__ */ D("p", {
 							className: "text-sm",
 							children: P.specialInstructions
 						}) })] })