@burdenoff/microfe-movethewheels 2026.704.1 → 2026.710.1

package/dist/{FleetPage-qWRj7WFO.js → pages/FleetPage.js}

@@ -1,13 +1,16 @@
-import { M as e, a as t, d as n, f as r, g as i, h as a, i as o, lt as s, o as c, s as l, st as u, u as d } from "./PageLayout-j9Zw3wBN.js";
-import { t as f } from "./chevron-right-CKm3ZC1T.js";
-import { t as p } from "./fuel-Cjt6IxKr.js";
-import { t as m } from "./star-1Ixfuzai.js";
-import { t as h } from "./truck-DxhtLfkG.js";
-import { t as g } from "./users-BKmsb79k.js";
-import { t as _ } from "./wrench-DTJGFs17.js";
-import { i as v, n as y, o as b } from "./useFleet-BfA_-VUW.js";
-import { n as x, r as S, t as C } from "./MetricCard-CqU5WsyW.js";
-import { a as w, r as T } from "./StatusBadge-BfiF-nNI.js";
+import { ChevronRight as e } from "../node_modules/lucide-react/dist/esm/icons/chevron-right.js";
+import { Fuel as t } from "../node_modules/lucide-react/dist/esm/icons/fuel.js";
+import { Star as n } from "../node_modules/lucide-react/dist/esm/icons/star.js";
+import { Truck as r } from "../node_modules/lucide-react/dist/esm/icons/truck.js";
+import { Users as i } from "../node_modules/lucide-react/dist/esm/icons/users.js";
+import { Wrench as a } from "../node_modules/lucide-react/dist/esm/icons/wrench.js";
+import { joinPath as o } from "../utils/navigation.js";
+import { useMoveTheWheels as s } from "../providers/MoveTheWheelsProvider.js";
+import { useDrivers as c, useFleetStats as l, useVehicles as u } from "../hooks/useFleet.js";
+import { Avatar as d, AvatarFallback as f, Button as p, Card as m, CardContent as h, CardHeader as g, CardTitle as _, Progress as v } from "../components/ui.js";
+import { PageLayout as y, PageSection as b } from "../components/PageLayout.js";
+import { MetricCard as x, MetricCardSkeleton as S, MetricGrid as C } from "../components/MetricCard.js";
+import { StatusBadge as w, VehicleTypeBadge as T } from "../components/StatusBadge.js";
 import { jsx as E, jsxs as D } from "react/jsx-runtime";
 import { CTAOverflowMenu as O, EmphasisPanel as k, NextSteps as A, PagePurpose as j } from "@burdenoff/fe-libs/ui";
 import { useI18n as M } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
@@ -16,32 +19,32 @@ function N() {
 	let { t: N } = M(), P = (e, t) => {
 		let n = N(e);
 		return n === e ? t : n;
-	}, { basePath: F, navigate: I } = u(), { stats: L, isLoading: R, error: z, refetch: B } = v(), { vehicles: V, isLoading: H, error: U, refetch: W } = b(), { drivers: G, isLoading: K, error: q, refetch: J } = y(), Y = R || H || K, X = z ?? U ?? q, Z = () => {
+	}, { basePath: F, navigate: I } = s(), { stats: L, isLoading: R, error: z, refetch: B } = l(), { vehicles: V, isLoading: H, error: U, refetch: W } = u(), { drivers: G, isLoading: K, error: q, refetch: J } = c(), Y = R || H || K, X = z ?? U ?? q, Z = () => {
 		B(), W(), J();
 	}, Q = (e) => {
-		I && I(s(F, e));
+		I && I(o(F, e));
 	}, $ = (e, t) => {
 		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), t());
 	};
