@burdenoff/microfe-movethewheels 2026.704.1 → 2026.710.1

package/dist/{LiveTrackingPage-5U68u3oA.js → pages/LiveTrackingPage.js}

@@ -1,62 +1,39 @@
-import { J as e, N as t, X as n, Z as r, d as i, f as a, g as o, h as s, i as c, l, lt as u, st as d, t as f, u as p, ut as m } from "./PageLayout-j9Zw3wBN.js";
-import { t as h } from "./map-pin-BISLzLwb.js";
-import { t as g } from "./map-CO0aWUae.js";
-import { t as _ } from "./package-UyaWiALC.js";
-import { t as v } from "./refresh-cw-C4-jecjy.js";
-import { t as y } from "./truck-DxhtLfkG.js";
-import { o as b, r as x } from "./useTracking-7nd_XOSL.js";
-import { r as S, t as C } from "./MetricCard-CqU5WsyW.js";
-import { r as w } from "./maps-CtfuCAmh.js";
-import { r as T } from "./StatusBadge-BfiF-nNI.js";
-import { r as E } from "./formatters-FWJDwTFv.js";
-import { n as D, t as O } from "./mapMarkers-NCV9MRKR.js";
+import { List as e } from "../node_modules/lucide-react/dist/esm/icons/list.js";
+import { MapPin as t } from "../node_modules/lucide-react/dist/esm/icons/map-pin.js";
+import { Map as n } from "../node_modules/lucide-react/dist/esm/icons/map.js";
+import { Package as r } from "../node_modules/lucide-react/dist/esm/icons/package.js";
+import { RefreshCw as i } from "../node_modules/lucide-react/dist/esm/icons/refresh-cw.js";
+import { Truck as a } from "../node_modules/lucide-react/dist/esm/icons/truck.js";
+import { joinPath as o } from "../utils/navigation.js";
+import { useMoveTheWheels as s } from "../providers/MoveTheWheelsProvider.js";
+import { useLiveTracking as c, useTrackingAlerts as l } from "../hooks/useTracking.js";
+import { Badge as u, Button as d, Card as f, CardContent as p, CardHeader as m, CardTitle as h, ScrollArea as g, Tabs as _, TabsList as v, TabsTrigger as y } from "../components/ui.js";
+import { EmptyState as b, PageLayout as x } from "../components/PageLayout.js";
+import { MetricCard as S, MetricGrid as C } from "../components/MetricCard.js";
+import { LogisticsMap as w } from "../components/maps/LogisticsMap.js";
+import "../components/maps/index.js";
+import { StatusBadge as T } from "../components/StatusBadge.js";
+import { formatDate as E } from "../utils/formatters.js";
+import { deliveryMarkerStatus as D, firstRealLatLng as O } from "../utils/mapMarkers.js";
 import { useMemo as k, useState as A } from "react";
 import { jsx as j, jsxs as M } from "react/jsx-runtime";
 import { EmphasisPanel as N, NextSteps as P, PagePurpose as F } from "@burdenoff/fe-libs/ui";
-//#region node_modules/lucide-react/dist/esm/icons/list.js
-var I = m("List", [
-	["path", {
-		d: "M3 12h.01",
-		key: "nlz23k"
-	}],
-	["path", {
-		d: "M3 18h.01",
-		key: "1tta3j"
-	}],
-	["path", {
-		d: "M3 6h.01",
-		key: "1rqtza"
-	}],
-	["path", {
-		d: "M8 12h13",
-		key: "1za7za"
-	}],
-	["path", {
-		d: "M8 18h13",
-		key: "1lx6n3"
-	}],
-	["path", {
-		d: "M8 6h13",
-		key: "ik3vkj"
-	}]
-]);
-//#endregion
 //#region src/movethewheels/pages/LiveTrackingPage.tsx
