@burdenoff/microfe-movethewheels 2026.925.1 → 2026.925.3

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 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 { 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 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 { 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 v } from "../components/StatusBadge.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 y, formatCurrency as b, formatDate as x } from "../utils/formatters.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 S } from "../components/EntityCombobox.js";
+import { EntityCombobox as C } from "../components/EntityCombobox.js";
 import { ProofOfDeliveryCard as je } from "../components/ProofOfDeliveryCard.js";
-import { useEffect as C, useState as w } from "react";
+import { useEffect as w, useState as T } from "react";
 import { useParams as Me } from "react-router";
-import { Fragment as T, jsx as E, jsxs as D } from "react/jsx-runtime";
+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 O = [
+var k = [
 	"pending",
 	"confirmed",
 	"assigned",
@@ -41,7 +42,7 @@ var O = [
 	"in_transit",
 	"out_for_delivery",
 	"delivered"
-], k = {
+], A = {
 	pending: "Pending",
 	confirmed: "Confirmed",
 	assigned: "Assigned",
@@ -52,389 +53,389 @@ var O = [
 	returned: "Returned",
 	cancelled: "Cancelled",
 	failed: "Failed"
-}, A = new Set([
+}, j = 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];
+	let t = k.indexOf(e);
+	return t === -1 || t >= k.length - 1 ? null : k[t + 1];
 }
-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({
+function M() {
+	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: Ve || void 0,
-		driverId: z || void 0
-	}), { drivers: Y, isLoading: X } = pe({
+		search: J || void 0,
+		driverId: B || void 0
+	}), { drivers: Z, isLoading: Q } = me({
 		limit: 20,
-		search: Ve || void 0,
-		vehicleId: L || void 0
-	}), { 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("");
+		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("");
 	}, [
-		Y,
-		X,
-		z
-	]), C(() => {
-		!J && L && !q.some((e) => e.id === L) && R("");
+		Z,
+		Q,
+		B
+	]), w(() => {
+		!X && R && !Y.some((e) => e.id === R) && z("");
 	}, [
-		L,
-		q,
-		J
+		R,
+		Y,
+		X
 	]);
 	let Ye = async () => {
-		if (!O || !N) {
-			K("This order is no longer available. Refresh and try again.");
+		if (!k || !P) {
+			q("This order is no longer available. Refresh and try again.");
 			return;
 		}
-		let e = L || N.vehicleId, t = z || N.driverId;
+		let e = R || P.vehicleId, t = B || P.driverId;
 		if (!e || !t) {
-			K("Select both a compatible vehicle and driver before dispatching.");
+			q("Select both a compatible vehicle and driver before dispatching.");
 			return;
 		}
-		let n = !!(N.vehicleId && N.driverId);
-		H(!0), K(null);
+		let n = !!(P.vehicleId && P.driverId);
+		U(!0), q(null);
 		try {
-			await ze(O, {
+			await ze(k, {
 				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();
+			}), !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 (!(!O || !N)) {
-			if (e === "assigned" && (!N.vehicleId || !N.driverId)) {
-				K("Assign both a compatible vehicle and driver before advancing to Assigned.");
+	}, 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 (!A.has(N.status)) {
-				W(!0), K(null);
+			if (!j.has(P.status)) {
+				G(!0), q(null);
 				try {
-					await F(O, e), Z(t), P();
+					await I(k, e), Ke(t), F();
 				} catch (e) {
-					K(e instanceof Error ? e.message : "Failed to update status.");
+					q(e instanceof Error ? e.message : "Failed to update status.");
 				} finally {
-					W(!1);
+					G(!1);
 				}
 			}
 		}
 	}, $ = (e) => {
-		M && M(s(j, e));
+		N && N(s(M, e));
 	};
-	return Le ? /* @__PURE__ */ E(Se, { message: "Loading order details..." }) : Re || !N ? /* @__PURE__ */ E(xe, {
+	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: P
-	}) : /* @__PURE__ */ D(Ce, {
-		title: N.orderNumber,
-		subtitle: `Created ${x(N.createdAt, "full")}`,
-		icon: /* @__PURE__ */ E(i, { size: 24 }),
-		headerActions: /* @__PURE__ */ D("div", {
+		onRetry: F
+	}) : /* @__PURE__ */ O(Ce, {
+		title: P.orderNumber,
+		subtitle: `Created ${S(P.createdAt, "full")}`,
+		icon: /* @__PURE__ */ D(i, { size: 24 }),
+		headerActions: /* @__PURE__ */ O("div", {
 			className: "flex gap-2",
 			children: [
-				/* @__PURE__ */ D(l, {
+				/* @__PURE__ */ O(l, {
 					variant: "outline",
 					onClick: () => {
-						M && M(s(j, "orders"));
+						N && N(s(M, "orders"));
 					},
-					children: [/* @__PURE__ */ E(e, { size: 16 }), "Back"]
+					children: [/* @__PURE__ */ D(e, { size: 16 }), "Back"]
 				}),
-				/* @__PURE__ */ D(l, {
+				/* @__PURE__ */ O(l, {
 					variant: "outline",
 					onClick: () => window.print(),
-					children: [/* @__PURE__ */ E(a, { size: 16 }), "Print"]
+					children: [/* @__PURE__ */ D(a, { size: 16 }), "Print"]
 				}),
-				/* @__PURE__ */ D(l, {
-					onClick: () => $(`orders/${O}/edit`),
-					children: [/* @__PURE__ */ E(o, { size: 16 }), "Edit"]
+				/* @__PURE__ */ O(l, {
+					onClick: () => $(`orders/${k}/edit`),
+					children: [/* @__PURE__ */ D(o, { size: 16 }), "Edit"]
 				})
 			]
 		}),
-		headerContent: /* @__PURE__ */ D("div", {
+		headerContent: /* @__PURE__ */ O("div", {
 			className: "flex flex-wrap gap-2",
 			children: [
-				/* @__PURE__ */ E(v, {
-					status: N.status,
+				/* @__PURE__ */ D(y, {
+					status: P.status,
 					type: "order"
 				}),
-				/* @__PURE__ */ E(Te, { priority: N.priority }),
-				/* @__PURE__ */ E(we, { status: N.pricing.paymentStatus })
+				/* @__PURE__ */ D(Te, { priority: P.priority }),
+				/* @__PURE__ */ D(we, { status: P.pricing.paymentStatus })
 			]
 		}),
 		children: [
-			/* @__PURE__ */ E(Fe, {
-				icon: /* @__PURE__ */ E(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__ */ E(Pe, {
+			/* @__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__ */ E(r, { size: 16 }),
-						onClick: () => $(`tracking?order=${N.id}`)
+						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__ */ E(o, { size: 16 }),
-						onClick: () => $(`orders/${O}/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__ */ E(a, { size: 16 }),
+						icon: /* @__PURE__ */ D(a, { size: 16 }),
 						onClick: () => window.print()
 					}
 				]
 			}),
-			/* @__PURE__ */ D("div", {
+			/* @__PURE__ */ O("div", {
 				className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
-				children: [/* @__PURE__ */ D("div", {
+				children: [/* @__PURE__ */ O("div", {
 					className: "lg:col-span-2 space-y-6",
 					children: [
-						/* @__PURE__ */ D(u, { children: [/* @__PURE__ */ E(f, { children: /* @__PURE__ */ D(p, {
+						/* @__PURE__ */ O(u, { children: [/* @__PURE__ */ D(f, { children: /* @__PURE__ */ O(p, {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ E(ce, { size: 18 }), "Customer Information"]
-						}) }), /* @__PURE__ */ E(d, { children: /* @__PURE__ */ D("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__ */ D("div", { children: [
-								/* @__PURE__ */ E("h4", {
+							children: [/* @__PURE__ */ O("div", { children: [
+								/* @__PURE__ */ D("h4", {
 									className: "font-medium mb-2",
-									children: N.customerInfo.name
+									children: P.customerInfo.name
 								}),
-								N.customerInfo.company && /* @__PURE__ */ E("p", {
+								P.customerInfo.company && /* @__PURE__ */ D("p", {
 									className: "text-sm text-text-secondary mb-2",
-									children: N.customerInfo.company
+									children: P.customerInfo.company
 								}),
-								/* @__PURE__ */ D("div", {
+								/* @__PURE__ */ O("div", {
 									className: "space-y-1 text-sm",
-									children: [/* @__PURE__ */ D("p", {
+									children: [/* @__PURE__ */ O("p", {
 										className: "flex items-center gap-2",
-										children: [/* @__PURE__ */ E(ie, {
+										children: [/* @__PURE__ */ D(ie, {
 											size: 14,
 											className: "text-text-secondary"
-										}), N.customerInfo.email]
-									}), /* @__PURE__ */ D("p", {
+										}), P.customerInfo.email]
+									}), /* @__PURE__ */ O("p", {
 										className: "flex items-center gap-2",
-										children: [/* @__PURE__ */ E(ae, {
+										children: [/* @__PURE__ */ D(ae, {
 											size: 14,
 											className: "text-text-secondary"
-										}), N.customerInfo.phone]
+										}), P.customerInfo.phone]
 									})]
 								})
-							] }), /* @__PURE__ */ D("div", { children: [N.customerInfo.preferredDeliveryTime && /* @__PURE__ */ D("div", {
+							] }), /* @__PURE__ */ O("div", { children: [P.customerInfo.preferredDeliveryTime && /* @__PURE__ */ O("div", {
 								className: "mb-2",
-								children: [/* @__PURE__ */ E("p", {
+								children: [/* @__PURE__ */ D("p", {
 									className: "text-sm text-text-secondary",
 									children: "Preferred Delivery Time"
-								}), /* @__PURE__ */ E("p", {
+								}), /* @__PURE__ */ D("p", {
 									className: "text-sm",
-									children: N.customerInfo.preferredDeliveryTime
+									children: P.customerInfo.preferredDeliveryTime
 								})]
-							}), N.customerInfo.deliveryInstructions && /* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
+							}), P.customerInfo.deliveryInstructions && /* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
 								className: "text-sm text-text-secondary",
 								children: "Delivery Instructions"
-							}), /* @__PURE__ */ E("p", {
+							}), /* @__PURE__ */ D("p", {
 								className: "text-sm",
-								children: N.customerInfo.deliveryInstructions
+								children: P.customerInfo.deliveryInstructions
 							})] })] })]
 						}) })] }),
-						/* @__PURE__ */ D(u, { children: [/* @__PURE__ */ E(f, { children: /* @__PURE__ */ D(p, {
+						/* @__PURE__ */ O(u, { children: [/* @__PURE__ */ D(f, { children: /* @__PURE__ */ O(p, {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ E(r, { size: 18 }), "Addresses"]
-						}) }), /* @__PURE__ */ E(d, { children: /* @__PURE__ */ D("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__ */ D("div", { children: [
-								/* @__PURE__ */ E("h4", {
+							children: [/* @__PURE__ */ O("div", { children: [
+								/* @__PURE__ */ D("h4", {
 									className: "font-medium mb-2 flex items-center gap-2",
-									children: /* @__PURE__ */ E(c, {
+									children: /* @__PURE__ */ D(c, {
 										variant: "outline",
 										children: "Pickup"
 									})
 								}),
-								/* @__PURE__ */ E("p", {
+								/* @__PURE__ */ D("p", {
 									className: "text-sm",
-									children: y(N.pickupAddress)
+									children: b(P.pickupAddress)
 								}),
-								N.scheduledPickup && /* @__PURE__ */ D("p", {
+								P.scheduledPickup && /* @__PURE__ */ O("p", {
 									className: "text-sm text-text-secondary mt-2",
-									children: ["Scheduled: ", x(N.scheduledPickup, "full")]
+									children: ["Scheduled: ", S(P.scheduledPickup, "full")]
 								}),
-								N.actualPickup && /* @__PURE__ */ D("p", {
+								P.actualPickup && /* @__PURE__ */ O("p", {
 									className: "text-sm text-status-success-text mt-1",
 									children: [
-										/* @__PURE__ */ E(n, {
+										/* @__PURE__ */ D(n, {
 											size: 14,
 											className: "inline mr-1"
 										}),
 										"Picked up: ",
-										x(N.actualPickup, "full")
+										S(P.actualPickup, "full")
 									]
 								})
-							] }), /* @__PURE__ */ D("div", { children: [
-								/* @__PURE__ */ E("h4", {
+							] }), /* @__PURE__ */ O("div", { children: [
+								/* @__PURE__ */ D("h4", {
 									className: "font-medium mb-2 flex items-center gap-2",
-									children: /* @__PURE__ */ E(c, {
+									children: /* @__PURE__ */ D(c, {
 										variant: "outline",
 										children: "Delivery"
 									})
 								}),
-								/* @__PURE__ */ E("p", {
+								/* @__PURE__ */ D("p", {
 									className: "text-sm",
-									children: y(N.deliveryAddress)
+									children: b(P.deliveryAddress)
 								}),
-								N.scheduledDelivery && /* @__PURE__ */ D("p", {
+								P.scheduledDelivery && /* @__PURE__ */ O("p", {
 									className: "text-sm text-text-secondary mt-2",
-									children: ["Scheduled: ", x(N.scheduledDelivery, "full")]
+									children: ["Scheduled: ", S(P.scheduledDelivery, "full")]
 								}),
-								N.actualDelivery && /* @__PURE__ */ D("p", {
+								P.actualDelivery && /* @__PURE__ */ O("p", {
 									className: "text-sm text-status-success-text mt-1",
 									children: [
-										/* @__PURE__ */ E(n, {
+										/* @__PURE__ */ D(n, {
 											size: 14,
 											className: "inline mr-1"
 										}),
 										"Delivered: ",
-										x(N.actualDelivery, "full")
+										S(P.actualDelivery, "full")
 									]
 								})
 							] })]
 						}) })] }),
-						/* @__PURE__ */ D(u, { children: [/* @__PURE__ */ E(f, { children: /* @__PURE__ */ D(p, {
+						/* @__PURE__ */ O(u, { children: [/* @__PURE__ */ D(f, { children: /* @__PURE__ */ O(p, {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ E(oe, { size: 18 }), "Saved Route"]
-						}) }), /* @__PURE__ */ E(d, { children: N.route ? /* @__PURE__ */ D("div", {
+							children: [/* @__PURE__ */ D(se, { size: 18 }), "Saved Route"]
+						}) }), /* @__PURE__ */ D(d, { children: P.route ? /* @__PURE__ */ O("div", {
 							className: "space-y-3",
-							children: [/* @__PURE__ */ D("div", {
+							children: [/* @__PURE__ */ O("div", {
 								className: "flex items-center justify-between gap-3",
-								children: [/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
+								children: [/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
 									className: "font-medium",
-									children: N.route.name
-								}), /* @__PURE__ */ D("p", {
+									children: P.route.name
+								}), /* @__PURE__ */ O("p", {
 									className: "text-sm text-text-secondary",
 									children: [
-										N.route.stops.length,
+										P.route.stops.length,
 										" stops ·",
 										" ",
-										N.route.status.replace("_", " ").toLowerCase()
+										P.route.status.replace("_", " ").toLowerCase()
 									]
-								})] }), /* @__PURE__ */ E(c, {
+								})] }), /* @__PURE__ */ D(c, {
 									variant: "outline",
 									children: "Reusable route"
 								})]
-							}), /* @__PURE__ */ E("div", {
+							}), /* @__PURE__ */ D("div", {
 								className: "space-y-2",
-								children: N.route.stops.map((e, t) => /* @__PURE__ */ D("div", {
+								children: P.route.stops.map((e, t) => /* @__PURE__ */ O("div", {
 									className: "flex items-start gap-2 text-sm",
-									children: [/* @__PURE__ */ D("span", {
+									children: [/* @__PURE__ */ O("span", {
 										className: "text-text-secondary",
 										children: [t + 1, "."]
-									}), /* @__PURE__ */ D("span", { children: [
-										/* @__PURE__ */ E("span", {
+									}), /* @__PURE__ */ O("span", { children: [
+										/* @__PURE__ */ D("span", {
 											className: "font-medium capitalize",
 											children: e.type
 										}),
 										" ·",
 										" ",
-										y(e.address)
+										b(e.address)
 									] })]
 								}, e.id))
 							})]
-						}) : /* @__PURE__ */ E("p", {
+						}) : /* @__PURE__ */ D("p", {
 							className: "text-sm text-text-secondary",
 							children: "No saved route was selected for this order."
 						}) })] }),
-						/* @__PURE__ */ D(u, { children: [/* @__PURE__ */ E(f, { children: /* @__PURE__ */ D(p, {
+						/* @__PURE__ */ O(u, { children: [/* @__PURE__ */ D(f, { children: /* @__PURE__ */ O(p, {
 							className: "flex items-center gap-2",
 							children: [
-								/* @__PURE__ */ E(i, { size: 18 }),
+								/* @__PURE__ */ D(i, { size: 18 }),
 								"Order Items (",
-								N.items.length,
+								P.items.length,
 								")"
 							]
-						}) }), /* @__PURE__ */ E(d, {
+						}) }), /* @__PURE__ */ D(d, {
 							className: "p-0",
-							children: /* @__PURE__ */ D(_e, { children: [/* @__PURE__ */ E(ye, { children: /* @__PURE__ */ D(be, { children: [
-								/* @__PURE__ */ E(_, { children: "Item" }),
-								/* @__PURE__ */ E(_, { children: "SKU" }),
-								/* @__PURE__ */ E(_, {
+							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__ */ E(_, {
+								/* @__PURE__ */ D(_, {
 									className: "text-right",
 									children: "Unit Price"
 								}),
-								/* @__PURE__ */ E(_, {
+								/* @__PURE__ */ D(_, {
 									className: "text-right",
 									children: "Total"
 								})
-							] }) }), /* @__PURE__ */ E(ve, { children: N.items.map((e) => /* @__PURE__ */ D(be, { children: [
-								/* @__PURE__ */ E(g, { children: /* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("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__ */ E("p", {
+								}), e.description && /* @__PURE__ */ D("p", {
 									className: "text-sm text-text-secondary",
 									children: e.description
 								})] }) }),
-								/* @__PURE__ */ E(g, {
+								/* @__PURE__ */ D(g, {
 									className: "font-mono text-sm",
 									children: e.sku
 								}),
-								/* @__PURE__ */ E(g, {
+								/* @__PURE__ */ D(g, {
 									className: "text-center",
 									children: e.quantity
 								}),
-								/* @__PURE__ */ E(g, {
+								/* @__PURE__ */ D(g, {
 									className: "text-right",
-									children: b(e.value)
+									children: x(e.value)
 								}),
-								/* @__PURE__ */ E(g, {
+								/* @__PURE__ */ D(g, {
 									className: "text-right font-medium",
-									children: b(e.value * e.quantity)
+									children: x(e.value * e.quantity)
 								})
 							] }, e.id)) })] })
 						})] }),
-						/* @__PURE__ */ D(u, { children: [/* @__PURE__ */ E(f, { children: /* @__PURE__ */ D(p, {
+						/* @__PURE__ */ O(u, { children: [/* @__PURE__ */ D(f, { children: /* @__PURE__ */ O(p, {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ E(te, { size: 18 }), "Order Timeline"]
-						}) }), /* @__PURE__ */ E(d, { children: /* @__PURE__ */ E("div", {
+							children: [/* @__PURE__ */ D(te, { size: 18 }), "Order Timeline"]
+						}) }), /* @__PURE__ */ D(d, { children: /* @__PURE__ */ D("div", {
 							className: "relative",
-							children: N.timeline.map((e, t) => /* @__PURE__ */ D("div", {
+							children: P.timeline.map((e, t) => /* @__PURE__ */ O("div", {
 								className: "flex gap-4 pb-6 last:pb-0",
-								children: [/* @__PURE__ */ D("div", {
+								children: [/* @__PURE__ */ O("div", {
 									className: "relative",
-									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", {
+									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__ */ D("div", {
+										/* @__PURE__ */ O("div", {
 											className: "flex items-center gap-2 mb-1",
-											children: [/* @__PURE__ */ E(v, {
+											children: [/* @__PURE__ */ D(y, {
 												status: e.status,
 												type: "order",
 												size: "sm"
-											}), /* @__PURE__ */ E("span", {
+											}), /* @__PURE__ */ D("span", {
 												className: "text-sm text-text-secondary",
-												children: x(e.timestamp, "full")
+												children: S(e.timestamp, "full")
 											})]
 										}),
-										e.notes && /* @__PURE__ */ E("p", {
+										e.notes && /* @__PURE__ */ D("p", {
 											className: "text-sm",
 											children: e.notes
 										}),
-										/* @__PURE__ */ D("p", {
+										/* @__PURE__ */ O("p", {
 											className: "text-xs text-text-secondary",
 											children: ["by ", e.performedBy]
 										})
@@ -443,219 +444,223 @@ function j() {
 							}, t))
 						}) })] })
 					]
-				}), /* @__PURE__ */ D("div", {
+				}), /* @__PURE__ */ O("div", {
 					className: "space-y-6",
 					children: [
-						/* @__PURE__ */ D(Ne, { children: [/* @__PURE__ */ D("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__ */ E(ne, { size: 18 }), "Order Summary"]
-						}), /* @__PURE__ */ D("div", {
+							children: [/* @__PURE__ */ D(ne, { size: 18 }), "Order Summary"]
+						}), /* @__PURE__ */ O("div", {
 							className: "space-y-3",
 							children: [
-								/* @__PURE__ */ D("div", {
+								/* @__PURE__ */ O("div", {
 									className: "flex justify-between text-sm",
-									children: [/* @__PURE__ */ E("span", {
+									children: [/* @__PURE__ */ D("span", {
 										className: "text-text-secondary",
 										children: "Subtotal"
-									}), /* @__PURE__ */ E("span", { children: b(N.pricing.subtotal) })]
+									}), /* @__PURE__ */ D("span", { children: x(P.pricing.subtotal) })]
 								}),
-								/* @__PURE__ */ D("div", {
+								/* @__PURE__ */ O("div", {
 									className: "flex justify-between text-sm",
-									children: [/* @__PURE__ */ E("span", {
+									children: [/* @__PURE__ */ D("span", {
 										className: "text-text-secondary",
 										children: "Delivery"
-									}), /* @__PURE__ */ E("span", { children: b(N.pricing.fees.delivery) })]
+									}), /* @__PURE__ */ D("span", { children: x(P.pricing.fees.delivery) })]
 								}),
-								/* @__PURE__ */ D("div", {
+								/* @__PURE__ */ O("div", {
 									className: "flex justify-between text-sm",
-									children: [/* @__PURE__ */ E("span", {
+									children: [/* @__PURE__ */ D("span", {
 										className: "text-text-secondary",
 										children: "Handling"
-									}), /* @__PURE__ */ E("span", { children: b(N.pricing.fees.handling) })]
+									}), /* @__PURE__ */ D("span", { children: x(P.pricing.fees.handling) })]
 								}),
-								N.pricing.fees.insurance && /* @__PURE__ */ D("div", {
+								P.pricing.fees.insurance && /* @__PURE__ */ O("div", {
 									className: "flex justify-between text-sm",
-									children: [/* @__PURE__ */ E("span", {
+									children: [/* @__PURE__ */ D("span", {
 										className: "text-text-secondary",
 										children: "Insurance"
-									}), /* @__PURE__ */ E("span", { children: b(N.pricing.fees.insurance) })]
+									}), /* @__PURE__ */ D("span", { children: x(P.pricing.fees.insurance) })]
 								}),
-								/* @__PURE__ */ D("div", {
+								/* @__PURE__ */ O("div", {
 									className: "flex justify-between text-sm",
-									children: [/* @__PURE__ */ E("span", {
+									children: [/* @__PURE__ */ D("span", {
 										className: "text-text-secondary",
 										children: "Taxes"
-									}), /* @__PURE__ */ E("span", { children: b(N.pricing.taxes) })]
+									}), /* @__PURE__ */ D("span", { children: x(P.pricing.taxes) })]
 								}),
-								/* @__PURE__ */ E(h, {}),
-								/* @__PURE__ */ D("div", {
+								/* @__PURE__ */ D(h, {}),
+								/* @__PURE__ */ O("div", {
 									className: "flex justify-between font-medium",
-									children: [/* @__PURE__ */ E("span", { children: "Total" }), /* @__PURE__ */ E("span", {
+									children: [/* @__PURE__ */ D("span", { children: "Total" }), /* @__PURE__ */ D("span", {
 										className: "text-lg",
-										children: b(N.pricing.total)
+										children: x(P.pricing.total)
 									})]
 								}),
-								/* @__PURE__ */ D("div", {
+								/* @__PURE__ */ O("div", {
 									className: "pt-2",
-									children: [/* @__PURE__ */ E("p", {
+									children: [/* @__PURE__ */ D("p", {
 										className: "text-sm text-text-secondary",
 										children: "Payment Method"
-									}), /* @__PURE__ */ E("p", {
+									}), /* @__PURE__ */ D("p", {
 										className: "text-sm capitalize",
-										children: N.pricing.paymentMethod.replace("_", " ")
+										children: P.pricing.paymentMethod.replace("_", " ")
 									})]
 								})
 							]
 						})] }),
-						/* @__PURE__ */ D(u, { children: [/* @__PURE__ */ E(f, { children: /* @__PURE__ */ D(p, {
+						/* @__PURE__ */ O(u, { children: [/* @__PURE__ */ D(f, { children: /* @__PURE__ */ O(p, {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ E(oe, { size: 18 }), "Assignment"]
-						}) }), /* @__PURE__ */ E(d, { children: /* @__PURE__ */ D("div", {
+							children: [/* @__PURE__ */ D(se, { size: 18 }), "Assignment"]
+						}) }), /* @__PURE__ */ D(d, { children: /* @__PURE__ */ O("div", {
 							className: "space-y-4",
 							children: [
-								G && /* @__PURE__ */ E(Ee, { message: G }),
-								Ke && /* @__PURE__ */ E(De, { message: Ke }),
-								/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("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__ */ E("p", {
+								}), /* @__PURE__ */ D("p", {
 									className: "text-sm font-mono",
-									children: N.trackingNumber || "—"
+									children: P.trackingNumber || "—"
 								})] }),
-								/* @__PURE__ */ E(h, {}),
-								/* @__PURE__ */ D("div", {
+								/* @__PURE__ */ D(h, {}),
+								/* @__PURE__ */ O("div", {
 									className: "space-y-3",
 									children: [
-										/* @__PURE__ */ D("div", {
+										/* @__PURE__ */ O("div", {
 											className: "space-y-1.5",
-											children: [/* @__PURE__ */ E(m, {
+											children: [/* @__PURE__ */ D(m, {
 												htmlFor: "assign-fleet-search",
-												children: "Search fleet"
-											}), /* @__PURE__ */ E(ge, {
-												id: "assign-fleet-search",
-												value: I,
-												onChange: (e) => Be(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__ */ D("div", {
+										/* @__PURE__ */ O("div", {
 											className: "space-y-1.5",
-											children: [/* @__PURE__ */ E(m, {
+											children: [/* @__PURE__ */ D(m, {
 												htmlFor: "assign-vehicle",
 												children: "Vehicle"
-											}), /* @__PURE__ */ E(S, {
+											}), /* @__PURE__ */ D(C, {
 												id: "assign-vehicle",
-												value: L,
-												onChange: R,
+												value: R,
+												onChange: z,
 												options: qe,
-												loading: J,
+												loading: X,
 												getId: (e) => e.id,
 												getLabel: (e) => `${e.vehicleNumber} (${e.type})`,
-												renderOption: (e) => /* @__PURE__ */ D(T, { children: [
+												renderOption: (e) => /* @__PURE__ */ O(E, { children: [
 													e.vehicleNumber,
 													" (",
 													e.type,
 													")"
 												] }),
-												selectedOption: He,
-												selectedLoading: Ue,
+												selectedOption: Ve,
+												selectedLoading: He,
 												required: !0,
-												placeholder: N.vehicleId ? `Current: ${N.vehicleId}` : "Select a vehicle",
+												placeholder: P.vehicleId ? `Current: ${P.vehicleId}` : "Select a vehicle",
 												emptyText: "No available vehicles."
 											})]
 										}),
-										/* @__PURE__ */ D("div", {
+										/* @__PURE__ */ O("div", {
 											className: "space-y-1.5",
-											children: [/* @__PURE__ */ E(m, {
+											children: [/* @__PURE__ */ D(m, {
 												htmlFor: "assign-driver",
 												children: "Driver"
-											}), /* @__PURE__ */ E(S, {
+											}), /* @__PURE__ */ D(C, {
 												id: "assign-driver",
-												value: z,
-												onChange: B,
+												value: B,
+												onChange: V,
 												options: Je,
-												loading: X,
+												loading: Q,
 												getId: (e) => e.id,
 												getLabel: (e) => `${e.fullName} (${e.employeeId})`,
-												renderOption: (e) => /* @__PURE__ */ D(T, { children: [
+												renderOption: (e) => /* @__PURE__ */ O(E, { children: [
 													e.fullName,
 													" (",
 													e.employeeId,
 													")"
 												] }),
-												selectedOption: We,
-												selectedLoading: Ge,
+												selectedOption: Ue,
+												selectedLoading: We,
 												required: !0,
-												placeholder: N.driverId ? `Current: ${N.driverId}` : "Select a driver",
+												placeholder: P.driverId ? `Current: ${P.driverId}` : "Select a driver",
 												emptyText: "No available drivers."
 											})]
 										}),
-										/* @__PURE__ */ D(l, {
+										/* @__PURE__ */ O(l, {
 											className: "w-full",
 											onClick: Ye,
-											disabled: V || !L && !z,
-											children: [/* @__PURE__ */ E(se, { size: 16 }), V ? "Assigning…" : "Assign driver & vehicle"]
+											disabled: H || !R && !B,
+											children: [/* @__PURE__ */ D(ce, { size: 16 }), H ? "Assigning…" : "Assign driver & vehicle"]
 										})
 									]
 								}),
-								/* @__PURE__ */ E(h, {}),
-								/* @__PURE__ */ D("div", {
+								/* @__PURE__ */ D(h, {}),
+								/* @__PURE__ */ O("div", {
 									className: "space-y-2",
 									children: [
-										/* @__PURE__ */ D("p", {
+										/* @__PURE__ */ O("p", {
 											className: "text-sm text-text-secondary",
 											children: [
 												"Current status:",
 												" ",
-												/* @__PURE__ */ E("span", {
+												/* @__PURE__ */ D("span", {
 													className: "font-medium",
-													children: k[N.status]
+													children: A[P.status]
 												})
 											]
 										}),
 										(() => {
-											let e = Ie(N.status);
+											let e = Ie(P.status);
 											if (!e) return null;
-											let n = e === "assigned" && (!N.vehicleId || !N.driverId);
-											return /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ D(l, {
+											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 ${k[e]}.`),
-												disabled: U || n,
-												children: [/* @__PURE__ */ E(t, { size: 16 }), U ? "Updating…" : `Advance to ${k[e]}`]
-											}), n && /* @__PURE__ */ E("p", {
+												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."
 											})] });
 										})(),
-										N.status !== "cancelled" && !A.has(N.status) && /* @__PURE__ */ D(l, {
+										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__ */ E(ee, { size: 16 }), "Cancel order"]
+											onClick: () => Xe("cancelled", "Order cancelled."),
+											disabled: W,
+											children: [/* @__PURE__ */ D(ee, { size: 16 }), "Cancel order"]
 										})
 									]
 								}),
-								/* @__PURE__ */ D(l, {
+								/* @__PURE__ */ O(l, {
 									variant: "outline",
 									className: "w-full",
-									onClick: () => $(`tracking?order=${N.id}`),
-									children: [/* @__PURE__ */ E(r, { size: 16 }), "Track Order"]
+									onClick: () => $(`tracking?order=${P.id}`),
+									children: [/* @__PURE__ */ D(r, { size: 16 }), "Track Order"]
 								})
 							]
 						}) })] }),
-						/* @__PURE__ */ E(ke, {
+						/* @__PURE__ */ D(ke, {
 							entityType: "order",
-							entityId: N.id
+							entityId: P.id
 						}),
-						/* @__PURE__ */ E(je, { deliveryJobId: N.id }),
-						N.specialInstructions && /* @__PURE__ */ D(u, { children: [/* @__PURE__ */ E(f, { children: /* @__PURE__ */ D(p, {
+						/* @__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__ */ E(re, { size: 18 }), "Special Instructions"]
-						}) }), /* @__PURE__ */ E(d, { children: /* @__PURE__ */ E("p", {
+							children: [/* @__PURE__ */ D(re, { size: 18 }), "Special Instructions"]
+						}) }), /* @__PURE__ */ D(d, { children: /* @__PURE__ */ D("p", {
 							className: "text-sm",
-							children: N.specialInstructions
+							children: P.specialInstructions
 						}) })] })
 					]
 				})]
@@ -664,4 +669,4 @@ function j() {
 	});
 }
 //#endregion
-export { j as default };
+export { M as default };