@burdenoff/microfe-movethewheels 2026.923.1 → 2026.924.1

package/dist/pages/OrderDetailsPage.js

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