-function L() {
-	let { basePath: m, navigate: L } = d(), { activeDeliveries: R, isLoading: z, refetch: B } = x(), { unacknowledgedAlerts: V } = b(), [H, U] = A("map"), [W, G] = A(null), [K, q] = A("all"), J = (e) => {
-		L && L(u(m, e));
+function I() {
+	let { basePath: I, navigate: L } = s(), { activeDeliveries: R, isLoading: z, refetch: B } = c(), { unacknowledgedAlerts: V } = l(), [H, U] = A("map"), [W, G] = A(null), [K, q] = A("all"), J = (e) => {
+		L && L(o(I, e));
 	}, Y = W ? R.find((e) => e.order?.id === W) : null, X = k(() => R.filter((e) => {
 		let t = e.order?.status;
 		return K === "all" ? !0 : K === "in_transit" ? t === "in_transit" : K === "out_for_delivery" ? t === "out_for_delivery" : t !== "in_transit" && t !== "out_for_delivery";
 	}), [R, K]), Z = k(() => X.flatMap((e) => {
 		if (!e.order) return [];
-		let t = D(e.vehicle?.currentLocation, e.driver?.currentLocation, e.tracking?.currentLocation);
+		let t = O(e.vehicle?.currentLocation, e.driver?.currentLocation, e.tracking?.currentLocation);
 		return t ? [{
 			id: e.order.id,
 			lat: t.lat,
 			lng: t.lng,
 			label: e.order.orderNumber,
-			status: O(e.order.status),
+			status: D(e.order.status),
 			sublabel: e.driver?.fullName || e.vehicle?.vehicleNumber || e.tracking?.currentLocation.address || void 0
 		}] : [];
 	}), [X]), Q = Z.length, $ = [
@@ -81,35 +58,35 @@ function L() {
 			count: R.filter((e) => e.order?.status !== "in_transit" && e.order?.status !== "out_for_delivery").length
 		}
 	];
-	return /* @__PURE__ */ M(c, {
+	return /* @__PURE__ */ M(x, {
 		title: "Live Tracking",
 		subtitle: `${R.length} active deliveries`,
-		icon: /* @__PURE__ */ j(h, { size: 24 }),
+		icon: /* @__PURE__ */ j(t, { size: 24 }),
 		headerActions: /* @__PURE__ */ M("div", {
 			className: "flex gap-2",
-			children: [/* @__PURE__ */ M(p, {
+			children: [/* @__PURE__ */ M(d, {
 				variant: "outline",
 				onClick: B,
 				disabled: z,
-				children: [/* @__PURE__ */ j(v, {
+				children: [/* @__PURE__ */ j(i, {
 					size: 16,
 					className: z ? "animate-spin" : ""
 				}), "Refresh"]
-			}), /* @__PURE__ */ j(e, {
+			}), /* @__PURE__ */ j(_, {
 				value: H,
 				onValueChange: (e) => U(e),
-				children: /* @__PURE__ */ M(n, { children: [/* @__PURE__ */ j(r, {
+				children: /* @__PURE__ */ M(v, { children: [/* @__PURE__ */ j(y, {
 					value: "map",
-					children: /* @__PURE__ */ j(g, { size: 16 })
-				}), /* @__PURE__ */ j(r, {
+					children: /* @__PURE__ */ j(n, { size: 16 })
+				}), /* @__PURE__ */ j(y, {
 					value: "list",
-					children: /* @__PURE__ */ j(I, { size: 16 })
+					children: /* @__PURE__ */ j(e, { size: 16 })
 				})] })
 			})]
 		}),
 		children: [
 			/* @__PURE__ */ j(F, {
-				icon: /* @__PURE__ */ j(h, { size: 18 }),
+				icon: /* @__PURE__ */ j(t, { size: 18 }),
 				children: "A real-time operations board for every delivery currently on the road. Watch where drivers are, which orders are out for delivery, and react to alerts — switch to the map for a bird's-eye view or the list to drill into a single shipment."
 			}),
 			/* @__PURE__ */ j(P, {
@@ -119,14 +96,14 @@ function L() {
 						id: "select",
 						label: "Open a delivery",
 						description: "Switch to the list and pick a shipment to see full details.",
-						icon: /* @__PURE__ */ j(I, { size: 16 }),
+						icon: /* @__PURE__ */ j(e, { size: 16 }),
 						onClick: () => U("list")
 					},
 					{
 						id: "alerts",
 						label: "Clear outstanding alerts",
 						description: "Review delays and exceptions that need attention.",
-						icon: /* @__PURE__ */ j(y, { size: 16 }),
+						icon: /* @__PURE__ */ j(a, { size: 16 }),
 						done: V.length === 0,
 						onClick: () => U("list")
 					},
@@ -134,33 +111,33 @@ function L() {
 						id: "new-order",
 						label: "Create another order",
 						description: "Add a new delivery to the pipeline.",
-						icon: /* @__PURE__ */ j(_, { size: 16 }),
+						icon: /* @__PURE__ */ j(r, { size: 16 }),
 						onClick: () => J("orders/new")
 					}
 				]
 			}),
-			/* @__PURE__ */ M(S, {
+			/* @__PURE__ */ M(C, {
 				columns: 4,
 				children: [
-					/* @__PURE__ */ j(C, {
+					/* @__PURE__ */ j(S, {
 						size: "sm",
 						label: "Active Deliveries",
 						value: R.length,
-						icon: /* @__PURE__ */ j(y, { size: 18 })
+						icon: /* @__PURE__ */ j(a, { size: 18 })
 					}),
-					/* @__PURE__ */ j(C, {
+					/* @__PURE__ */ j(S, {
 						size: "sm",
 						label: "In Transit",
 						value: R.filter((e) => e.order?.status === "in_transit").length,
-						icon: /* @__PURE__ */ j(_, { size: 18 })
+						icon: /* @__PURE__ */ j(r, { size: 18 })
 					}),
-					/* @__PURE__ */ j(C, {
+					/* @__PURE__ */ j(S, {
 						size: "sm",
 						label: "Out for Delivery",
 						value: R.filter((e) => e.order?.status === "out_for_delivery").length,
-						icon: /* @__PURE__ */ j(h, { size: 18 })
+						icon: /* @__PURE__ */ j(t, { size: 18 })
 					}),
-					/* @__PURE__ */ j(C, {
+					/* @__PURE__ */ j(S, {
 						size: "sm",
 						label: "Alerts",
 						value: V.length,
@@ -172,9 +149,9 @@ function L() {
 				className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
 				children: [/* @__PURE__ */ j("div", {
 					className: "lg:col-span-2",
-					children: H === "map" ? /* @__PURE__ */ j(i, {
+					children: H === "map" ? /* @__PURE__ */ j(f, {
 						className: "overflow-hidden",
-						children: /* @__PURE__ */ M(a, {
+						children: /* @__PURE__ */ M(p, {
 							className: "p-0",
 							children: [/* @__PURE__ */ M("div", {
 								className: "flex flex-wrap items-center gap-2 border-b border-border-seam p-3",
@@ -201,9 +178,9 @@ function L() {
 								emptyMessage: X.length === 0 ? "No active deliveries to plot" : "Awaiting live GPS positions for these deliveries"
 							})]
 						})
-					}) : /* @__PURE__ */ M(i, { children: [/* @__PURE__ */ j(s, { children: /* @__PURE__ */ j(o, { children: "Active Deliveries" }) }), /* @__PURE__ */ j(a, {
+					}) : /* @__PURE__ */ M(f, { children: [/* @__PURE__ */ j(m, { children: /* @__PURE__ */ j(h, { children: "Active Deliveries" }) }), /* @__PURE__ */ j(p, {
 						className: "p-0",
-						children: /* @__PURE__ */ j(t, {
+						children: /* @__PURE__ */ j(g, {
 							className: "h-[550px]",
 							children: /* @__PURE__ */ M("div", {
 								className: "divide-y",
@@ -253,7 +230,7 @@ function L() {
 											})]
 										})]
 									})
-								}, e.order.id) : null), X.length === 0 && /* @__PURE__ */ j(f, {
+								}, e.order.id) : null), X.length === 0 && /* @__PURE__ */ j(b, {
 									illustration: "empty-sessions",
 									title: "No active deliveries",
 									description: "When orders are dispatched they'll appear here in real time."
@@ -271,7 +248,7 @@ function L() {
 								children: [/* @__PURE__ */ j("h2", {
 									className: "text-base font-semibold text-text-primary",
 									children: "Delivery Details"
-								}), /* @__PURE__ */ j(p, {
+								}), /* @__PURE__ */ j(d, {
 									variant: "ghost",
 									size: "sm",
 									onClick: () => G(null),
@@ -325,7 +302,7 @@ function L() {
 											children: Y.tracking?.currentLocation.address || "Updating..."
 										}),
 										(() => {
-											let e = D(Y.vehicle?.currentLocation, Y.driver?.currentLocation, Y.tracking?.currentLocation);
+											let e = O(Y.vehicle?.currentLocation, Y.driver?.currentLocation, Y.tracking?.currentLocation);
 											return e ? /* @__PURE__ */ j(w, {
 												className: "mt-3 overflow-hidden rounded-lg border border-border-seam",
 												height: 160,
@@ -334,7 +311,7 @@ function L() {
 													lat: e.lat,
 													lng: e.lng,
 													label: Y.order?.orderNumber ?? "Delivery",
-													status: O(Y.order?.status)
+													status: D(Y.order?.status)
 												}]
 											}) : null;
 										})()
@@ -348,12 +325,12 @@ function L() {
 									})] }),
 									/* @__PURE__ */ M("div", {
 										className: "pt-2 space-y-2",
-										children: [/* @__PURE__ */ j(p, {
+										children: [/* @__PURE__ */ j(d, {
 											className: "w-full",
 											onClick: () => Y.order && J(`orders/${Y.order.id}`),
 											disabled: !Y.order,
 											children: "View Order"
-										}), /* @__PURE__ */ j(p, {
+										}), /* @__PURE__ */ j(d, {
 											variant: "outline",
 											className: "w-full",
 											onClick: () => Y.order && J(`tracking?order=${Y.order.id}`),
@@ -363,21 +340,21 @@ function L() {
 									})
 								]
 							})]
-						}) : /* @__PURE__ */ j(i, { children: /* @__PURE__ */ j(a, {
+						}) : /* @__PURE__ */ j(f, { children: /* @__PURE__ */ j(p, {
 							className: "p-6",
-							children: /* @__PURE__ */ j(f, {
+							children: /* @__PURE__ */ j(b, {
 								illustration: "empty-generic",
 								title: "No delivery selected",
 								description: "Pick a delivery from the list to see its driver, vehicle, ETA and live location."
 							})
 						}) }),
-						/* @__PURE__ */ M(i, { children: [/* @__PURE__ */ j(s, { children: /* @__PURE__ */ M(o, {
+						/* @__PURE__ */ M(f, { children: [/* @__PURE__ */ j(m, { children: /* @__PURE__ */ M(h, {
 							className: "flex items-center gap-2",
-							children: ["Alerts", V.length > 0 && /* @__PURE__ */ j(l, {
+							children: ["Alerts", V.length > 0 && /* @__PURE__ */ j(u, {
 								variant: "destructive",
 								children: V.length
 							})]
-						}) }), /* @__PURE__ */ j(a, { children: V.length > 0 ? /* @__PURE__ */ j("div", {
+						}) }), /* @__PURE__ */ j(p, { children: V.length > 0 ? /* @__PURE__ */ j("div", {
 							className: "space-y-3",
 							children: V.slice(0, 5).map((e) => /* @__PURE__ */ M("div", {
 								className: `p-3 rounded-lg text-sm ${e.severity === "critical" || e.severity === "high" ? "bg-status-error-bg-subtle" : "bg-status-warning-bg-subtle"}`,
@@ -396,26 +373,26 @@ function L() {
 								children: "No active alerts"
 							})
 						}) })] }),
-						/* @__PURE__ */ M(i, { children: [/* @__PURE__ */ j(s, { children: /* @__PURE__ */ j(o, { children: "Quick Actions" }) }), /* @__PURE__ */ M(a, {
+						/* @__PURE__ */ M(f, { children: [/* @__PURE__ */ j(m, { children: /* @__PURE__ */ j(h, { children: "Quick Actions" }) }), /* @__PURE__ */ M(p, {
 							className: "space-y-2",
 							children: [
-								/* @__PURE__ */ M(p, {
+								/* @__PURE__ */ M(d, {
 									variant: "outline",
 									className: "w-full",
 									onClick: () => J("orders/new"),
-									children: [/* @__PURE__ */ j(_, { size: 16 }), "Create Order"]
+									children: [/* @__PURE__ */ j(r, { size: 16 }), "Create Order"]
 								}),
-								/* @__PURE__ */ M(p, {
+								/* @__PURE__ */ M(d, {
 									variant: "outline",
 									className: "w-full",
 									onClick: () => J("routes"),
-									children: [/* @__PURE__ */ j(h, { size: 16 }), "Manage Routes"]
+									children: [/* @__PURE__ */ j(t, { size: 16 }), "Manage Routes"]
 								}),
-								/* @__PURE__ */ M(p, {
+								/* @__PURE__ */ M(d, {
 									variant: "outline",
 									className: "w-full",
 									onClick: () => J("fleet"),
-									children: [/* @__PURE__ */ j(y, { size: 16 }), "Fleet Status"]
+									children: [/* @__PURE__ */ j(a, { size: 16 }), "Fleet Status"]
 								})
 							]
 						})] })
@@ -426,4 +403,4 @@ function L() {
 	});
 }
 //#endregion
-export { L as default };
+export { I as default };