@burdenoff/microfe-movethewheels 2026.920.2 → 2026.921.1

package/dist/pages/OrderDetailsPage.js

@@ -18,20 +18,21 @@ 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, Label as m, Select as h, SelectContent as g, SelectItem as _, SelectTrigger as v, SelectValue as y, Separator as b, Table as pe, TableBody as me, TableCell as x, TableHead as S, TableHeader as he, TableRow as C } 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 w } from "../components/StatusBadge.js";
-import { FormError as xe } from "../components/FormError.js";
-import { Notice as Se, useNotice as T } from "../components/Notice.js";
-import { formatAddress as E, formatCurrency as D, formatDate as O } from "../utils/formatters.js";
-import { DocumentsCard as Ce } from "../components/DocumentsCard.js";
-import { ProofOfDeliveryCard as we } from "../components/ProofOfDeliveryCard.js";
-import { useState as k } from "react";
-import { useParams as Te } from "react-router";
-import { jsx as A, jsxs as j } from "react/jsx-runtime";
-import { EmphasisPanel as Ee, NextSteps as De, PagePurpose as Oe } from "@burdenoff/fe-libs/ui";
+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";
 //#region src/movethewheels/pages/OrderDetailsPage.tsx
-var M = [
+var j = [
 	"pending",
 	"confirmed",
 	"assigned",
@@ -39,7 +40,7 @@ var M = [
 	"in_transit",
 	"out_for_delivery",
 	"delivered"
-], N = {
+], M = {
 	pending: "Pending",
 	confirmed: "Confirmed",
 	assigned: "Assigned",
@@ -50,32 +51,35 @@ var M = [
 	cancelled: "Cancelled",
 	failed: "Failed"
 };
-function ke(e) {
-	let t = M.indexOf(e);
-	return t === -1 || t >= M.length - 1 ? null : M[t + 1];
+function Me(e) {
+	let t = j.indexOf(e);
+	return t === -1 || t >= j.length - 1 ? null : j[t + 1];
 }
-function P() {
-	let { orderId: M } = Te(), { basePath: P, navigate: F } = le(), { order: I, isLoading: Ae, error: je, refetch: L } = ue(M), { updateOrder: Me, updateOrderStatus: Ne } = de(), { vehicles: Pe, drivers: Fe } = fe(), { message: R, notify: z } = T(), [B, V] = k(""), [H, U] = k(""), [W, G] = k(!1), [K, q] = k(!1), [J, Y] = k(null), X = Pe.filter((e) => e.status === "available" || e.id === I?.vehicleId), Z = Fe.filter((e) => e.status === "available" || e.id === I?.driverId), Ie = async () => {
-		if (!M || !B && !H) {
+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({
+		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.");
 			return;
 		}
 		G(!0), Y(null);
 		try {
-			await Me(M, {
+			await Fe(j, {
 				vehicleId: B || void 0,
 				driverId: H || void 0
-			}), z("Assignment updated."), V(""), U(""), L();
+			}), z("Assignment updated."), V(""), U(""), I();
 		} catch (e) {
 			Y(e instanceof Error ? e.message : "Failed to update assignment.");
 		} finally {
 			G(!1);
 		}
 	}, Q = async (e, t) => {
-		if (M) {
+		if (j) {
 			q(!0), Y(null);
 			try {
-				await Ne(M, e), z(t), L();
+				await Ie(j, e), z(t), I();
 			} catch (e) {
 				Y(e instanceof Error ? e.message : "Failed to update status.");
 			} finally {
@@ -83,271 +87,271 @@ function P() {
 			}
 		}
 	}, $ = (e) => {
-		F && F(s(P, e));
+		P && P(s(N, e));
 	};
-	return Ae ? /* @__PURE__ */ A(_e, { message: "Loading order details..." }) : je || !I ? /* @__PURE__ */ A(ge, {
+	return Ne ? /* @__PURE__ */ k(ve, { message: "Loading order details..." }) : Pe || !F ? /* @__PURE__ */ k(_e, {
 		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: I
+	}) : /* @__PURE__ */ A(ye, {
+		title: F.orderNumber,
+		subtitle: `Created ${D(F.createdAt, "full")}`,
+		icon: /* @__PURE__ */ k(i, { size: 24 }),
+		headerActions: /* @__PURE__ */ A("div", {
 			className: "flex gap-2",
 			children: [
-				/* @__PURE__ */ j(l, {
+				/* @__PURE__ */ A(l, {
 					variant: "outline",
 					onClick: () => {
-						F && F(s(P, "orders"));
+						P && P(s(N, "orders"));
 					},
-					children: [/* @__PURE__ */ A(e, { size: 16 }), "Back"]
+					children: [/* @__PURE__ */ k(e, { size: 16 }), "Back"]
 				}),
-				/* @__PURE__ */ j(l, {
+				/* @__PURE__ */ A(l, {
 					variant: "outline",
-					children: [/* @__PURE__ */ A(a, { size: 16 }), "Print"]
+					children: [/* @__PURE__ */ k(a, { size: 16 }), "Print"]
 				}),
-				/* @__PURE__ */ j(l, {
-					onClick: () => $(`orders/${M}/edit`),
-					children: [/* @__PURE__ */ A(o, { size: 16 }), "Edit"]
+				/* @__PURE__ */ A(l, {
+					onClick: () => $(`orders/${j}/edit`),
+					children: [/* @__PURE__ */ k(o, { size: 16 }), "Edit"]
 				})
 			]
 		}),
-		headerContent: /* @__PURE__ */ j("div", {
+		headerContent: /* @__PURE__ */ A("div", {
 			className: "flex flex-wrap gap-2",
 			children: [
-				/* @__PURE__ */ A(w, {
-					status: I.status,
+				/* @__PURE__ */ k(w, {
+					status: F.status,
 					type: "order"
 				}),
-				/* @__PURE__ */ A(be, { priority: I.priority }),
-				/* @__PURE__ */ A(ye, { status: I.pricing.paymentStatus })
+				/* @__PURE__ */ k(xe, { priority: F.priority }),
+				/* @__PURE__ */ k(be, { status: F.pricing.paymentStatus })
 			]
 		}),
 		children: [
-			/* @__PURE__ */ A(Oe, {
-				icon: /* @__PURE__ */ A(i, { size: 18 }),
+			/* @__PURE__ */ k(je, {
+				icon: /* @__PURE__ */ k(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(De, {
+			/* @__PURE__ */ k(Ae, {
 				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__ */ k(r, { size: 16 }),
+						onClick: () => $(`tracking?order=${F.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__ */ k(o, { size: 16 }),
+						onClick: () => $(`orders/${j}/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__ */ k(a, { size: 16 }),
 						onClick: () => window.print()
 					}
 				]
 			}),
-			/* @__PURE__ */ j("div", {
+			/* @__PURE__ */ A("div", {
 				className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
-				children: [/* @__PURE__ */ j("div", {
+				children: [/* @__PURE__ */ A("div", {
 					className: "lg:col-span-2 space-y-6",
 					children: [
-						/* @__PURE__ */ j(u, { children: [/* @__PURE__ */ A(f, { children: /* @__PURE__ */ j(p, {
+						/* @__PURE__ */ A(u, { children: [/* @__PURE__ */ k(f, { children: /* @__PURE__ */ A(p, {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ A(ce, { size: 18 }), "Customer Information"]
-						}) }), /* @__PURE__ */ A(d, { children: /* @__PURE__ */ j("div", {
+							children: [/* @__PURE__ */ k(ce, { size: 18 }), "Customer Information"]
+						}) }), /* @__PURE__ */ k(d, { children: /* @__PURE__ */ A("div", {
 							className: "grid grid-cols-1 md:grid-cols-2 gap-6",
-							children: [/* @__PURE__ */ j("div", { children: [
-								/* @__PURE__ */ A("h4", {
+							children: [/* @__PURE__ */ A("div", { children: [
+								/* @__PURE__ */ k("h4", {
 									className: "font-medium mb-2",
-									children: I.customerInfo.name
+									children: F.customerInfo.name
 								}),
-								I.customerInfo.company && /* @__PURE__ */ A("p", {
+								F.customerInfo.company && /* @__PURE__ */ k("p", {
 									className: "text-sm text-text-secondary mb-2",
-									children: I.customerInfo.company
+									children: F.customerInfo.company
 								}),
-								/* @__PURE__ */ j("div", {
+								/* @__PURE__ */ A("div", {
 									className: "space-y-1 text-sm",
-									children: [/* @__PURE__ */ j("p", {
+									children: [/* @__PURE__ */ A("p", {
 										className: "flex items-center gap-2",
-										children: [/* @__PURE__ */ A(ie, {
+										children: [/* @__PURE__ */ k(ie, {
 											size: 14,
 											className: "text-text-secondary"
-										}), I.customerInfo.email]
-									}), /* @__PURE__ */ j("p", {
+										}), F.customerInfo.email]
+									}), /* @__PURE__ */ A("p", {
 										className: "flex items-center gap-2",
-										children: [/* @__PURE__ */ A(ae, {
+										children: [/* @__PURE__ */ k(ae, {
 											size: 14,
 											className: "text-text-secondary"
-										}), I.customerInfo.phone]
+										}), F.customerInfo.phone]
 									})]
 								})
-							] }), /* @__PURE__ */ j("div", { children: [I.customerInfo.preferredDeliveryTime && /* @__PURE__ */ j("div", {
+							] }), /* @__PURE__ */ A("div", { children: [F.customerInfo.preferredDeliveryTime && /* @__PURE__ */ A("div", {
 								className: "mb-2",
-								children: [/* @__PURE__ */ A("p", {
+								children: [/* @__PURE__ */ k("p", {
 									className: "text-sm text-text-secondary",
 									children: "Preferred Delivery Time"
-								}), /* @__PURE__ */ A("p", {
+								}), /* @__PURE__ */ k("p", {
 									className: "text-sm",
-									children: I.customerInfo.preferredDeliveryTime
+									children: F.customerInfo.preferredDeliveryTime
 								})]
-							}), I.customerInfo.deliveryInstructions && /* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
+							}), F.customerInfo.deliveryInstructions && /* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k("p", {
 								className: "text-sm text-text-secondary",
 								children: "Delivery Instructions"
-							}), /* @__PURE__ */ A("p", {
+							}), /* @__PURE__ */ k("p", {
 								className: "text-sm",
-								children: I.customerInfo.deliveryInstructions
+								children: F.customerInfo.deliveryInstructions
 							})] })] })]
 						}) })] }),
-						/* @__PURE__ */ j(u, { children: [/* @__PURE__ */ A(f, { children: /* @__PURE__ */ j(p, {
+						/* @__PURE__ */ A(u, { children: [/* @__PURE__ */ k(f, { children: /* @__PURE__ */ A(p, {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ A(r, { size: 18 }), "Addresses"]
-						}) }), /* @__PURE__ */ A(d, { children: /* @__PURE__ */ j("div", {
+							children: [/* @__PURE__ */ k(r, { size: 18 }), "Addresses"]
+						}) }), /* @__PURE__ */ k(d, { children: /* @__PURE__ */ A("div", {
 							className: "grid grid-cols-1 md:grid-cols-2 gap-6",
-							children: [/* @__PURE__ */ j("div", { children: [
-								/* @__PURE__ */ A("h4", {
+							children: [/* @__PURE__ */ A("div", { children: [
+								/* @__PURE__ */ k("h4", {
 									className: "font-medium mb-2 flex items-center gap-2",
-									children: /* @__PURE__ */ A(c, {
+									children: /* @__PURE__ */ k(c, {
 										variant: "outline",
 										children: "Pickup"
 									})
 								}),
-								/* @__PURE__ */ A("p", {
+								/* @__PURE__ */ k("p", {
 									className: "text-sm",
-									children: E(I.pickupAddress)
+									children: T(F.pickupAddress)
 								}),
-								I.scheduledPickup && /* @__PURE__ */ j("p", {
+								F.scheduledPickup && /* @__PURE__ */ A("p", {
 									className: "text-sm text-text-secondary mt-2",
-									children: ["Scheduled: ", O(I.scheduledPickup, "full")]
+									children: ["Scheduled: ", D(F.scheduledPickup, "full")]
 								}),
-								I.actualPickup && /* @__PURE__ */ j("p", {
+								F.actualPickup && /* @__PURE__ */ A("p", {
 									className: "text-sm text-status-success-text mt-1",
 									children: [
-										/* @__PURE__ */ A(n, {
+										/* @__PURE__ */ k(n, {
 											size: 14,
 											className: "inline mr-1"
 										}),
 										"Picked up: ",
-										O(I.actualPickup, "full")
+										D(F.actualPickup, "full")
 									]
 								})
-							] }), /* @__PURE__ */ j("div", { children: [
-								/* @__PURE__ */ A("h4", {
+							] }), /* @__PURE__ */ A("div", { children: [
+								/* @__PURE__ */ k("h4", {
 									className: "font-medium mb-2 flex items-center gap-2",
-									children: /* @__PURE__ */ A(c, {
+									children: /* @__PURE__ */ k(c, {
 										variant: "outline",
 										children: "Delivery"
 									})
 								}),
-								/* @__PURE__ */ A("p", {
+								/* @__PURE__ */ k("p", {
 									className: "text-sm",
-									children: E(I.deliveryAddress)
+									children: T(F.deliveryAddress)
 								}),
-								I.scheduledDelivery && /* @__PURE__ */ j("p", {
+								F.scheduledDelivery && /* @__PURE__ */ A("p", {
 									className: "text-sm text-text-secondary mt-2",
-									children: ["Scheduled: ", O(I.scheduledDelivery, "full")]
+									children: ["Scheduled: ", D(F.scheduledDelivery, "full")]
 								}),
-								I.actualDelivery && /* @__PURE__ */ j("p", {
+								F.actualDelivery && /* @__PURE__ */ A("p", {
 									className: "text-sm text-status-success-text mt-1",
 									children: [
-										/* @__PURE__ */ A(n, {
+										/* @__PURE__ */ k(n, {
 											size: 14,
 											className: "inline mr-1"
 										}),
 										"Delivered: ",
-										O(I.actualDelivery, "full")
+										D(F.actualDelivery, "full")
 									]
 								})
 							] })]
 						}) })] }),
-						/* @__PURE__ */ j(u, { children: [/* @__PURE__ */ A(f, { children: /* @__PURE__ */ j(p, {
+						/* @__PURE__ */ A(u, { children: [/* @__PURE__ */ k(f, { children: /* @__PURE__ */ A(p, {
 							className: "flex items-center gap-2",
 							children: [
-								/* @__PURE__ */ A(i, { size: 18 }),
+								/* @__PURE__ */ k(i, { size: 18 }),
 								"Order Items (",
-								I.items.length,
+								F.items.length,
 								")"
 							]
-						}) }), /* @__PURE__ */ A(d, {
+						}) }), /* @__PURE__ */ k(d, {
 							className: "p-0",
-							children: /* @__PURE__ */ j(pe, { children: [/* @__PURE__ */ A(he, { children: /* @__PURE__ */ j(C, { children: [
-								/* @__PURE__ */ A(S, { children: "Item" }),
-								/* @__PURE__ */ A(S, { children: "SKU" }),
-								/* @__PURE__ */ A(S, {
+							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, {
 									className: "text-center",
 									children: "Qty"
 								}),
-								/* @__PURE__ */ A(S, {
+								/* @__PURE__ */ k(S, {
 									className: "text-right",
 									children: "Unit Price"
 								}),
-								/* @__PURE__ */ A(S, {
+								/* @__PURE__ */ k(S, {
 									className: "text-right",
 									children: "Total"
 								})
-							] }) }), /* @__PURE__ */ A(me, { children: I.items.map((e) => /* @__PURE__ */ j(C, { children: [
-								/* @__PURE__ */ A(x, { children: /* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
+							] }) }), /* @__PURE__ */ k(he, { children: F.items.map((e) => /* @__PURE__ */ A(C, { children: [
+								/* @__PURE__ */ k(x, { children: /* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k("p", {
 									className: "font-medium",
 									children: e.name
-								}), e.description && /* @__PURE__ */ A("p", {
+								}), e.description && /* @__PURE__ */ k("p", {
 									className: "text-sm text-text-secondary",
 									children: e.description
 								})] }) }),
-								/* @__PURE__ */ A(x, {
+								/* @__PURE__ */ k(x, {
 									className: "font-mono text-sm",
 									children: e.sku
 								}),
-								/* @__PURE__ */ A(x, {
+								/* @__PURE__ */ k(x, {
 									className: "text-center",
 									children: e.quantity
 								}),
-								/* @__PURE__ */ A(x, {
+								/* @__PURE__ */ k(x, {
 									className: "text-right",
-									children: D(e.value)
+									children: E(e.value)
 								}),
-								/* @__PURE__ */ A(x, {
+								/* @__PURE__ */ k(x, {
 									className: "text-right font-medium",
-									children: D(e.value * e.quantity)
+									children: E(e.value * e.quantity)
 								})
 							] }, e.id)) })] })
 						})] }),
-						/* @__PURE__ */ j(u, { children: [/* @__PURE__ */ A(f, { children: /* @__PURE__ */ j(p, {
+						/* @__PURE__ */ A(u, { children: [/* @__PURE__ */ k(f, { children: /* @__PURE__ */ A(p, {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ A(te, { size: 18 }), "Order Timeline"]
-						}) }), /* @__PURE__ */ A(d, { children: /* @__PURE__ */ A("div", {
+							children: [/* @__PURE__ */ k(te, { size: 18 }), "Order Timeline"]
+						}) }), /* @__PURE__ */ k(d, { children: /* @__PURE__ */ k("div", {
 							className: "relative",
-							children: I.timeline.map((e, t) => /* @__PURE__ */ j("div", {
+							children: F.timeline.map((e, t) => /* @__PURE__ */ A("div", {
 								className: "flex gap-4 pb-6 last:pb-0",
-								children: [/* @__PURE__ */ j("div", {
+								children: [/* @__PURE__ */ A("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__ */ 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", {
 									className: "flex-1",
 									children: [
-										/* @__PURE__ */ j("div", {
+										/* @__PURE__ */ A("div", {
 											className: "flex items-center gap-2 mb-1",
-											children: [/* @__PURE__ */ A(w, {
+											children: [/* @__PURE__ */ k(w, {
 												status: e.status,
 												type: "order",
 												size: "sm"
-											}), /* @__PURE__ */ A("span", {
+											}), /* @__PURE__ */ k("span", {
 												className: "text-sm text-text-secondary",
-												children: O(e.timestamp, "full")
+												children: D(e.timestamp, "full")
 											})]
 										}),
-										e.notes && /* @__PURE__ */ A("p", {
+										e.notes && /* @__PURE__ */ k("p", {
 											className: "text-sm",
 											children: e.notes
 										}),
-										/* @__PURE__ */ j("p", {
+										/* @__PURE__ */ A("p", {
 											className: "text-xs text-text-secondary",
 											children: ["by ", e.performedBy]
 										})
@@ -356,105 +360,117 @@ function P() {
 							}, t))
 						}) })] })
 					]
-				}), /* @__PURE__ */ j("div", {
+				}), /* @__PURE__ */ A("div", {
 					className: "space-y-6",
 					children: [
-						/* @__PURE__ */ j(Ee, { children: [/* @__PURE__ */ j("h2", {
+						/* @__PURE__ */ A(ke, { children: [/* @__PURE__ */ A("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__ */ k(ne, { size: 18 }), "Order Summary"]
+						}), /* @__PURE__ */ A("div", {
 							className: "space-y-3",
 							children: [
-								/* @__PURE__ */ j("div", {
+								/* @__PURE__ */ A("div", {
 									className: "flex justify-between text-sm",
-									children: [/* @__PURE__ */ A("span", {
+									children: [/* @__PURE__ */ k("span", {
 										className: "text-text-secondary",
 										children: "Subtotal"
-									}), /* @__PURE__ */ A("span", { children: D(I.pricing.subtotal) })]
+									}), /* @__PURE__ */ k("span", { children: E(F.pricing.subtotal) })]
 								}),
-								/* @__PURE__ */ j("div", {
+								/* @__PURE__ */ A("div", {
 									className: "flex justify-between text-sm",
-									children: [/* @__PURE__ */ A("span", {
+									children: [/* @__PURE__ */ k("span", {
 										className: "text-text-secondary",
 										children: "Delivery"
-									}), /* @__PURE__ */ A("span", { children: D(I.pricing.fees.delivery) })]
+									}), /* @__PURE__ */ k("span", { children: E(F.pricing.fees.delivery) })]
 								}),
-								/* @__PURE__ */ j("div", {
+								/* @__PURE__ */ A("div", {
 									className: "flex justify-between text-sm",
-									children: [/* @__PURE__ */ A("span", {
+									children: [/* @__PURE__ */ k("span", {
 										className: "text-text-secondary",
 										children: "Handling"
-									}), /* @__PURE__ */ A("span", { children: D(I.pricing.fees.handling) })]
+									}), /* @__PURE__ */ k("span", { children: E(F.pricing.fees.handling) })]
 								}),
-								I.pricing.fees.insurance && /* @__PURE__ */ j("div", {
+								F.pricing.fees.insurance && /* @__PURE__ */ A("div", {
 									className: "flex justify-between text-sm",
-									children: [/* @__PURE__ */ A("span", {
+									children: [/* @__PURE__ */ k("span", {
 										className: "text-text-secondary",
 										children: "Insurance"
-									}), /* @__PURE__ */ A("span", { children: D(I.pricing.fees.insurance) })]
+									}), /* @__PURE__ */ k("span", { children: E(F.pricing.fees.insurance) })]
 								}),
-								/* @__PURE__ */ j("div", {
+								/* @__PURE__ */ A("div", {
 									className: "flex justify-between text-sm",
-									children: [/* @__PURE__ */ A("span", {
+									children: [/* @__PURE__ */ k("span", {
 										className: "text-text-secondary",
 										children: "Taxes"
-									}), /* @__PURE__ */ A("span", { children: D(I.pricing.taxes) })]
+									}), /* @__PURE__ */ k("span", { children: E(F.pricing.taxes) })]
 								}),
-								/* @__PURE__ */ A(b, {}),
-								/* @__PURE__ */ j("div", {
+								/* @__PURE__ */ k(b, {}),
+								/* @__PURE__ */ A("div", {
 									className: "flex justify-between font-medium",
-									children: [/* @__PURE__ */ A("span", { children: "Total" }), /* @__PURE__ */ A("span", {
+									children: [/* @__PURE__ */ k("span", { children: "Total" }), /* @__PURE__ */ k("span", {
 										className: "text-lg",
-										children: D(I.pricing.total)
+										children: E(F.pricing.total)
 									})]
 								}),
-								/* @__PURE__ */ j("div", {
+								/* @__PURE__ */ A("div", {
 									className: "pt-2",
-									children: [/* @__PURE__ */ A("p", {
+									children: [/* @__PURE__ */ k("p", {
 										className: "text-sm text-text-secondary",
 										children: "Payment Method"
-									}), /* @__PURE__ */ A("p", {
+									}), /* @__PURE__ */ k("p", {
 										className: "text-sm capitalize",
-										children: I.pricing.paymentMethod.replace("_", " ")
+										children: F.pricing.paymentMethod.replace("_", " ")
 									})]
 								})
 							]
 						})] }),
-						/* @__PURE__ */ j(u, { children: [/* @__PURE__ */ A(f, { children: /* @__PURE__ */ j(p, {
+						/* @__PURE__ */ A(u, { children: [/* @__PURE__ */ k(f, { children: /* @__PURE__ */ A(p, {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ A(oe, { size: 18 }), "Assignment"]
-						}) }), /* @__PURE__ */ A(d, { children: /* @__PURE__ */ j("div", {
+							children: [/* @__PURE__ */ k(oe, { size: 18 }), "Assignment"]
+						}) }), /* @__PURE__ */ k(d, { children: /* @__PURE__ */ A("div", {
 							className: "space-y-4",
 							children: [
-								J && /* @__PURE__ */ A(xe, { message: J }),
-								R && /* @__PURE__ */ A(Se, { message: R }),
-								/* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
+								J && /* @__PURE__ */ k(Se, { message: J }),
+								R && /* @__PURE__ */ k(Ce, { message: R }),
+								/* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k("p", {
 									className: "text-sm text-text-secondary",
 									children: "Tracking Number"
-								}), /* @__PURE__ */ A("p", {
+								}), /* @__PURE__ */ k("p", {
 									className: "text-sm font-mono",
-									children: I.trackingNumber || "—"
+									children: F.trackingNumber || "—"
 								})] }),
-								/* @__PURE__ */ A(b, {}),
-								/* @__PURE__ */ j("div", {
+								/* @__PURE__ */ k(b, {}),
+								/* @__PURE__ */ A("div", {
 									className: "space-y-3",
 									children: [
-										/* @__PURE__ */ j("div", {
+										/* @__PURE__ */ A("div", {
+											className: "space-y-1.5",
+											children: [/* @__PURE__ */ k(m, {
+												htmlFor: "assign-fleet-search",
+												children: "Search fleet"
+											}), /* @__PURE__ */ k(pe, {
+												id: "assign-fleet-search",
+												value: L,
+												onChange: (e) => Le(e.target.value),
+												placeholder: "Vehicle number, driver name or ID"
+											})]
+										}),
+										/* @__PURE__ */ A("div", {
 											className: "space-y-1.5",
-											children: [/* @__PURE__ */ A(m, {
+											children: [/* @__PURE__ */ k(m, {
 												htmlFor: "assign-vehicle",
 												children: "Vehicle"
-											}), /* @__PURE__ */ j(h, {
+											}), /* @__PURE__ */ A(h, {
 												value: B,
 												onValueChange: V,
-												children: [/* @__PURE__ */ A(v, {
+												children: [/* @__PURE__ */ k(v, {
 													id: "assign-vehicle",
-													children: /* @__PURE__ */ A(y, { placeholder: I.vehicleId ? `Current: ${I.vehicleId}` : "Select a vehicle" })
-												}), /* @__PURE__ */ A(g, { children: X.length === 0 ? /* @__PURE__ */ A(_, {
+													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__ */ j(_, {
+												}) : X.map((e) => /* @__PURE__ */ A(_, {
 													value: e.id,
 													children: [
 														e.vehicleNumber,
@@ -465,22 +481,22 @@ function P() {
 												}, e.id)) })]
 											})]
 										}),
-										/* @__PURE__ */ j("div", {
+										/* @__PURE__ */ A("div", {
 											className: "space-y-1.5",
-											children: [/* @__PURE__ */ A(m, {
+											children: [/* @__PURE__ */ k(m, {
 												htmlFor: "assign-driver",
 												children: "Driver"
-											}), /* @__PURE__ */ j(h, {
+											}), /* @__PURE__ */ A(h, {
 												value: H,
 												onValueChange: U,
-												children: [/* @__PURE__ */ A(v, {
+												children: [/* @__PURE__ */ k(v, {
 													id: "assign-driver",
-													children: /* @__PURE__ */ A(y, { placeholder: I.driverId ? `Current: ${I.driverId}` : "Select a driver" })
-												}), /* @__PURE__ */ A(g, { children: Z.length === 0 ? /* @__PURE__ */ A(_, {
+													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__ */ j(_, {
+												}) : Z.map((e) => /* @__PURE__ */ A(_, {
 													value: e.id,
 													children: [
 														e.fullName,
@@ -491,67 +507,67 @@ function P() {
 												}, e.id)) })]
 											})]
 										}),
-										/* @__PURE__ */ j(l, {
+										/* @__PURE__ */ A(l, {
 											className: "w-full",
-											onClick: Ie,
+											onClick: Be,
 											disabled: W || !B && !H,
-											children: [/* @__PURE__ */ A(se, { size: 16 }), W ? "Assigning…" : "Assign driver & vehicle"]
+											children: [/* @__PURE__ */ k(se, { size: 16 }), W ? "Assigning…" : "Assign driver & vehicle"]
 										})
 									]
 								}),
-								/* @__PURE__ */ A(b, {}),
-								/* @__PURE__ */ j("div", {
+								/* @__PURE__ */ k(b, {}),
+								/* @__PURE__ */ A("div", {
 									className: "space-y-2",
 									children: [
-										/* @__PURE__ */ j("p", {
+										/* @__PURE__ */ A("p", {
 											className: "text-sm text-text-secondary",
 											children: [
 												"Current status:",
 												" ",
-												/* @__PURE__ */ A("span", {
+												/* @__PURE__ */ k("span", {
 													className: "font-medium",
-													children: N[I.status]
+													children: M[F.status]
 												})
 											]
 										}),
 										(() => {
-											let e = ke(I.status);
-											return e ? /* @__PURE__ */ j(l, {
+											let e = Me(F.status);
+											return e ? /* @__PURE__ */ A(l, {
 												variant: "outline",
 												className: "w-full",
-												onClick: () => Q(e, `Order advanced to ${N[e]}.`),
+												onClick: () => Q(e, `Order advanced to ${M[e]}.`),
 												disabled: K,
-												children: [/* @__PURE__ */ A(t, { size: 16 }), K ? "Updating…" : `Advance to ${N[e]}`]
+												children: [/* @__PURE__ */ k(t, { size: 16 }), K ? "Updating…" : `Advance to ${M[e]}`]
 											}) : null;
 										})(),
-										I.status !== "cancelled" && I.status !== "delivered" && /* @__PURE__ */ j(l, {
+										F.status !== "cancelled" && F.status !== "delivered" && /* @__PURE__ */ A(l, {
 											variant: "outline",
 											className: "w-full text-status-error-text",
 											onClick: () => Q("cancelled", "Order cancelled."),
 											disabled: K,
-											children: [/* @__PURE__ */ A(ee, { size: 16 }), "Cancel order"]
+											children: [/* @__PURE__ */ k(ee, { size: 16 }), "Cancel order"]
 										})
 									]
 								}),
-								/* @__PURE__ */ j(l, {
+								/* @__PURE__ */ A(l, {
 									variant: "outline",
 									className: "w-full",
-									onClick: () => $(`tracking?order=${I.id}`),
-									children: [/* @__PURE__ */ A(r, { size: 16 }), "Track Order"]
+									onClick: () => $(`tracking?order=${F.id}`),
+									children: [/* @__PURE__ */ k(r, { size: 16 }), "Track Order"]
 								})
 							]
 						}) })] }),
-						/* @__PURE__ */ A(Ce, {
+						/* @__PURE__ */ k(Te, {
 							entityType: "order",
-							entityId: I.id
+							entityId: F.id
 						}),
-						/* @__PURE__ */ A(we, { deliveryJobId: I.id }),
-						I.specialInstructions && /* @__PURE__ */ j(u, { children: [/* @__PURE__ */ A(f, { children: /* @__PURE__ */ j(p, {
+						/* @__PURE__ */ k(De, { deliveryJobId: F.id }),
+						F.specialInstructions && /* @__PURE__ */ A(u, { children: [/* @__PURE__ */ k(f, { children: /* @__PURE__ */ A(p, {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ A(re, { size: 18 }), "Special Instructions"]
-						}) }), /* @__PURE__ */ A(d, { children: /* @__PURE__ */ A("p", {
+							children: [/* @__PURE__ */ k(re, { size: 18 }), "Special Instructions"]
+						}) }), /* @__PURE__ */ k(d, { children: /* @__PURE__ */ k("p", {
 							className: "text-sm",
-							children: I.specialInstructions
+							children: F.specialInstructions
 						}) })] })
 					]
 				})]
@@ -560,4 +576,4 @@ function P() {
 	});
 }
 //#endregion
-export { P as default };
+export { N as default };