@burdenoff/microfe-movethewheels 2026.1101.1 → 2026.1101.2

package/dist/pages/DeliveryCapturePage.js

@@ -1,347 +1,476 @@
-import { ChevronLeft as e } from "../node_modules/lucide-react/dist/esm/icons/chevron-left.js";
-import { ChevronRight as t } from "../node_modules/lucide-react/dist/esm/icons/chevron-right.js";
-import { CircleCheck as n } from "../node_modules/lucide-react/dist/esm/icons/circle-check.js";
-import { LoaderCircle as r } from "../node_modules/lucide-react/dist/esm/icons/loader-circle.js";
-import { MapPin as i } from "../node_modules/lucide-react/dist/esm/icons/map-pin.js";
-import { Package as a } from "../node_modules/lucide-react/dist/esm/icons/package.js";
-import { PenLine as o } from "../node_modules/lucide-react/dist/esm/icons/pen-line.js";
-import { Truck as s } from "../node_modules/lucide-react/dist/esm/icons/truck.js";
-import { Type as c } from "../node_modules/lucide-react/dist/esm/icons/type.js";
-import { Upload as l } from "../node_modules/lucide-react/dist/esm/icons/upload.js";
-import { useMoveTheWheels as u } from "../providers/MoveTheWheelsProvider.js";
-import { formatAddress as ee, formatDate as d } from "../utils/formatters.js";
-import { mapOrderPriority as f, mapOrderStatus as p } from "../hooks/useOrders.js";
-import { useShipmentStatusQuery as m } from "../hooks/useShipmentStatusAuthority.js";
-import { useCaptureEpod as h, useEpodPhotoUpload as g, useMyPendingEpodDeliveryJobs as _ } from "../hooks/useEpod.js";
-import { Button as v, Card as y, CardContent as b, CardHeader as x, CardTitle as S, Input as C, Label as w, Textarea as T } from "../components/ui.js";
+import { ArrowLeft as e } from "../node_modules/lucide-react/dist/esm/icons/arrow-left.js";
+import { CalendarDays as t } from "../node_modules/lucide-react/dist/esm/icons/calendar-days.js";
+import { ChevronLeft as n } from "../node_modules/lucide-react/dist/esm/icons/chevron-left.js";
+import { ChevronRight as r } from "../node_modules/lucide-react/dist/esm/icons/chevron-right.js";
+import { CircleCheck as i } from "../node_modules/lucide-react/dist/esm/icons/circle-check.js";
+import { Clock as a } from "../node_modules/lucide-react/dist/esm/icons/clock.js";
+import { Navigation as o } from "../node_modules/lucide-react/dist/esm/icons/navigation.js";
+import { Package as s } from "../node_modules/lucide-react/dist/esm/icons/package.js";
+import { Phone as c } from "../node_modules/lucide-react/dist/esm/icons/phone.js";
+import { RefreshCw as l } from "../node_modules/lucide-react/dist/esm/icons/refresh-cw.js";
+import { Route as u } from "../node_modules/lucide-react/dist/esm/icons/route.js";
+import { TriangleAlert as d } from "../node_modules/lucide-react/dist/esm/icons/triangle-alert.js";
+import { Truck as ee } from "../node_modules/lucide-react/dist/esm/icons/truck.js";
+import { WifiOff as te } from "../node_modules/lucide-react/dist/esm/icons/wifi-off.js";
+import { useMoveTheWheels as ne } from "../providers/MoveTheWheelsProvider.js";
+import { formatAddress as f, formatDate as p, formatTime as m } from "../utils/formatters.js";
+import { mapOrderPriority as h } from "../hooks/useOrders.js";
+import { localDateString as g, phoneHref as _, routeNavigationUrl as v, shiftLocalDate as y, stopNavigationUrl as b } from "../utils/driverNavigation.js";
+import { useMyDeliveryDay as re, useOnlineStatus as x } from "../hooks/useDriverDay.js";
+import { Badge as S, Button as C, Card as w, CardContent as T, Input as ie, Progress as ae } from "../components/ui.js";
 import { PageLayout as E } from "../components/PageLayout.js";
