@burdenoff/microfe-movethewheels 2026.929.4 → 2026.930.2

package/dist/pages/OrderDetailsPage.js

@@ -12,27 +12,27 @@ import { Phone as ae } from "../node_modules/lucide-react/dist/esm/icons/phone.j
 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 se } from "../node_modules/lucide-react/dist/esm/icons/truck.js";
-import { UserCheck as ce } from "../node_modules/lucide-react/dist/esm/icons/user-check.js";
-import { User as le } from "../node_modules/lucide-react/dist/esm/icons/user.js";
-import { joinPath as s } from "../utils/navigation.js";
-import { useMoveTheWheels as ue } from "../providers/MoveTheWheelsProvider.js";
-import { useOrder as de, useOrders as fe } from "../hooks/useOrders.js";
-import { useDriver as pe, useDrivers as me, useVehicle as he, useVehicles as ge } from "../hooks/useFleet.js";
-import { Badge as c, Button as l, Card as u, CardContent as d, CardHeader as f, CardTitle as p, Input as _e, Label as m, Separator as h, Table as ve, TableBody as ye, TableCell as g, TableHead as _, TableHeader as be, TableRow as v } from "../components/ui.js";
-import { ErrorState as xe, LoadingState as Se, PageLayout as Ce } from "../components/PageLayout.js";
-import { PaymentStatusBadge as we, PriorityBadge as Te, StatusBadge as y } from "../components/StatusBadge.js";
-import { FormError as Ee } from "../components/FormError.js";
-import { Notice as De, useNotice as Oe } from "../components/Notice.js";
-import { formatAddress as b, formatCurrency as x, formatDate as S } from "../utils/formatters.js";
-import { DocumentsCard as ke } from "../components/DocumentsCard.js";
-import { useDebouncedValue as Ae } from "../hooks/useDebouncedValue.js";
-import { EntityCombobox as C } from "../components/EntityCombobox.js";
-import { ProofOfDeliveryCard as je } from "../components/ProofOfDeliveryCard.js";
-import { useEffect as w, useState as T } from "react";
-import { useParams as Me } from "react-router";
+import { Truck as s } 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 c } 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 l, Button as u, Card as d, CardContent as f, CardHeader as p, CardTitle as m, Input as ge, Label as h, Separator as g, Table as _e, TableBody as ve, TableCell as _, TableHead as v, TableHeader as ye, TableRow as y } from "../components/ui.js";
+import { ErrorState as be, LoadingState as xe, PageLayout as Se } from "../components/PageLayout.js";
+import { PaymentStatusBadge as Ce, PriorityBadge as we, StatusBadge as b } from "../components/StatusBadge.js";
+import { FormError as Te } from "../components/FormError.js";
+import { Notice as Ee, useNotice as De } from "../components/Notice.js";
+import { formatAddress as x, formatCurrency as S, formatDate as C } from "../utils/formatters.js";
+import { DocumentsCard as Oe } from "../components/DocumentsCard.js";
+import { useDebouncedValue as ke } from "../hooks/useDebouncedValue.js";
+import { EntityCombobox as w } from "../components/EntityCombobox.js";
+import { ProofOfDeliveryCard as Ae } from "../components/ProofOfDeliveryCard.js";
+import { useState as T } from "react";
+import { useParams as je } from "react-router";
 import { Fragment as E, jsx as D, jsxs as O } from "react/jsx-runtime";
-import { EmphasisPanel as Ne, NextSteps as Pe, PagePurpose as Fe } from "@burdenoff/fe-libs/ui";
+import { EmphasisPanel as Me, NextSteps as Ne, PagePurpose as Pe } from "@burdenoff/fe-libs/ui";
 //#region src/movethewheels/pages/OrderDetailsPage.tsx
 var k = [
 	"pending",
@@ -59,34 +59,18 @@ var k = [
 	"cancelled",
 	"failed"
 ]);
