@burdenoff/microfe-movethewheels 2026.929.3 → 2026.930.1

package/dist/pages/RouteDetailsPage.js

@@ -16,8 +16,8 @@ import { useMoveTheWheels as te } from "../providers/MoveTheWheelsProvider.js";
 import { useRoute as ne, useRoutes as re } from "../hooks/useRoutes.js";
 import { useDriver as p, useDrivers as ie, useVehicle as ae, useVehicles as m } from "../hooks/useFleet.js";
 import { Badge as h, Button as g, Card as _, CardContent as v, CardHeader as y, CardTitle as b, Input as x, Label as S, Select as C, SelectContent as w, SelectItem as T, SelectTrigger as E, SelectValue as D } from "../components/ui.js";
-import { ErrorState as oe, LoadingState as se, PageLayout as O } from "../components/PageLayout.js";
-import { RouteMap as k } from "../components/maps/RouteMap.js";
+import { ErrorState as oe, LoadingState as O, PageLayout as k } from "../components/PageLayout.js";
+import { RouteMap as se } from "../components/maps/RouteMap.js";
 import "../components/maps/index.js";
 import { ROUTE_STATUS_COLORS as A } from "../constants/index.js";
 import { StatusBadge as j } from "../components/StatusBadge.js";
@@ -25,16 +25,16 @@ import { FormError as M } from "../components/FormError.js";
 import { Notice as N, useNotice as ce } from "../components/Notice.js";
 import { formatAddress as P, formatCurrency as le, formatDate as F } from "../utils/formatters.js";
 import { EntityCombobox as I } from "../components/EntityCombobox.js";
-import { firstRealLatLng as L } from "../utils/mapMarkers.js";
-import { useAssignmentSuggestions as ue } from "../hooks/useFleetIntelligence.js";
-import { AssignmentSuggestions as de } from "../components/AssignmentSuggestions.js";
-import { useEffect as R, useState as z } from "react";
-import { useLocation as B, useParams as V } from "react-router";
-import { Fragment as H, jsx as U, jsxs as W } from "react/jsx-runtime";
-import { useI18n as fe } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { EmphasisPanel as pe, NextSteps as me, PagePurpose as he, ResponsiveDialog as ge, ResponsiveDialogContent as _e, ResponsiveDialogDescription as G, ResponsiveDialogFooter as K, ResponsiveDialogHeader as ve, ResponsiveDialogTitle as q } from "@burdenoff/fe-libs/ui";
+import { firstRealLatLng as ue } from "../utils/mapMarkers.js";
+import { useAssignmentSuggestions as de } from "../hooks/useFleetIntelligence.js";
+import { AssignmentSuggestions as fe } from "../components/AssignmentSuggestions.js";
+import { useEffect as L, useState as R } from "react";
+import { useLocation as z, useParams as B } from "react-router";
+import { Fragment as V, jsx as H, jsxs as U } from "react/jsx-runtime";
+import { useI18n as pe } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { EmphasisPanel as me, NextSteps as he, PagePurpose as ge, ResponsiveDialog as _e, ResponsiveDialogContent as ve, ResponsiveDialogDescription as ye, ResponsiveDialogFooter as be, ResponsiveDialogHeader as xe, ResponsiveDialogTitle as Se } from "@burdenoff/fe-libs/ui";
 //#region src/movethewheels/pages/RouteDetailsPage.tsx
