@burdenoff/microfe-movethewheels 2026.626.2 → 2026.703.1

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

@@ -1,22 +1,20 @@
-import { M as e, a as t, d as n, f as r, g as i, h as a, i as o, l as s, u as c } from "./PageLayout-D3N8MCTm.js";
-import { t as l } from "./chevron-right-BIFGi0UA.js";
-import { t as u } from "./clock-BjkdnddD.js";
-import { t as d } from "./dollar-sign-IB4O0wuQ.js";
-import { t as f } from "./map-pin-BSaf5IDL.js";
-import { t as p } from "./package-BE7U0wQE.js";
-import { t as m } from "./trending-up-C-85AwGT.js";
-import { t as h } from "./triangle-alert-BOhfGgmh.js";
-import { t as g } from "./truck-CtDjNFbi.js";
-import { t as _ } from "./users-g2N0eL-Z.js";
-import { r as v } from "./graphqlClient-CdJyR_ed.js";
-import { n as y, r as b } from "./useOrders-D_3_hGMp.js";
-import { i as x } from "./useFleet-BdETplNE.js";
-import { n as S } from "./useAnalytics-ph7eTIK6.js";
-import { r as C } from "./useTracking-De2KIUNu.js";
-import { r as w, t as T } from "./MetricCard-B7yMyvMX.js";
-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 { M as e, a as t, ct as n, d as r, f as i, g as a, h as o, i as s, l as c, ot as l, u } from "./PageLayout-D4LDHJJq.js";
+import { t as d } from "./chevron-right-EMIIyyJ1.js";
+import { t as f } from "./clock-DJZtdl8u.js";
+import { t as p } from "./dollar-sign-CgKQRz_e.js";
+import { t as m } from "./map-pin-BGiCvyCs.js";
+import { t as h } from "./package-BChUzpJS.js";
+import { t as g } from "./trending-up-B7W-GL6P.js";
+import { t as _ } from "./triangle-alert-BonHFFNz.js";
+import { t as v } from "./truck-DrlfSpRC.js";
+import { t as y } from "./users-BAM4gHTn.js";
+import { n as b, r as x } from "./useOrders-D3UZVy8Y.js";
+import { i as S } from "./useFleet-DiAC-IiH.js";
+import { n as C } from "./useAnalytics-CgdzUfY_.js";
+import { r as w } from "./useTracking-GJify4HN.js";
+import { r as T, t as E } from "./MetricCard-7aYgzZHK.js";
+import { r as D } from "./StatusBadge-NpTeHVlw.js";
+import { n as O, r as k } from "./formatters-DhKZ-eA1.js";
 import { jsx as A, jsxs as j } from "react/jsx-runtime";
 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";
@@ -25,92 +23,88 @@ function I() {
 	let { t: I } = F(), L = (e, t) => {
 		let n = I(e);
 		return n === e ? t : n;
-	}, { 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));
+	}, { basePath: R, navigate: z } = l(), { metrics: B } = C(), { orders: V } = x({ limit: 5 }), { stats: H } = b(), { stats: U } = S(), { activeDeliveries: W } = w(), G = (e) => {
+		z && z(n(R, e));
+	}, K = (e, t) => {
+		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), t());
 	};