-	return /* @__PURE__ */ D(o, {
+	return /* @__PURE__ */ D(y, {
 		title: P("movethewheels.fleet.title", "Fleet Management"),
 		subtitle: P("movethewheels.fleet.subtitle", "Manage your vehicles and drivers"),
-		icon: /* @__PURE__ */ E(h, { size: 24 }),
+		icon: /* @__PURE__ */ E(r, { size: 24 }),
 		headerActions: /* @__PURE__ */ E(O, {
 			primary: {
 				label: P("movethewheels.fleet.actions.allVehicles", "All Vehicles"),
-				icon: /* @__PURE__ */ E(h, { size: 16 }),
+				icon: /* @__PURE__ */ E(r, { size: 16 }),
 				onSelect: () => Q("fleet/vehicles")
 			},
 			actions: [{
 				label: P("movethewheels.fleet.actions.allDrivers", "All Drivers"),
-				icon: /* @__PURE__ */ E(g, { size: 16 }),
+				icon: /* @__PURE__ */ E(i, { size: 16 }),
 				onSelect: () => Q("fleet/drivers")
 			}]
 		}),
 		children: [
 			/* @__PURE__ */ E(j, {
-				icon: /* @__PURE__ */ E(h, { size: 18 }),
+				icon: /* @__PURE__ */ E(r, { size: 18 }),
 				children: P("movethewheels.fleet.purpose", "Your command center for vehicles and drivers. See utilization at a glance, keep an eye on availability and ratings, and act on maintenance alerts so you always have road-ready capacity to fulfil orders.")
 			}),
 			/* @__PURE__ */ E(A, {
@@ -51,28 +54,28 @@ function N() {
 						id: "vehicles",
 						label: P("movethewheels.fleet.nextSteps.vehicles", "Review your vehicles"),
 						description: P("movethewheels.fleet.nextSteps.vehiclesDesc", "Check capacity, fuel and maintenance status across the fleet."),
-						icon: /* @__PURE__ */ E(h, { size: 16 }),
+						icon: /* @__PURE__ */ E(r, { size: 16 }),
 						onClick: () => Q("fleet/vehicles")
 					},
 					{
 						id: "drivers",
 						label: P("movethewheels.fleet.nextSteps.drivers", "Review your drivers"),
 						description: P("movethewheels.fleet.nextSteps.driversDesc", "See availability, ratings and delivery history before assigning work."),
-						icon: /* @__PURE__ */ E(g, { size: 16 }),
+						icon: /* @__PURE__ */ E(i, { size: 16 }),
 						onClick: () => Q("fleet/drivers")
 					},
 					{
 						id: "assign",
 						label: P("movethewheels.fleet.nextSteps.assign", "Assign capacity to orders"),
 						description: P("movethewheels.fleet.nextSteps.assignDesc", "Open an order to assign an available vehicle and driver."),
-						icon: /* @__PURE__ */ E(f, { size: 16 }),
+						icon: /* @__PURE__ */ E(e, { size: 16 }),
 						onClick: () => Q("orders")
 					}
 				]
 			}),
-			X && !Y ? /* @__PURE__ */ E(n, {
+			X && !Y ? /* @__PURE__ */ E(m, {
 				className: "border-status-error-border",
-				children: /* @__PURE__ */ D(r, {
+				children: /* @__PURE__ */ D(h, {
 					className: "p-6 text-center space-y-3",
 					children: [
 						/* @__PURE__ */ E("p", {
@@ -83,45 +86,45 @@ function N() {
 							className: "text-sm text-text-secondary",
 							children: X.message
 						}),
-						/* @__PURE__ */ E(d, {
+						/* @__PURE__ */ E(p, {
 							variant: "outline",
 							onClick: Z,
 							children: P("movethewheels.fleet.error.retry", "Retry")
 						})
 					]
 				})
-			}) : Y ? /* @__PURE__ */ E(S, {
+			}) : Y ? /* @__PURE__ */ E(C, {
 				columns: 4,
-				children: Array.from({ length: 4 }).map((e, t) => /* @__PURE__ */ E(x, {}, t))
-			}) : /* @__PURE__ */ D(S, {
+				children: Array.from({ length: 4 }).map((e, t) => /* @__PURE__ */ E(S, {}, t))
+			}) : /* @__PURE__ */ D(C, {
 				columns: 4,
 				children: [
-					/* @__PURE__ */ E(C, {
+					/* @__PURE__ */ E(x, {
 						label: P("movethewheels.fleet.metrics.totalVehicles", "Total Vehicles"),
 						value: L.totalVehicles,
-						icon: /* @__PURE__ */ E(h, { size: 20 }),
+						icon: /* @__PURE__ */ E(r, { size: 20 }),
 						subtitle: `${L.vehiclesByStatus.available} ${P("movethewheels.fleet.metrics.available", "available")}`,
 						onClick: () => Q("fleet/vehicles")
 					}),
-					/* @__PURE__ */ E(C, {
+					/* @__PURE__ */ E(x, {
 						label: P("movethewheels.fleet.metrics.totalDrivers", "Total Drivers"),
 						value: L.totalDrivers,
-						icon: /* @__PURE__ */ E(g, { size: 20 }),
+						icon: /* @__PURE__ */ E(i, { size: 20 }),
 						subtitle: `${L.driversByStatus.available} ${P("movethewheels.fleet.metrics.available", "available")}`,
 						onClick: () => Q("fleet/drivers")
 					}),
-					/* @__PURE__ */ E(C, {
+					/* @__PURE__ */ E(x, {
 						treatment: "glass",
 						glow: !0,
 						label: P("movethewheels.fleet.metrics.utilization", "Fleet Utilization"),
 						value: `${L.utilization.toFixed(0)}%`,
-						icon: /* @__PURE__ */ E(h, { size: 20 }),
+						icon: /* @__PURE__ */ E(r, { size: 20 }),
 						changeType: L.utilization >= 70 ? "positive" : "neutral"
 					}),
-					/* @__PURE__ */ E(C, {
+					/* @__PURE__ */ E(x, {
 						label: P("movethewheels.fleet.metrics.avgDriverRating", "Avg Driver Rating"),
 						value: L.avgDriverRating.toFixed(1),
-						icon: /* @__PURE__ */ E(m, { size: 20 }),
+						icon: /* @__PURE__ */ E(n, { size: 20 }),
 						subtitle: P("movethewheels.fleet.metrics.outOfFive", "out of 5"),
 						changeType: L.avgDriverRating >= 4.5 ? "positive" : "neutral"
 					})
@@ -129,36 +132,36 @@ function N() {
 			}),
 			/* @__PURE__ */ D("div", {
 				className: "grid grid-cols-1 lg:grid-cols-2 gap-6",
-				children: [/* @__PURE__ */ E(t, {
+				children: [/* @__PURE__ */ E(b, {
 					title: P("movethewheels.fleet.vehicles.title", "Vehicles"),
-					actions: /* @__PURE__ */ D(d, {
+					actions: /* @__PURE__ */ D(p, {
 						variant: "ghost",
 						size: "sm",
 						onClick: () => Q("fleet/vehicles"),
 						children: [
 							P("movethewheels.fleet.common.viewAll", "View all"),
 							" ",
-							/* @__PURE__ */ E(f, { size: 16 })
+							/* @__PURE__ */ E(e, { size: 16 })
 						]
 					}),
-					children: /* @__PURE__ */ E(n, { children: /* @__PURE__ */ E(r, {
+					children: /* @__PURE__ */ E(m, { children: /* @__PURE__ */ E(h, {
 						className: "p-0",
 						children: /* @__PURE__ */ E("div", {
 							className: "divide-y",
-							children: V.slice(0, 5).map((t) => /* @__PURE__ */ E("div", {
+							children: V.slice(0, 5).map((e) => /* @__PURE__ */ E("div", {
 								role: "button",
 								tabIndex: 0,
-								"aria-label": `View vehicle ${t.vehicleNumber}`,
+								"aria-label": `View vehicle ${e.vehicleNumber}`,
 								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(`fleet/vehicles/${t.id}`),
-								onKeyDown: (e) => $(e, () => Q(`fleet/vehicles/${t.id}`)),
+								onClick: () => Q(`fleet/vehicles/${e.id}`),
+								onKeyDown: (t) => $(t, () => Q(`fleet/vehicles/${e.id}`)),
 								children: /* @__PURE__ */ D("div", {
 									className: "flex items-center justify-between",
 									children: [/* @__PURE__ */ D("div", {
 										className: "flex items-center gap-3",
 										children: [/* @__PURE__ */ E("div", {
 											className: "w-10 h-10 rounded-lg bg-action-primary-bg/10 flex items-center justify-center",
-											children: /* @__PURE__ */ E(h, {
+											children: /* @__PURE__ */ E(r, {
 												size: 20,
 												className: "text-primary"
 											})
@@ -166,63 +169,63 @@ function N() {
 											className: "flex items-center gap-2",
 											children: [/* @__PURE__ */ E("span", {
 												className: "font-medium",
-												children: t.vehicleNumber
-											}), /* @__PURE__ */ E(w, {
-												type: t.type,
+												children: e.vehicleNumber
+											}), /* @__PURE__ */ E(T, {
+												type: e.type,
 												size: "sm"
 											})]
 										}), /* @__PURE__ */ D("p", {
 											className: "text-sm text-text-secondary",
 											children: [
-												t.make,
+												e.make,
 												" ",
-												t.model,
+												e.model,
 												" (",
-												t.year,
+												e.year,
 												")"
 											]
 										})] })]
 									}), /* @__PURE__ */ D("div", {
 										className: "text-right",
-										children: [/* @__PURE__ */ E(T, {
-											status: t.status,
+										children: [/* @__PURE__ */ E(w, {
+											status: e.status,
 											type: "vehicle",
 											size: "sm"
-										}), t.fuelLevel !== void 0 && /* @__PURE__ */ D("div", {
+										}), e.fuelLevel !== void 0 && /* @__PURE__ */ D("div", {
 											className: "mt-2 flex items-center gap-2",
 											children: [
-												/* @__PURE__ */ E(p, {
+												/* @__PURE__ */ E(t, {
 													size: 12,
 													className: "text-text-secondary"
 												}),
-												/* @__PURE__ */ E(e, {
-													value: t.fuelLevel,
+												/* @__PURE__ */ E(v, {
+													value: e.fuelLevel,
 													className: "w-16 h-2"
 												}),
 												/* @__PURE__ */ D("span", {
 													className: "text-xs text-text-secondary",
-													children: [t.fuelLevel, "%"]
+													children: [e.fuelLevel, "%"]
 												})
 											]
 										})]
 									})]
 								})
-							}, t.id))
+							}, e.id))
 						})
 					}) })
-				}), /* @__PURE__ */ E(t, {
+				}), /* @__PURE__ */ E(b, {
 					title: P("movethewheels.fleet.drivers.title", "Drivers"),
-					actions: /* @__PURE__ */ D(d, {
+					actions: /* @__PURE__ */ D(p, {
 						variant: "ghost",
 						size: "sm",
 						onClick: () => Q("fleet/drivers"),
 						children: [
 							P("movethewheels.fleet.common.viewAll", "View all"),
 							" ",
-							/* @__PURE__ */ E(f, { size: 16 })
+							/* @__PURE__ */ E(e, { size: 16 })
 						]
 					}),
-					children: /* @__PURE__ */ E(n, { children: /* @__PURE__ */ E(r, {
+					children: /* @__PURE__ */ E(m, { children: /* @__PURE__ */ E(h, {
 						className: "p-0",
 						children: /* @__PURE__ */ E("div", {
 							className: "divide-y",
@@ -237,7 +240,7 @@ function N() {
 									className: "flex items-center justify-between",
 									children: [/* @__PURE__ */ D("div", {
 										className: "flex items-center gap-3",
-										children: [/* @__PURE__ */ E(c, { children: /* @__PURE__ */ E(l, { children: e.fullName.split(" ").map((e) => e[0]).join("") }) }), /* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
+										children: [/* @__PURE__ */ E(d, { children: /* @__PURE__ */ E(f, { children: e.fullName.split(" ").map((e) => e[0]).join("") }) }), /* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
 											className: "font-medium",
 											children: e.fullName
 										}), /* @__PURE__ */ D("p", {
@@ -252,13 +255,13 @@ function N() {
 										})] })]
 									}), /* @__PURE__ */ D("div", {
 										className: "text-right",
-										children: [/* @__PURE__ */ E(T, {
+										children: [/* @__PURE__ */ E(w, {
 											status: e.status,
 											type: "driver",
 											size: "sm"
 										}), /* @__PURE__ */ D("div", {
 											className: "mt-1 flex items-center gap-1 justify-end",
-											children: [/* @__PURE__ */ E(m, {
+											children: [/* @__PURE__ */ E(n, {
 												size: 12,
 												className: "text-status-warning-text fill-current"
 											}), /* @__PURE__ */ E("span", {
@@ -282,61 +285,61 @@ function N() {
 						children: P("movethewheels.fleet.status.vehicleTitle", "Vehicle Status")
 					}), /* @__PURE__ */ E("div", {
 						className: "space-y-4",
-						children: Object.entries(L.vehiclesByStatus).map(([t, n]) => /* @__PURE__ */ D("div", {
+						children: Object.entries(L.vehiclesByStatus).map(([e, t]) => /* @__PURE__ */ D("div", {
 							className: "flex items-center justify-between",
 							children: [/* @__PURE__ */ E("div", {
 								className: "flex items-center gap-3",
-								children: /* @__PURE__ */ E(T, {
-									status: t,
+								children: /* @__PURE__ */ E(w, {
+									status: e,
 									type: "vehicle"
 								})
 							}), /* @__PURE__ */ D("div", {
 								className: "flex items-center gap-3",
 								children: [/* @__PURE__ */ E("span", {
 									className: "font-medium",
-									children: n
-								}), /* @__PURE__ */ E(e, {
-									value: n / L.totalVehicles * 100,
+									children: t
+								}), /* @__PURE__ */ E(v, {
+									value: t / L.totalVehicles * 100,
 									className: "w-24 h-2"
 								})]
 							})]
-						}, t))
+						}, e))
 					})]
-				}), /* @__PURE__ */ D(n, { children: [/* @__PURE__ */ E(a, { children: /* @__PURE__ */ E(i, { children: P("movethewheels.fleet.status.driverTitle", "Driver Status") }) }), /* @__PURE__ */ E(r, { children: /* @__PURE__ */ E("div", {
+				}), /* @__PURE__ */ D(m, { children: [/* @__PURE__ */ E(g, { children: /* @__PURE__ */ E(_, { children: P("movethewheels.fleet.status.driverTitle", "Driver Status") }) }), /* @__PURE__ */ E(h, { children: /* @__PURE__ */ E("div", {
 					className: "space-y-4",
-					children: Object.entries(L.driversByStatus).map(([t, n]) => /* @__PURE__ */ D("div", {
+					children: Object.entries(L.driversByStatus).map(([e, t]) => /* @__PURE__ */ D("div", {
 						className: "flex items-center justify-between",
 						children: [/* @__PURE__ */ E("div", {
 							className: "flex items-center gap-3",
-							children: /* @__PURE__ */ E(T, {
-								status: t,
+							children: /* @__PURE__ */ E(w, {
+								status: e,
 								type: "driver"
 							})
 						}), /* @__PURE__ */ D("div", {
 							className: "flex items-center gap-3",
 							children: [/* @__PURE__ */ E("span", {
 								className: "font-medium",
-								children: n
-							}), /* @__PURE__ */ E(e, {
-								value: n / L.totalDrivers * 100,
+								children: t
+							}), /* @__PURE__ */ E(v, {
+								value: t / L.totalDrivers * 100,
 								className: "w-24 h-2"
 							})]
 						})]
-					}, t))
+					}, e))
 				}) })] })]
 			}),
-			L.vehiclesByStatus.maintenance > 0 && /* @__PURE__ */ D(n, {
+			L.vehiclesByStatus.maintenance > 0 && /* @__PURE__ */ D(m, {
 				className: "border-status-warning-border",
-				children: [/* @__PURE__ */ E(a, { children: /* @__PURE__ */ D(i, {
+				children: [/* @__PURE__ */ E(g, { children: /* @__PURE__ */ D(_, {
 					className: "flex items-center gap-2 text-status-warning-text",
-					children: [/* @__PURE__ */ E(_, { size: 18 }), P("movethewheels.fleet.maintenance.title", "Maintenance Required")]
-				}) }), /* @__PURE__ */ E(r, { children: /* @__PURE__ */ E("div", {
+					children: [/* @__PURE__ */ E(a, { size: 18 }), P("movethewheels.fleet.maintenance.title", "Maintenance Required")]
+				}) }), /* @__PURE__ */ E(h, { children: /* @__PURE__ */ E("div", {
 					className: "space-y-3",
 					children: V.filter((e) => e.status === "maintenance").map((e) => /* @__PURE__ */ D("div", {
 						className: "flex items-center justify-between p-3 bg-status-warning-bg/10 rounded-lg",
 						children: [/* @__PURE__ */ D("div", {
 							className: "flex items-center gap-3",
-							children: [/* @__PURE__ */ E(h, {
+							children: [/* @__PURE__ */ E(r, {
 								size: 20,
 								className: "text-status-warning-text"
 							}), /* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
@@ -350,7 +353,7 @@ function N() {
 									e.model
 								]
 							})] })]
-						}), /* @__PURE__ */ E(d, {
+						}), /* @__PURE__ */ E(p, {
 							variant: "outline",
 							size: "sm",
 							onClick: () => Q(`fleet/vehicles/${e.id}`),