@burdenoff/microfe-movethewheels 2026.921.1 → 2026.924.1

package/dist/pages/OrderDetailsPage.js

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