-	return /* @__PURE__ */ j(o, {
+	return /* @__PURE__ */ j(s, {
 		hero: !0,
 		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 }),
+		icon: /* @__PURE__ */ A(g, { size: 24 }),
 		headerActions: /* @__PURE__ */ A(M, {
 			primary: {
 				label: L("movethewheels.dashboard.actions.newOrder", "New Order"),
-				icon: /* @__PURE__ */ A(p, { size: 16 }),
+				icon: /* @__PURE__ */ A(h, { size: 16 }),
 				onSelect: () => G("orders/new")
 			},
 			actions: [{
 				label: L("movethewheels.dashboard.actions.liveMap", "Live Map"),
-				icon: /* @__PURE__ */ A(f, { size: 16 }),
+				icon: /* @__PURE__ */ A(m, { size: 16 }),
 				onSelect: () => G("tracking/live")
 			}]
 		}),
 		children: [
 			/* @__PURE__ */ A(P, {
-				icon: /* @__PURE__ */ A(m, { size: 18 }),
+				icon: /* @__PURE__ */ A(g, { 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, {
+			/* @__PURE__ */ j(T, {
 				columns: 4,
 				children: [
-					/* @__PURE__ */ A(T, {
+					/* @__PURE__ */ A(E, {
 						label: L("movethewheels.dashboard.metrics.totalOrders", "Total Orders"),
 						value: B.orders.total,
-						icon: /* @__PURE__ */ A(p, { size: 20 }),
-						change: `+${B.orders.today} ${L("movethewheels.dashboard.metrics.today", "today")}`,
-						changeType: "positive",
-						trend: "up",
+						icon: /* @__PURE__ */ A(h, { size: 20 }),
 						onClick: () => G("orders")
 					}),
-					/* @__PURE__ */ A(T, {
+					/* @__PURE__ */ A(E, {
 						label: L("movethewheels.dashboard.metrics.activeDeliveries", "Active Deliveries"),
 						value: B.orders.inTransit,
-						icon: /* @__PURE__ */ A(g, { size: 20 }),
+						icon: /* @__PURE__ */ A(v, { size: 20 }),
 						subtitle: `${B.orders.pending} ${L("movethewheels.dashboard.metrics.pending", "pending")}`,
 						onClick: () => G("tracking")
 					}),
-					/* @__PURE__ */ A(T, {
+					/* @__PURE__ */ A(E, {
 						label: L("movethewheels.dashboard.metrics.fleetUtilization", "Fleet Utilization"),
 						value: `${B.fleet.activeVehicles}/${B.fleet.totalVehicles}`,
-						icon: /* @__PURE__ */ A(g, { size: 20 }),
+						icon: /* @__PURE__ */ A(v, { size: 20 }),
 						subtitle: `${B.fleet.availableDrivers} ${L("movethewheels.dashboard.metrics.driversAvailable", "drivers available")}`,
 						onClick: () => G("fleet")
 					}),
-					/* @__PURE__ */ A(T, {
+					/* @__PURE__ */ A(E, {
 						treatment: "glass",
 						glow: !0,
 						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",
+						value: O(B.revenue.total),
+						icon: /* @__PURE__ */ A(p, { size: 20 }),
 						onClick: () => G("analytics")
 					})
 				]
 			}),
-			/* @__PURE__ */ j(w, {
+			/* @__PURE__ */ j(T, {
 				columns: 4,
 				children: [
-					/* @__PURE__ */ A(T, {
+					/* @__PURE__ */ A(E, {
 						size: "sm",
 						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, {
+					/* @__PURE__ */ A(E, {
 						size: "sm",
 						label: L("movethewheels.dashboard.stats.avgOrderValue", "Avg Order Value"),
-						value: D(B.revenue.avgOrderValue)
+						value: O(B.revenue.avgOrderValue)
 					}),
-					/* @__PURE__ */ A(T, {
+					/* @__PURE__ */ A(E, {
 						size: "sm",
 						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, {
+					/* @__PURE__ */ A(E, {
 						size: "sm",
 						label: L("movethewheels.dashboard.stats.deliveredToday", "Delivered Today"),
 						value: B.orders.delivered
@@ -121,23 +115,27 @@ function I() {
 				className: "grid grid-cols-1 lg:grid-cols-2 gap-6",
 				children: [/* @__PURE__ */ A(t, {
 					title: L("movethewheels.dashboard.recentOrders.title", "Recent Orders"),
-					actions: /* @__PURE__ */ j(c, {
+					actions: /* @__PURE__ */ j(u, {
 						variant: "ghost",
 						size: "sm",
 						onClick: () => G("orders"),
 						children: [
 							L("movethewheels.dashboard.common.viewAll", "View all"),
 							" ",
-							/* @__PURE__ */ A(l, { size: 16 })
+							/* @__PURE__ */ A(d, { size: 16 })
 						]
 					}),
-					children: /* @__PURE__ */ A(n, { children: /* @__PURE__ */ A(r, {
+					children: /* @__PURE__ */ A(r, { children: /* @__PURE__ */ A(i, {
 						className: "p-0",
 						children: /* @__PURE__ */ j("div", {
 							className: "divide-y",
 							children: [V.slice(0, 5).map((e) => /* @__PURE__ */ A("div", {
-								className: "p-4 hover:bg-bg-sunken/50 cursor-pointer transition-colors",
+								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: () => G(`orders/${e.id}`),
+								onKeyDown: (t) => K(t, () => G(`orders/${e.id}`)),
 								children: /* @__PURE__ */ j("div", {
 									className: "flex items-center justify-between",
 									children: [/* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
@@ -148,13 +146,13 @@ function I() {
 										children: e.customerInfo.name
 									})] }), /* @__PURE__ */ j("div", {
 										className: "text-right",
-										children: [/* @__PURE__ */ A(E, {
+										children: [/* @__PURE__ */ A(D, {
 											status: e.status,
 											type: "order",
 											size: "sm"
 										}), /* @__PURE__ */ A("p", {
 											className: "text-sm text-text-secondary mt-1",
-											children: D(e.pricing.total)
+											children: O(e.pricing.total)
 										})]
 									})]
 								})
@@ -166,23 +164,27 @@ function I() {
 					}) })
 				}), /* @__PURE__ */ A(t, {
 					title: L("movethewheels.dashboard.activeDeliveries.title", "Active Deliveries"),
-					actions: /* @__PURE__ */ j(c, {
+					actions: /* @__PURE__ */ j(u, {
 						variant: "ghost",
 						size: "sm",
 						onClick: () => G("tracking/live"),
 						children: [
 							L("movethewheels.dashboard.activeDeliveries.liveTracking", "Live tracking"),
 							" ",
-							/* @__PURE__ */ A(l, { size: 16 })
+							/* @__PURE__ */ A(d, { size: 16 })
 						]
 					}),
-					children: /* @__PURE__ */ A(n, { children: /* @__PURE__ */ A(r, {
+					children: /* @__PURE__ */ A(r, { children: /* @__PURE__ */ A(i, {
 						className: "p-0",
 						children: /* @__PURE__ */ j("div", {
 							className: "divide-y",
 							children: [W.slice(0, 5).map((e) => e.order ? /* @__PURE__ */ A("div", {
-								className: "p-4 hover:bg-bg-sunken/50 cursor-pointer transition-colors",
+								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: () => G(`tracking?order=${e.order.id}`),
+								onKeyDown: (t) => e.order && K(t, () => G(`tracking?order=${e.order.id}`)),
 								children: /* @__PURE__ */ j("div", {
 									className: "flex items-center justify-between",
 									children: [/* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
@@ -193,7 +195,7 @@ function I() {
 										children: e.driver?.fullName || L("movethewheels.dashboard.activeDeliveries.unassigned", "Unassigned")
 									})] }), /* @__PURE__ */ j("div", {
 										className: "text-right",
-										children: [/* @__PURE__ */ A(E, {
+										children: [/* @__PURE__ */ A(D, {
 											status: e.order.status,
 											type: "order",
 											size: "sm"
@@ -202,7 +204,7 @@ function I() {
 											children: [
 												L("movethewheels.dashboard.activeDeliveries.eta", "ETA:"),
 												" ",
-												e.estimatedArrival ? O(e.estimatedArrival, "time") : L("movethewheels.dashboard.activeDeliveries.na", "N/A")
+												e.estimatedArrival ? k(e.estimatedArrival, "time") : L("movethewheels.dashboard.activeDeliveries.na", "N/A")
 											]
 										})]
 									})]
@@ -229,22 +231,22 @@ function I() {
 								{
 									status: "pending",
 									count: H.byStatus.pending,
-									color: "bg-yellow-500"
+									color: "bg-status-warning-text"
 								},
 								{
 									status: "in_transit",
 									count: H.byStatus.in_transit,
-									color: "bg-blue-500"
+									color: "bg-status-info-text"
 								},
 								{
 									status: "delivered",
 									count: H.byStatus.delivered,
-									color: "bg-green-500"
+									color: "bg-status-success-text"
 								},
 								{
 									status: "cancelled",
 									count: H.byStatus.cancelled,
-									color: "bg-red-500"
+									color: "bg-status-error-text"
 								}
 							].map(({ status: e, count: t, color: n }) => /* @__PURE__ */ j("div", {
 								className: "flex items-center justify-between",
@@ -254,7 +256,7 @@ function I() {
 										className: "text-sm capitalize",
 										children: L(`movethewheels.dashboard.orderStatus.status.${e}`, e.replace("_", " "))
 									})]
-								}), /* @__PURE__ */ A(s, {
+								}), /* @__PURE__ */ A(c, {
 									variant: "secondary",
 									className: "tabular-nums",
 									children: t
@@ -262,10 +264,10 @@ function I() {
 							}, e))
 						})]
 					}),
-					/* @__PURE__ */ j(n, { children: [/* @__PURE__ */ A(a, { children: /* @__PURE__ */ A(i, {
+					/* @__PURE__ */ j(r, { children: [/* @__PURE__ */ A(o, { children: /* @__PURE__ */ A(a, {
 						className: "text-base",
 						children: L("movethewheels.dashboard.fleetStatus.title", "Fleet Status")
-					}) }), /* @__PURE__ */ j(r, {
+					}) }), /* @__PURE__ */ j(i, {
 						className: "space-y-4",
 						children: [/* @__PURE__ */ j("div", {
 							className: "space-y-2",
@@ -280,21 +282,21 @@ function I() {
 									className: "text-text-secondary",
 									children: L("movethewheels.dashboard.fleetStatus.available", "Available")
 								}), /* @__PURE__ */ A("p", {
-									className: "text-lg font-semibold text-green-600",
+									className: "text-lg font-semibold text-status-success-text",
 									children: U.vehiclesByStatus.available
 								})] }),
 								/* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
 									className: "text-text-secondary",
 									children: L("movethewheels.dashboard.fleetStatus.inUse", "In Use")
 								}), /* @__PURE__ */ A("p", {
-									className: "text-lg font-semibold text-blue-600",
+									className: "text-lg font-semibold text-status-info-text",
 									children: U.vehiclesByStatus.assigned
 								})] }),
 								/* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
 									className: "text-text-secondary",
 									children: L("movethewheels.dashboard.fleetStatus.maintenance", "Maintenance")
 								}), /* @__PURE__ */ A("p", {
-									className: "text-lg font-semibold text-yellow-600",
+									className: "text-lg font-semibold text-status-warning-text",
 									children: U.vehiclesByStatus.maintenance
 								})] }),
 								/* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
@@ -307,20 +309,20 @@ function I() {
 							]
 						})]
 					})] }),
-					/* @__PURE__ */ j(n, { children: [/* @__PURE__ */ A(a, { children: /* @__PURE__ */ j(i, {
+					/* @__PURE__ */ j(r, { children: [/* @__PURE__ */ A(o, { children: /* @__PURE__ */ j(a, {
 						className: "text-base flex items-center gap-2",
-						children: [/* @__PURE__ */ A(h, {
+						children: [/* @__PURE__ */ A(_, {
 							size: 16,
-							className: "text-yellow-500"
+							className: "text-status-warning-text"
 						}), L("movethewheels.dashboard.alerts.title", "Alerts")]
-					}) }), /* @__PURE__ */ A(r, { children: /* @__PURE__ */ j("div", {
+					}) }), /* @__PURE__ */ A(i, { children: /* @__PURE__ */ j("div", {
 						className: "space-y-3",
 						children: [
 							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, {
+								className: "flex items-start gap-3 p-2 rounded bg-status-warning-bg-subtle",
+								children: [/* @__PURE__ */ A(f, {
 									size: 16,
-									className: "text-yellow-600 mt-0.5"
+									className: "text-status-warning-text mt-0.5"
 								}), /* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
 									className: "text-sm font-medium",
 									children: L("movethewheels.dashboard.alerts.pendingOrders.title", "Pending Orders")
@@ -334,10 +336,10 @@ function I() {
 								})] })]
 							}),
 							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, {
+								className: "flex items-start gap-3 p-2 rounded bg-status-warning-bg-subtle",
+								children: [/* @__PURE__ */ A(v, {
 									size: 16,
-									className: "text-orange-600 mt-0.5"
+									className: "text-status-warning-text mt-0.5"
 								}), /* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
 									className: "text-sm font-medium",
 									children: L("movethewheels.dashboard.alerts.maintenanceVehicles.title", "Vehicles in Maintenance")
@@ -351,10 +353,10 @@ function I() {
 								})] })]
 							}),
 							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(_, {
+								className: "flex items-start gap-3 p-2 rounded bg-bg-sunken",
+								children: [/* @__PURE__ */ A(y, {
 									size: 16,
-									className: "text-gray-600 mt-0.5"
+									className: "text-text-secondary mt-0.5"
 								}), /* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
 									className: "text-sm font-medium",
 									children: L("movethewheels.dashboard.alerts.offlineDrivers.title", "Offline Drivers")

package/dist/{DataTable-CD9ZhpLB.js → DataTable-DmciIKKM.js}

@@ -1,6 +1,6 @@
-import { A as e, B as t, F as n, G as r, H as i, I as a, K as o, L as s, P as c, R as l, U as u, W as d, it as f, q as p, rt as m, u as h } from "./PageLayout-D3N8MCTm.js";
-import { t as g } from "./chevron-right-BIFGi0UA.js";
-import { t as ee } from "./search-OxoIiL_C.js";
+import { A as e, B as t, F as n, G as r, H as i, I as a, K as o, L as s, P as c, R as l, U as u, W as d, lt as f, q as p, rt as m, u as h } from "./PageLayout-D4LDHJJq.js";
+import { t as g } from "./chevron-right-EMIIyyJ1.js";
+import { t as ee } from "./search-CDGefqb3.js";
 import { useMemo as _, useState as v } from "react";
 import { jsx as y, jsxs as b } from "react/jsx-runtime";
 import { IllustratedEmptyState as x } from "@burdenoff/fe-libs/ui";