-function Ie(e) {
+function Fe(e) {
 	let t = k.indexOf(e);
 	return t === -1 || t >= k.length - 1 ? null : k[t + 1];
 }
 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({
+	let { orderId: k } = je(), { basePath: M, navigate: N } = le(), { order: P, isLoading: Ie, error: Le, refetch: F } = ue(k), { updateOrder: Re, updateOrderStatus: I } = de(), [L, ze] = T(""), [R, z] = T(""), [B, V] = T(""), [H, U] = T(!1), [W, G] = T(!1), [K, q] = T(null), J = ke(L), { vehicles: Be, isLoading: Ve, isLoadingMore: He, hasMore: Ue, totalVehicles: We, loadMore: Ge } = he({
 		limit: 20,
-		search: J || void 0,
-		driverId: B || void 0
-	}), { drivers: Z, isLoading: Q } = me({
+		search: J || void 0
+	}), { drivers: Ke, isLoading: qe, isLoadingMore: Je, hasMore: Ye, totalDrivers: Xe, loadMore: Ze } = pe({
 		limit: 20,
-		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("");
-	}, [
-		Z,
-		Q,
-		B
-	]), w(() => {
-		!X && R && !Y.some((e) => e.id === R) && z("");
-	}, [
-		R,
-		Y,
-		X
-	]);
-	let Ye = async () => {
+		search: J || void 0
+	}), { vehicle: Qe, isLoading: Y } = me(R || void 0), { driver: $e, isLoading: et } = fe(B || void 0), { message: X, notify: Z } = De(), tt = Be.filter((e) => e.status === "available" || e.id === P?.vehicleId), nt = Ke.filter((e) => e.status === "available" || e.id === P?.driverId), rt = async () => {
 		if (!k || !P) {
 			q("This order is no longer available. Refresh and try again.");
 			return;
@@ -99,16 +83,16 @@ function M() {
 		let n = !!(P.vehicleId && P.driverId);
 		U(!0), q(null);
 		try {
-			await ze(k, {
+			await Re(k, {
 				vehicleId: e,
 				driverId: t
-			}), !n && P.status === "confirmed" && await I(k, "assigned"), Ke(!n && P.status === "confirmed" ? "Fleet assigned and order advanced to Assigned." : "Assignment updated."), z(""), V(""), F();
+			}), !n && P.status === "confirmed" && await I(k, "assigned"), Z(!n && P.status === "confirmed" ? "Fleet assigned and order advanced to Assigned." : "Assignment updated."), z(""), V(""), F();
 		} catch (e) {
 			q(e instanceof Error ? e.message : "Failed to update assignment.");
 		} finally {
 			U(!1);
 		}
-	}, Xe = async (e, t) => {
+	}, Q = 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.");
@@ -117,7 +101,7 @@ function M() {
 			if (!j.has(P.status)) {
 				G(!0), q(null);
 				try {
-					await I(k, e), Ke(t), F();
+					await I(k, e), Z(t), F();
 				} catch (e) {
 					q(e instanceof Error ? e.message : "Failed to update status.");
 				} finally {
@@ -126,32 +110,32 @@ function M() {
 			}
 		}
 	}, $ = (e) => {
-		N && N(s(M, e));
+		N && N(c(M, e));
 	};
-	return Le ? /* @__PURE__ */ D(Se, { message: "Loading order details..." }) : Re || !P ? /* @__PURE__ */ D(xe, {
+	return Ie ? /* @__PURE__ */ D(xe, { message: "Loading order details..." }) : Le || !P ? /* @__PURE__ */ D(be, {
 		title: "Order not found",
 		message: "The order you're looking for doesn't exist or has been removed.",
 		onRetry: F
-	}) : /* @__PURE__ */ O(Ce, {
+	}) : /* @__PURE__ */ O(Se, {
 		title: P.orderNumber,
-		subtitle: `Created ${S(P.createdAt, "full")}`,
+		subtitle: `Created ${C(P.createdAt, "full")}`,
 		icon: /* @__PURE__ */ D(i, { size: 24 }),
 		headerActions: /* @__PURE__ */ O("div", {
 			className: "flex gap-2",
 			children: [
-				/* @__PURE__ */ O(l, {
+				/* @__PURE__ */ O(u, {
 					variant: "outline",
 					onClick: () => {
-						N && N(s(M, "orders"));
+						N && N(c(M, "orders"));
 					},
 					children: [/* @__PURE__ */ D(e, { size: 16 }), "Back"]
 				}),
-				/* @__PURE__ */ O(l, {
+				/* @__PURE__ */ O(u, {
 					variant: "outline",
 					onClick: () => window.print(),
 					children: [/* @__PURE__ */ D(a, { size: 16 }), "Print"]
 				}),
-				/* @__PURE__ */ O(l, {
+				/* @__PURE__ */ O(u, {
 					onClick: () => $(`orders/${k}/edit`),
 					children: [/* @__PURE__ */ D(o, { size: 16 }), "Edit"]
 				})
@@ -160,20 +144,20 @@ function M() {
 		headerContent: /* @__PURE__ */ O("div", {
 			className: "flex flex-wrap gap-2",
 			children: [
-				/* @__PURE__ */ D(y, {
+				/* @__PURE__ */ D(b, {
 					status: P.status,
 					type: "order"
 				}),
-				/* @__PURE__ */ D(Te, { priority: P.priority }),
-				/* @__PURE__ */ D(we, { status: P.pricing.paymentStatus })
+				/* @__PURE__ */ D(we, { priority: P.priority }),
+				/* @__PURE__ */ D(Ce, { status: P.pricing.paymentStatus })
 			]
 		}),
 		children: [
-			/* @__PURE__ */ D(Fe, {
+			/* @__PURE__ */ D(Pe, {
 				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__ */ D(Pe, {
+			/* @__PURE__ */ D(Ne, {
 				storageKey: "movethewheels-order-details",
 				steps: [
 					{
@@ -204,10 +188,10 @@ function M() {
 				children: [/* @__PURE__ */ O("div", {
 					className: "lg:col-span-2 space-y-6",
 					children: [
-						/* @__PURE__ */ O(u, { children: [/* @__PURE__ */ D(f, { children: /* @__PURE__ */ O(p, {
+						/* @__PURE__ */ O(d, { children: [/* @__PURE__ */ D(p, { children: /* @__PURE__ */ O(m, {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ D(le, { size: 18 }), "Customer Information"]
-						}) }), /* @__PURE__ */ D(d, { children: /* @__PURE__ */ O("div", {
+							children: [/* @__PURE__ */ D(ce, { size: 18 }), "Customer Information"]
+						}) }), /* @__PURE__ */ D(f, { children: /* @__PURE__ */ O("div", {
 							className: "grid grid-cols-1 md:grid-cols-2 gap-6",
 							children: [/* @__PURE__ */ O("div", { children: [
 								/* @__PURE__ */ D("h4", {
@@ -251,26 +235,26 @@ function M() {
 								children: P.customerInfo.deliveryInstructions
 							})] })] })]
 						}) })] }),
-						/* @__PURE__ */ O(u, { children: [/* @__PURE__ */ D(f, { children: /* @__PURE__ */ O(p, {
+						/* @__PURE__ */ O(d, { children: [/* @__PURE__ */ D(p, { children: /* @__PURE__ */ O(m, {
 							className: "flex items-center gap-2",
 							children: [/* @__PURE__ */ D(r, { size: 18 }), "Addresses"]
-						}) }), /* @__PURE__ */ D(d, { children: /* @__PURE__ */ O("div", {
+						}) }), /* @__PURE__ */ D(f, { children: /* @__PURE__ */ O("div", {
 							className: "grid grid-cols-1 md:grid-cols-2 gap-6",
 							children: [/* @__PURE__ */ O("div", { children: [
 								/* @__PURE__ */ D("h4", {
 									className: "font-medium mb-2 flex items-center gap-2",
-									children: /* @__PURE__ */ D(c, {
+									children: /* @__PURE__ */ D(l, {
 										variant: "outline",
 										children: "Pickup"
 									})
 								}),
 								/* @__PURE__ */ D("p", {
 									className: "text-sm",
-									children: b(P.pickupAddress)
+									children: x(P.pickupAddress)
 								}),
 								P.scheduledPickup && /* @__PURE__ */ O("p", {
 									className: "text-sm text-text-secondary mt-2",
-									children: ["Scheduled: ", S(P.scheduledPickup, "full")]
+									children: ["Scheduled: ", C(P.scheduledPickup, "full")]
 								}),
 								P.actualPickup && /* @__PURE__ */ O("p", {
 									className: "text-sm text-status-success-text mt-1",
@@ -280,24 +264,24 @@ function M() {
 											className: "inline mr-1"
 										}),
 										"Picked up: ",
-										S(P.actualPickup, "full")
+										C(P.actualPickup, "full")
 									]
 								})
 							] }), /* @__PURE__ */ O("div", { children: [
 								/* @__PURE__ */ D("h4", {
 									className: "font-medium mb-2 flex items-center gap-2",
-									children: /* @__PURE__ */ D(c, {
+									children: /* @__PURE__ */ D(l, {
 										variant: "outline",
 										children: "Delivery"
 									})
 								}),
 								/* @__PURE__ */ D("p", {
 									className: "text-sm",
-									children: b(P.deliveryAddress)
+									children: x(P.deliveryAddress)
 								}),
 								P.scheduledDelivery && /* @__PURE__ */ O("p", {
 									className: "text-sm text-text-secondary mt-2",
-									children: ["Scheduled: ", S(P.scheduledDelivery, "full")]
+									children: ["Scheduled: ", C(P.scheduledDelivery, "full")]
 								}),
 								P.actualDelivery && /* @__PURE__ */ O("p", {
 									className: "text-sm text-status-success-text mt-1",
@@ -307,15 +291,15 @@ function M() {
 											className: "inline mr-1"
 										}),
 										"Delivered: ",
-										S(P.actualDelivery, "full")
+										C(P.actualDelivery, "full")
 									]
 								})
 							] })]
 						}) })] }),
-						/* @__PURE__ */ O(u, { children: [/* @__PURE__ */ D(f, { children: /* @__PURE__ */ O(p, {
+						/* @__PURE__ */ O(d, { children: [/* @__PURE__ */ D(p, { children: /* @__PURE__ */ O(m, {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ D(se, { size: 18 }), "Saved Route"]
-						}) }), /* @__PURE__ */ D(d, { children: P.route ? /* @__PURE__ */ O("div", {
+							children: [/* @__PURE__ */ D(s, { size: 18 }), "Saved Route"]
+						}) }), /* @__PURE__ */ D(f, { children: P.route ? /* @__PURE__ */ O("div", {
 							className: "space-y-3",
 							children: [/* @__PURE__ */ O("div", {
 								className: "flex items-center justify-between gap-3",
@@ -330,7 +314,7 @@ function M() {
 										" ",
 										P.route.status.replace("_", " ").toLowerCase()
 									]
-								})] }), /* @__PURE__ */ D(c, {
+								})] }), /* @__PURE__ */ D(l, {
 									variant: "outline",
 									children: "Reusable route"
 								})]
@@ -348,7 +332,7 @@ function M() {
 										}),
 										" ·",
 										" ",
-										b(e.address)
+										x(e.address)
 									] })]
 								}, e.id))
 							})]
@@ -356,7 +340,7 @@ function M() {
 							className: "text-sm text-text-secondary",
 							children: "No saved route was selected for this order."
 						}) })] }),
-						/* @__PURE__ */ O(u, { children: [/* @__PURE__ */ D(f, { children: /* @__PURE__ */ O(p, {
+						/* @__PURE__ */ O(d, { children: [/* @__PURE__ */ D(p, { children: /* @__PURE__ */ O(m, {
 							className: "flex items-center gap-2",
 							children: [
 								/* @__PURE__ */ D(i, { size: 18 }),
@@ -364,53 +348,53 @@ function M() {
 								P.items.length,
 								")"
 							]
-						}) }), /* @__PURE__ */ D(d, {
+						}) }), /* @__PURE__ */ D(f, {
 							className: "p-0",
-							children: /* @__PURE__ */ O(ve, { children: [/* @__PURE__ */ D(be, { children: /* @__PURE__ */ O(v, { children: [
-								/* @__PURE__ */ D(_, { children: "Item" }),
-								/* @__PURE__ */ D(_, { children: "SKU" }),
-								/* @__PURE__ */ D(_, {
+							children: /* @__PURE__ */ O(_e, { children: [/* @__PURE__ */ D(ye, { children: /* @__PURE__ */ O(y, { children: [
+								/* @__PURE__ */ D(v, { children: "Item" }),
+								/* @__PURE__ */ D(v, { children: "SKU" }),
+								/* @__PURE__ */ D(v, {
 									className: "text-center",
 									children: "Qty"
 								}),
-								/* @__PURE__ */ D(_, {
+								/* @__PURE__ */ D(v, {
 									className: "text-right",
 									children: "Unit Price"
 								}),
-								/* @__PURE__ */ D(_, {
+								/* @__PURE__ */ D(v, {
 									className: "text-right",
 									children: "Total"
 								})
-							] }) }), /* @__PURE__ */ D(ye, { children: P.items.map((e) => /* @__PURE__ */ O(v, { children: [
-								/* @__PURE__ */ D(g, { children: /* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
+							] }) }), /* @__PURE__ */ D(ve, { children: P.items.map((e) => /* @__PURE__ */ O(y, { children: [
+								/* @__PURE__ */ D(_, { children: /* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
 									className: "font-medium",
 									children: e.name
 								}), e.description && /* @__PURE__ */ D("p", {
 									className: "text-sm text-text-secondary",
 									children: e.description
 								})] }) }),
-								/* @__PURE__ */ D(g, {
+								/* @__PURE__ */ D(_, {
 									className: "font-mono text-sm",
 									children: e.sku
 								}),
-								/* @__PURE__ */ D(g, {
+								/* @__PURE__ */ D(_, {
 									className: "text-center",
 									children: e.quantity
 								}),
-								/* @__PURE__ */ D(g, {
+								/* @__PURE__ */ D(_, {
 									className: "text-right",
-									children: x(e.value)
+									children: S(e.value)
 								}),
-								/* @__PURE__ */ D(g, {
+								/* @__PURE__ */ D(_, {
 									className: "text-right font-medium",
-									children: x(e.value * e.quantity)
+									children: S(e.value * e.quantity)
 								})
 							] }, e.id)) })] })
 						})] }),
-						/* @__PURE__ */ O(u, { children: [/* @__PURE__ */ D(f, { children: /* @__PURE__ */ O(p, {
+						/* @__PURE__ */ O(d, { children: [/* @__PURE__ */ D(p, { children: /* @__PURE__ */ O(m, {
 							className: "flex items-center gap-2",
 							children: [/* @__PURE__ */ D(te, { size: 18 }), "Order Timeline"]
-						}) }), /* @__PURE__ */ D(d, { children: /* @__PURE__ */ D("div", {
+						}) }), /* @__PURE__ */ D(f, { children: /* @__PURE__ */ D("div", {
 							className: "relative",
 							children: P.timeline.map((e, t) => /* @__PURE__ */ O("div", {
 								className: "flex gap-4 pb-6 last:pb-0",
@@ -422,13 +406,13 @@ function M() {
 									children: [
 										/* @__PURE__ */ O("div", {
 											className: "flex items-center gap-2 mb-1",
-											children: [/* @__PURE__ */ D(y, {
+											children: [/* @__PURE__ */ D(b, {
 												status: e.status,
 												type: "order",
 												size: "sm"
 											}), /* @__PURE__ */ D("span", {
 												className: "text-sm text-text-secondary",
-												children: S(e.timestamp, "full")
+												children: C(e.timestamp, "full")
 											})]
 										}),
 										e.notes && /* @__PURE__ */ D("p", {
@@ -447,7 +431,7 @@ function M() {
 				}), /* @__PURE__ */ O("div", {
 					className: "space-y-6",
 					children: [
-						/* @__PURE__ */ O(Ne, { children: [/* @__PURE__ */ O("h2", {
+						/* @__PURE__ */ O(Me, { children: [/* @__PURE__ */ O("h2", {
 							className: "flex items-center gap-2 text-base font-semibold text-text-primary mb-4",
 							children: [/* @__PURE__ */ D(ne, { size: 18 }), "Order Summary"]
 						}), /* @__PURE__ */ O("div", {
@@ -458,42 +442,42 @@ function M() {
 									children: [/* @__PURE__ */ D("span", {
 										className: "text-text-secondary",
 										children: "Subtotal"
-									}), /* @__PURE__ */ D("span", { children: x(P.pricing.subtotal) })]
+									}), /* @__PURE__ */ D("span", { children: S(P.pricing.subtotal) })]
 								}),
 								/* @__PURE__ */ O("div", {
 									className: "flex justify-between text-sm",
 									children: [/* @__PURE__ */ D("span", {
 										className: "text-text-secondary",
 										children: "Delivery"
-									}), /* @__PURE__ */ D("span", { children: x(P.pricing.fees.delivery) })]
+									}), /* @__PURE__ */ D("span", { children: S(P.pricing.fees.delivery) })]
 								}),
 								/* @__PURE__ */ O("div", {
 									className: "flex justify-between text-sm",
 									children: [/* @__PURE__ */ D("span", {
 										className: "text-text-secondary",
 										children: "Handling"
-									}), /* @__PURE__ */ D("span", { children: x(P.pricing.fees.handling) })]
+									}), /* @__PURE__ */ D("span", { children: S(P.pricing.fees.handling) })]
 								}),
 								P.pricing.fees.insurance && /* @__PURE__ */ O("div", {
 									className: "flex justify-between text-sm",
 									children: [/* @__PURE__ */ D("span", {
 										className: "text-text-secondary",
 										children: "Insurance"
-									}), /* @__PURE__ */ D("span", { children: x(P.pricing.fees.insurance) })]
+									}), /* @__PURE__ */ D("span", { children: S(P.pricing.fees.insurance) })]
 								}),
 								/* @__PURE__ */ O("div", {
 									className: "flex justify-between text-sm",
 									children: [/* @__PURE__ */ D("span", {
 										className: "text-text-secondary",
 										children: "Taxes"
-									}), /* @__PURE__ */ D("span", { children: x(P.pricing.taxes) })]
+									}), /* @__PURE__ */ D("span", { children: S(P.pricing.taxes) })]
 								}),
-								/* @__PURE__ */ D(h, {}),
+								/* @__PURE__ */ D(g, {}),
 								/* @__PURE__ */ O("div", {
 									className: "flex justify-between font-medium",
 									children: [/* @__PURE__ */ D("span", { children: "Total" }), /* @__PURE__ */ D("span", {
 										className: "text-lg",
-										children: x(P.pricing.total)
+										children: S(P.pricing.total)
 									})]
 								}),
 								/* @__PURE__ */ O("div", {
@@ -508,14 +492,14 @@ function M() {
 								})
 							]
 						})] }),
-						/* @__PURE__ */ O(u, { children: [/* @__PURE__ */ D(f, { children: /* @__PURE__ */ O(p, {
+						/* @__PURE__ */ O(d, { children: [/* @__PURE__ */ D(p, { children: /* @__PURE__ */ O(m, {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ D(se, { size: 18 }), "Assignment"]
-						}) }), /* @__PURE__ */ D(d, { children: /* @__PURE__ */ O("div", {
+							children: [/* @__PURE__ */ D(s, { size: 18 }), "Assignment"]
+						}) }), /* @__PURE__ */ D(f, { children: /* @__PURE__ */ O("div", {
 							className: "space-y-4",
 							children: [
-								K && /* @__PURE__ */ D(Ee, { message: K }),
-								Ge && /* @__PURE__ */ D(De, { message: Ge }),
+								K && /* @__PURE__ */ D(Te, { message: K }),
+								X && /* @__PURE__ */ D(Ee, { message: X }),
 								/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
 									className: "text-sm text-text-secondary",
 									children: "Tracking Number"
@@ -523,21 +507,21 @@ function M() {
 									className: "text-sm font-mono",
 									children: P.trackingNumber || "—"
 								})] }),
-								/* @__PURE__ */ D(h, {}),
+								/* @__PURE__ */ D(g, {}),
 								/* @__PURE__ */ O("div", {
 									className: "space-y-3",
 									children: [
 										/* @__PURE__ */ O("div", {
 											className: "space-y-1.5",
-											children: [/* @__PURE__ */ D(m, {
+											children: [/* @__PURE__ */ D(h, {
 												htmlFor: "assign-fleet-search",
 												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, {
+												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(ge, {
 													id: "assign-fleet-search",
 													value: L,
-													onChange: (e) => Be(e.target.value),
+													onChange: (e) => ze(e.target.value),
 													placeholder: "Vehicle number, driver name or employee ID",
 													className: "pl-9"
 												})]
@@ -545,15 +529,15 @@ function M() {
 										}),
 										/* @__PURE__ */ O("div", {
 											className: "space-y-1.5",
-											children: [/* @__PURE__ */ D(m, {
+											children: [/* @__PURE__ */ D(h, {
 												htmlFor: "assign-vehicle",
 												children: "Vehicle"
-											}), /* @__PURE__ */ D(C, {
+											}), /* @__PURE__ */ D(w, {
 												id: "assign-vehicle",
 												value: R,
 												onChange: z,
-												options: qe,
-												loading: X,
+												options: tt,
+												loading: Ve,
 												getId: (e) => e.id,
 												getLabel: (e) => `${e.vehicleNumber} (${e.type})`,
 												renderOption: (e) => /* @__PURE__ */ O(E, { children: [
@@ -562,8 +546,12 @@ function M() {
 													e.type,
 													")"
 												] }),
-												selectedOption: Ve,
-												selectedLoading: He,
+												selectedOption: Qe,
+												selectedLoading: Y,
+												hasMore: Ue,
+												totalCount: We,
+												onLoadMore: Ge,
+												loadingMore: He,
 												required: !0,
 												placeholder: P.vehicleId ? `Current: ${P.vehicleId}` : "Select a vehicle",
 												emptyText: "No available vehicles."
@@ -571,15 +559,15 @@ function M() {
 										}),
 										/* @__PURE__ */ O("div", {
 											className: "space-y-1.5",
-											children: [/* @__PURE__ */ D(m, {
+											children: [/* @__PURE__ */ D(h, {
 												htmlFor: "assign-driver",
 												children: "Driver"
-											}), /* @__PURE__ */ D(C, {
+											}), /* @__PURE__ */ D(w, {
 												id: "assign-driver",
 												value: B,
 												onChange: V,
-												options: Je,
-												loading: Q,
+												options: nt,
+												loading: qe,
 												getId: (e) => e.id,
 												getLabel: (e) => `${e.fullName} (${e.employeeId})`,
 												renderOption: (e) => /* @__PURE__ */ O(E, { children: [
@@ -588,22 +576,26 @@ function M() {
 													e.employeeId,
 													")"
 												] }),
-												selectedOption: Ue,
-												selectedLoading: We,
+												selectedOption: $e,
+												selectedLoading: et,
+												hasMore: Ye,
+												totalCount: Xe,
+												onLoadMore: Ze,
+												loadingMore: Je,
 												required: !0,
 												placeholder: P.driverId ? `Current: ${P.driverId}` : "Select a driver",
 												emptyText: "No available drivers."
 											})]
 										}),
-										/* @__PURE__ */ O(l, {
+										/* @__PURE__ */ O(u, {
 											className: "w-full",
-											onClick: Ye,
+											onClick: rt,
 											disabled: H || !R && !B,
-											children: [/* @__PURE__ */ D(ce, { size: 16 }), H ? "Assigning…" : "Assign driver & vehicle"]
+											children: [/* @__PURE__ */ D(se, { size: 16 }), H ? "Assigning…" : "Assign driver & vehicle"]
 										})
 									]
 								}),
-								/* @__PURE__ */ D(h, {}),
+								/* @__PURE__ */ D(g, {}),
 								/* @__PURE__ */ O("div", {
 									className: "space-y-2",
 									children: [
@@ -619,13 +611,13 @@ function M() {
 											]
 										}),
 										(() => {
-											let e = Ie(P.status);
+											let e = Fe(P.status);
 											if (!e) return null;
 											let n = e === "assigned" && (!P.vehicleId || !P.driverId);
-											return /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ O(l, {
+											return /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ O(u, {
 												variant: "outline",
 												className: "w-full",
-												onClick: () => Xe(e, `Order advanced to ${A[e]}.`),
+												onClick: () => Q(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", {
@@ -633,16 +625,16 @@ function M() {
 												children: "Assign both a compatible vehicle and driver before dispatching this order."
 											})] });
 										})(),
-										P.status !== "cancelled" && !j.has(P.status) && /* @__PURE__ */ O(l, {
+										P.status !== "cancelled" && !j.has(P.status) && /* @__PURE__ */ O(u, {
 											variant: "outline",
 											className: "w-full text-status-error-text",
-											onClick: () => Xe("cancelled", "Order cancelled."),
+											onClick: () => Q("cancelled", "Order cancelled."),
 											disabled: W,
 											children: [/* @__PURE__ */ D(ee, { size: 16 }), "Cancel order"]
 										})
 									]
 								}),
-								/* @__PURE__ */ O(l, {
+								/* @__PURE__ */ O(u, {
 									variant: "outline",
 									className: "w-full",
 									onClick: () => $(`tracking?order=${P.id}`),
@@ -650,15 +642,15 @@ function M() {
 								})
 							]
 						}) })] }),
-						/* @__PURE__ */ D(ke, {
+						/* @__PURE__ */ D(Oe, {
 							entityType: "order",
 							entityId: P.id
 						}),
-						/* @__PURE__ */ D(je, { deliveryJobId: P.id }),
-						P.specialInstructions && /* @__PURE__ */ O(u, { children: [/* @__PURE__ */ D(f, { children: /* @__PURE__ */ O(p, {
+						/* @__PURE__ */ D(Ae, { deliveryJobId: P.id }),
+						P.specialInstructions && /* @__PURE__ */ O(d, { children: [/* @__PURE__ */ D(p, { children: /* @__PURE__ */ O(m, {
 							className: "flex items-center gap-2",
 							children: [/* @__PURE__ */ D(re, { size: 18 }), "Special Instructions"]
-						}) }), /* @__PURE__ */ D(d, { children: /* @__PURE__ */ D("p", {
+						}) }), /* @__PURE__ */ D(f, { children: /* @__PURE__ */ D("p", {
 							className: "text-sm",
 							children: P.specialInstructions
 						}) })] })