@burdenoff/microfe-movethewheels 2026.1031.1 → 2026.1031.3

package/dist/pages/DashboardPage.js

@@ -13,21 +13,22 @@ import { joinPath as te } from "../utils/navigation.js";
 import { useMoveTheWheels as u } from "../providers/MoveTheWheelsProvider.js";
 import { useOrderStats as d, useOrders as f } from "../hooks/useOrders.js";
 import { useFleetStats as p } from "../hooks/useFleet.js";
-import { useAnalytics as ne, useDashboardMetrics as m } from "../hooks/useAnalytics.js";
-import { useLiveTracking as re, useTrackingAlerts as ie } from "../hooks/useTracking.js";
+import { useAnalytics as ne, useDashboardMetrics as re } from "../hooks/useAnalytics.js";
+import { useLiveTracking as ie, useTrackingAlerts as m } from "../hooks/useTracking.js";
 import { Badge as h, Button as g, Card as _, CardContent as v, CardHeader as y, CardTitle as b, Progress as x } from "../components/ui.js";
-import { PageLayout as S, PageSection as C } from "../components/PageLayout.js";
-import { MetricCard as w, MetricGrid as T } from "../components/MetricCard.js";
-import { VolumeBar as ae } from "../components/charts/VolumeBar.js";
+import { PageLayout as ae, PageSection as S } from "../components/PageLayout.js";
+import { MetricCard as C, MetricGrid as w } from "../components/MetricCard.js";
+import { VolumeBar as oe } from "../components/charts/VolumeBar.js";
 import "../components/charts/index.js";
-import { LogisticsMap as E } from "../components/maps/LogisticsMap.js";
+import { LogisticsMap as T } from "../components/maps/LogisticsMap.js";
 import "../components/maps/index.js";
-import { StatusBadge as D } from "../components/StatusBadge.js";
-import { formatCurrency as O, formatDate as k } from "../utils/formatters.js";
-import { deliveryMarkerStatus as oe, firstRealLatLng as se } from "../utils/mapMarkers.js";
-import { useMemo as A } from "react";
-import { jsx as j, jsxs as M } from "react/jsx-runtime";
-import { useI18n as ce } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { StatusBadge as E } from "../components/StatusBadge.js";
+import { formatCurrency as D, formatDate as O } from "../utils/formatters.js";
+import { TrackingAlertList as se } from "../components/TrackingAlertList.js";
+import { deliveryMarkerStatus as ce, firstRealLatLng as le } from "../utils/mapMarkers.js";
+import { useMemo as k } from "react";
+import { jsx as A, jsxs as j } from "react/jsx-runtime";
+import { useI18n as M } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 import { CTAOverflowMenu as N, EmphasisPanel as P, PagePurpose as F } from "@burdenoff/fe-libs/ui";
 //#region src/movethewheels/pages/DashboardPage.tsx
 function I(e, t = !1) {
@@ -42,78 +43,78 @@ function I(e, t = !1) {
 	};
 }
 function L() {
-	let { t: L } = ce(), R = (e, t) => {
+	let { t: L } = M(), R = (e, t) => {
 		let n = L(e);
 		return n === e ? t : n;
-	}, { basePath: z, navigate: B } = u(), { metrics: V } = m(), { analytics: H } = ne(), { orders: U } = f({ limit: 5 }), { stats: W } = d(), { stats: G } = p(), { activeDeliveries: K } = re(), { unacknowledgedAlerts: q } = ie(), J = A(() => H.trends.dailyOrders.map((e) => e.orders), [H.trends.dailyOrders]), Y = A(() => H.trends.dailyOrders.map((e) => e.deliveries), [H.trends.dailyOrders]), X = A(() => H.trends.revenue.map((e) => e.revenue), [H.trends.revenue]), le = A(() => H.trends.dailyOrders.slice(-7), [H.trends.dailyOrders]), ue = A(() => K.flatMap((e) => {
+	}, { basePath: z, navigate: B } = u(), { metrics: V } = re(), { analytics: H } = ne(), { orders: U } = f({ limit: 5 }), { stats: W } = d(), { stats: G } = p(), { activeDeliveries: K } = ie(), { unacknowledgedAlerts: q, acknowledgeAlert: ue, refetch: de } = m(), J = k(() => H.trends.dailyOrders.map((e) => e.orders), [H.trends.dailyOrders]), Y = k(() => H.trends.dailyOrders.map((e) => e.deliveries), [H.trends.dailyOrders]), X = k(() => H.trends.revenue.map((e) => e.revenue), [H.trends.revenue]), fe = k(() => H.trends.dailyOrders.slice(-7), [H.trends.dailyOrders]), pe = k(() => K.flatMap((e) => {
 		if (!e.order) return [];
-		let t = se(e.vehicle?.currentLocation, e.driver?.currentLocation, e.tracking?.currentLocation);
+		let t = le(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: oe(e.order.status),
+			status: ce(e.order.status),
 			sublabel: e.driver?.fullName || e.vehicle?.vehicleNumber || void 0
 		}] : [];
-	}), [K]), Z = A(() => [...U].sort((e, t) => new Date(t.updatedAt ?? t.createdAt).getTime() - new Date(e.updatedAt ?? e.createdAt).getTime()).slice(0, 5), [U]), Q = (e) => {
+	}), [K]), Z = k(() => [...U].sort((e, t) => new Date(t.updatedAt ?? t.createdAt).getTime() - new Date(e.updatedAt ?? e.createdAt).getTime()).slice(0, 5), [U]), Q = (e) => {
 		B && B(te(z, e));
 	}, $ = (e, t) => {
 		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), t());
 	};