-import { PriorityBadge as D, StatusBadge as O } from "../components/StatusBadge.js";
-import { FormError as k } from "../components/FormError.js";
-import { Notice as A, useNotice as j } from "../components/Notice.js";
-import { SignaturePad as M } from "../components/SignaturePad.js";
-import { StatusAuthorityOwnedDeliveryDocument as N } from "../src/generated/shipment-status-authority-operations.js";
-import { useEffect as P, useRef as F, useState as I } from "react";
-import { Fragment as te, jsx as L, jsxs as R } from "react/jsx-runtime";
+import { PriorityBadge as D } from "../components/StatusBadge.js";
+import { FormError as O } from "../components/FormError.js";
+import { Notice as k, useNotice as A } from "../components/Notice.js";
+import { EpodCaptureForm as oe } from "../components/EpodCaptureForm.js";
+import { useEffect as se, useMemo as j, useRef as M, useState as N } from "react";
+import { Fragment as P, jsx as F, jsxs as I } from "react/jsx-runtime";
 //#region src/movethewheels/pages/DeliveryCapturePage.tsx
-function ne() {
-	return new Promise((e) => {
-		if (!navigator.geolocation) {
-			e(null);
-			return;
-		}
-		navigator.geolocation.getCurrentPosition((t) => e(t), () => e(null), {
-			enableHighAccuracy: !0,
-			timeout: 8e3,
-			maximumAge: 3e4
-		});
+var L = {
+	COMPLETED: "Delivered",
+	EN_ROUTE: "En route",
+	UPCOMING: "Upcoming",
+	FAILED: "Not delivered"
+}, R = {
+	COMPLETED: "secondary",
+	EN_ROUTE: "default",
+	UPCOMING: "outline",
+	FAILED: "destructive"
+};
+function z(e) {
+	return e.state === "COMPLETED" || e.state === "FAILED";
+}
+function B(e) {
+	return {
+		id: e.jobId,
+		deliveryJobNumber: e.deliveryJobNumber,
+		status: e.status,
+		priority: e.priority,
+		deliveryAddress: e.deliveryAddress,
+		scheduledDelivery: e.scheduledDelivery,
+		customerName: e.customerName,
+		customerPhone: e.customerPhone
+	};
+}
+function V(e) {
+	e && window.open(e, "_blank", "noopener,noreferrer");
+}
+function H({ state: e }) {
+	return /* @__PURE__ */ F(S, {
+		variant: R[e],
+		children: L[e]
 	});
 }
-function z({ job: e, onCaptured: t, onCancel: a }) {
-	let { captureEpod: u, isSubmitting: d, error: f, captureFeedback: p } = h(), [_, E] = I(0), D = m(N, { deliveryJobId: e.id }, _), [O, A] = I(!1), j = F(null), z = F(!1), B = F(!0);
-	P(() => (B.current = !0, () => {
-		B.current = !1;
-	}), []);
-	let [re, V] = I(!1), [H, ie] = I(0), { upload: ae, isUploading: oe, error: U } = g(), W = F(null), [G, se] = I(""), [K, q] = I("drawn"), [J, ce] = I(""), [Y, le] = I(null), [X, ue] = I(""), [Z, Q] = I(null), de = async () => {
-		if (z.current) return;
-		if (Q(null), D.loading || D.error || !D.data || _ < H || !O || p?.kind === "UNKNOWN") {
-			Q("Review the current linked shipment status and confirm completion before capture. Do not resend an uncertain capture.");
-			return;
-		}
-		let n = G.trim();
-		if (!n) {
-			Q("Recipient name is required.");
-			return;
-		}
-		let r = K === "typed" ? J.trim() : W.current?.toDataUrl() ?? null;
-		if (!r) {
-			Q(K === "typed" ? "Type the recipient full name as their signature." : "A signature is required.");
-			return;
-		}
-		z.current = !0, V(!0);
-		try {
-			let i;
-			if (Y) if (j.current?.file === Y) i = [j.current.id];
-			else {
-				let e = await ae(Y);
-				j.current = {
-					file: Y,
-					id: e.fileId
-				}, i = [e.fileId];
-			}
-			if (!B.current) return;
-			let a = await ne();
-			if (!B.current) return;
-			let o = await u({
-				expectedShipmentId: D.data.myEpodShipmentStatus?.id ?? null,
-				expectedShipmentStatusRevision: D.data.myEpodShipmentStatus?.statusRevision,
-				completionAttestation: O,
-				deliveryJobId: e.id,
-				recipientName: n,
-				signatureType: K,
-				signatureData: r,
-				photoFileIds: i,
-				latitude: a?.coords.latitude,
-				longitude: a?.coords.longitude,
-				locationAccuracy: a?.coords.accuracy,
-				notes: X.trim() || void 0
-			});
-			if (!B.current) return;
-			t(o.deliveryJobId);
-		} catch {
-			A(!1), ie(_ + 1);
-		} finally {
-			z.current = !1, V(!1);
-		}
-	}, $ = d || oe || re;
-	return /* @__PURE__ */ R(y, { children: [/* @__PURE__ */ L(x, { children: /* @__PURE__ */ R(S, {
-		className: "flex items-center gap-2",
-		children: [
-			/* @__PURE__ */ L(s, { size: 18 }),
-			" Capture delivery for ",
-			e.deliveryJobNumber
-		]
-	}) }), /* @__PURE__ */ R(b, {
-		className: "space-y-4",
+function U({ stop: e }) {
+	let t = z(e);
+	return /* @__PURE__ */ F("span", {
+		"aria-hidden": "true",
+		className: `flex h-8 w-8 shrink-0 items-center justify-center rounded-full border text-sm font-semibold ${e.state === "EN_ROUTE" ? "border-primary bg-primary text-primary-foreground" : t ? "border-border bg-surface-secondary text-text-secondary" : "border-border bg-surface text-text-primary"}`,
+		children: e.state === "COMPLETED" ? /* @__PURE__ */ F(i, { size: 16 }) : e.sequence
+	});
+}
+function W({ stop: e, onOpen: t, onCapture: n, offline: r }) {
+	return /* @__PURE__ */ F(w, { children: /* @__PURE__ */ I(T, {
+		className: "flex items-start gap-3 py-4",
 		children: [
-			/* @__PURE__ */ R("div", {
-				className: "text-sm text-text-secondary space-y-1",
-				children: [e.customerName && /* @__PURE__ */ R("p", { children: ["Recipient on file: ", e.customerName] }), e.deliveryAddress && /* @__PURE__ */ L("p", { children: ee(e.deliveryAddress) })]
-			}),
-			/* @__PURE__ */ R("section", {
-				"aria-label": "Linked shipment status",
-				className: "space-y-2",
-				children: [
-					/* @__PURE__ */ R("p", { children: [
-						"Recorded shipment:",
-						" ",
-						D.data?.myEpodShipmentStatus ? `${D.data.myEpodShipmentStatus.status.toLowerCase().replaceAll("_", " ")} · revision ${D.data.myEpodShipmentStatus.statusRevision}` : D.data ? "No linked shipment" : "Loading current record"
-					] }),
-					D.error && /* @__PURE__ */ L("p", {
-						role: "alert",
-						children: D.error
-					}),
-					/* @__PURE__ */ L(v, {
-						variant: "outline",
-						disabled: D.loading || $,
-						onClick: () => {
-							A(!1), E((e) => e + 1);
-						},
-						children: "Refresh linked status"
-					}),
-					/* @__PURE__ */ R("label", {
-						className: "flex items-start gap-2",
-						children: [/* @__PURE__ */ L("input", {
-							type: "checkbox",
-							checked: O,
-							disabled: D.loading || !!D.error || $ || _ < H || p?.kind === "UNKNOWN",
-							onChange: (e) => A(e.target.checked)
-						}), "I reviewed the recorded linked status and attest to this delivery completion."]
-					}),
-					/* @__PURE__ */ L("p", { children: "This records an assigned driver's attestation; it does not independently verify physical freight movement." }),
-					p && /* @__PURE__ */ L("p", {
-						role: "status",
-						children: p.message
-					})
-				]
-			}),
-			/* @__PURE__ */ R("div", {
-				className: "space-y-1.5",
-				children: [/* @__PURE__ */ L(w, {
-					htmlFor: "epod-recipient-name",
-					children: "Recipient name"
-				}), /* @__PURE__ */ L(C, {
-					id: "epod-recipient-name",
-					value: G,
-					onChange: (e) => se(e.target.value),
-					placeholder: "Who received the delivery?"
-				})]
-			}),
-			/* @__PURE__ */ R("div", {
-				className: "space-y-1.5",
+			/* @__PURE__ */ F(U, { stop: e }),
+			/* @__PURE__ */ I("button", {
+				type: "button",
+				onClick: t,
+				"aria-label": `Stop ${e.sequence}, ${e.deliveryJobNumber}, open details`,
+				className: "min-w-0 flex-1 text-left",
 				children: [
-					/* @__PURE__ */ L(w, { children: "Signature" }),
-					/* @__PURE__ */ R("div", {
-						className: "flex gap-2",
-						children: [/* @__PURE__ */ R(v, {
-							type: "button",
-							variant: K === "drawn" ? "default" : "outline",
-							size: "sm",
-							onClick: () => q("drawn"),
-							children: [/* @__PURE__ */ L(o, { size: 14 }), " Draw"]
-						}), /* @__PURE__ */ R(v, {
-							type: "button",
-							variant: K === "typed" ? "default" : "outline",
-							size: "sm",
-							onClick: () => q("typed"),
-							children: [/* @__PURE__ */ L(c, { size: 14 }), " Type name instead"]
-						})]
+					/* @__PURE__ */ I("div", {
+						className: "flex flex-wrap items-center gap-1.5",
+						children: [
+							/* @__PURE__ */ I("span", {
+								className: "font-medium",
+								children: ["Stop ", e.sequence]
+							}),
+							/* @__PURE__ */ F(H, { state: e.state }),
+							e.overdue && /* @__PURE__ */ F(S, {
+								variant: "destructive",
+								children: "Overdue"
+							})
+						]
 					}),
-					K === "drawn" ? /* @__PURE__ */ L(M, { ref: W }) : /* @__PURE__ */ L(C, {
-						value: J,
-						onChange: (e) => ce(e.target.value),
-						placeholder: "Type full name as signature"
-					})
-				]
-			}),
-			/* @__PURE__ */ R("div", {
-				className: "space-y-1.5",
-				children: [
-					/* @__PURE__ */ L(w, {
-						htmlFor: "epod-photo",
-						children: "Delivery photo (optional)"
+					e.deliveryAddress && /* @__PURE__ */ F("p", {
+						className: "mt-1 text-sm text-text-secondary",
+						children: f(e.deliveryAddress)
 					}),
-					/* @__PURE__ */ R("div", {
-						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ L("input", {
-							id: "epod-photo",
-							type: "file",
-							accept: "image/*",
-							capture: "environment",
-							onChange: (e) => le(e.target.files?.[0] ?? null),
-							className: "text-sm"
-						}), Y && /* @__PURE__ */ L(l, {
-							size: 14,
-							className: "text-text-secondary"
-						})]
-					}),
-					Y && /* @__PURE__ */ L("p", {
-						className: "text-xs text-text-secondary",
-						children: Y.name
+					/* @__PURE__ */ I("p", {
+						className: "mt-1 flex flex-wrap items-center gap-x-3 gap-y-0.5 text-xs text-text-secondary",
+						children: [
+							e.scheduledDelivery && /* @__PURE__ */ I("span", {
+								className: "flex items-center gap-1",
+								children: [
+									/* @__PURE__ */ F(a, { size: 12 }),
+									" ",
+									m(e.scheduledDelivery)
+								]
+							}),
+							/* @__PURE__ */ I("span", {
+								className: "flex items-center gap-1",
+								children: [
+									/* @__PURE__ */ F(s, { size: 12 }),
+									" ",
+									e.deliveryJobNumber
+								]
+							}),
+							e.routeName && /* @__PURE__ */ I("span", {
+								className: "flex items-center gap-1",
+								children: [
+									/* @__PURE__ */ F(u, { size: 12 }),
+									" ",
+									e.routeName
+								]
+							})
+						]
 					})
 				]
 			}),
-			/* @__PURE__ */ R("div", {
-				className: "space-y-1.5",
-				children: [/* @__PURE__ */ L(w, {
-					htmlFor: "epod-notes",
-					children: "Notes (optional)"
-				}), /* @__PURE__ */ L(T, {
-					id: "epod-notes",
-					value: X,
-					onChange: (e) => ue(e.target.value),
-					placeholder: "e.g. Left with front desk, gate code used, etc.",
-					rows: 2
-				})]
-			}),
-			/* @__PURE__ */ R("p", {
-				className: "flex items-center gap-1.5 text-xs text-text-secondary",
-				children: [/* @__PURE__ */ L(i, { size: 12 }), " Device GPS is captured automatically when permitted by the browser."]
-			}),
-			Z && /* @__PURE__ */ L(k, { message: Z }),
-			f && /* @__PURE__ */ L(k, { message: f.message }),
-			U && /* @__PURE__ */ L(k, { message: U.message }),
-			/* @__PURE__ */ R("div", {
-				className: "flex gap-2 justify-end",
-				children: [/* @__PURE__ */ L(v, {
-					type: "button",
-					variant: "outline",
-					onClick: a,
-					disabled: $,
-					children: "Cancel"
-				}), /* @__PURE__ */ L(v, {
-					type: "button",
-					onClick: () => void de(),
-					disabled: $ || D.loading || !!D.error || !D.data || _ < H || !O || p?.kind === "UNKNOWN",
-					children: $ ? /* @__PURE__ */ R(te, { children: [/* @__PURE__ */ L(r, {
-						size: 14,
-						className: "animate-spin"
-					}), " Submitting…"] }) : /* @__PURE__ */ R(te, { children: [/* @__PURE__ */ L(n, { size: 14 }), " Confirm delivery"] })
-				})]
+			e.awaitingCapture && /* @__PURE__ */ F(C, {
+				type: "button",
+				size: "sm",
+				onClick: n,
+				disabled: r,
+				children: "Capture"
 			})
 		]
-	})] });
+	}) });
+}
+function G({ stop: t, onBack: n, onCapture: r, offline: a }) {
+	let s = b(t.deliveryAddress), l = _(t.customerPhone);
+	return /* @__PURE__ */ I("div", {
+		className: "space-y-4",
+		children: [/* @__PURE__ */ I(C, {
+			type: "button",
+			variant: "ghost",
+			size: "sm",
+			onClick: n,
+			children: [/* @__PURE__ */ F(e, { size: 16 }), " All stops"]
+		}), /* @__PURE__ */ F(w, { children: /* @__PURE__ */ I(T, {
+			className: "space-y-4 py-5",
+			children: [
+				/* @__PURE__ */ I("div", {
+					className: "flex flex-wrap items-center gap-2",
+					children: [
+						/* @__PURE__ */ F(U, { stop: t }),
+						/* @__PURE__ */ I("h2", {
+							className: "text-lg font-semibold",
+							children: ["Stop ", t.sequence]
+						}),
+						/* @__PURE__ */ F(H, { state: t.state }),
+						/* @__PURE__ */ F(D, {
+							priority: h(t.priority),
+							size: "sm"
+						}),
+						t.overdue && /* @__PURE__ */ F(S, {
+							variant: "destructive",
+							children: "Overdue"
+						})
+					]
+				}),
+				/* @__PURE__ */ I("dl", {
+					className: "grid gap-3 text-sm",
+					children: [
+						/* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("dt", {
+							className: "text-text-secondary",
+							children: "Deliver to"
+						}), /* @__PURE__ */ F("dd", {
+							className: "font-medium",
+							children: t.deliveryAddress ? f(t.deliveryAddress) : "No address on file"
+						})] }),
+						t.customerName && /* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("dt", {
+							className: "text-text-secondary",
+							children: "Recipient"
+						}), /* @__PURE__ */ F("dd", {
+							className: "font-medium",
+							children: t.customerName
+						})] }),
+						/* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("dt", {
+							className: "text-text-secondary",
+							children: "Order"
+						}), /* @__PURE__ */ F("dd", {
+							className: "font-medium",
+							children: t.deliveryJobNumber
+						})] }),
+						t.scheduledDelivery && /* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("dt", {
+							className: "text-text-secondary",
+							children: "Scheduled"
+						}), /* @__PURE__ */ F("dd", {
+							className: "font-medium",
+							children: p(t.scheduledDelivery, "full")
+						})] }),
+						t.routeName && /* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("dt", {
+							className: "text-text-secondary",
+							children: "Route"
+						}), /* @__PURE__ */ F("dd", {
+							className: "font-medium",
+							children: t.routeName
+						})] }),
+						t.specialInstructions && /* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("dt", {
+							className: "text-text-secondary",
+							children: "Delivery instructions"
+						}), /* @__PURE__ */ F("dd", {
+							className: "whitespace-pre-line",
+							children: t.specialInstructions
+						})] }),
+						t.deliveredAt && /* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("dt", {
+							className: "text-text-secondary",
+							children: "Proof of delivery captured"
+						}), /* @__PURE__ */ F("dd", {
+							className: "font-medium",
+							children: p(t.deliveredAt, "full")
+						})] })
+					]
+				}),
+				/* @__PURE__ */ I("div", {
+					className: "grid gap-2 sm:grid-cols-2",
+					children: [/* @__PURE__ */ I(C, {
+						type: "button",
+						variant: "outline",
+						disabled: !s,
+						onClick: () => V(s),
+						children: [/* @__PURE__ */ F(o, { size: 16 }), " Navigate"]
+					}), /* @__PURE__ */ I(C, {
+						type: "button",
+						variant: "outline",
+						disabled: !l,
+						onClick: () => {
+							l && (window.location.href = l);
+						},
+						children: [/* @__PURE__ */ F(c, { size: 16 }), " Call recipient"]
+					})]
+				}),
+				t.awaitingCapture ? /* @__PURE__ */ I(C, {
+					type: "button",
+					className: "w-full",
+					onClick: r,
+					disabled: a,
+					children: [/* @__PURE__ */ F(i, { size: 16 }), " Capture proof of delivery"]
+				}) : t.state === "UPCOMING" ? /* @__PURE__ */ F("p", {
+					className: "text-sm text-text-secondary",
+					children: "Proof of delivery opens once dispatch marks this stop out for delivery."
+				}) : null
+			]
+		}) })]
+	});
 }
