@burdenoff/microfe-movethewheels 2026.726.1 → 2026.731.1

package/dist/pages/OrderDetailsPage.js

@@ -25,10 +25,11 @@ 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 we } from "react-router-dom";
+import { useParams as Te } from "react-router-dom";
 import { jsx as A, jsxs as j } from "react/jsx-runtime";
-import { EmphasisPanel as Te, NextSteps as Ee, PagePurpose as De } from "@burdenoff/fe-libs/ui";
+import { EmphasisPanel as Ee, NextSteps as De, PagePurpose as Oe } from "@burdenoff/fe-libs/ui";
 //#region src/movethewheels/pages/OrderDetailsPage.tsx
 var M = [
 	"pending",
@@ -49,19 +50,19 @@ var M = [
 	cancelled: "Cancelled",
 	failed: "Failed"
 };
-function Oe(e) {
+function ke(e) {
 	let t = M.indexOf(e);
 	return t === -1 || t >= M.length - 1 ? null : M[t + 1];
 }
 function P() {
-	let { orderId: M } = we(), { basePath: P, navigate: F } = le(), { order: I, isLoading: ke, error: Ae, refetch: L } = ue(M), { updateOrder: je, updateOrderStatus: Me } = de(), { vehicles: Ne, drivers: Pe } = 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 = Ne.filter((e) => e.status === "available" || e.id === I?.vehicleId), Z = Pe.filter((e) => e.status === "available" || e.id === I?.driverId), Fe = async () => {
+	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) {
 			Y("Pick a vehicle and/or a driver to assign.");
 			return;
 		}
 		G(!0), Y(null);
 		try {
-			await je(M, {
+			await Me(M, {
 				vehicleId: B || void 0,
 				driverId: H || void 0
 			}), z("Assignment updated."), V(""), U(""), L();
@@ -74,7 +75,7 @@ function P() {
 		if (M) {
 			q(!0), Y(null);
 			try {
-				await Me(M, e), z(t), L();
+				await Ne(M, e), z(t), L();
 			} catch (e) {
 				Y(e instanceof Error ? e.message : "Failed to update status.");
 			} finally {
@@ -84,7 +85,7 @@ function P() {
 	}, $ = (e) => {
 		F && F(s(P, e));
 	};
-	return ke ? /* @__PURE__ */ A(_e, { message: "Loading order details..." }) : Ae || !I ? /* @__PURE__ */ A(ge, {
+	return Ae ? /* @__PURE__ */ A(_e, { message: "Loading order details..." }) : je || !I ? /* @__PURE__ */ A(ge, {
 		title: "Order not found",
 		message: "The order you're looking for doesn't exist or has been removed.",
 		onRetry: L
@@ -124,11 +125,11 @@ function P() {
 			]
 		}),
 		children: [
-			/* @__PURE__ */ A(De, {
+			/* @__PURE__ */ A(Oe, {
 				icon: /* @__PURE__ */ A(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(Ee, {
+			/* @__PURE__ */ A(De, {
 				storageKey: "movethewheels-order-details",
 				steps: [
 					{
@@ -358,7 +359,7 @@ function P() {
 				}), /* @__PURE__ */ j("div", {
 					className: "space-y-6",
 					children: [
-						/* @__PURE__ */ j(Te, { children: [/* @__PURE__ */ j("h2", {
+						/* @__PURE__ */ j(Ee, { children: [/* @__PURE__ */ j("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", {
@@ -492,7 +493,7 @@ function P() {
 										}),
 										/* @__PURE__ */ j(l, {
 											className: "w-full",
-											onClick: Fe,
+											onClick: Ie,
 											disabled: W || !B && !H,
 											children: [/* @__PURE__ */ A(se, { size: 16 }), W ? "Assigning…" : "Assign driver & vehicle"]
 										})
@@ -514,7 +515,7 @@ function P() {
 											]
 										}),
 										(() => {
-											let e = Oe(I.status);
+											let e = ke(I.status);
 											return e ? /* @__PURE__ */ j(l, {
 												variant: "outline",
 												className: "w-full",
@@ -544,6 +545,7 @@ function P() {
 							entityType: "order",
 							entityId: I.id
 						}),
+						/* @__PURE__ */ A(we, { deliveryJobId: I.id }),
 						I.specialInstructions && /* @__PURE__ */ j(u, { children: [/* @__PURE__ */ A(f, { children: /* @__PURE__ */ j(p, {
 							className: "flex items-center gap-2",
 							children: [/* @__PURE__ */ A(re, { size: 18 }), "Special Instructions"]

package/dist/pages/TrackingPage.js

@@ -15,38 +15,39 @@ import "../components/maps/index.js";
 import { StatusBadge as y } from "../components/StatusBadge.js";
 import { formatAddress as b, formatDate as x } from "../utils/formatters.js";
 import { firstRealLatLng as S } from "../utils/mapMarkers.js";
-import { useMemo as C, useState as w } from "react";
-import { useSearchParams as T } from "react-router-dom";
-import { jsx as E, jsxs as D } from "react/jsx-runtime";
-import { EmphasisPanel as O, PagePurpose as k } from "@burdenoff/fe-libs/ui";
-import { useI18n as A } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { ProofOfDeliveryCard as C } from "../components/ProofOfDeliveryCard.js";
+import { useMemo as w, useState as T } from "react";
+import { useSearchParams as E } from "react-router-dom";
+import { jsx as D, jsxs as O } from "react/jsx-runtime";
+import { EmphasisPanel as k, PagePurpose as A } from "@burdenoff/fe-libs/ui";
+import { useI18n as j } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/movethewheels/pages/TrackingPage.tsx
-function j() {
-	let { t: j } = A(), M = (e, t) => {
-		let n = j(e);
+function M() {
+	let { t: M } = j(), N = (e, t) => {
+		let n = M(e);
 		return n === e ? t : n;
-	}, { basePath: N, navigate: P } = c(), [F] = T(), I = F.get("order") || "", [L, R] = w(I), [z, B] = w(I), { tracking: V, order: H, isLoading: U, error: W } = l(z || void 0), G = (e) => {
-		e.preventDefault(), B(L);
-	}, K = (e) => {
-		P && P(s(N, e));
-	}, q = C(() => {
-		if (!H) return null;
-		let e = S(H.pickupAddress), t = S(H.deliveryAddress), n = e ? {
+	}, { basePath: P, navigate: F } = c(), [I] = E(), L = I.get("order") || "", [R, z] = T(L), [B, V] = T(L), { tracking: H, order: U, isLoading: W, error: G } = l(B || void 0), K = (e) => {
+		e.preventDefault(), V(R);
+	}, q = (e) => {
+		F && F(s(P, e));
+	}, J = w(() => {
+		if (!U) return null;
+		let e = S(U.pickupAddress), t = S(U.deliveryAddress), n = e ? {
 			...e,
-			label: `Pickup · ${H.pickupAddress.city || "Origin"}`
+			label: `Pickup · ${U.pickupAddress.city || "Origin"}`
 		} : null, r = t ? {
 			...t,
-			label: `Delivery · ${H.deliveryAddress.city || "Destination"}`
-		} : null, i = H.timeline.map((e) => {
+			label: `Delivery · ${U.deliveryAddress.city || "Destination"}`
+		} : null, i = U.timeline.map((e) => {
 			let t = e.location ? S(e.location) : null;
 			return t ? {
 				lat: t.lat,
 				lng: t.lng,
 				timestamp: new Date(e.timestamp).toISOString()
 			} : null;
-		}).filter((e) => e !== null), a = V ? S(V.currentLocation) : null, o = a ? {
+		}).filter((e) => e !== null), a = H ? S(H.currentLocation) : null, o = a ? {
 			...a,
-			label: V?.currentLocation.address || "Current position"
+			label: H?.currentLocation.address || "Current position"
 		} : null;
 		return {
 			origin: n,
@@ -55,157 +56,157 @@ function j() {
 			current: o,
 			hasAny: !!(n || r || o || i.length > 0)
 		};
-	}, [H, V]);
-	return /* @__PURE__ */ D(_, {
-		title: M("movethewheels.tracking.title", "Track Shipment"),
-		subtitle: M("movethewheels.tracking.subtitle", "Enter a tracking number or order ID to track your shipment"),
-		icon: /* @__PURE__ */ E(r, { size: 24 }),
-		headerActions: /* @__PURE__ */ D(u, {
+	}, [U, H]);
+	return /* @__PURE__ */ O(_, {
+		title: N("movethewheels.tracking.title", "Track Shipment"),
+		subtitle: N("movethewheels.tracking.subtitle", "Enter a tracking number or order ID to track your shipment"),
+		icon: /* @__PURE__ */ D(r, { size: 24 }),
+		headerActions: /* @__PURE__ */ O(u, {
 			variant: "outline",
-			onClick: () => K("tracking/live"),
-			children: [/* @__PURE__ */ E(r, { size: 16 }), M("movethewheels.tracking.actions.liveMapView", "Live Map View")]
+			onClick: () => q("tracking/live"),
+			children: [/* @__PURE__ */ D(r, { size: 16 }), N("movethewheels.tracking.actions.liveMapView", "Live Map View")]
 		}),
 		children: [
-			/* @__PURE__ */ E(k, {
-				icon: /* @__PURE__ */ E(r, { size: 18 }),
-				children: M("movethewheels.tracking.purpose", "Look up any single shipment by its tracking number or order ID to see exactly where it is, its progress through pickup and delivery, the current location and any alerts — the same view you can share with a customer.")
+			/* @__PURE__ */ D(A, {
+				icon: /* @__PURE__ */ D(r, { size: 18 }),
+				children: N("movethewheels.tracking.purpose", "Look up any single shipment by its tracking number or order ID to see exactly where it is, its progress through pickup and delivery, the current location and any alerts — the same view you can share with a customer.")
 			}),
-			/* @__PURE__ */ E(d, { children: /* @__PURE__ */ E(f, {
+			/* @__PURE__ */ D(d, { children: /* @__PURE__ */ D(f, {
 				className: "p-6",
-				children: /* @__PURE__ */ D("form", {
-					onSubmit: G,
+				children: /* @__PURE__ */ O("form", {
+					onSubmit: K,
 					className: "flex gap-4",
-					children: [/* @__PURE__ */ D("div", {
+					children: [/* @__PURE__ */ O("div", {
 						className: "flex-1 relative",
-						children: [/* @__PURE__ */ E(a, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-5 h-5 text-text-secondary" }), /* @__PURE__ */ E(h, {
-							value: L,
-							onChange: (e) => R(e.target.value),
-							placeholder: M("movethewheels.tracking.search.placeholder", "Enter tracking number or order ID (e.g., order-1 or TRK123456789)"),
+						children: [/* @__PURE__ */ D(a, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-5 h-5 text-text-secondary" }), /* @__PURE__ */ D(h, {
+							value: R,
+							onChange: (e) => z(e.target.value),
+							placeholder: N("movethewheels.tracking.search.placeholder", "Enter tracking number or order ID (e.g., order-1 or TRK123456789)"),
 							className: "pl-10 h-12 text-lg"
 						})]
-					}), /* @__PURE__ */ E(u, {
+					}), /* @__PURE__ */ D(u, {
 						type: "submit",
 						size: "lg",
-						disabled: !L || U,
-						children: U ? M("movethewheels.tracking.search.searching", "Searching...") : M("movethewheels.tracking.search.track", "Track")
+						disabled: !R || W,
+						children: W ? N("movethewheels.tracking.search.searching", "Searching...") : N("movethewheels.tracking.search.track", "Track")
 					})]
 				})
 			}) }),
-			W && /* @__PURE__ */ E(d, {
+			G && /* @__PURE__ */ D(d, {
 				className: "border-status-error-border",
-				children: /* @__PURE__ */ E(f, {
+				children: /* @__PURE__ */ D(f, {
 					className: "p-6",
-					children: /* @__PURE__ */ D("div", {
+					children: /* @__PURE__ */ O("div", {
 						className: "flex items-center gap-4",
-						children: [/* @__PURE__ */ E(e, { className: "w-8 h-8 text-status-error-text" }), /* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
+						children: [/* @__PURE__ */ D(e, { className: "w-8 h-8 text-status-error-text" }), /* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
 							className: "font-medium text-status-error-text",
-							children: M("movethewheels.tracking.error.title", "Unable to find shipment")
-						}), /* @__PURE__ */ E("p", {
+							children: N("movethewheels.tracking.error.title", "Unable to find shipment")
+						}), /* @__PURE__ */ D("p", {
 							className: "text-sm text-text-secondary",
-							children: M("movethewheels.tracking.error.description", "Please check the tracking number and try again")
+							children: N("movethewheels.tracking.error.description", "Please check the tracking number and try again")
 						})] })]
 					})
 				})
 			}),
-			!z && !W && /* @__PURE__ */ E(g, {
+			!B && !G && /* @__PURE__ */ D(g, {
 				illustration: "onboarding",
-				title: M("movethewheels.tracking.empty.title", "Enter a tracking number"),
-				description: M("movethewheels.tracking.empty.description", "Use your tracking number or order ID to see the current status of your shipment")
+				title: N("movethewheels.tracking.empty.title", "Enter a tracking number"),
+				description: N("movethewheels.tracking.empty.description", "Use your tracking number or order ID to see the current status of your shipment")
 			}),
-			H && V && /* @__PURE__ */ D("div", {
+			U && H && /* @__PURE__ */ O("div", {
 				className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
-				children: [/* @__PURE__ */ D("div", {
+				children: [/* @__PURE__ */ O("div", {
 					className: "lg:col-span-2 space-y-6",
 					children: [
-						/* @__PURE__ */ D(O, { children: [/* @__PURE__ */ D("div", {
+						/* @__PURE__ */ O(k, { children: [/* @__PURE__ */ O("div", {
 							className: "flex items-center justify-between mb-4",
-							children: [/* @__PURE__ */ D("h2", {
+							children: [/* @__PURE__ */ O("h2", {
 								className: "flex items-center gap-2 text-base font-semibold text-text-primary",
 								children: [
-									/* @__PURE__ */ E(i, { size: 20 }),
-									M("movethewheels.tracking.orderLabel", "Order"),
+									/* @__PURE__ */ D(i, { size: 20 }),
+									N("movethewheels.tracking.orderLabel", "Order"),
 									" ",
-									H.orderNumber
+									U.orderNumber
 								]
-							}), /* @__PURE__ */ E(y, {
-								status: H.status,
+							}), /* @__PURE__ */ D(y, {
+								status: U.status,
 								type: "order"
 							})]
-						}), /* @__PURE__ */ D("div", {
+						}), /* @__PURE__ */ O("div", {
 							className: "grid grid-cols-2 md:grid-cols-4 gap-4",
 							children: [
-								/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
+								/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
 									className: "text-sm text-text-secondary",
-									children: M("movethewheels.tracking.details.trackingNumber", "Tracking Number")
-								}), /* @__PURE__ */ E("p", {
+									children: N("movethewheels.tracking.details.trackingNumber", "Tracking Number")
+								}), /* @__PURE__ */ D("p", {
 									className: "font-mono font-medium",
-									children: H.trackingNumber
+									children: U.trackingNumber
 								})] }),
-								/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
+								/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
 									className: "text-sm text-text-secondary",
-									children: M("movethewheels.tracking.details.estimatedDelivery", "Estimated Delivery")
-								}), /* @__PURE__ */ E("p", {
+									children: N("movethewheels.tracking.details.estimatedDelivery", "Estimated Delivery")
+								}), /* @__PURE__ */ D("p", {
 									className: "font-medium",
-									children: V.estimatedArrival ? x(V.estimatedArrival, "full") : H.scheduledDelivery ? x(H.scheduledDelivery, "full") : M("movethewheels.tracking.details.tbd", "TBD")
+									children: H.estimatedArrival ? x(H.estimatedArrival, "full") : U.scheduledDelivery ? x(U.scheduledDelivery, "full") : N("movethewheels.tracking.details.tbd", "TBD")
 								})] }),
-								/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
+								/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
 									className: "text-sm text-text-secondary",
-									children: M("movethewheels.tracking.details.items", "Items")
-								}), /* @__PURE__ */ D("p", {
+									children: N("movethewheels.tracking.details.items", "Items")
+								}), /* @__PURE__ */ O("p", {
 									className: "font-medium",
 									children: [
-										H.items.length,
+										U.items.length,
 										" ",
-										M("movethewheels.tracking.details.itemsSuffix", "items")
+										N("movethewheels.tracking.details.itemsSuffix", "items")
 									]
 								})] }),
-								/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
+								/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
 									className: "text-sm text-text-secondary",
-									children: M("movethewheels.tracking.details.lastUpdated", "Last Updated")
-								}), /* @__PURE__ */ E("p", {
+									children: N("movethewheels.tracking.details.lastUpdated", "Last Updated")
+								}), /* @__PURE__ */ D("p", {
 									className: "font-medium",
-									children: x(V.lastUpdated, "relative")
+									children: x(H.lastUpdated, "relative")
 								})] })
 							]
 						})] }),
-						/* @__PURE__ */ D(d, { children: [/* @__PURE__ */ E(p, { children: /* @__PURE__ */ D(m, {
+						/* @__PURE__ */ O(d, { children: [/* @__PURE__ */ D(p, { children: /* @__PURE__ */ O(m, {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ E(r, { size: 18 }), M("movethewheels.tracking.routeMap.title", "Route map")]
-						}) }), /* @__PURE__ */ E(f, { children: /* @__PURE__ */ E(v, {
+							children: [/* @__PURE__ */ D(r, { size: 18 }), N("movethewheels.tracking.routeMap.title", "Route map")]
+						}) }), /* @__PURE__ */ D(f, { children: /* @__PURE__ */ D(v, {
 							className: "overflow-hidden rounded-lg border border-border-seam",
 							height: 320,
-							origin: q?.origin ?? null,
-							destination: q?.destination ?? null,
-							trail: q?.trail ?? [],
-							current: q?.current ?? null,
-							emptyMessage: M("movethewheels.tracking.routeMap.empty", "No location coordinates recorded for this shipment yet")
+							origin: J?.origin ?? null,
+							destination: J?.destination ?? null,
+							trail: J?.trail ?? [],
+							current: J?.current ?? null,
+							emptyMessage: N("movethewheels.tracking.routeMap.empty", "No location coordinates recorded for this shipment yet")
 						}) })] }),
-						/* @__PURE__ */ D(d, { children: [/* @__PURE__ */ E(p, { children: /* @__PURE__ */ D(m, {
+						/* @__PURE__ */ O(d, { children: [/* @__PURE__ */ D(p, { children: /* @__PURE__ */ O(m, {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ E(n, { size: 18 }), M("movethewheels.tracking.progress.title", "Shipment Progress")]
-						}) }), /* @__PURE__ */ D(f, { children: [/* @__PURE__ */ E("div", {
+							children: [/* @__PURE__ */ D(n, { size: 18 }), N("movethewheels.tracking.progress.title", "Shipment Progress")]
+						}) }), /* @__PURE__ */ O(f, { children: [/* @__PURE__ */ D("div", {
 							className: "relative",
-							children: /* @__PURE__ */ E("div", {
+							children: /* @__PURE__ */ D("div", {
 								className: "flex justify-between mb-4",
 								children: [
 									{
 										status: "confirmed",
-										label: M("movethewheels.tracking.progress.confirmed", "Confirmed"),
+										label: N("movethewheels.tracking.progress.confirmed", "Confirmed"),
 										icon: t
 									},
 									{
 										status: "picked_up",
-										label: M("movethewheels.tracking.progress.pickedUp", "Picked Up"),
+										label: N("movethewheels.tracking.progress.pickedUp", "Picked Up"),
 										icon: i
 									},
 									{
 										status: "in_transit",
-										label: M("movethewheels.tracking.progress.inTransit", "In Transit"),
+										label: N("movethewheels.tracking.progress.inTransit", "In Transit"),
 										icon: o
 									},
 									{
 										status: "delivered",
-										label: M("movethewheels.tracking.progress.delivered", "Delivered"),
+										label: N("movethewheels.tracking.progress.delivered", "Delivered"),
 										icon: r
 									}
 								].map((e, t) => {
@@ -217,19 +218,19 @@ function j() {
 										"in_transit",
 										"out_for_delivery",
 										"delivered"
-									], r = n.indexOf(H.status), i = n.indexOf(e.status) <= r, a = e.status === H.status || H.status === "out_for_delivery" && e.status === "in_transit";
-									return /* @__PURE__ */ D("div", {
+									], r = n.indexOf(U.status), i = n.indexOf(e.status) <= r, a = e.status === U.status || U.status === "out_for_delivery" && e.status === "in_transit";
+									return /* @__PURE__ */ O("div", {
 										className: "flex flex-col items-center flex-1",
 										children: [
-											/* @__PURE__ */ E("div", {
+											/* @__PURE__ */ D("div", {
 												className: `w-10 h-10 rounded-full flex items-center justify-center ${i ? "bg-action-primary-bg text-action-primary-text" : "bg-bg-sunken text-text-secondary"} ${a ? "ring-4 ring-primary/20" : ""}`,
-												children: /* @__PURE__ */ E(e.icon, { size: 20 })
+												children: /* @__PURE__ */ D(e.icon, { size: 20 })
 											}),
-											/* @__PURE__ */ E("p", {
+											/* @__PURE__ */ D("p", {
 												className: `text-xs mt-2 text-center ${i ? "font-medium" : "text-text-secondary"}`,
 												children: e.label
 											}),
-											t < 3 && /* @__PURE__ */ E("div", {
+											t < 3 && /* @__PURE__ */ D("div", {
 												className: `absolute top-5 h-0.5 ${i ? "bg-action-primary-bg" : "bg-bg-sunken"}`,
 												style: {
 													left: `calc(${(t + .5) * 25}% + 20px)`,
@@ -240,34 +241,34 @@ function j() {
 									}, e.status);
 								})
 							})
-						}), /* @__PURE__ */ E("div", {
+						}), /* @__PURE__ */ D("div", {
 							className: "mt-8 space-y-4",
-							children: H.timeline.slice().reverse().map((e, t) => /* @__PURE__ */ D("div", {
+							children: U.timeline.slice().reverse().map((e, t) => /* @__PURE__ */ O("div", {
 								className: "flex gap-4",
-								children: [/* @__PURE__ */ D("div", {
+								children: [/* @__PURE__ */ O("div", {
 									className: "relative",
-									children: [/* @__PURE__ */ E("div", { className: `w-3 h-3 rounded-full ${t === 0 ? "bg-action-primary-bg" : "bg-bg-sunken"}` }), t < H.timeline.length - 1 && /* @__PURE__ */ E("div", { className: "absolute top-3 left-1.5 w-px h-8 -ml-px bg-border" })]
-								}), /* @__PURE__ */ D("div", {
+									children: [/* @__PURE__ */ D("div", { className: `w-3 h-3 rounded-full ${t === 0 ? "bg-action-primary-bg" : "bg-bg-sunken"}` }), t < U.timeline.length - 1 && /* @__PURE__ */ D("div", { className: "absolute top-3 left-1.5 w-px h-8 -ml-px bg-border" })]
+								}), /* @__PURE__ */ O("div", {
 									className: "flex-1 pb-4",
 									children: [
-										/* @__PURE__ */ D("div", {
+										/* @__PURE__ */ O("div", {
 											className: "flex items-center gap-2",
-											children: [/* @__PURE__ */ E(y, {
+											children: [/* @__PURE__ */ D(y, {
 												status: e.status,
 												type: "order",
 												size: "sm"
-											}), /* @__PURE__ */ E("span", {
+											}), /* @__PURE__ */ D("span", {
 												className: "text-sm text-text-secondary",
 												children: x(e.timestamp, "full")
 											})]
 										}),
-										e.notes && /* @__PURE__ */ E("p", {
+										e.notes && /* @__PURE__ */ D("p", {
 											className: "text-sm mt-1",
 											children: e.notes
 										}),
-										e.location && /* @__PURE__ */ D("p", {
+										e.location && /* @__PURE__ */ O("p", {
 											className: "text-xs text-text-secondary mt-1",
-											children: [/* @__PURE__ */ E(r, {
+											children: [/* @__PURE__ */ D(r, {
 												size: 12,
 												className: "inline mr-1"
 											}), b(e.location)]
@@ -276,97 +277,98 @@ function j() {
 								})]
 							}, t))
 						})] })] }),
-						V.alerts && V.alerts.length > 0 && /* @__PURE__ */ D(d, { children: [/* @__PURE__ */ E(p, { children: /* @__PURE__ */ D(m, {
+						H.alerts && H.alerts.length > 0 && /* @__PURE__ */ O(d, { children: [/* @__PURE__ */ D(p, { children: /* @__PURE__ */ O(m, {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ E(e, { size: 18 }), M("movethewheels.tracking.alerts.title", "Alerts")]
-						}) }), /* @__PURE__ */ E(f, { children: /* @__PURE__ */ E("div", {
+							children: [/* @__PURE__ */ D(e, { size: 18 }), N("movethewheels.tracking.alerts.title", "Alerts")]
+						}) }), /* @__PURE__ */ D(f, { children: /* @__PURE__ */ D("div", {
 							className: "space-y-3",
-							children: V.alerts.map((t) => /* @__PURE__ */ D("div", {
+							children: H.alerts.map((t) => /* @__PURE__ */ O("div", {
 								className: `flex items-start gap-3 p-3 rounded-lg ${t.severity === "critical" ? "bg-status-error-bg-subtle" : (t.severity, "bg-status-warning-bg-subtle")}`,
-								children: [/* @__PURE__ */ E(e, {
+								children: [/* @__PURE__ */ D(e, {
 									size: 16,
 									className: t.severity === "critical" ? "text-status-error-text" : (t.severity, "text-status-warning-text")
-								}), /* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
+								}), /* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
 									className: "text-sm font-medium",
 									children: t.message
-								}), /* @__PURE__ */ D("p", {
+								}), /* @__PURE__ */ O("p", {
 									className: "text-xs text-text-secondary",
-									children: [x(t.timestamp, "relative"), t.resolvedAt && ` - ${M("movethewheels.tracking.alerts.resolved", "Resolved")}`]
+									children: [x(t.timestamp, "relative"), t.resolvedAt && ` - ${N("movethewheels.tracking.alerts.resolved", "Resolved")}`]
 								})] })]
 							}, t.id))
 						}) })] })
 					]
-				}), /* @__PURE__ */ D("div", {
+				}), /* @__PURE__ */ O("div", {
 					className: "space-y-6",
 					children: [
-						/* @__PURE__ */ D(d, { children: [/* @__PURE__ */ E(p, { children: /* @__PURE__ */ D(m, {
+						/* @__PURE__ */ O(d, { children: [/* @__PURE__ */ D(p, { children: /* @__PURE__ */ O(m, {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ E(r, { size: 18 }), M("movethewheels.tracking.location.title", "Current Location")]
-						}) }), /* @__PURE__ */ D(f, { children: [
-							q?.current ? /* @__PURE__ */ E(v, {
+							children: [/* @__PURE__ */ D(r, { size: 18 }), N("movethewheels.tracking.location.title", "Current Location")]
+						}) }), /* @__PURE__ */ O(f, { children: [
+							J?.current ? /* @__PURE__ */ D(v, {
 								className: "mb-4 overflow-hidden rounded-lg border border-border-seam",
 								height: 180,
-								current: q.current,
-								destination: q.destination ?? null,
-								trail: q.trail
-							}) : /* @__PURE__ */ D("div", {
+								current: J.current,
+								destination: J.destination ?? null,
+								trail: J.trail
+							}) : /* @__PURE__ */ O("div", {
 								className: "mb-4 rounded-lg bg-bg-sunken p-4 text-center text-text-secondary",
-								children: [/* @__PURE__ */ E(r, {
+								children: [/* @__PURE__ */ D(r, {
 									size: 28,
 									className: "mx-auto mb-2 opacity-60"
-								}), /* @__PURE__ */ E("p", {
+								}), /* @__PURE__ */ D("p", {
 									className: "text-sm",
-									children: M("movethewheels.tracking.location.noFix", "No live position fix yet")
+									children: N("movethewheels.tracking.location.noFix", "No live position fix yet")
 								})]
 							}),
-							/* @__PURE__ */ E("p", {
+							/* @__PURE__ */ D("p", {
 								className: "text-sm",
-								children: V.currentLocation.address || M("movethewheels.tracking.location.updating", "Location updating...")
+								children: H.currentLocation.address || N("movethewheels.tracking.location.updating", "Location updating...")
 							}),
-							/* @__PURE__ */ D("p", {
+							/* @__PURE__ */ O("p", {
 								className: "text-xs text-text-secondary mt-1",
 								children: [
-									M("movethewheels.tracking.location.updated", "Updated"),
+									N("movethewheels.tracking.location.updated", "Updated"),
 									" ",
-									x(V.currentLocation.timestamp || /* @__PURE__ */ new Date(), "relative")
+									x(H.currentLocation.timestamp || /* @__PURE__ */ new Date(), "relative")
 								]
 							})
 						] })] }),
-						/* @__PURE__ */ D(d, { children: [/* @__PURE__ */ E(p, { children: /* @__PURE__ */ E(m, { children: M("movethewheels.tracking.deliveryAddress.title", "Delivery Address") }) }), /* @__PURE__ */ D(f, { children: [/* @__PURE__ */ E("p", {
+						/* @__PURE__ */ O(d, { children: [/* @__PURE__ */ D(p, { children: /* @__PURE__ */ D(m, { children: N("movethewheels.tracking.deliveryAddress.title", "Delivery Address") }) }), /* @__PURE__ */ O(f, { children: [/* @__PURE__ */ D("p", {
 							className: "text-sm",
-							children: H.customerInfo.name
-						}), /* @__PURE__ */ E("p", {
+							children: U.customerInfo.name
+						}), /* @__PURE__ */ D("p", {
 							className: "text-sm text-text-secondary mt-2",
-							children: b(H.deliveryAddress)
+							children: b(U.deliveryAddress)
 						})] })] }),
-						/* @__PURE__ */ E(d, { children: /* @__PURE__ */ D(f, {
+						/* @__PURE__ */ D(C, { deliveryJobId: U.id }),
+						/* @__PURE__ */ D(d, { children: /* @__PURE__ */ O(f, {
 							className: "p-4 space-y-2",
-							children: [/* @__PURE__ */ E(u, {
+							children: [/* @__PURE__ */ D(u, {
 								variant: "outline",
 								className: "w-full",
-								onClick: () => K(`orders/${H.id}`),
-								children: M("movethewheels.tracking.actions.viewOrderDetails", "View Order Details")
-							}), /* @__PURE__ */ E(u, {
+								onClick: () => q(`orders/${U.id}`),
+								children: N("movethewheels.tracking.actions.viewOrderDetails", "View Order Details")
+							}), /* @__PURE__ */ D(u, {
 								variant: "outline",
 								className: "w-full",
-								children: M("movethewheels.tracking.actions.contactDriver", "Contact Driver")
+								children: N("movethewheels.tracking.actions.contactDriver", "Contact Driver")
 							})]
 						}) })
 					]
 				})]
 			}),
-			z && !H && !U && !W && /* @__PURE__ */ E(g, {
+			B && !U && !W && !G && /* @__PURE__ */ D(g, {
 				illustration: "empty-search",
-				title: M("movethewheels.tracking.notFound.title", "Shipment not found"),
-				description: `${M("movethewheels.tracking.notFound.descriptionPrefix", "No shipment found with tracking number")} "${z}"`,
-				action: /* @__PURE__ */ E(u, {
+				title: N("movethewheels.tracking.notFound.title", "Shipment not found"),
+				description: `${N("movethewheels.tracking.notFound.descriptionPrefix", "No shipment found with tracking number")} "${B}"`,
+				action: /* @__PURE__ */ D(u, {
 					variant: "outline",
-					onClick: () => R(""),
-					children: M("movethewheels.tracking.notFound.tryAnother", "Try another number")
+					onClick: () => z(""),
+					children: N("movethewheels.tracking.notFound.tryAnother", "Try another number")
 				})
 			})
 		]
 	});
 }
 //#endregion
-export { j as default };
+export { M as default };