-var J = [
+var W = [
 	{
 		value: "planned",
 		label: "Planned"
@@ -52,8 +52,8 @@ var J = [
 		label: "Cancelled"
 	}
 ];
-function Y({ editId: r }) {
-	let { basePath: i, navigate: a } = te(), { createRoute: ee, updateRoute: l } = re(), { route: d } = ne(r), [h, oe] = z(""), [se, k] = z(""), A = !!r, [j, N] = z({
+function G({ editId: r }) {
+	let { basePath: i, navigate: a } = te(), { createRoute: ee, updateRoute: l } = re(), { route: d } = ne(r), [h, oe] = R(""), [O, se] = R(""), A = !!r, [j, N] = R({
 		name: "",
 		status: "planned",
 		vehicleId: "",
@@ -62,16 +62,14 @@ function Y({ editId: r }) {
 			address: "",
 			type: "delivery"
 		}]
-	}), { vehicles: ce, isLoading: le, hasMore: F, totalVehicles: L } = m({
+	}), { vehicles: ce, isLoading: le, hasMore: F, totalVehicles: ue, loadMore: de, isLoadingMore: fe } = m({
 		limit: 20,
-		search: h || void 0,
-		driverId: j.driverId || void 0
-	}), { drivers: ue, isLoading: de, hasMore: B, totalDrivers: V } = ie({
+		search: h || void 0
+	}), { drivers: z, isLoading: B, hasMore: pe, totalDrivers: he, loadMore: _e, isLoadingMore: ve } = ie({
 		limit: 20,
-		search: se || void 0,
-		vehicleId: j.vehicleId || void 0
-	}), { vehicle: fe, isLoading: me } = ae(j.vehicleId || void 0), { driver: ge, isLoading: _e } = p(j.driverId || void 0), [G, K] = z(!1), [ve, q] = z(null);
-	R(() => {
+		search: O || void 0
+	}), { vehicle: ye, isLoading: be } = ae(j.vehicleId || void 0), { driver: xe, isLoading: Se } = p(j.driverId || void 0), [G, K] = R(!1), [Ce, q] = R(null);
+	L(() => {
 		!r || !d || N({
 			name: d.name || "",
 			status: d.status,
@@ -86,13 +84,13 @@ function Y({ editId: r }) {
 			}]
 		});
 	}, [r, d]);
-	let Y = () => a?.(f(i, "routes")), X = () => N((e) => ({
+	let J = () => a?.(f(i, "routes")), Y = () => N((e) => ({
 		...e,
 		stops: [...e.stops, {
 			address: "",
 			type: "delivery"
 		}]
-	})), ye = (e) => N((t) => ({
+	})), X = (e) => N((t) => ({
 		...t,
 		stops: t.stops.filter((t, n) => n !== e)
 	})), Z = (e, t, n) => N((r) => ({
@@ -133,16 +131,14 @@ function Y({ editId: r }) {
 					country: ""
 				},
 				type: e.type,
-				scheduledTime: /* @__PURE__ */ new Date(),
-				duration: 0,
 				status: "pending"
 			}));
 			if (A) {
 				let t = await l(r, {
 					name: j.name.trim(),
 					status: j.status,
-					vehicleId: j.vehicleId || void 0,
-					driverId: j.driverId || void 0,
+					vehicleId: j.vehicleId || null,
+					driverId: j.driverId || null,
 					stops: e
 				});
 				a?.(f(i, `routes/${t.id}`));
@@ -160,51 +156,51 @@ function Y({ editId: r }) {
 			console.error("Failed to create route:", e), q(e instanceof Error ? e.message : "Failed to create route. Please try again."), K(!1);
 		}
 	};
-	return /* @__PURE__ */ W(O, {
+	return /* @__PURE__ */ U(k, {
 		title: A ? "Edit Route" : "Create Route",
 		subtitle: "Plan a new delivery route",
-		icon: /* @__PURE__ */ U(o, { size: 24 }),
-		headerActions: /* @__PURE__ */ W("div", {
+		icon: /* @__PURE__ */ H(o, { size: 24 }),
+		headerActions: /* @__PURE__ */ U("div", {
 			className: "flex gap-2",
-			children: [/* @__PURE__ */ W(g, {
+			children: [/* @__PURE__ */ U(g, {
 				variant: "outline",
-				onClick: Y,
+				onClick: J,
 				disabled: G,
-				children: [/* @__PURE__ */ U(t, { size: 16 }), " Cancel"]
-			}), /* @__PURE__ */ W(g, {
+				children: [/* @__PURE__ */ H(t, { size: 16 }), " Cancel"]
+			}), /* @__PURE__ */ U(g, {
 				onClick: $,
 				disabled: G,
 				children: [
-					/* @__PURE__ */ U(c, { size: 16 }),
+					/* @__PURE__ */ H(c, { size: 16 }),
 					" ",
 					A ? G ? "Saving..." : "Save Changes" : G ? "Saving..." : "Create Route"
 				]
 			})]
 		}),
-		children: [/* @__PURE__ */ U(he, {
-			icon: /* @__PURE__ */ U(o, { size: 18 }),
+		children: [/* @__PURE__ */ H(ge, {
+			icon: /* @__PURE__ */ H(o, { size: 18 }),
 			children: "Plan a new delivery route — name it, list the stops to visit, and optionally assign a vehicle and driver. Once created you can optimize it to sequence the stops into the shortest run."
-		}), /* @__PURE__ */ W("form", {
+		}), /* @__PURE__ */ U("form", {
 			onSubmit: $,
 			className: "max-w-3xl space-y-6",
 			children: [
-				/* @__PURE__ */ U(M, { message: ve }),
-				/* @__PURE__ */ W(pe, { children: [/* @__PURE__ */ U("h2", {
+				/* @__PURE__ */ H(M, { message: Ce }),
+				/* @__PURE__ */ U(me, { children: [/* @__PURE__ */ H("h2", {
 					className: "text-base font-semibold text-text-primary mb-4",
 					children: "Route Details"
-				}), /* @__PURE__ */ W("div", {
+				}), /* @__PURE__ */ U("div", {
 					className: "space-y-4",
-					children: [/* @__PURE__ */ W("div", {
+					children: [/* @__PURE__ */ U("div", {
 						className: "grid grid-cols-1 md:grid-cols-2 gap-4",
-						children: [/* @__PURE__ */ W("div", {
+						children: [/* @__PURE__ */ U("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ W(S, {
+							children: [/* @__PURE__ */ U(S, {
 								htmlFor: "name",
-								children: ["Route Name ", /* @__PURE__ */ U("span", {
+								children: ["Route Name ", /* @__PURE__ */ H("span", {
 									className: "text-status-error-text",
 									children: "*"
 								})]
-							}), /* @__PURE__ */ U(x, {
+							}), /* @__PURE__ */ H(x, {
 								id: "name",
 								value: j.name,
 								onChange: (e) => N((t) => ({
@@ -214,34 +210,34 @@ function Y({ editId: r }) {
 								placeholder: "Downtown morning run",
 								required: !0
 							})]
-						}), /* @__PURE__ */ W("div", {
+						}), /* @__PURE__ */ U("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ U(S, {
+							children: [/* @__PURE__ */ H(S, {
 								htmlFor: "status",
 								children: "Status"
-							}), /* @__PURE__ */ W(C, {
+							}), /* @__PURE__ */ U(C, {
 								value: j.status,
 								onValueChange: (e) => N((t) => ({
 									...t,
 									status: e
 								})),
-								children: [/* @__PURE__ */ U(E, {
+								children: [/* @__PURE__ */ H(E, {
 									id: "status",
-									children: /* @__PURE__ */ U(D, {})
-								}), /* @__PURE__ */ U(w, { children: J.map((e) => /* @__PURE__ */ U(T, {
+									children: /* @__PURE__ */ H(D, {})
+								}), /* @__PURE__ */ H(w, { children: W.map((e) => /* @__PURE__ */ H(T, {
 									value: e.value,
 									children: e.label
 								}, e.value)) })]
 							})]
 						})]
-					}), /* @__PURE__ */ W("div", {
+					}), /* @__PURE__ */ U("div", {
 						className: "grid grid-cols-1 md:grid-cols-2 gap-4",
-						children: [/* @__PURE__ */ W("div", {
+						children: [/* @__PURE__ */ U("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ U(S, {
+							children: [/* @__PURE__ */ H(S, {
 								htmlFor: "vehicle",
 								children: "Vehicle (optional)"
-							}), /* @__PURE__ */ U(I, {
+							}), /* @__PURE__ */ H(I, {
 								id: "vehicle",
 								value: j.vehicleId,
 								onChange: (e) => N((t) => ({
@@ -252,140 +248,142 @@ function Y({ editId: r }) {
 								loading: le,
 								getId: (e) => e.id,
 								getLabel: (e) => `${e.vehicleNumber} (${e.type})`,
-								renderOption: (e) => /* @__PURE__ */ W(H, { children: [
+								renderOption: (e) => /* @__PURE__ */ U(V, { children: [
 									e.vehicleNumber,
 									" (",
 									e.type,
 									")"
 								] }),
-								selectedOption: fe,
-								selectedLoading: me,
+								selectedOption: ye,
+								selectedLoading: be,
 								onSearchChange: oe,
 								searchPlaceholder: "Search vehicle number or type…",
 								hasMore: F,
-								totalCount: L,
-								required: !0,
+								totalCount: ue,
+								onLoadMore: de,
+								loadingMore: fe,
 								placeholder: "Assign later",
 								emptyText: "No available vehicles."
 							})]
-						}), /* @__PURE__ */ W("div", {
+						}), /* @__PURE__ */ U("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ U(S, {
+							children: [/* @__PURE__ */ H(S, {
 								htmlFor: "driver",
 								children: "Driver (optional)"
-							}), /* @__PURE__ */ U(I, {
+							}), /* @__PURE__ */ H(I, {
 								id: "driver",
 								value: j.driverId,
 								onChange: (e) => N((t) => ({
 									...t,
 									driverId: e
 								})),
-								options: ue,
-								loading: de,
+								options: z,
+								loading: B,
 								getId: (e) => e.id,
 								getLabel: (e) => `${e.fullName} (${e.employeeId})`,
-								renderOption: (e) => /* @__PURE__ */ W(H, { children: [
+								renderOption: (e) => /* @__PURE__ */ U(V, { children: [
 									e.fullName,
 									" (",
 									e.employeeId,
 									")"
 								] }),
-								selectedOption: ge,
-								selectedLoading: _e,
-								onSearchChange: k,
+								selectedOption: xe,
+								selectedLoading: Se,
+								onSearchChange: se,
 								searchPlaceholder: "Search driver name or employee ID…",
-								hasMore: B,
-								totalCount: V,
-								required: !0,
+								hasMore: pe,
+								totalCount: he,
+								onLoadMore: _e,
+								loadingMore: ve,
 								placeholder: "Assign later",
 								emptyText: "No available drivers."
 							})]
 						})]
 					})]
 				})] }),
-				/* @__PURE__ */ W(_, { children: [/* @__PURE__ */ W(y, {
+				/* @__PURE__ */ U(_, { children: [/* @__PURE__ */ U(y, {
 					className: "flex flex-row items-center justify-between",
-					children: [/* @__PURE__ */ W(b, { children: ["Stops ", /* @__PURE__ */ U("span", {
+					children: [/* @__PURE__ */ U(b, { children: ["Stops ", /* @__PURE__ */ H("span", {
 						className: "text-status-error-text",
 						children: "*"
-					})] }), /* @__PURE__ */ W(g, {
+					})] }), /* @__PURE__ */ U(g, {
 						type: "button",
 						variant: "outline",
 						size: "sm",
-						onClick: X,
-						children: [/* @__PURE__ */ U(s, { size: 16 }), " Add Stop"]
+						onClick: Y,
+						children: [/* @__PURE__ */ H(s, { size: 16 }), " Add Stop"]
 					})]
-				}), /* @__PURE__ */ U(v, {
+				}), /* @__PURE__ */ H(v, {
 					className: "space-y-4",
-					children: j.stops.map((t, r) => /* @__PURE__ */ W("div", {
+					children: j.stops.map((t, r) => /* @__PURE__ */ U("div", {
 						className: "grid grid-cols-1 md:grid-cols-12 gap-3 items-end",
 						children: [
-							/* @__PURE__ */ W("div", {
+							/* @__PURE__ */ U("div", {
 								className: "md:col-span-7 space-y-2",
-								children: [/* @__PURE__ */ W(S, {
+								children: [/* @__PURE__ */ U(S, {
 									htmlFor: `stop-address-${r}`,
 									children: [
 										"Stop ",
 										r + 1,
 										" address"
 									]
-								}), /* @__PURE__ */ U(x, {
+								}), /* @__PURE__ */ H(x, {
 									id: `stop-address-${r}`,
 									value: t.address,
 									onChange: (e) => Z(r, "address", e.target.value),
 									placeholder: "123 Main St, San Francisco, CA"
 								})]
 							}),
-							/* @__PURE__ */ W("div", {
+							/* @__PURE__ */ U("div", {
 								className: "md:col-span-4 space-y-2",
-								children: [/* @__PURE__ */ U(S, {
+								children: [/* @__PURE__ */ H(S, {
 									htmlFor: `stop-type-${r}`,
 									children: "Type"
-								}), /* @__PURE__ */ W(C, {
+								}), /* @__PURE__ */ U(C, {
 									value: t.type,
 									onValueChange: (e) => Z(r, "type", e),
-									children: [/* @__PURE__ */ U(E, {
+									children: [/* @__PURE__ */ H(E, {
 										id: `stop-type-${r}`,
-										children: /* @__PURE__ */ U(D, {})
-									}), /* @__PURE__ */ W(w, { children: [/* @__PURE__ */ U(T, {
+										children: /* @__PURE__ */ H(D, {})
+									}), /* @__PURE__ */ U(w, { children: [/* @__PURE__ */ H(T, {
 										value: "pickup",
 										children: "Pickup"
-									}), /* @__PURE__ */ U(T, {
+									}), /* @__PURE__ */ H(T, {
 										value: "delivery",
 										children: "Delivery"
 									})] })]
 								})]
 							}),
-							/* @__PURE__ */ W("div", {
+							/* @__PURE__ */ U("div", {
 								className: "md:col-span-1 flex justify-end gap-1",
 								children: [
-									/* @__PURE__ */ U(g, {
+									/* @__PURE__ */ H(g, {
 										type: "button",
 										variant: "ghost",
 										size: "icon",
 										onClick: () => Q(r, -1),
 										disabled: r === 0,
 										"aria-label": `Move stop ${r + 1} up`,
-										children: /* @__PURE__ */ U(n, { size: 16 })
+										children: /* @__PURE__ */ H(n, { size: 16 })
 									}),
-									/* @__PURE__ */ U(g, {
+									/* @__PURE__ */ H(g, {
 										type: "button",
 										variant: "ghost",
 										size: "icon",
 										onClick: () => Q(r, 1),
 										disabled: r === j.stops.length - 1,
 										"aria-label": `Move stop ${r + 1} down`,
-										children: /* @__PURE__ */ U(e, { size: 16 })
+										children: /* @__PURE__ */ H(e, { size: 16 })
 									}),
-									/* @__PURE__ */ U(g, {
+									/* @__PURE__ */ H(g, {
 										type: "button",
 										variant: "ghost",
 										size: "icon",
 										className: "text-status-error-text",
-										onClick: () => ye(r),
+										onClick: () => X(r),
 										disabled: j.stops.length === 1,
 										"aria-label": `Remove stop ${r + 1}`,
-										children: /* @__PURE__ */ U(u, { size: 16 })
+										children: /* @__PURE__ */ H(u, { size: 16 })
 									})
 								]
 							})
@@ -396,42 +394,42 @@ function Y({ editId: r }) {
 		})]
 	});
 }
-function X() {
-	let { routeId: e } = V(), n = B().pathname.endsWith("/edit"), { basePath: s, navigate: c } = te(), { route: p, isLoading: ie, error: ae, refetch: m } = ne(e), { optimizeRoute: x, updateRoute: S, deleteRoute: C } = re(), w = ue(e), { t: T } = fe(), E = (e, t) => {
+function K() {
+	let { routeId: e } = B(), n = z().pathname.endsWith("/edit"), { basePath: s, navigate: c } = te(), { route: p, isLoading: ie, error: ae, refetch: m } = ne(e), { optimizeRoute: x, updateRoute: S, deleteRoute: C } = re(), w = de(e), { t: T } = pe(), E = (e, t) => {
 		let n = T(e);
 		return n === e ? t : n;
-	}, { message: D, notify: I } = ce(), [R, H] = z(null), [J, X] = z(!1), [ye, Z] = z(!1), [Q, $] = z(!1), [be, xe] = z(null), Se = () => c?.(f(s, "routes")), Ce = (e) => c?.(f(s, e)), we = async () => {
+	}, { message: D, notify: I } = ce(), [L, V] = R(null), [W, K] = R(!1), [Ce, q] = R(!1), [J, Y] = R(!1), [X, Z] = R(null), Q = () => c?.(f(s, "routes")), $ = (e) => c?.(f(s, e)), we = async () => {
 		if (e) {
-			$(!0), xe(null);
+			Y(!0), Z(null);
 			try {
-				await C(e), Z(!1), Se();
+				await C(e), q(!1), Q();
 			} catch (e) {
-				xe(e instanceof Error ? e.message : "Failed to delete route."), $(!1);
+				Z(e instanceof Error ? e.message : "Failed to delete route."), Y(!1);
 			}
 		}
 	}, Te = async () => {
 		if (e) {
-			X(!0), H(null);
+			K(!0), V(null);
 			try {
 				await x(e), I("Route optimized — stops resequenced for the shortest run."), m();
 			} catch (e) {
-				H(e instanceof Error ? e.message : "Failed to optimize route.");
+				V(e instanceof Error ? e.message : "Failed to optimize route.");
 			} finally {
-				X(!1);
+				K(!1);
 			}
 		}
 	}, Ee = async (t) => {
 		e && (await S(e, t), I(E("movethewheels.routes.suggest.done", "Assignment saved.")), m(), w.refetch());
 	};
-	if (!e) return /* @__PURE__ */ U(Y, {});
-	if (n) return /* @__PURE__ */ U(Y, { editId: e });
-	if (ie) return /* @__PURE__ */ U(se, { message: "Loading route details..." });
-	if (ae || !p) return /* @__PURE__ */ U(oe, {
+	if (!e) return /* @__PURE__ */ H(G, {});
+	if (n) return /* @__PURE__ */ H(G, { editId: e });
+	if (ie) return /* @__PURE__ */ H(O, { message: "Loading route details..." });
+	if (ae || !p) return /* @__PURE__ */ H(oe, {
 		title: "Route not found",
 		onRetry: m
 	});
 	let De = p.stops.map((e) => {
-		let t = L(e.address);
+		let t = ue(e.address);
 		return t ? {
 			lat: t.lat,
 			lng: t.lng,
@@ -439,154 +437,154 @@ function X() {
 			label: P(e.address) || `Order #${e.orderId || e.sequence}`
 		} : null;
 	}).filter((e) => e !== null);
-	return /* @__PURE__ */ W(O, {
+	return /* @__PURE__ */ U(k, {
 		title: p.name,
 		subtitle: `${p.stops.length} stops - ${p.distance.toFixed(1)} km`,
-		icon: /* @__PURE__ */ U(o, { size: 24 }),
-		headerActions: /* @__PURE__ */ W("div", {
+		icon: /* @__PURE__ */ H(o, { size: 24 }),
+		headerActions: /* @__PURE__ */ U("div", {
 			className: "flex gap-2",
 			children: [
-				/* @__PURE__ */ W(g, {
+				/* @__PURE__ */ U(g, {
 					variant: "outline",
-					onClick: Se,
-					children: [/* @__PURE__ */ U(t, { size: 16 }), " Back"]
+					onClick: Q,
+					children: [/* @__PURE__ */ H(t, { size: 16 }), " Back"]
 				}),
-				!p.optimized && /* @__PURE__ */ W(g, {
+				!p.optimized && /* @__PURE__ */ U(g, {
 					variant: "outline",
 					onClick: Te,
-					disabled: J,
+					disabled: W,
 					children: [
-						/* @__PURE__ */ U(d, { size: 16 }),
+						/* @__PURE__ */ H(d, { size: 16 }),
 						" ",
-						J ? "Optimizing…" : "Optimize"
+						W ? "Optimizing…" : "Optimize"
 					]
 				}),
-				/* @__PURE__ */ W(g, {
+				/* @__PURE__ */ U(g, {
 					onClick: () => c?.(f(s, `routes/${e}/edit`)),
-					children: [/* @__PURE__ */ U(l, { size: 16 }), " Edit"]
+					children: [/* @__PURE__ */ H(l, { size: 16 }), " Edit"]
 				})
 			]
 		}),
-		headerContent: /* @__PURE__ */ W("div", {
+		headerContent: /* @__PURE__ */ U("div", {
 			className: "flex gap-2",
-			children: [/* @__PURE__ */ U(j, {
+			children: [/* @__PURE__ */ H(j, {
 				status: p.status,
 				customColors: A[p.status]
-			}), /* @__PURE__ */ U(h, {
-				variant: p.optimized ? "default" : "secondary",
-				children: p.optimized ? "Optimized" : "Not Optimized"
+			}), /* @__PURE__ */ H(h, {
+				variant: p.optimized === !0 ? "default" : "secondary",
+				children: p.optimized === void 0 ? "Optimization unknown" : p.optimized ? "Optimized" : "Not Optimized"
 			})]
 		}),
 		children: [
-			/* @__PURE__ */ U(he, {
-				icon: /* @__PURE__ */ U(o, { size: 18 }),
+			/* @__PURE__ */ H(ge, {
+				icon: /* @__PURE__ */ H(o, { size: 18 }),
 				children: "A single optimized driving plan that chains together this route's stops. Review the sequence, distance and timing here, re-optimize if traffic or stops change, then hand the itinerary to a driver."
 			}),
-			/* @__PURE__ */ U(me, {
+			/* @__PURE__ */ H(he, {
 				storageKey: "movethewheels-route-details",
 				steps: [
 					...p.optimized ? [] : [{
 						id: "optimize",
 						label: "Optimize this route",
 						description: "Reorder stops to cut distance and driving time.",
-						icon: /* @__PURE__ */ U(d, { size: 16 }),
+						icon: /* @__PURE__ */ H(d, { size: 16 }),
 						onClick: Te
 					}],
 					{
 						id: "edit",
 						label: "Adjust stops",
 						description: "Add, remove or reorder the delivery stops.",
-						icon: /* @__PURE__ */ U(l, { size: 16 }),
+						icon: /* @__PURE__ */ H(l, { size: 16 }),
 						onClick: () => {}
 					},
 					{
 						id: "orders",
 						label: "Review the orders on this route",
 						description: "Check the deliveries bundled into this run.",
-						icon: /* @__PURE__ */ U(ee, { size: 16 }),
-						onClick: () => Ce("orders")
+						icon: /* @__PURE__ */ H(ee, { size: 16 }),
+						onClick: () => $("orders")
 					}
 				]
 			}),
-			R && /* @__PURE__ */ U("div", {
+			L && /* @__PURE__ */ H("div", {
 				className: "mb-2",
-				children: /* @__PURE__ */ U(M, { message: R })
+				children: /* @__PURE__ */ H(M, { message: L })
 			}),
-			D && /* @__PURE__ */ U("div", {
+			D && /* @__PURE__ */ H("div", {
 				className: "mb-2",
-				children: /* @__PURE__ */ U(N, { message: D })
+				children: /* @__PURE__ */ H(N, { message: D })
 			}),
-			/* @__PURE__ */ W("div", {
+			/* @__PURE__ */ U("div", {
 				className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
-				children: [/* @__PURE__ */ W("div", {
+				children: [/* @__PURE__ */ U("div", {
 					className: "lg:col-span-2 space-y-6",
-					children: [/* @__PURE__ */ W(_, { children: [/* @__PURE__ */ U(y, { children: /* @__PURE__ */ U(b, { children: "Route Map" }) }), /* @__PURE__ */ U(v, { children: De.length > 0 ? /* @__PURE__ */ U(k, {
+					children: [/* @__PURE__ */ U(_, { children: [/* @__PURE__ */ H(y, { children: /* @__PURE__ */ H(b, { children: "Route Map" }) }), /* @__PURE__ */ H(v, { children: De.length > 0 ? /* @__PURE__ */ H(se, {
 						className: "overflow-hidden rounded-lg border border-border-seam",
 						height: 360,
 						stops: De
-					}) : /* @__PURE__ */ W("div", {
+					}) : /* @__PURE__ */ U("div", {
 						className: "rounded-lg border border-border-seam bg-bg-sunken/40 p-4",
-						children: [/* @__PURE__ */ U("p", {
+						children: [/* @__PURE__ */ H("p", {
 							className: "mb-3 text-sm text-text-secondary",
 							children: "These stops don't have map coordinates yet — showing the planned sequence instead."
-						}), /* @__PURE__ */ U("ol", {
+						}), /* @__PURE__ */ H("ol", {
 							className: "space-y-2",
-							children: p.stops.map((e) => /* @__PURE__ */ W("li", {
+							children: p.stops.map((e) => /* @__PURE__ */ U("li", {
 								className: "flex items-start gap-3",
-								children: [/* @__PURE__ */ U("span", {
+								children: [/* @__PURE__ */ H("span", {
 									className: "flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-action-primary-bg/10 text-xs font-semibold text-primary",
 									children: e.sequence
-								}), /* @__PURE__ */ U("span", {
+								}), /* @__PURE__ */ H("span", {
 									className: "text-sm",
 									children: P(e.address) || `Order #${e.orderId || e.sequence}`
 								})]
 							}, e.id))
 						})]
-					}) })] }), /* @__PURE__ */ W(_, { children: [/* @__PURE__ */ U(y, { children: /* @__PURE__ */ W(b, { children: [
+					}) })] }), /* @__PURE__ */ U(_, { children: [/* @__PURE__ */ H(y, { children: /* @__PURE__ */ U(b, { children: [
 						"Stops (",
 						p.stops.length,
 						")"
-					] }) }), /* @__PURE__ */ U(v, { children: /* @__PURE__ */ U("div", {
+					] }) }), /* @__PURE__ */ H(v, { children: /* @__PURE__ */ H("div", {
 						className: "space-y-4",
-						children: p.stops.map((e, t) => /* @__PURE__ */ W("div", {
+						children: p.stops.map((e, t) => /* @__PURE__ */ U("div", {
 							className: "flex gap-4",
-							children: [/* @__PURE__ */ W("div", {
+							children: [/* @__PURE__ */ U("div", {
 								className: "relative",
-								children: [/* @__PURE__ */ U("div", {
+								children: [/* @__PURE__ */ H("div", {
 									className: `w-8 h-8 rounded-full flex items-center justify-center ${e.status === "completed" ? "bg-status-success-text text-text-inverse" : "bg-bg-sunken"}`,
-									children: e.status === "completed" ? /* @__PURE__ */ U(r, { size: 16 }) : e.sequence
-								}), t < p.stops.length - 1 && /* @__PURE__ */ U("div", { className: "absolute top-8 left-4 w-px h-12 bg-border" })]
-							}), /* @__PURE__ */ U("div", {
+									children: e.status === "completed" ? /* @__PURE__ */ H(r, { size: 16 }) : e.sequence
+								}), t < p.stops.length - 1 && /* @__PURE__ */ H("div", { className: "absolute top-8 left-4 w-px h-12 bg-border" })]
+							}), /* @__PURE__ */ H("div", {
 								className: "flex-1 pb-4",
-								children: /* @__PURE__ */ W("div", {
+								children: /* @__PURE__ */ U("div", {
 									className: "flex items-center justify-between",
-									children: [/* @__PURE__ */ W("div", { children: [/* @__PURE__ */ W("div", {
+									children: [/* @__PURE__ */ U("div", { children: [/* @__PURE__ */ U("div", {
 										className: "flex items-center gap-2",
-										children: [/* @__PURE__ */ U(h, {
+										children: [/* @__PURE__ */ H(h, {
 											variant: e.type === "pickup" ? "secondary" : "default",
 											className: "capitalize",
 											children: e.type
-										}), /* @__PURE__ */ W("span", {
+										}), /* @__PURE__ */ U("span", {
 											className: "font-medium",
 											children: ["Order #", e.orderId]
 										})]
-									}), /* @__PURE__ */ U("p", {
+									}), /* @__PURE__ */ H("p", {
 										className: "text-sm text-text-secondary mt-1",
 										children: P(e.address)
-									})] }), /* @__PURE__ */ W("div", {
+									})] }), /* @__PURE__ */ U("div", {
 										className: "text-right",
 										children: [
-											/* @__PURE__ */ W("p", {
+											/* @__PURE__ */ H("p", {
 												className: "text-sm",
-												children: ["Scheduled: ", F(e.scheduledTime, "time")]
+												children: e.scheduledTime ? `Scheduled: ${F(e.scheduledTime, "time")}` : "Scheduled: Not provided"
 											}),
-											e.actualTime && /* @__PURE__ */ W("p", {
+											e.actualTime && /* @__PURE__ */ U("p", {
 												className: "text-sm text-status-success-text",
 												children: ["Actual: ", F(e.actualTime, "time")]
 											}),
-											/* @__PURE__ */ W("p", {
+											/* @__PURE__ */ H("p", {
 												className: "text-xs text-text-secondary",
-												children: [e.duration, " min stop"]
+												children: e.duration === void 0 ? "Duration not provided" : `${e.duration} min stop`
 											})
 										]
 									})]
@@ -594,10 +592,10 @@ function X() {
 							})]
 						}, e.id))
 					}) })] })]
-				}), /* @__PURE__ */ W("div", {
+				}), /* @__PURE__ */ U("div", {
 					className: "space-y-6",
 					children: [
-						(p.status === "planned" || p.status === "in_progress") && /* @__PURE__ */ U(de, {
+						(p.status === "planned" || p.status === "in_progress") && /* @__PURE__ */ H(fe, {
 							suggestions: w.data,
 							isLoading: w.isLoading,
 							error: w.error,
@@ -607,103 +605,103 @@ function X() {
 							onAssign: Ee,
 							t: E
 						}),
-						/* @__PURE__ */ W(pe, {
+						/* @__PURE__ */ U(me, {
 							className: "space-y-4",
 							children: [
-								/* @__PURE__ */ U("h2", {
+								/* @__PURE__ */ H("h2", {
 									className: "text-base font-semibold text-text-primary",
 									children: "Route Info"
 								}),
-								/* @__PURE__ */ W("div", { children: [/* @__PURE__ */ U("p", {
+								/* @__PURE__ */ U("div", { children: [/* @__PURE__ */ H("p", {
 									className: "text-sm text-text-secondary",
 									children: "Total Distance"
-								}), /* @__PURE__ */ W("p", {
+								}), /* @__PURE__ */ U("p", {
 									className: "text-2xl font-bold",
-									children: [p.distance.toFixed(1), /* @__PURE__ */ U("span", {
+									children: [p.distance.toFixed(1), /* @__PURE__ */ H("span", {
 										className: "text-sm font-normal",
 										children: " km"
 									})]
 								})] }),
-								/* @__PURE__ */ W("div", { children: [/* @__PURE__ */ U("p", {
+								/* @__PURE__ */ U("div", { children: [/* @__PURE__ */ H("p", {
 									className: "text-sm text-text-secondary",
 									children: "Est. Duration"
-								}), /* @__PURE__ */ W("p", {
+								}), /* @__PURE__ */ U("p", {
 									className: "text-2xl font-bold",
-									children: [p.estimatedDuration, /* @__PURE__ */ U("span", {
+									children: [p.estimatedDuration, /* @__PURE__ */ H("span", {
 										className: "text-sm font-normal",
 										children: " min"
 									})]
 								})] }),
-								p.fuelCost !== void 0 && /* @__PURE__ */ W("div", { children: [/* @__PURE__ */ W("p", {
+								p.fuelCost !== void 0 && /* @__PURE__ */ U("div", { children: [/* @__PURE__ */ U("p", {
 									className: "text-sm text-text-secondary flex items-center gap-1",
-									children: [/* @__PURE__ */ U(a, { size: 14 }), " Est. Fuel Cost"]
-								}), /* @__PURE__ */ U("p", {
+									children: [/* @__PURE__ */ H(a, { size: 14 }), " Est. Fuel Cost"]
+								}), /* @__PURE__ */ H("p", {
 									className: "text-2xl font-bold",
 									children: le(p.fuelCost)
 								})] }),
-								p.actualDuration && /* @__PURE__ */ W("div", { children: [/* @__PURE__ */ U("p", {
+								p.actualDuration && /* @__PURE__ */ U("div", { children: [/* @__PURE__ */ H("p", {
 									className: "text-sm text-text-secondary",
 									children: "Actual Duration"
-								}), /* @__PURE__ */ W("p", {
+								}), /* @__PURE__ */ U("p", {
 									className: "text-2xl font-bold",
-									children: [p.actualDuration, /* @__PURE__ */ U("span", {
+									children: [p.actualDuration, /* @__PURE__ */ H("span", {
 										className: "text-sm font-normal",
 										children: " min"
 									})]
 								})] })
 							]
 						}),
-						/* @__PURE__ */ W(_, { children: [/* @__PURE__ */ U(y, { children: /* @__PURE__ */ W(b, {
+						/* @__PURE__ */ U(_, { children: [/* @__PURE__ */ H(y, { children: /* @__PURE__ */ U(b, {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ U(i, { size: 18 }), " Timeline"]
-						}) }), /* @__PURE__ */ U(v, {
+							children: [/* @__PURE__ */ H(i, { size: 18 }), " Timeline"]
+						}) }), /* @__PURE__ */ H(v, {
 							className: "space-y-3",
-							children: /* @__PURE__ */ W("div", { children: [/* @__PURE__ */ U("p", {
+							children: /* @__PURE__ */ U("div", { children: [/* @__PURE__ */ H("p", {
 								className: "text-sm text-text-secondary",
 								children: "Created"
-							}), /* @__PURE__ */ U("p", { children: F(p.createdAt, "full") })] })
+							}), /* @__PURE__ */ H("p", { children: F(p.createdAt, "full") })] })
 						})] }),
-						/* @__PURE__ */ W(_, {
+						/* @__PURE__ */ U(_, {
 							className: "border-status-error-border",
-							children: [/* @__PURE__ */ U(y, { children: /* @__PURE__ */ W(b, {
+							children: [/* @__PURE__ */ H(y, { children: /* @__PURE__ */ U(b, {
 								className: "flex items-center gap-2 text-status-error-text",
-								children: [/* @__PURE__ */ U(u, { size: 18 }), " Delete Route"]
-							}) }), /* @__PURE__ */ W(v, { children: [/* @__PURE__ */ U("p", {
+								children: [/* @__PURE__ */ H(u, { size: 18 }), " Delete Route"]
+							}) }), /* @__PURE__ */ U(v, { children: [/* @__PURE__ */ H("p", {
 								className: "mb-3 text-sm text-text-secondary",
 								children: "Removes this route. It can no longer be dispatched. This cannot be undone from here."
-							}), /* @__PURE__ */ W(g, {
+							}), /* @__PURE__ */ U(g, {
 								variant: "outline",
 								className: "border-status-error-border text-status-error-text hover:bg-status-error-bg-subtle",
-								onClick: () => Z(!0),
-								children: [/* @__PURE__ */ U(u, { size: 16 }), " Delete this route"]
+								onClick: () => q(!0),
+								children: [/* @__PURE__ */ H(u, { size: 16 }), " Delete this route"]
 							})] })]
 						})
 					]
 				})]
 			}),
-			/* @__PURE__ */ U(ge, {
-				open: ye,
-				onOpenChange: Z,
-				children: /* @__PURE__ */ W(_e, { children: [
-					/* @__PURE__ */ W(ve, { children: [/* @__PURE__ */ U(q, { children: "Delete this route?" }), /* @__PURE__ */ W(G, { children: [
+			/* @__PURE__ */ H(_e, {
+				open: Ce,
+				onOpenChange: q,
+				children: /* @__PURE__ */ U(ve, { children: [
+					/* @__PURE__ */ U(xe, { children: [/* @__PURE__ */ H(Se, { children: "Delete this route?" }), /* @__PURE__ */ U(ye, { children: [
 						"This removes ",
 						p.name,
 						" and cannot be undone from here."
 					] })] }),
-					/* @__PURE__ */ U("div", {
+					/* @__PURE__ */ H("div", {
 						className: "px-1",
-						children: /* @__PURE__ */ U(M, { message: be })
+						children: /* @__PURE__ */ H(M, { message: X })
 					}),
-					/* @__PURE__ */ W(K, { children: [/* @__PURE__ */ U(g, {
+					/* @__PURE__ */ U(be, { children: [/* @__PURE__ */ H(g, {
 						variant: "outline",
-						onClick: () => Z(!1),
-						disabled: Q,
+						onClick: () => q(!1),
+						disabled: J,
 						children: "Cancel"
-					}), /* @__PURE__ */ U(g, {
+					}), /* @__PURE__ */ H(g, {
 						className: "bg-status-error-text text-text-inverse hover:opacity-90",
 						onClick: we,
-						disabled: Q,
-						children: Q ? "Deleting..." : "Delete route"
+						disabled: J,
+						children: J ? "Deleting..." : "Delete route"
 					})] })
 				] })
 			})
@@ -711,4 +709,4 @@ function X() {
 	});
 }
 //#endregion
-export { X as default };
+export { K as default };