-function B() {
-	let { workspaceId: r, tenantId: i, currentUser: o, apiGatewayUrl: c } = u(), [l, m] = I(0), { jobs: h, hasMore: g, isLoading: x, error: S, refetch: C, retireAcknowledgedJob: w } = _({
-		limit: 20,
-		offset: l * 20
-	}), [T, M] = I(null), { message: N, notify: P } = j();
-	return /* @__PURE__ */ L(E, {
+function K() {
+	let { workspaceId: e, tenantId: a, currentUser: o, apiGatewayUrl: s } = ne(), c = x(), m = !c, [h, _] = N(() => g(/* @__PURE__ */ new Date())), [b, S] = N("all"), [D, L] = N({ kind: "list" }), { day: R, isLoading: H, error: U, refetch: K, markCaptured: ce } = re(h), { message: le, notify: ue } = A(), q = g(/* @__PURE__ */ new Date()), J = M(!1);
+	se(() => {
+		c ? J.current && (J.current = !1, K()) : J.current = !0;
+	}, [c, K]);
+	let Y = j(() => R?.stops ?? [], [R]), X = j(() => Y.filter((e) => b === "all" ? !0 : b === "completed" ? z(e) : !z(e)), [Y, b]), Z = j(() => v(Y.filter((e) => !z(e)).map((e) => e.deliveryAddress)), [Y]), Q = D.kind === "list" ? null : Y.find((e) => e.jobId === D.jobId) ?? null, de = (e) => {
+		ce(e), ue("Proof of delivery captured — delivery marked complete."), L({ kind: "list" }), K();
+	}, $ = (e) => {
+		/^\d{4}-\d{2}-\d{2}$/.test(e) && (_(e), L({ kind: "list" }));
+	}, fe = R && R.totalStops > 0 ? R.completedStops / R.totalStops * 100 : 0;
+	return /* @__PURE__ */ F(E, {
 		title: "My Deliveries",
-		subtitle: "Capture proof of delivery for your assigned stops",
-		icon: /* @__PURE__ */ L(s, { size: 24 }),
-		children: /* @__PURE__ */ R("div", {
+		subtitle: "Your stops for the day, in order — navigate, then capture proof of delivery",
+		icon: /* @__PURE__ */ F(ee, { size: 24 }),
+		maxWidth: "2xl",
+		children: /* @__PURE__ */ I("div", {
 			className: "space-y-4",
-			children: [/* @__PURE__ */ L(A, { message: N }), T ? /* @__PURE__ */ L(z, {
-				job: T,
-				onCaptured: (e) => {
-					w(e), P("Proof of delivery captured — delivery marked complete."), M(null), m(0), C();
-				},
-				onCancel: () => M(null)
-			}, `${r}:${i}:${o?.id}:${c}:${T.id}`) : x ? /* @__PURE__ */ L("p", {
-				className: "text-text-secondary text-center py-8",
-				children: "Loading your deliveries…"
-			}) : S ? /* @__PURE__ */ L(k, { message: S.message }) : h.length > 0 ? /* @__PURE__ */ R("div", {
-				className: "space-y-3",
-				children: [h.map((e) => /* @__PURE__ */ L(y, { children: /* @__PURE__ */ R(b, {
-					className: "flex items-center justify-between gap-3 py-4",
-					children: [/* @__PURE__ */ R("div", {
-						className: "min-w-0",
+			children: [
+				/* @__PURE__ */ F(k, { message: le }),
+				m && /* @__PURE__ */ I("div", {
+					role: "status",
+					className: "flex items-start gap-2 rounded-md border border-border bg-surface-secondary p-3 text-sm",
+					children: [/* @__PURE__ */ F(te, {
+						size: 16,
+						className: "mt-0.5 shrink-0"
+					}), /* @__PURE__ */ F("span", { children: "You are offline. Your last loaded stops stay available; reconnect to capture proof of delivery." })]
+				}),
+				Q && D.kind === "capture" && Q.awaitingCapture ? /* @__PURE__ */ F(oe, {
+					job: B(Q),
+					offline: m,
+					onCaptured: de,
+					onCancel: () => L({
+						kind: "stop",
+						jobId: Q.jobId
+					})
+				}, `${e}:${a}:${o?.id}:${s}:${Q.jobId}`) : Q ? /* @__PURE__ */ F(G, {
+					stop: Q,
+					offline: m,
+					onBack: () => L({ kind: "list" }),
+					onCapture: () => L({
+						kind: "capture",
+						jobId: Q.jobId
+					})
+				}) : /* @__PURE__ */ I(P, { children: [
+					/* @__PURE__ */ I("div", {
+						className: "flex flex-wrap items-center gap-2",
 						children: [
-							/* @__PURE__ */ R("p", {
-								className: "font-medium flex items-center gap-2",
-								children: [
-									/* @__PURE__ */ L(a, { size: 16 }),
-									" ",
-									e.deliveryJobNumber
-								]
+							/* @__PURE__ */ F(C, {
+								type: "button",
+								variant: "outline",
+								size: "sm",
+								"aria-label": "Previous day",
+								onClick: () => $(y(h, -1)),
+								children: /* @__PURE__ */ F(n, { size: 16 })
+							}),
+							/* @__PURE__ */ I(C, {
+								type: "button",
+								variant: h === q ? "default" : "outline",
+								size: "sm",
+								onClick: () => $(q),
+								children: [/* @__PURE__ */ F(t, { size: 16 }), " Today"]
 							}),
-							/* @__PURE__ */ R("div", {
-								className: "flex flex-wrap items-center gap-1.5 py-1",
-								children: [/* @__PURE__ */ L(O, {
-									status: p(e.status),
-									type: "order",
-									size: "sm"
-								}), /* @__PURE__ */ L(D, {
-									priority: f(e.priority),
-									size: "sm"
-								})]
+							/* @__PURE__ */ F(C, {
+								type: "button",
+								variant: "outline",
+								size: "sm",
+								"aria-label": "Next day",
+								onClick: () => $(y(h, 1)),
+								children: /* @__PURE__ */ F(r, { size: 16 })
 							}),
-							e.deliveryAddress && /* @__PURE__ */ L("p", {
-								className: "text-sm text-text-secondary truncate",
-								children: ee(e.deliveryAddress)
+							/* @__PURE__ */ F(ie, {
+								type: "date",
+								"aria-label": "Delivery date",
+								value: h,
+								onChange: (e) => $(e.target.value),
+								className: "w-auto"
 							}),
-							e.scheduledDelivery && /* @__PURE__ */ R("p", {
-								className: "text-xs text-text-secondary",
-								children: ["Scheduled ", d(e.scheduledDelivery, "short")]
+							/* @__PURE__ */ F(C, {
+								type: "button",
+								variant: "ghost",
+								size: "sm",
+								"aria-label": "Refresh stops",
+								disabled: H || m,
+								onClick: () => void K(),
+								children: /* @__PURE__ */ F(l, {
+									size: 16,
+									className: H ? "animate-spin" : void 0
+								})
 							})
 						]
-					}), /* @__PURE__ */ L(v, {
-						type: "button",
-						size: "sm",
-						onClick: () => M(e),
-						children: "Capture"
-					})]
-				}) }, e.id)), (l > 0 || g) && /* @__PURE__ */ R("div", {
-					className: "flex justify-end gap-2 pt-2",
-					children: [/* @__PURE__ */ R(v, {
-						type: "button",
-						variant: "outline",
-						size: "sm",
-						disabled: l === 0 || x,
-						onClick: () => m((e) => Math.max(0, e - 1)),
-						children: [/* @__PURE__ */ L(e, { size: 16 }), " Previous"]
-					}), /* @__PURE__ */ R(v, {
-						type: "button",
-						variant: "outline",
-						size: "sm",
-						disabled: !g || x,
-						onClick: () => m((e) => e + 1),
-						children: ["Next ", /* @__PURE__ */ L(t, { size: 16 })]
-					})]
-				})]
-			}) : /* @__PURE__ */ R("div", {
-				className: "text-center py-12",
-				children: [/* @__PURE__ */ L(n, {
-					size: 40,
-					className: "mx-auto mb-3 text-text-secondary opacity-50"
-				}), /* @__PURE__ */ L("p", {
-					className: "text-text-secondary",
-					children: "No deliveries awaiting proof of delivery."
-				})]
-			})]
+					}),
+					U && /* @__PURE__ */ F(O, { message: U.message }),
+					H && !R ? /* @__PURE__ */ F("p", {
+						className: "py-8 text-center text-text-secondary",
+						children: "Loading your deliveries…"
+					}) : R && R.driverId === null ? /* @__PURE__ */ I("div", {
+						className: "py-12 text-center",
+						children: [/* @__PURE__ */ F(d, {
+							size: 40,
+							className: "mx-auto mb-3 text-text-secondary opacity-50"
+						}), /* @__PURE__ */ F("p", {
+							className: "text-text-secondary",
+							children: "Your account is not linked to a driver in this workspace. Ask your dispatcher to link your user on the driver profile."
+						})]
+					}) : R ? /* @__PURE__ */ I(P, { children: [
+						/* @__PURE__ */ F(w, { children: /* @__PURE__ */ I(T, {
+							className: "space-y-3 py-4",
+							children: [
+								/* @__PURE__ */ I("div", {
+									className: "flex flex-wrap items-baseline justify-between gap-2",
+									children: [/* @__PURE__ */ I("p", {
+										className: "font-medium",
+										children: [
+											R.completedStops,
+											" of ",
+											R.totalStops,
+											" stops done",
+											R.driverName ? ` · ${R.driverName}` : ""
+										]
+									}), /* @__PURE__ */ F("p", {
+										className: "text-sm text-text-secondary",
+										children: p(/* @__PURE__ */ new Date(`${h}T12:00:00`), "full")
+									})]
+								}),
+								/* @__PURE__ */ F(ae, {
+									value: fe,
+									"aria-label": "Stops completed"
+								}),
+								R.nextStop && /* @__PURE__ */ I("div", {
+									className: "rounded-md border border-border p-3",
+									children: [
+										/* @__PURE__ */ I("p", {
+											className: "text-xs uppercase tracking-wide text-text-secondary",
+											children: ["Next stop · Stop ", R.nextStop.sequence]
+										}),
+										/* @__PURE__ */ F("p", {
+											className: "mt-1 font-medium",
+											children: R.nextStop.deliveryAddress ? f(R.nextStop.deliveryAddress) : R.nextStop.deliveryJobNumber
+										}),
+										R.nextStop.customerName && /* @__PURE__ */ I("p", {
+											className: "text-sm text-text-secondary",
+											children: ["Recipient: ", R.nextStop.customerName]
+										}),
+										/* @__PURE__ */ I("div", {
+											className: "mt-3 grid gap-2 sm:grid-cols-2",
+											children: [/* @__PURE__ */ I(C, {
+												type: "button",
+												onClick: () => V(Z),
+												disabled: !Z,
+												children: [/* @__PURE__ */ F(u, { size: 16 }), " Start route"]
+											}), /* @__PURE__ */ I(C, {
+												type: "button",
+												variant: "outline",
+												onClick: () => {
+													let e = R.nextStop;
+													e && L({
+														kind: "stop",
+														jobId: e.jobId
+													});
+												},
+												children: ["Stop details ", /* @__PURE__ */ F(r, { size: 16 })]
+											})]
+										})
+									]
+								})
+							]
+						}) }),
+						/* @__PURE__ */ F("div", {
+							role: "tablist",
+							"aria-label": "Filter stops",
+							className: "flex gap-2",
+							children: [
+								["all", `All stops (${R.totalStops})`],
+								["remaining", `Remaining (${R.remainingStops})`],
+								["completed", `Done (${R.completedStops})`]
+							].map(([e, t]) => /* @__PURE__ */ F(C, {
+								type: "button",
+								role: "tab",
+								"aria-selected": b === e,
+								size: "sm",
+								variant: b === e ? "default" : "outline",
+								onClick: () => S(e),
+								children: t
+							}, e))
+						}),
+						X.length > 0 ? /* @__PURE__ */ F("div", {
+							className: "space-y-3",
+							children: X.map((e) => /* @__PURE__ */ F(W, {
+								stop: e,
+								offline: m,
+								onOpen: () => L({
+									kind: "stop",
+									jobId: e.jobId
+								}),
+								onCapture: () => L({
+									kind: "capture",
+									jobId: e.jobId
+								})
+							}, e.jobId))
+						}) : /* @__PURE__ */ I("div", {
+							className: "py-12 text-center",
+							children: [/* @__PURE__ */ F(i, {
+								size: 40,
+								className: "mx-auto mb-3 text-text-secondary opacity-50"
+							}), /* @__PURE__ */ F("p", {
+								className: "text-text-secondary",
+								children: R.totalStops === 0 ? "No deliveries scheduled for this day." : b === "completed" ? "No stops completed yet." : "All stops done for this day."
+							})]
+						})
+					] }) : null
+				] })
+			]
 		})
 	});
 }
 //#endregion
-export { B as default };
+export { K as default };