@burdenoff/microfe-movethewheels 2026.625.1 → 2026.626.1

package/dist/{DashboardPage-DTmyuC11.js → DashboardPage-D2HRqwg9.js}

@@ -18,71 +18,75 @@ import { r as E } from "./StatusBadge-CijYQXtb.js";
 import { n as D, r as O } from "./formatters-_vJlC-47.js";
 import { t as k } from "./navigation-BgnOfsVd.js";
 import { jsx as A, jsxs as j } from "react/jsx-runtime";
-import { CTAOverflowMenu as M, EmphasisPanel as N } from "@burdenoff/fe-libs/ui";
-import { useI18n as P } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { CTAOverflowMenu as M, EmphasisPanel as N, PagePurpose as P } from "@burdenoff/fe-libs/ui";
+import { useI18n as F } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/movethewheels/pages/DashboardPage.tsx
-function F() {
-	let { t: F } = P(), I = (e, t) => {
-		let n = F(e);
+function I() {
+	let { t: I } = F(), L = (e, t) => {
+		let n = I(e);
 		return n === e ? t : n;
-	}, { basePath: L, navigate: R } = v(), { metrics: z } = S(), { orders: B } = b({ limit: 5 }), { stats: V } = y(), { stats: H } = x(), { activeDeliveries: U } = C(), W = (e) => {
-		R && R(k(L, e));
+	}, { basePath: R, navigate: z } = v(), { metrics: B } = S(), { orders: V } = b({ limit: 5 }), { stats: H } = y(), { stats: U } = x(), { activeDeliveries: W } = C(), G = (e) => {
+		z && z(k(R, e));
 	};
 	return /* @__PURE__ */ j(o, {
 		hero: !0,
-		titleAccent: I("movethewheels.dashboard.title", "Dashboard"),
-		title: I("movethewheels.dashboard.title", "Dashboard"),
-		subtitle: I("movethewheels.dashboard.subtitle", "Overview of your logistics operations"),
+		titleAccent: L("movethewheels.dashboard.title", "Dashboard"),
+		title: L("movethewheels.dashboard.title", "Dashboard"),
+		subtitle: L("movethewheels.dashboard.subtitle", "Overview of your logistics operations"),
 		icon: /* @__PURE__ */ A(m, { size: 24 }),
 		headerActions: /* @__PURE__ */ A(M, {
 			primary: {
-				label: I("movethewheels.dashboard.actions.newOrder", "New Order"),
+				label: L("movethewheels.dashboard.actions.newOrder", "New Order"),
 				icon: /* @__PURE__ */ A(p, { size: 16 }),
-				onSelect: () => W("orders/new")
+				onSelect: () => G("orders/new")
 			},
 			actions: [{
-				label: I("movethewheels.dashboard.actions.liveMap", "Live Map"),
+				label: L("movethewheels.dashboard.actions.liveMap", "Live Map"),
 				icon: /* @__PURE__ */ A(f, { size: 16 }),
-				onSelect: () => W("tracking/live")
+				onSelect: () => G("tracking/live")
 			}]
 		}),
 		children: [
+			/* @__PURE__ */ A(P, {
+				icon: /* @__PURE__ */ A(m, { size: 18 }),
+				children: L("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__ */ j(w, {
 				columns: 4,
 				children: [
 					/* @__PURE__ */ A(T, {
-						label: I("movethewheels.dashboard.metrics.totalOrders", "Total Orders"),
-						value: z.orders.total,
+						label: L("movethewheels.dashboard.metrics.totalOrders", "Total Orders"),
+						value: B.orders.total,
 						icon: /* @__PURE__ */ A(p, { size: 20 }),
-						change: `+${z.orders.today} ${I("movethewheels.dashboard.metrics.today", "today")}`,
+						change: `+${B.orders.today} ${L("movethewheels.dashboard.metrics.today", "today")}`,
 						changeType: "positive",
 						trend: "up",
-						onClick: () => W("orders")
+						onClick: () => G("orders")
 					}),
 					/* @__PURE__ */ A(T, {
-						label: I("movethewheels.dashboard.metrics.activeDeliveries", "Active Deliveries"),
-						value: z.orders.inTransit,
+						label: L("movethewheels.dashboard.metrics.activeDeliveries", "Active Deliveries"),
+						value: B.orders.inTransit,
 						icon: /* @__PURE__ */ A(g, { size: 20 }),
-						subtitle: `${z.orders.pending} ${I("movethewheels.dashboard.metrics.pending", "pending")}`,
-						onClick: () => W("tracking")
+						subtitle: `${B.orders.pending} ${L("movethewheels.dashboard.metrics.pending", "pending")}`,
+						onClick: () => G("tracking")
 					}),
 					/* @__PURE__ */ A(T, {
-						label: I("movethewheels.dashboard.metrics.fleetUtilization", "Fleet Utilization"),
-						value: `${z.fleet.activeVehicles}/${z.fleet.totalVehicles}`,
+						label: L("movethewheels.dashboard.metrics.fleetUtilization", "Fleet Utilization"),
+						value: `${B.fleet.activeVehicles}/${B.fleet.totalVehicles}`,
 						icon: /* @__PURE__ */ A(g, { size: 20 }),
-						subtitle: `${z.fleet.availableDrivers} ${I("movethewheels.dashboard.metrics.driversAvailable", "drivers available")}`,
-						onClick: () => W("fleet")
+						subtitle: `${B.fleet.availableDrivers} ${L("movethewheels.dashboard.metrics.driversAvailable", "drivers available")}`,
+						onClick: () => G("fleet")
 					}),
 					/* @__PURE__ */ A(T, {
 						treatment: "glass",
 						glow: !0,
-						label: I("movethewheels.dashboard.metrics.revenue", "Revenue"),
-						value: D(z.revenue.total),
+						label: L("movethewheels.dashboard.metrics.revenue", "Revenue"),
+						value: D(B.revenue.total),
 						icon: /* @__PURE__ */ A(d, { size: 20 }),
 						change: "+12.5%",
 						changeType: "positive",
 						trend: "up",
-						onClick: () => W("analytics")
+						onClick: () => G("analytics")
 					})
 				]
 			}),
@@ -91,38 +95,38 @@ function F() {
 				children: [
 					/* @__PURE__ */ A(T, {
 						size: "sm",
-						label: I("movethewheels.dashboard.stats.onTimeDelivery", "On-Time Delivery"),
-						value: `${z.performance.onTimeDeliveryRate.toFixed(1)}%`,
-						changeType: z.performance.onTimeDeliveryRate >= 90 ? "positive" : "negative"
+						label: L("movethewheels.dashboard.stats.onTimeDelivery", "On-Time Delivery"),
+						value: `${B.performance.onTimeDeliveryRate.toFixed(1)}%`,
+						changeType: B.performance.onTimeDeliveryRate >= 90 ? "positive" : "negative"
 					}),
 					/* @__PURE__ */ A(T, {
 						size: "sm",
-						label: I("movethewheels.dashboard.stats.avgOrderValue", "Avg Order Value"),
-						value: D(z.revenue.avgOrderValue)
+						label: L("movethewheels.dashboard.stats.avgOrderValue", "Avg Order Value"),
+						value: D(B.revenue.avgOrderValue)
 					}),
 					/* @__PURE__ */ A(T, {
 						size: "sm",
-						label: I("movethewheels.dashboard.stats.driverRating", "Driver Rating"),
-						value: z.performance.avgDriverRating.toFixed(1),
-						subtitle: I("movethewheels.dashboard.stats.outOfFive", "out of 5")
+						label: L("movethewheels.dashboard.stats.driverRating", "Driver Rating"),
+						value: B.performance.avgDriverRating.toFixed(1),
+						subtitle: L("movethewheels.dashboard.stats.outOfFive", "out of 5")
 					}),
 					/* @__PURE__ */ A(T, {
 						size: "sm",
-						label: I("movethewheels.dashboard.stats.deliveredToday", "Delivered Today"),
-						value: z.orders.delivered
+						label: L("movethewheels.dashboard.stats.deliveredToday", "Delivered Today"),
+						value: B.orders.delivered
 					})
 				]
 			}),
 			/* @__PURE__ */ j("div", {
 				className: "grid grid-cols-1 lg:grid-cols-2 gap-6",
 				children: [/* @__PURE__ */ A(t, {
-					title: I("movethewheels.dashboard.recentOrders.title", "Recent Orders"),
+					title: L("movethewheels.dashboard.recentOrders.title", "Recent Orders"),
 					actions: /* @__PURE__ */ j(c, {
 						variant: "ghost",
 						size: "sm",
-						onClick: () => W("orders"),
+						onClick: () => G("orders"),
 						children: [
-							I("movethewheels.dashboard.common.viewAll", "View all"),
+							L("movethewheels.dashboard.common.viewAll", "View all"),
 							" ",
 							/* @__PURE__ */ A(l, { size: 16 })
 						]
@@ -131,9 +135,9 @@ function F() {
 						className: "p-0",
 						children: /* @__PURE__ */ j("div", {
 							className: "divide-y",
-							children: [B.slice(0, 5).map((e) => /* @__PURE__ */ A("div", {
+							children: [V.slice(0, 5).map((e) => /* @__PURE__ */ A("div", {
 								className: "p-4 hover:bg-bg-sunken/50 cursor-pointer transition-colors",
-								onClick: () => W(`orders/${e.id}`),
+								onClick: () => G(`orders/${e.id}`),
 								children: /* @__PURE__ */ j("div", {
 									className: "flex items-center justify-between",
 									children: [/* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
@@ -154,20 +158,20 @@ function F() {
 										})]
 									})]
 								})
-							}, e.id)), B.length === 0 && /* @__PURE__ */ A("div", {
+							}, e.id)), V.length === 0 && /* @__PURE__ */ A("div", {
 								className: "p-8 text-center text-text-secondary",
-								children: I("movethewheels.dashboard.recentOrders.empty", "No recent orders")
+								children: L("movethewheels.dashboard.recentOrders.empty", "No recent orders")
 							})]
 						})
 					}) })
 				}), /* @__PURE__ */ A(t, {
-					title: I("movethewheels.dashboard.activeDeliveries.title", "Active Deliveries"),
+					title: L("movethewheels.dashboard.activeDeliveries.title", "Active Deliveries"),
 					actions: /* @__PURE__ */ j(c, {
 						variant: "ghost",
 						size: "sm",
-						onClick: () => W("tracking/live"),
+						onClick: () => G("tracking/live"),
 						children: [
-							I("movethewheels.dashboard.activeDeliveries.liveTracking", "Live tracking"),
+							L("movethewheels.dashboard.activeDeliveries.liveTracking", "Live tracking"),
 							" ",
 							/* @__PURE__ */ A(l, { size: 16 })
 						]
@@ -176,9 +180,9 @@ function F() {
 						className: "p-0",
 						children: /* @__PURE__ */ j("div", {
 							className: "divide-y",
-							children: [U.slice(0, 5).map((e) => e.order ? /* @__PURE__ */ A("div", {
+							children: [W.slice(0, 5).map((e) => e.order ? /* @__PURE__ */ A("div", {
 								className: "p-4 hover:bg-bg-sunken/50 cursor-pointer transition-colors",
-								onClick: () => W(`tracking?order=${e.order.id}`),
+								onClick: () => G(`tracking?order=${e.order.id}`),
 								children: /* @__PURE__ */ j("div", {
 									className: "flex items-center justify-between",
 									children: [/* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
@@ -186,7 +190,7 @@ function F() {
 										children: e.order.orderNumber
 									}), /* @__PURE__ */ A("p", {
 										className: "text-sm text-text-secondary",
-										children: e.driver?.fullName || I("movethewheels.dashboard.activeDeliveries.unassigned", "Unassigned")
+										children: e.driver?.fullName || L("movethewheels.dashboard.activeDeliveries.unassigned", "Unassigned")
 									})] }), /* @__PURE__ */ j("div", {
 										className: "text-right",
 										children: [/* @__PURE__ */ A(E, {
@@ -196,16 +200,16 @@ function F() {
 										}), /* @__PURE__ */ j("p", {
 											className: "text-sm text-text-secondary mt-1",
 											children: [
-												I("movethewheels.dashboard.activeDeliveries.eta", "ETA:"),
+												L("movethewheels.dashboard.activeDeliveries.eta", "ETA:"),
 												" ",
-												e.estimatedArrival ? O(e.estimatedArrival, "time") : I("movethewheels.dashboard.activeDeliveries.na", "N/A")
+												e.estimatedArrival ? O(e.estimatedArrival, "time") : L("movethewheels.dashboard.activeDeliveries.na", "N/A")
 											]
 										})]
 									})]
 								})
-							}, e.order.id) : null), U.length === 0 && /* @__PURE__ */ A("div", {
+							}, e.order.id) : null), W.length === 0 && /* @__PURE__ */ A("div", {
 								className: "p-8 text-center text-text-secondary",
-								children: I("movethewheels.dashboard.activeDeliveries.empty", "No active deliveries")
+								children: L("movethewheels.dashboard.activeDeliveries.empty", "No active deliveries")
 							})]
 						})
 					}) })
@@ -218,28 +222,28 @@ function F() {
 						className: "space-y-4",
 						children: [/* @__PURE__ */ A("h2", {
 							className: "text-base font-semibold text-text-primary",
-							children: I("movethewheels.dashboard.orderStatus.title", "Order Status")
+							children: L("movethewheels.dashboard.orderStatus.title", "Order Status")
 						}), /* @__PURE__ */ A("div", {
 							className: "space-y-3",
 							children: [
 								{
 									status: "pending",
-									count: V.byStatus.pending,
+									count: H.byStatus.pending,
 									color: "bg-yellow-500"
 								},
 								{
 									status: "in_transit",
-									count: V.byStatus.in_transit,
+									count: H.byStatus.in_transit,
 									color: "bg-blue-500"
 								},
 								{
 									status: "delivered",
-									count: V.byStatus.delivered,
+									count: H.byStatus.delivered,
 									color: "bg-green-500"
 								},
 								{
 									status: "cancelled",
-									count: V.byStatus.cancelled,
+									count: H.byStatus.cancelled,
 									color: "bg-red-500"
 								}
 							].map(({ status: e, count: t, color: n }) => /* @__PURE__ */ j("div", {
@@ -248,7 +252,7 @@ function F() {
 									className: "flex items-center gap-2",
 									children: [/* @__PURE__ */ A("div", { className: `w-2 h-2 rounded-full ${n}` }), /* @__PURE__ */ A("span", {
 										className: "text-sm capitalize",
-										children: I(`movethewheels.dashboard.orderStatus.status.${e}`, e.replace("_", " "))
+										children: L(`movethewheels.dashboard.orderStatus.status.${e}`, e.replace("_", " "))
 									})]
 								}), /* @__PURE__ */ A(s, {
 									variant: "secondary",
@@ -260,45 +264,45 @@ function F() {
 					}),
 					/* @__PURE__ */ j(n, { children: [/* @__PURE__ */ A(a, { children: /* @__PURE__ */ A(i, {
 						className: "text-base",
-						children: I("movethewheels.dashboard.fleetStatus.title", "Fleet Status")
+						children: L("movethewheels.dashboard.fleetStatus.title", "Fleet Status")
 					}) }), /* @__PURE__ */ j(r, {
 						className: "space-y-4",
 						children: [/* @__PURE__ */ j("div", {
 							className: "space-y-2",
 							children: [/* @__PURE__ */ j("div", {
 								className: "flex justify-between text-sm",
-								children: [/* @__PURE__ */ A("span", { children: I("movethewheels.dashboard.fleetStatus.vehicleUtilization", "Vehicle Utilization") }), /* @__PURE__ */ j("span", { children: [H.utilization.toFixed(0), "%"] })]
-							}), /* @__PURE__ */ A(e, { value: H.utilization })]
+								children: [/* @__PURE__ */ A("span", { children: L("movethewheels.dashboard.fleetStatus.vehicleUtilization", "Vehicle Utilization") }), /* @__PURE__ */ j("span", { children: [U.utilization.toFixed(0), "%"] })]
+							}), /* @__PURE__ */ A(e, { value: U.utilization })]
 						}), /* @__PURE__ */ j("div", {
 							className: "grid grid-cols-2 gap-4 text-sm",
 							children: [
 								/* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
 									className: "text-text-secondary",
-									children: I("movethewheels.dashboard.fleetStatus.available", "Available")
+									children: L("movethewheels.dashboard.fleetStatus.available", "Available")
 								}), /* @__PURE__ */ A("p", {
 									className: "text-lg font-semibold text-green-600",
-									children: H.vehiclesByStatus.available
+									children: U.vehiclesByStatus.available
 								})] }),
 								/* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
 									className: "text-text-secondary",
-									children: I("movethewheels.dashboard.fleetStatus.inUse", "In Use")
+									children: L("movethewheels.dashboard.fleetStatus.inUse", "In Use")
 								}), /* @__PURE__ */ A("p", {
 									className: "text-lg font-semibold text-blue-600",
-									children: H.vehiclesByStatus.assigned
+									children: U.vehiclesByStatus.assigned
 								})] }),
 								/* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
 									className: "text-text-secondary",
-									children: I("movethewheels.dashboard.fleetStatus.maintenance", "Maintenance")
+									children: L("movethewheels.dashboard.fleetStatus.maintenance", "Maintenance")
 								}), /* @__PURE__ */ A("p", {
 									className: "text-lg font-semibold text-yellow-600",
-									children: H.vehiclesByStatus.maintenance
+									children: U.vehiclesByStatus.maintenance
 								})] }),
 								/* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
 									className: "text-text-secondary",
-									children: I("movethewheels.dashboard.fleetStatus.avgFuel", "Avg Fuel")
+									children: L("movethewheels.dashboard.fleetStatus.avgFuel", "Avg Fuel")
 								}), /* @__PURE__ */ j("p", {
 									className: "text-lg font-semibold",
-									children: [H.avgFuelLevel.toFixed(0), "%"]
+									children: [U.avgFuelLevel.toFixed(0), "%"]
 								})] })
 							]
 						})]
@@ -308,66 +312,66 @@ function F() {
 						children: [/* @__PURE__ */ A(h, {
 							size: 16,
 							className: "text-yellow-500"
-						}), I("movethewheels.dashboard.alerts.title", "Alerts")]
+						}), L("movethewheels.dashboard.alerts.title", "Alerts")]
 					}) }), /* @__PURE__ */ A(r, { children: /* @__PURE__ */ j("div", {
 						className: "space-y-3",
 						children: [
-							V.byStatus.pending > 5 && /* @__PURE__ */ j("div", {
+							H.byStatus.pending > 5 && /* @__PURE__ */ j("div", {
 								className: "flex items-start gap-3 p-2 rounded bg-yellow-50 dark:bg-yellow-900/20",
 								children: [/* @__PURE__ */ A(u, {
 									size: 16,
 									className: "text-yellow-600 mt-0.5"
 								}), /* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
 									className: "text-sm font-medium",
-									children: I("movethewheels.dashboard.alerts.pendingOrders.title", "Pending Orders")
+									children: L("movethewheels.dashboard.alerts.pendingOrders.title", "Pending Orders")
 								}), /* @__PURE__ */ j("p", {
 									className: "text-xs text-text-secondary",
 									children: [
-										V.byStatus.pending,
+										H.byStatus.pending,
 										" ",
-										I("movethewheels.dashboard.alerts.pendingOrders.description", "orders awaiting confirmation")
+										L("movethewheels.dashboard.alerts.pendingOrders.description", "orders awaiting confirmation")
 									]
 								})] })]
 							}),
-							H.vehiclesByStatus.maintenance > 0 && /* @__PURE__ */ j("div", {
+							U.vehiclesByStatus.maintenance > 0 && /* @__PURE__ */ j("div", {
 								className: "flex items-start gap-3 p-2 rounded bg-orange-50 dark:bg-orange-900/20",
 								children: [/* @__PURE__ */ A(g, {
 									size: 16,
 									className: "text-orange-600 mt-0.5"
 								}), /* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
 									className: "text-sm font-medium",
-									children: I("movethewheels.dashboard.alerts.maintenanceVehicles.title", "Vehicles in Maintenance")
+									children: L("movethewheels.dashboard.alerts.maintenanceVehicles.title", "Vehicles in Maintenance")
 								}), /* @__PURE__ */ j("p", {
 									className: "text-xs text-text-secondary",
 									children: [
-										H.vehiclesByStatus.maintenance,
+										U.vehiclesByStatus.maintenance,
 										" ",
-										I("movethewheels.dashboard.alerts.maintenanceVehicles.description", "vehicles unavailable")
+										L("movethewheels.dashboard.alerts.maintenanceVehicles.description", "vehicles unavailable")
 									]
 								})] })]
 							}),
-							H.driversByStatus.offline > 0 && /* @__PURE__ */ j("div", {
+							U.driversByStatus.offline > 0 && /* @__PURE__ */ j("div", {
 								className: "flex items-start gap-3 p-2 rounded bg-gray-50 dark:bg-gray-800",
 								children: [/* @__PURE__ */ A(_, {
 									size: 16,
 									className: "text-gray-600 mt-0.5"
 								}), /* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
 									className: "text-sm font-medium",
-									children: I("movethewheels.dashboard.alerts.offlineDrivers.title", "Offline Drivers")
+									children: L("movethewheels.dashboard.alerts.offlineDrivers.title", "Offline Drivers")
 								}), /* @__PURE__ */ j("p", {
 									className: "text-xs text-text-secondary",
 									children: [
-										H.driversByStatus.offline,
+										U.driversByStatus.offline,
 										" ",
-										I("movethewheels.dashboard.alerts.offlineDrivers.description", "drivers currently offline")
+										L("movethewheels.dashboard.alerts.offlineDrivers.description", "drivers currently offline")
 									]
 								})] })]
 							}),
-							V.byStatus.pending <= 5 && H.vehiclesByStatus.maintenance === 0 && H.driversByStatus.offline === 0 && /* @__PURE__ */ A("div", {
+							H.byStatus.pending <= 5 && U.vehiclesByStatus.maintenance === 0 && U.driversByStatus.offline === 0 && /* @__PURE__ */ A("div", {
 								className: "text-center py-4 text-text-secondary",
 								children: /* @__PURE__ */ A("p", {
 									className: "text-sm",
-									children: I("movethewheels.dashboard.alerts.allOperational", "All systems operational")
+									children: L("movethewheels.dashboard.alerts.allOperational", "All systems operational")
 								})
 							})
 						]
@@ -378,4 +382,4 @@ function F() {
 	});
 }
 //#endregion
-export { F as default };
+export { I as default };