@burdenoff/microfe-movethewheels 2026.1031.3 → 2026.1031.4

package/dist/pages/RouteDetailsPage.js

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