-	return /* @__PURE__ */ M(S, {
+	return /* @__PURE__ */ j(ae, {
 		hero: !0,
 		titleAccent: R("movethewheels.dashboard.title", "Dashboard"),
 		title: R("movethewheels.dashboard.title", "Dashboard"),
 		subtitle: R("movethewheels.dashboard.subtitle", "Overview of your logistics operations"),
-		icon: /* @__PURE__ */ j(s, { size: 24 }),
-		headerActions: /* @__PURE__ */ j(N, {
+		icon: /* @__PURE__ */ A(s, { size: 24 }),
+		headerActions: /* @__PURE__ */ A(N, {
 			primary: {
 				label: R("movethewheels.dashboard.actions.newOrder", "New Order"),
-				icon: /* @__PURE__ */ j(a, { size: 16 }),
+				icon: /* @__PURE__ */ A(a, { size: 16 }),
 				onSelect: () => Q("orders/new")
 			},
 			actions: [{
 				label: R("movethewheels.dashboard.actions.liveMap", "Live Map"),
-				icon: /* @__PURE__ */ j(i, { size: 16 }),
+				icon: /* @__PURE__ */ A(i, { size: 16 }),
 				onSelect: () => Q("tracking/live")
 			}, {
 				label: R("movethewheels.dashboard.actions.multiModal", "Multi-Modal Freight"),
-				icon: /* @__PURE__ */ j(o, { size: 16 }),
+				icon: /* @__PURE__ */ A(o, { size: 16 }),
 				onSelect: () => Q("shipments/multi-modal")
 			}]
 		}),
 		children: [
-			/* @__PURE__ */ j(F, {
-				icon: /* @__PURE__ */ j(s, { size: 18 }),
+			/* @__PURE__ */ A(F, {
+				icon: /* @__PURE__ */ A(s, { size: 18 }),
 				children: R("movethewheels.dashboard.purpose", "Your logistics command center — a live snapshot of orders, active deliveries, fleet health and revenue. Start here each day to spot what needs attention, then jump straight into an order, the live map or fleet status.")
 			}),
-			/* @__PURE__ */ M(T, {
+			/* @__PURE__ */ j(w, {
 				columns: 4,
 				children: [
-					/* @__PURE__ */ j(w, {
+					/* @__PURE__ */ A(C, {
 						label: R("movethewheels.dashboard.metrics.totalOrders", "Total Orders"),
 						value: V.orders.total,
-						icon: /* @__PURE__ */ j(a, { size: 20 }),
+						icon: /* @__PURE__ */ A(a, { size: 20 }),
 						accent: "brand",
 						sparklineData: J.length >= 2 ? J : void 0,
 						delta: I(J),
 						onClick: () => Q("orders")
 					}),
-					/* @__PURE__ */ j(w, {
+					/* @__PURE__ */ A(C, {
 						label: R("movethewheels.dashboard.metrics.activeDeliveries", "Active Deliveries"),
 						value: V.orders.inTransit,
-						icon: /* @__PURE__ */ j(l, { size: 20 }),
+						icon: /* @__PURE__ */ A(l, { size: 20 }),
 						accent: "blue",
 						subtitle: `${V.orders.pending} ${R("movethewheels.dashboard.metrics.pending", "pending")}`,
 						sparklineData: Y.length >= 2 ? Y : void 0,
 						delta: I(Y),
 						onClick: () => Q("tracking")
 					}),
-					/* @__PURE__ */ j(w, {
+					/* @__PURE__ */ A(C, {
 						label: R("movethewheels.dashboard.metrics.onTimeDelivery", "On-Time Delivery"),
 						value: `${V.performance.onTimeDeliveryRate.toFixed(1)}%`,
-						icon: /* @__PURE__ */ j(s, { size: 20 }),
+						icon: /* @__PURE__ */ A(s, { size: 20 }),
 						accent: "success",
 						delta: V.performance.onTimeDeliveryRate >= 90 ? {
 							value: "On target",
@@ -124,12 +125,12 @@ function L() {
 						},
 						onClick: () => Q("analytics")
 					}),
-					/* @__PURE__ */ j(w, {
+					/* @__PURE__ */ A(C, {
 						treatment: "glass",
 						glow: !0,
 						label: R("movethewheels.dashboard.metrics.revenue", "Revenue"),
-						value: O(V.revenue.total),
-						icon: /* @__PURE__ */ j(r, { size: 20 }),
+						value: D(V.revenue.total),
+						icon: /* @__PURE__ */ A(r, { size: 20 }),
 						accent: "success",
 						sparklineData: X.length >= 2 ? X : void 0,
 						delta: I(X),
@@ -137,105 +138,100 @@ function L() {
 					})
 				]
 			}),
-			/* @__PURE__ */ M("div", {
+			/* @__PURE__ */ j("div", {
 				className: "grid grid-cols-1 gap-6 lg:grid-cols-3",
-				children: [/* @__PURE__ */ M(_, {
+				children: [/* @__PURE__ */ j(_, {
 					className: "overflow-hidden lg:col-span-2",
-					children: [/* @__PURE__ */ M(y, {
+					children: [/* @__PURE__ */ j(y, {
 						className: "flex flex-row items-center justify-between",
-						children: [/* @__PURE__ */ M(b, {
+						children: [/* @__PURE__ */ j(b, {
 							className: "flex items-center gap-2",
 							children: [
-								/* @__PURE__ */ j(i, { size: 18 }),
+								/* @__PURE__ */ A(i, { size: 18 }),
 								" ",
 								R("movethewheels.dashboard.liveMap.title", "Live Map")
 							]
-						}), /* @__PURE__ */ M(g, {
+						}), /* @__PURE__ */ j(g, {
 							variant: "ghost",
 							size: "sm",
 							onClick: () => Q("tracking/live"),
-							children: [R("movethewheels.dashboard.liveMap.open", "Open live tracking"), /* @__PURE__ */ j(t, { size: 16 })]
+							children: [R("movethewheels.dashboard.liveMap.open", "Open live tracking"), /* @__PURE__ */ A(t, { size: 16 })]
 						})]
-					}), /* @__PURE__ */ j(v, {
+					}), /* @__PURE__ */ A(v, {
 						className: "p-0",
-						children: /* @__PURE__ */ j(E, {
-							markers: ue,
+						children: /* @__PURE__ */ A(T, {
+							markers: pe,
 							height: 460,
 							emptyMessage: K.length === 0 ? R("movethewheels.dashboard.liveMap.noActive", "No active deliveries right now") : R("movethewheels.dashboard.liveMap.awaitingGps", "Awaiting live GPS positions for active deliveries")
 						})
 					})]
-				}), /* @__PURE__ */ M("div", {
+				}), /* @__PURE__ */ j("div", {
 					className: "space-y-6",
-					children: [/* @__PURE__ */ M(_, { children: [/* @__PURE__ */ j(y, { children: /* @__PURE__ */ M(b, {
+					children: [/* @__PURE__ */ j(_, { children: [/* @__PURE__ */ A(y, { children: /* @__PURE__ */ j(b, {
 						className: "flex items-center gap-2",
 						children: [
-							/* @__PURE__ */ j(c, {
+							/* @__PURE__ */ A(c, {
 								size: 18,
 								className: "text-status-warning-text"
 							}),
 							R("movethewheels.dashboard.exceptions.title", "Exception Alerts"),
-							q.length > 0 && /* @__PURE__ */ j(h, {
+							q.length > 0 && /* @__PURE__ */ A(h, {
 								variant: "destructive",
 								className: "ml-auto",
 								children: q.length
 							})
 						]
-					}) }), /* @__PURE__ */ j(v, { children: q.length > 0 ? /* @__PURE__ */ j("div", {
-						className: "space-y-3",
-						children: q.slice(0, 4).map((e) => /* @__PURE__ */ M("div", {
-							className: `rounded-lg p-3 text-sm ${e.severity === "critical" || e.severity === "high" ? "bg-status-error-bg-subtle" : "bg-status-warning-bg-subtle"}`,
-							children: [/* @__PURE__ */ j("p", {
-								className: "font-medium",
-								children: e.message
-							}), /* @__PURE__ */ j("p", {
-								className: "mt-1 text-xs text-text-secondary",
-								children: e.timestamp ? k(e.timestamp, "relative") : "Time not recorded"
-							})]
-						}, e.id))
-					}) : /* @__PURE__ */ j("p", {
+					}) }), /* @__PURE__ */ A(v, { children: q.length > 0 ? /* @__PURE__ */ A(se, {
+						alerts: q,
+						limit: 4,
+						t: R,
+						onAcknowledge: ue,
+						onOpenOrder: (e) => Q(`orders/${e}`),
+						onChanged: de
+					}) : /* @__PURE__ */ A("p", {
 						className: "py-4 text-center text-sm text-text-secondary",
 						children: R("movethewheels.dashboard.exceptions.none", "No exceptions — all deliveries on track")
-					}) })] }), /* @__PURE__ */ M(_, { children: [/* @__PURE__ */ j(y, { children: /* @__PURE__ */ M(b, {
+					}) })] }), /* @__PURE__ */ j(_, { children: [/* @__PURE__ */ A(y, { children: /* @__PURE__ */ j(b, {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ j(e, { size: 18 }), R("movethewheels.dashboard.activity.title", "Recent Activity")]
-					}) }), /* @__PURE__ */ j(v, { children: Z.length > 0 ? /* @__PURE__ */ j("ul", {
+						children: [/* @__PURE__ */ A(e, { size: 18 }), R("movethewheels.dashboard.activity.title", "Recent Activity")]
+					}) }), /* @__PURE__ */ A(v, { children: Z.length > 0 ? /* @__PURE__ */ A("ul", {
 						className: "space-y-3",
-						children: Z.map((e) => /* @__PURE__ */ M("li", {
+						children: Z.map((e) => /* @__PURE__ */ j("li", {
 							className: "flex items-start gap-3",
-							children: [/* @__PURE__ */ j("span", {
+							children: [/* @__PURE__ */ A("span", {
 								"aria-hidden": !0,
 								className: "mt-1.5 h-2 w-2 shrink-0 rounded-full bg-action-primary-bg"
-							}), /* @__PURE__ */ M("div", {
+							}), /* @__PURE__ */ j("div", {
 								className: "min-w-0 flex-1",
-								children: [/* @__PURE__ */ M("p", {
+								children: [/* @__PURE__ */ j("p", {
 									className: "truncate text-sm",
 									children: [
-										/* @__PURE__ */ j("span", {
+										/* @__PURE__ */ A("span", {
 											className: "font-medium",
 											children: e.orderNumber
 										}),
 										" ",
-										/* @__PURE__ */ j("span", {
+										/* @__PURE__ */ A("span", {
 											className: "text-text-secondary capitalize",
 											children: e.status.replace(/_/g, " ")
 										})
 									]
-								}), /* @__PURE__ */ j("p", {
+								}), /* @__PURE__ */ A("p", {
 									className: "text-xs text-text-secondary",
-									children: k(e.updatedAt ?? e.createdAt, "relative")
+									children: O(e.updatedAt ?? e.createdAt, "relative")
 								})]
 							})]
 						}, e.id))
-					}) : /* @__PURE__ */ j("p", {
+					}) : /* @__PURE__ */ A("p", {
 						className: "py-4 text-center text-sm text-text-secondary",
 						children: R("movethewheels.dashboard.activity.none", "No recent activity yet")
 					}) })] })]
 				})]
 			}),
-			/* @__PURE__ */ M(_, { children: [/* @__PURE__ */ j(y, { children: /* @__PURE__ */ j(b, { children: R("movethewheels.dashboard.weeklyVolume.title", "Weekly order volume") }) }), /* @__PURE__ */ j(v, { children: /* @__PURE__ */ j(ae, {
+			/* @__PURE__ */ j(_, { children: [/* @__PURE__ */ A(y, { children: /* @__PURE__ */ A(b, { children: R("movethewheels.dashboard.weeklyVolume.title", "Weekly order volume") }) }), /* @__PURE__ */ A(v, { children: /* @__PURE__ */ A(oe, {
 				xKey: "date",
 				height: 240,
-				data: le,
+				data: fe,
 				series: [{
 					dataKey: "orders",
 					name: "Orders"
@@ -245,132 +241,132 @@ function L() {
 				}],
 				emptyMessage: R("movethewheels.dashboard.weeklyVolume.empty", "No order volume recorded yet")
 			}) })] }),
-			/* @__PURE__ */ M(T, {
+			/* @__PURE__ */ j(w, {
 				columns: 4,
 				children: [
-					/* @__PURE__ */ j(w, {
+					/* @__PURE__ */ A(C, {
 						size: "sm",
 						label: R("movethewheels.dashboard.metrics.fleetUtilization", "Fleet Utilization"),
 						value: `${V.fleet.activeVehicles}/${V.fleet.totalVehicles}`,
 						subtitle: `${V.fleet.availableDrivers} ${R("movethewheels.dashboard.metrics.driversAvailable", "drivers available")}`
 					}),
-					/* @__PURE__ */ j(w, {
+					/* @__PURE__ */ A(C, {
 						size: "sm",
 						label: R("movethewheels.dashboard.stats.avgOrderValue", "Avg Order Value"),
-						value: O(V.revenue.avgOrderValue)
+						value: D(V.revenue.avgOrderValue)
 					}),
-					/* @__PURE__ */ j(w, {
+					/* @__PURE__ */ A(C, {
 						size: "sm",
 						label: R("movethewheels.dashboard.stats.driverRating", "Driver Rating"),
 						value: V.performance.avgDriverRating.toFixed(1),
 						subtitle: R("movethewheels.dashboard.stats.outOfFive", "out of 5")
 					}),
-					/* @__PURE__ */ j(w, {
+					/* @__PURE__ */ A(C, {
 						size: "sm",
 						label: R("movethewheels.dashboard.stats.deliveredToday", "Delivered Today"),
 						value: V.orders.delivered
 					})
 				]
 			}),
-			/* @__PURE__ */ M("div", {
+			/* @__PURE__ */ j("div", {
 				className: "grid grid-cols-1 lg:grid-cols-2 gap-6",
-				children: [/* @__PURE__ */ j(C, {
+				children: [/* @__PURE__ */ A(S, {
 					title: R("movethewheels.dashboard.recentOrders.title", "Recent Orders"),
-					actions: /* @__PURE__ */ M(g, {
+					actions: /* @__PURE__ */ j(g, {
 						variant: "ghost",
 						size: "sm",
 						onClick: () => Q("orders"),
 						children: [
 							R("movethewheels.dashboard.common.viewAll", "View all"),
 							" ",
-							/* @__PURE__ */ j(t, { size: 16 })
+							/* @__PURE__ */ A(t, { size: 16 })
 						]
 					}),
-					children: /* @__PURE__ */ j(_, { children: /* @__PURE__ */ j(v, {
+					children: /* @__PURE__ */ A(_, { children: /* @__PURE__ */ A(v, {
 						className: "p-0",
-						children: /* @__PURE__ */ M("div", {
+						children: /* @__PURE__ */ j("div", {
 							className: "divide-y",
-							children: [U.slice(0, 5).map((e) => /* @__PURE__ */ j("div", {
+							children: [U.slice(0, 5).map((e) => /* @__PURE__ */ A("div", {
 								role: "button",
 								tabIndex: 0,
 								"aria-label": `View order ${e.orderNumber}`,
 								className: "p-4 hover:bg-bg-sunken/50 cursor-pointer transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-action-primary-bg",
 								onClick: () => Q(`orders/${e.id}`),
 								onKeyDown: (t) => $(t, () => Q(`orders/${e.id}`)),
-								children: /* @__PURE__ */ M("div", {
+								children: /* @__PURE__ */ j("div", {
 									className: "flex items-center justify-between",
-									children: [/* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("p", {
+									children: [/* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
 										className: "font-medium",
 										children: e.orderNumber
-									}), /* @__PURE__ */ j("p", {
+									}), /* @__PURE__ */ A("p", {
 										className: "text-sm text-text-secondary",
 										children: e.customerInfo.name
-									})] }), /* @__PURE__ */ M("div", {
+									})] }), /* @__PURE__ */ j("div", {
 										className: "text-right",
-										children: [/* @__PURE__ */ j(D, {
+										children: [/* @__PURE__ */ A(E, {
 											status: e.status,
 											type: "order",
 											size: "sm"
-										}), /* @__PURE__ */ j("p", {
+										}), /* @__PURE__ */ A("p", {
 											className: "text-sm text-text-secondary mt-1",
-											children: O(e.pricing.total)
+											children: D(e.pricing.total)
 										})]
 									})]
 								})
-							}, e.id)), U.length === 0 && /* @__PURE__ */ j("div", {
+							}, e.id)), U.length === 0 && /* @__PURE__ */ A("div", {
 								className: "p-8 text-center text-text-secondary",
 								children: R("movethewheels.dashboard.recentOrders.empty", "No recent orders")
 							})]
 						})
 					}) })
-				}), /* @__PURE__ */ j(C, {
+				}), /* @__PURE__ */ A(S, {
 					title: R("movethewheels.dashboard.activeDeliveries.title", "Active Deliveries"),
-					actions: /* @__PURE__ */ M(g, {
+					actions: /* @__PURE__ */ j(g, {
 						variant: "ghost",
 						size: "sm",
 						onClick: () => Q("tracking/live"),
 						children: [
 							R("movethewheels.dashboard.activeDeliveries.liveTracking", "Live tracking"),
 							" ",
-							/* @__PURE__ */ j(t, { size: 16 })
+							/* @__PURE__ */ A(t, { size: 16 })
 						]
 					}),
-					children: /* @__PURE__ */ j(_, { children: /* @__PURE__ */ j(v, {
+					children: /* @__PURE__ */ A(_, { children: /* @__PURE__ */ A(v, {
 						className: "p-0",
-						children: /* @__PURE__ */ M("div", {
+						children: /* @__PURE__ */ j("div", {
 							className: "divide-y",
-							children: [K.slice(0, 5).map((e) => e.order ? /* @__PURE__ */ j("div", {
+							children: [K.slice(0, 5).map((e) => e.order ? /* @__PURE__ */ A("div", {
 								role: "button",
 								tabIndex: 0,
 								"aria-label": `Track order ${e.order.orderNumber}`,
 								className: "p-4 hover:bg-bg-sunken/50 cursor-pointer transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-action-primary-bg",
 								onClick: () => Q(`tracking?order=${e.order.id}`),
 								onKeyDown: (t) => e.order && $(t, () => Q(`tracking?order=${e.order.id}`)),
-								children: /* @__PURE__ */ M("div", {
+								children: /* @__PURE__ */ j("div", {
 									className: "flex items-center justify-between",
-									children: [/* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("p", {
+									children: [/* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
 										className: "font-medium",
 										children: e.order.orderNumber
-									}), /* @__PURE__ */ j("p", {
+									}), /* @__PURE__ */ A("p", {
 										className: "text-sm text-text-secondary",
 										children: e.driver?.fullName || R("movethewheels.dashboard.activeDeliveries.unassigned", "Unassigned")
-									})] }), /* @__PURE__ */ M("div", {
+									})] }), /* @__PURE__ */ j("div", {
 										className: "text-right",
-										children: [/* @__PURE__ */ j(D, {
+										children: [/* @__PURE__ */ A(E, {
 											status: e.order.status,
 											type: "order",
 											size: "sm"
-										}), /* @__PURE__ */ M("p", {
+										}), /* @__PURE__ */ j("p", {
 											className: "text-sm text-text-secondary mt-1",
 											children: [
 												R("movethewheels.dashboard.activeDeliveries.eta", "ETA:"),
 												" ",
-												e.estimatedArrival ? k(e.estimatedArrival, "time") : R("movethewheels.dashboard.activeDeliveries.na", "N/A")
+												e.estimatedArrival ? O(e.estimatedArrival, "time") : R("movethewheels.dashboard.activeDeliveries.na", "N/A")
 											]
 										})]
 									})]
 								})
-							}, e.order.id) : null), K.length === 0 && /* @__PURE__ */ j("div", {
+							}, e.order.id) : null), K.length === 0 && /* @__PURE__ */ A("div", {
 								className: "p-8 text-center text-text-secondary",
 								children: R("movethewheels.dashboard.activeDeliveries.empty", "No active deliveries")
 							})]
@@ -378,15 +374,15 @@ function L() {
 					}) })
 				})]
 			}),
-			/* @__PURE__ */ M("div", {
+			/* @__PURE__ */ j("div", {
 				className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
 				children: [
-					/* @__PURE__ */ M(P, {
+					/* @__PURE__ */ j(P, {
 						className: "space-y-4",
-						children: [/* @__PURE__ */ j("h2", {
+						children: [/* @__PURE__ */ A("h2", {
 							className: "text-base font-semibold text-text-primary",
 							children: R("movethewheels.dashboard.orderStatus.title", "Order Status")
-						}), /* @__PURE__ */ j("div", {
+						}), /* @__PURE__ */ A("div", {
 							className: "space-y-3",
 							children: [
 								{
@@ -409,15 +405,15 @@ function L() {
 									count: W.byStatus.cancelled,
 									color: "bg-status-error-text"
 								}
-							].map(({ status: e, count: t, color: n }) => /* @__PURE__ */ M("div", {
+							].map(({ status: e, count: t, color: n }) => /* @__PURE__ */ j("div", {
 								className: "flex items-center justify-between",
-								children: [/* @__PURE__ */ M("div", {
+								children: [/* @__PURE__ */ j("div", {
 									className: "flex items-center gap-2",
-									children: [/* @__PURE__ */ j("div", { className: `w-2 h-2 rounded-full ${n}` }), /* @__PURE__ */ j("span", {
+									children: [/* @__PURE__ */ A("div", { className: `w-2 h-2 rounded-full ${n}` }), /* @__PURE__ */ A("span", {
 										className: "text-sm capitalize",
 										children: R(`movethewheels.dashboard.orderStatus.status.${e}`, e.replace("_", " "))
 									})]
-								}), /* @__PURE__ */ j(h, {
+								}), /* @__PURE__ */ A(h, {
 									variant: "secondary",
 									className: "tabular-nums",
 									children: t
@@ -425,69 +421,69 @@ function L() {
 							}, e))
 						})]
 					}),
-					/* @__PURE__ */ M(_, { children: [/* @__PURE__ */ j(y, { children: /* @__PURE__ */ j(b, {
+					/* @__PURE__ */ j(_, { children: [/* @__PURE__ */ A(y, { children: /* @__PURE__ */ A(b, {
 						className: "text-base",
 						children: R("movethewheels.dashboard.fleetStatus.title", "Fleet Status")
-					}) }), /* @__PURE__ */ M(v, {
+					}) }), /* @__PURE__ */ j(v, {
 						className: "space-y-4",
-						children: [/* @__PURE__ */ M("div", {
+						children: [/* @__PURE__ */ j("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ M("div", {
+							children: [/* @__PURE__ */ j("div", {
 								className: "flex justify-between text-sm",
-								children: [/* @__PURE__ */ j("span", { children: R("movethewheels.dashboard.fleetStatus.vehicleUtilization", "Vehicle Utilization") }), /* @__PURE__ */ M("span", { children: [G.utilization.toFixed(0), "%"] })]
-							}), /* @__PURE__ */ j(x, { value: G.utilization })]
-						}), /* @__PURE__ */ M("div", {
+								children: [/* @__PURE__ */ A("span", { children: R("movethewheels.dashboard.fleetStatus.vehicleUtilization", "Vehicle Utilization") }), /* @__PURE__ */ j("span", { children: [G.utilization.toFixed(0), "%"] })]
+							}), /* @__PURE__ */ A(x, { value: G.utilization })]
+						}), /* @__PURE__ */ j("div", {
 							className: "grid grid-cols-2 gap-4 text-sm",
 							children: [
-								/* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("p", {
+								/* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
 									className: "text-text-secondary",
 									children: R("movethewheels.dashboard.fleetStatus.available", "Available")
-								}), /* @__PURE__ */ j("p", {
+								}), /* @__PURE__ */ A("p", {
 									className: "text-lg font-semibold text-status-success-text",
 									children: G.vehiclesByStatus.available
 								})] }),
-								/* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("p", {
+								/* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
 									className: "text-text-secondary",
 									children: R("movethewheels.dashboard.fleetStatus.inUse", "In Use")
-								}), /* @__PURE__ */ j("p", {
+								}), /* @__PURE__ */ A("p", {
 									className: "text-lg font-semibold text-status-info-text",
 									children: G.vehiclesByStatus.assigned
 								})] }),
-								/* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("p", {
+								/* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
 									className: "text-text-secondary",
 									children: R("movethewheels.dashboard.fleetStatus.maintenance", "Maintenance")
-								}), /* @__PURE__ */ j("p", {
+								}), /* @__PURE__ */ A("p", {
 									className: "text-lg font-semibold text-status-warning-text",
 									children: G.vehiclesByStatus.maintenance
 								})] }),
-								/* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("p", {
+								/* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
 									className: "text-text-secondary",
 									children: R("movethewheels.dashboard.fleetStatus.avgFuel", "Avg Fuel")
-								}), /* @__PURE__ */ M("p", {
+								}), /* @__PURE__ */ j("p", {
 									className: "text-lg font-semibold",
 									children: [G.avgFuelLevel.toFixed(0), "%"]
 								})] })
 							]
 						})]
 					})] }),
-					/* @__PURE__ */ M(_, { children: [/* @__PURE__ */ j(y, { children: /* @__PURE__ */ M(b, {
+					/* @__PURE__ */ j(_, { children: [/* @__PURE__ */ A(y, { children: /* @__PURE__ */ j(b, {
 						className: "text-base flex items-center gap-2",
-						children: [/* @__PURE__ */ j(c, {
+						children: [/* @__PURE__ */ A(c, {
 							size: 16,
 							className: "text-status-warning-text"
 						}), R("movethewheels.dashboard.alerts.title", "Alerts")]
-					}) }), /* @__PURE__ */ j(v, { children: /* @__PURE__ */ M("div", {
+					}) }), /* @__PURE__ */ A(v, { children: /* @__PURE__ */ j("div", {
 						className: "space-y-3",
 						children: [
-							W.byStatus.pending > 5 && /* @__PURE__ */ M("div", {
+							W.byStatus.pending > 5 && /* @__PURE__ */ j("div", {
 								className: "flex items-start gap-3 p-2 rounded bg-status-warning-bg-subtle",
-								children: [/* @__PURE__ */ j(n, {
+								children: [/* @__PURE__ */ A(n, {
 									size: 16,
 									className: "text-status-warning-text mt-0.5"
-								}), /* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("p", {
+								}), /* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
 									className: "text-sm font-medium",
 									children: R("movethewheels.dashboard.alerts.pendingOrders.title", "Pending Orders")
-								}), /* @__PURE__ */ M("p", {
+								}), /* @__PURE__ */ j("p", {
 									className: "text-xs text-text-secondary",
 									children: [
 										W.byStatus.pending,
@@ -496,15 +492,15 @@ function L() {
 									]
 								})] })]
 							}),
-							G.vehiclesByStatus.maintenance > 0 && /* @__PURE__ */ M("div", {
+							G.vehiclesByStatus.maintenance > 0 && /* @__PURE__ */ j("div", {
 								className: "flex items-start gap-3 p-2 rounded bg-status-warning-bg-subtle",
-								children: [/* @__PURE__ */ j(l, {
+								children: [/* @__PURE__ */ A(l, {
 									size: 16,
 									className: "text-status-warning-text mt-0.5"
-								}), /* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("p", {
+								}), /* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
 									className: "text-sm font-medium",
 									children: R("movethewheels.dashboard.alerts.maintenanceVehicles.title", "Vehicles in Maintenance")
-								}), /* @__PURE__ */ M("p", {
+								}), /* @__PURE__ */ j("p", {
 									className: "text-xs text-text-secondary",
 									children: [
 										G.vehiclesByStatus.maintenance,
@@ -513,15 +509,15 @@ function L() {
 									]
 								})] })]
 							}),
-							G.driversByStatus.offline > 0 && /* @__PURE__ */ M("div", {
+							G.driversByStatus.offline > 0 && /* @__PURE__ */ j("div", {
 								className: "flex items-start gap-3 p-2 rounded bg-bg-sunken",
-								children: [/* @__PURE__ */ j(ee, {
+								children: [/* @__PURE__ */ A(ee, {
 									size: 16,
 									className: "text-text-secondary mt-0.5"
-								}), /* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("p", {
+								}), /* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
 									className: "text-sm font-medium",
 									children: R("movethewheels.dashboard.alerts.offlineDrivers.title", "Offline Drivers")
-								}), /* @__PURE__ */ M("p", {
+								}), /* @__PURE__ */ j("p", {
 									className: "text-xs text-text-secondary",
 									children: [
 										G.driversByStatus.offline,
@@ -530,9 +526,9 @@ function L() {
 									]
 								})] })]
 							}),
-							W.byStatus.pending <= 5 && G.vehiclesByStatus.maintenance === 0 && G.driversByStatus.offline === 0 && /* @__PURE__ */ j("div", {
+							W.byStatus.pending <= 5 && G.vehiclesByStatus.maintenance === 0 && G.driversByStatus.offline === 0 && /* @__PURE__ */ A("div", {
 								className: "text-center py-4 text-text-secondary",
-								children: /* @__PURE__ */ j("p", {
+								children: /* @__PURE__ */ A("p", {
 									className: "text-sm",
 									children: R("movethewheels.dashboard.alerts.allOperational", "All systems operational")
 								})