@burdenoff/microfe-movethewheels 2026.625.1 → 2026.626.1

package/dist/DriversPage-DKiynISH.js

@@ -0,0 +1,167 @@
+import { i as e, o as t, s as n } from "./PageLayout-D3N8MCTm.js";
+import { t as r } from "./DataTable-CD9ZhpLB.js";
+import { t as i } from "./download-Dpa9vqoG.js";
+import { t as a } from "./plus-Dl1rLeJR.js";
+import { t as o } from "./refresh-cw-CWfERAit.js";
+import { t as s } from "./star-YsVV3MNQ.js";
+import { t as c } from "./users-g2N0eL-Z.js";
+import { r as l } from "./graphqlClient-CdJyR_ed.js";
+import { n as u } from "./useFleet-BdETplNE.js";
+import { r as d } from "./StatusBadge-CijYQXtb.js";
+import { r as f } from "./formatters-_vJlC-47.js";
+import { t as p } from "./navigation-BgnOfsVd.js";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { CTAOverflowMenu as g, EmphasisPanel as _, PagePurpose as v } from "@burdenoff/fe-libs/ui";
+//#region src/movethewheels/pages/DriversPage.tsx
+function y() {
+	let { basePath: y, navigate: b } = l(), { drivers: x, totalDrivers: S, isLoading: C, refetch: w } = u(), T = (e) => b?.(p(y, e));
+	return /* @__PURE__ */ h(e, {
+		title: "Drivers",
+		subtitle: `${S} drivers`,
+		icon: /* @__PURE__ */ m(c, { size: 24 }),
+		headerActions: /* @__PURE__ */ m(g, {
+			primary: {
+				label: "Add Driver",
+				icon: /* @__PURE__ */ m(a, { size: 16 }),
+				onSelect: () => {}
+			},
+			actions: [{
+				label: "Refresh",
+				icon: /* @__PURE__ */ m(o, { size: 16 }),
+				onSelect: () => w()
+			}, {
+				label: "Export",
+				icon: /* @__PURE__ */ m(i, { size: 16 }),
+				onSelect: () => {}
+			}]
+		}),
+		children: [
+			/* @__PURE__ */ m(v, {
+				icon: /* @__PURE__ */ m(c, { size: 18 }),
+				children: "Your delivery workforce. Track each driver's availability, performance rating, completed deliveries and license status here — open a driver to review their history before assigning them to an order or route."
+			}),
+			/* @__PURE__ */ h(_, { children: [/* @__PURE__ */ m("p", {
+				className: "text-sm font-medium text-text-secondary",
+				children: "Workforce at a glance"
+			}), /* @__PURE__ */ h("div", {
+				className: "mt-3 grid grid-cols-3 gap-4",
+				children: [
+					/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("p", {
+						className: "text-2xl font-bold text-text-primary tabular-nums",
+						children: S
+					}), /* @__PURE__ */ m("p", {
+						className: "text-xs text-text-secondary",
+						children: "Total drivers"
+					})] }),
+					/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("p", {
+						className: "text-2xl font-bold text-text-primary tabular-nums",
+						children: x.filter((e) => e.status === "available" || e.status === "busy").length
+					}), /* @__PURE__ */ m("p", {
+						className: "text-xs text-text-secondary",
+						children: "On duty / available"
+					})] }),
+					/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("p", {
+						className: "text-2xl font-bold text-text-primary tabular-nums",
+						children: x.length > 0 ? (x.reduce((e, t) => e + t.ratings.overall, 0) / x.length).toFixed(1) : "—"
+					}), /* @__PURE__ */ m("p", {
+						className: "text-xs text-text-secondary",
+						children: "Avg rating"
+					})] })
+				]
+			})] }),
+			/* @__PURE__ */ m(r, {
+				columns: [
+					{
+						id: "driver",
+						header: "Driver",
+						cell: (e) => /* @__PURE__ */ h("div", {
+							className: "flex items-center gap-3",
+							children: [/* @__PURE__ */ m(t, { children: /* @__PURE__ */ m(n, { children: e.fullName.split(" ").map((e) => e[0]).join("") }) }), /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("p", {
+								className: "font-medium",
+								children: e.fullName
+							}), /* @__PURE__ */ m("p", {
+								className: "text-sm text-text-secondary",
+								children: e.employeeId
+							})] })]
+						})
+					},
+					{
+						id: "status",
+						header: "Status",
+						accessorKey: "status",
+						sortable: !0,
+						cell: (e) => /* @__PURE__ */ m(d, {
+							status: e.status,
+							type: "driver"
+						})
+					},
+					{
+						id: "rating",
+						header: "Rating",
+						cell: (e) => /* @__PURE__ */ h("div", {
+							className: "flex items-center gap-1",
+							children: [
+								/* @__PURE__ */ m(s, {
+									size: 14,
+									className: "text-yellow-500 fill-yellow-500"
+								}),
+								/* @__PURE__ */ m("span", {
+									className: "font-medium",
+									children: e.ratings.overall.toFixed(1)
+								}),
+								/* @__PURE__ */ h("span", {
+									className: "text-text-secondary text-sm",
+									children: [
+										"(",
+										e.ratings.totalRatings,
+										")"
+									]
+								})
+							]
+						})
+					},
+					{
+						id: "deliveries",
+						header: "Deliveries",
+						accessorKey: "completedOrders",
+						sortable: !0,
+						cell: (e) => /* @__PURE__ */ m("span", {
+							className: "font-medium",
+							children: e.completedOrders.toLocaleString()
+						})
+					},
+					{
+						id: "license",
+						header: "License",
+						cell: (e) => /* @__PURE__ */ h("div", {
+							className: "text-sm",
+							children: [/* @__PURE__ */ m("p", { children: e.licenseType }), /* @__PURE__ */ h("p", {
+								className: "text-text-secondary",
+								children: ["Exp: ", f(e.licenseExpiry, "short")]
+							})]
+						})
+					},
+					{
+						id: "joined",
+						header: "Join Date",
+						accessorKey: "joinDate",
+						sortable: !0,
+						cell: (e) => f(e.joinDate, "short")
+					}
+				],
+				data: x,
+				isLoading: C,
+				searchable: !0,
+				searchPlaceholder: "Search drivers...",
+				searchFields: ["fullName", "employeeId"],
+				onRowClick: (e) => T(`fleet/drivers/${e.id}`),
+				getRowId: (e) => e.id,
+				emptyIllustration: "empty-people",
+				emptyTitle: "No drivers yet",
+				emptyDescription: "Add drivers to start assigning deliveries and routes."
+			})
+		]
+	});
+}
+//#endregion
+export { y as default };

package/dist/FinancePage-Vg8WPs38.js

@@ -0,0 +1,158 @@
+import { d as e, f as t, g as n, h as r, i, it as a, u as o } from "./PageLayout-D3N8MCTm.js";
+import { t as s } from "./dollar-sign-IB4O0wuQ.js";
+import { t as c } from "./download-Dpa9vqoG.js";
+import { t as l } from "./file-text-C8Uioy11.js";
+import { t as u } from "./trending-up-C-85AwGT.js";
+import { n as d } from "./useOrders-D_3_hGMp.js";
+import { t as f } from "./useAnalytics-ph7eTIK6.js";
+import { r as p, t as m } from "./MetricCard-B7yMyvMX.js";
+import { n as h } from "./formatters-_vJlC-47.js";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { EmphasisPanel as v, IllustratedEmptyState as y, PagePurpose as b } from "@burdenoff/fe-libs/ui";
+//#region node_modules/lucide-react/dist/esm/icons/credit-card.js
+var x = a("CreditCard", [["rect", {
+	width: "20",
+	height: "14",
+	x: "2",
+	y: "5",
+	rx: "2",
+	key: "ynyp8z"
+}], ["line", {
+	x1: "2",
+	x2: "22",
+	y1: "10",
+	y2: "10",
+	key: "1b3vmo"
+}]]);
+//#endregion
+//#region src/movethewheels/pages/FinancePage.tsx
+function S() {
+	let { analytics: a } = f(), { stats: S } = d(), C = S.totalRevenue * .15, w = S.totalRevenue * .85;
+	return /* @__PURE__ */ _(i, {
+		title: "Finance",
+		subtitle: "Financial overview and reports",
+		icon: /* @__PURE__ */ g(s, { size: 24 }),
+		headerActions: /* @__PURE__ */ _("div", {
+			className: "flex gap-2",
+			children: [/* @__PURE__ */ _(o, {
+				variant: "outline",
+				children: [/* @__PURE__ */ g(l, { size: 16 }), " Invoices"]
+			}), /* @__PURE__ */ _(o, {
+				variant: "outline",
+				children: [/* @__PURE__ */ g(c, { size: 16 }), " Export"]
+			})]
+		}),
+		children: [
+			/* @__PURE__ */ g(b, {
+				icon: /* @__PURE__ */ g(s, { size: 18 }),
+				children: "Follow the money behind your deliveries. See revenue earned, what's been collected versus still owed, and average order value — use it to chase pending payments, forecast cash flow, and confirm which shipments have actually been paid for."
+			}),
+			/* @__PURE__ */ _(p, {
+				columns: 4,
+				children: [
+					/* @__PURE__ */ g(m, {
+						treatment: "glass",
+						glow: !0,
+						label: "Total Revenue",
+						value: h(a.overview.totalRevenue),
+						icon: /* @__PURE__ */ g(s, { size: 20 }),
+						change: "+12.5%",
+						changeType: "positive",
+						trend: "up"
+					}),
+					/* @__PURE__ */ g(m, {
+						label: "Completed",
+						value: h(w),
+						icon: /* @__PURE__ */ g(u, { size: 20 }),
+						changeType: "positive"
+					}),
+					/* @__PURE__ */ g(m, {
+						label: "Pending",
+						value: h(C),
+						icon: /* @__PURE__ */ g(x, { size: 20 }),
+						changeType: "neutral"
+					}),
+					/* @__PURE__ */ g(m, {
+						label: "Avg Order Value",
+						value: h(S.avgOrderValue),
+						icon: /* @__PURE__ */ g(s, { size: 20 })
+					})
+				]
+			}),
+			/* @__PURE__ */ _("div", {
+				className: "grid grid-cols-1 lg:grid-cols-2 gap-6",
+				children: [/* @__PURE__ */ _(e, { children: [/* @__PURE__ */ g(r, { children: /* @__PURE__ */ g(n, { children: "Revenue by Month" }) }), /* @__PURE__ */ g(t, { children: /* @__PURE__ */ g("div", {
+					className: "space-y-4",
+					children: a.trends.revenue.map((e) => /* @__PURE__ */ _("div", {
+						className: "flex items-center justify-between p-3 bg-bg-sunken/50 rounded-lg",
+						children: [/* @__PURE__ */ _("span", {
+							className: "font-medium",
+							children: [e.month, " 2024"]
+						}), /* @__PURE__ */ g("span", {
+							className: "text-lg font-bold",
+							children: h(e.revenue)
+						})]
+					}, e.month))
+				}) })] }), /* @__PURE__ */ _(v, {
+					className: "space-y-4",
+					children: [/* @__PURE__ */ g("h2", {
+						className: "text-base font-semibold text-text-primary",
+						children: "Payment Status"
+					}), /* @__PURE__ */ _("div", {
+						className: "space-y-4",
+						children: [/* @__PURE__ */ _("div", {
+							className: "flex items-center justify-between p-4 bg-status-success-bg/10 rounded-lg",
+							children: [/* @__PURE__ */ _("div", {
+								className: "flex items-center gap-3",
+								children: [/* @__PURE__ */ g("div", {
+									className: "w-10 h-10 rounded-full bg-status-success-bg/20 flex items-center justify-center",
+									children: /* @__PURE__ */ g(u, {
+										size: 20,
+										className: "text-status-success-text"
+									})
+								}), /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
+									className: "font-medium",
+									children: "Paid"
+								}), /* @__PURE__ */ _("p", {
+									className: "text-sm text-text-secondary",
+									children: [S.byStatus.delivered, " orders"]
+								})] })]
+							}), /* @__PURE__ */ g("span", {
+								className: "text-xl font-bold text-status-success-text",
+								children: h(w)
+							})]
+						}), /* @__PURE__ */ _("div", {
+							className: "flex items-center justify-between p-4 bg-status-warning-bg/10 rounded-lg",
+							children: [/* @__PURE__ */ _("div", {
+								className: "flex items-center gap-3",
+								children: [/* @__PURE__ */ g("div", {
+									className: "w-10 h-10 rounded-full bg-status-warning-bg/20 flex items-center justify-center",
+									children: /* @__PURE__ */ g(x, {
+										size: 20,
+										className: "text-status-warning-text"
+									})
+								}), /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
+									className: "font-medium",
+									children: "Pending"
+								}), /* @__PURE__ */ _("p", {
+									className: "text-sm text-text-secondary",
+									children: [S.byStatus.pending + S.byStatus.in_transit, " orders"]
+								})] })]
+							}), /* @__PURE__ */ g("span", {
+								className: "text-xl font-bold text-status-warning-text",
+								children: h(C)
+							})]
+						})]
+					})]
+				})]
+			}),
+			/* @__PURE__ */ _(e, { children: [/* @__PURE__ */ g(r, { children: /* @__PURE__ */ g(n, { children: "Recent Transactions" }) }), /* @__PURE__ */ g(t, { children: /* @__PURE__ */ g(y, {
+				illustration: "empty-data",
+				title: "No transactions yet",
+				description: "Once payments are processed, your transaction history will appear here. Connect a payment gateway to start recording transactions."
+			}) })] })
+		]
+	});
+}
+//#endregion
+export { S as default };

package/dist/{FleetPage-DCfOmBa2.js → FleetPage-DddXt8r8.js}

@@ -10,75 +10,107 @@ import { r as b, t as x } from "./MetricCard-B7yMyvMX.js";
 import { a as S, r as C } from "./StatusBadge-CijYQXtb.js";
 import { t as w } from "./navigation-BgnOfsVd.js";
 import { jsx as T, jsxs as E } from "react/jsx-runtime";
-import { CTAOverflowMenu as D } from "@burdenoff/fe-libs/ui";
-import { useI18n as O } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { CTAOverflowMenu as D, EmphasisPanel as O, NextSteps as k, PagePurpose as A } from "@burdenoff/fe-libs/ui";
+import { useI18n as j } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/movethewheels/pages/FleetPage.tsx
-function k() {
-	let { t: k } = O(), A = (e, t) => {
-		let n = k(e);
+function M() {
+	let { t: M } = j(), N = (e, t) => {
+		let n = M(e);
 		return n === e ? t : n;
-	}, { basePath: j, navigate: M } = g(), { stats: N } = _(), { vehicles: P } = y(), { drivers: F } = v(), I = (e) => {
-		M && M(w(j, e));
+	}, { basePath: P, navigate: F } = g(), { stats: I } = _(), { vehicles: L } = y(), { drivers: R } = v(), z = (e) => {
+		F && F(w(P, e));
 	};
 	return /* @__PURE__ */ E(o, {
-		title: A("movethewheels.fleet.title", "Fleet Management"),
-		subtitle: A("movethewheels.fleet.subtitle", "Manage your vehicles and drivers"),
+		title: N("movethewheels.fleet.title", "Fleet Management"),
+		subtitle: N("movethewheels.fleet.subtitle", "Manage your vehicles and drivers"),
 		icon: /* @__PURE__ */ T(m, { size: 24 }),
 		headerActions: /* @__PURE__ */ T(D, {
 			primary: {
-				label: A("movethewheels.fleet.actions.allVehicles", "All Vehicles"),
+				label: N("movethewheels.fleet.actions.allVehicles", "All Vehicles"),
 				icon: /* @__PURE__ */ T(m, { size: 16 }),
-				onSelect: () => I("fleet/vehicles")
+				onSelect: () => z("fleet/vehicles")
 			},
 			actions: [{
-				label: A("movethewheels.fleet.actions.allDrivers", "All Drivers"),
+				label: N("movethewheels.fleet.actions.allDrivers", "All Drivers"),
 				icon: /* @__PURE__ */ T(h, { size: 16 }),
-				onSelect: () => I("fleet/drivers")
+				onSelect: () => z("fleet/drivers")
 			}]
 		}),
 		children: [
+			/* @__PURE__ */ T(A, {
+				icon: /* @__PURE__ */ T(m, { size: 18 }),
+				children: N("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__ */ T(k, {
+				storageKey: "movethewheels-fleet",
+				steps: [
+					{
+						id: "vehicles",
+						label: N("movethewheels.fleet.nextSteps.vehicles", "Review your vehicles"),
+						description: N("movethewheels.fleet.nextSteps.vehiclesDesc", "Check capacity, fuel and maintenance status across the fleet."),
+						icon: /* @__PURE__ */ T(m, { size: 16 }),
+						onClick: () => z("fleet/vehicles")
+					},
+					{
+						id: "drivers",
+						label: N("movethewheels.fleet.nextSteps.drivers", "Review your drivers"),
+						description: N("movethewheels.fleet.nextSteps.driversDesc", "See availability, ratings and delivery history before assigning work."),
+						icon: /* @__PURE__ */ T(h, { size: 16 }),
+						onClick: () => z("fleet/drivers")
+					},
+					{
+						id: "assign",
+						label: N("movethewheels.fleet.nextSteps.assign", "Assign capacity to orders"),
+						description: N("movethewheels.fleet.nextSteps.assignDesc", "Open an order to assign an available vehicle and driver."),
+						icon: /* @__PURE__ */ T(u, { size: 16 }),
+						onClick: () => z("orders")
+					}
+				]
+			}),
 			/* @__PURE__ */ E(b, {
 				columns: 4,
 				children: [
 					/* @__PURE__ */ T(x, {
-						label: A("movethewheels.fleet.metrics.totalVehicles", "Total Vehicles"),
-						value: N.totalVehicles,
+						label: N("movethewheels.fleet.metrics.totalVehicles", "Total Vehicles"),
+						value: I.totalVehicles,
 						icon: /* @__PURE__ */ T(m, { size: 20 }),
-						subtitle: `${N.vehiclesByStatus.available} ${A("movethewheels.fleet.metrics.available", "available")}`,
-						onClick: () => I("fleet/vehicles")
+						subtitle: `${I.vehiclesByStatus.available} ${N("movethewheels.fleet.metrics.available", "available")}`,
+						onClick: () => z("fleet/vehicles")
 					}),
 					/* @__PURE__ */ T(x, {
-						label: A("movethewheels.fleet.metrics.totalDrivers", "Total Drivers"),
-						value: N.totalDrivers,
+						label: N("movethewheels.fleet.metrics.totalDrivers", "Total Drivers"),
+						value: I.totalDrivers,
 						icon: /* @__PURE__ */ T(h, { size: 20 }),
-						subtitle: `${N.driversByStatus.available} ${A("movethewheels.fleet.metrics.available", "available")}`,
-						onClick: () => I("fleet/drivers")
+						subtitle: `${I.driversByStatus.available} ${N("movethewheels.fleet.metrics.available", "available")}`,
+						onClick: () => z("fleet/drivers")
 					}),
 					/* @__PURE__ */ T(x, {
-						label: A("movethewheels.fleet.metrics.utilization", "Fleet Utilization"),
-						value: `${N.utilization.toFixed(0)}%`,
+						treatment: "glass",
+						glow: !0,
+						label: N("movethewheels.fleet.metrics.utilization", "Fleet Utilization"),
+						value: `${I.utilization.toFixed(0)}%`,
 						icon: /* @__PURE__ */ T(m, { size: 20 }),
-						changeType: N.utilization >= 70 ? "positive" : "neutral"
+						changeType: I.utilization >= 70 ? "positive" : "neutral"
 					}),
 					/* @__PURE__ */ T(x, {
-						label: A("movethewheels.fleet.metrics.avgDriverRating", "Avg Driver Rating"),
-						value: N.avgDriverRating.toFixed(1),
+						label: N("movethewheels.fleet.metrics.avgDriverRating", "Avg Driver Rating"),
+						value: I.avgDriverRating.toFixed(1),
 						icon: /* @__PURE__ */ T(p, { size: 20 }),
-						subtitle: A("movethewheels.fleet.metrics.outOfFive", "out of 5"),
-						changeType: N.avgDriverRating >= 4.5 ? "positive" : "neutral"
+						subtitle: N("movethewheels.fleet.metrics.outOfFive", "out of 5"),
+						changeType: I.avgDriverRating >= 4.5 ? "positive" : "neutral"
 					})
 				]
 			}),
 			/* @__PURE__ */ E("div", {
 				className: "grid grid-cols-1 lg:grid-cols-2 gap-6",
 				children: [/* @__PURE__ */ T(t, {
-					title: A("movethewheels.fleet.vehicles.title", "Vehicles"),
+					title: N("movethewheels.fleet.vehicles.title", "Vehicles"),
 					actions: /* @__PURE__ */ E(l, {
 						variant: "ghost",
 						size: "sm",
-						onClick: () => I("fleet/vehicles"),
+						onClick: () => z("fleet/vehicles"),
 						children: [
-							A("movethewheels.fleet.common.viewAll", "View all"),
+							N("movethewheels.fleet.common.viewAll", "View all"),
 							" ",
 							/* @__PURE__ */ T(u, { size: 16 })
 						]
@@ -87,9 +119,9 @@ function k() {
 						className: "p-0",
 						children: /* @__PURE__ */ T("div", {
 							className: "divide-y",
-							children: P.slice(0, 5).map((t) => /* @__PURE__ */ T("div", {
+							children: L.slice(0, 5).map((t) => /* @__PURE__ */ T("div", {
 								className: "p-4 hover:bg-bg-sunken/50 cursor-pointer transition-colors",
-								onClick: () => I(`fleet/vehicles/${t.id}`),
+								onClick: () => z(`fleet/vehicles/${t.id}`),
 								children: /* @__PURE__ */ E("div", {
 									className: "flex items-center justify-between",
 									children: [/* @__PURE__ */ E("div", {
@@ -149,13 +181,13 @@ function k() {
 						})
 					}) })
 				}), /* @__PURE__ */ T(t, {
-					title: A("movethewheels.fleet.drivers.title", "Drivers"),
+					title: N("movethewheels.fleet.drivers.title", "Drivers"),
 					actions: /* @__PURE__ */ E(l, {
 						variant: "ghost",
 						size: "sm",
-						onClick: () => I("fleet/drivers"),
+						onClick: () => z("fleet/drivers"),
 						children: [
-							A("movethewheels.fleet.common.viewAll", "View all"),
+							N("movethewheels.fleet.common.viewAll", "View all"),
 							" ",
 							/* @__PURE__ */ T(u, { size: 16 })
 						]
@@ -164,9 +196,9 @@ function k() {
 						className: "p-0",
 						children: /* @__PURE__ */ T("div", {
 							className: "divide-y",
-							children: F.slice(0, 5).map((e) => /* @__PURE__ */ T("div", {
+							children: R.slice(0, 5).map((e) => /* @__PURE__ */ T("div", {
 								className: "p-4 hover:bg-bg-sunken/50 cursor-pointer transition-colors",
-								onClick: () => I(`fleet/drivers/${e.id}`),
+								onClick: () => z(`fleet/drivers/${e.id}`),
 								children: /* @__PURE__ */ E("div", {
 									className: "flex items-center justify-between",
 									children: [/* @__PURE__ */ E("div", {
@@ -181,7 +213,7 @@ function k() {
 												" - ",
 												e.completedOrders,
 												" ",
-												A("movethewheels.fleet.drivers.deliveries", "deliveries")
+												N("movethewheels.fleet.drivers.deliveries", "deliveries")
 											]
 										})] })]
 									}), /* @__PURE__ */ E("div", {
@@ -209,30 +241,36 @@ function k() {
 			}),
 			/* @__PURE__ */ E("div", {
 				className: "grid grid-cols-1 md:grid-cols-2 gap-6",
-				children: [/* @__PURE__ */ E(n, { children: [/* @__PURE__ */ T(a, { children: /* @__PURE__ */ T(i, { children: A("movethewheels.fleet.status.vehicleTitle", "Vehicle Status") }) }), /* @__PURE__ */ T(r, { children: /* @__PURE__ */ T("div", {
+				children: [/* @__PURE__ */ E(O, {
 					className: "space-y-4",
-					children: Object.entries(N.vehiclesByStatus).map(([t, n]) => /* @__PURE__ */ E("div", {
-						className: "flex items-center justify-between",
-						children: [/* @__PURE__ */ T("div", {
-							className: "flex items-center gap-3",
-							children: /* @__PURE__ */ T(C, {
-								status: t,
-								type: "vehicle"
-							})
-						}), /* @__PURE__ */ E("div", {
-							className: "flex items-center gap-3",
-							children: [/* @__PURE__ */ T("span", {
-								className: "font-medium",
-								children: n
-							}), /* @__PURE__ */ T(e, {
-								value: n / N.totalVehicles * 100,
-								className: "w-24 h-2"
+					children: [/* @__PURE__ */ T("h2", {
+						className: "text-base font-semibold text-text-primary",
+						children: N("movethewheels.fleet.status.vehicleTitle", "Vehicle Status")
+					}), /* @__PURE__ */ T("div", {
+						className: "space-y-4",
+						children: Object.entries(I.vehiclesByStatus).map(([t, n]) => /* @__PURE__ */ E("div", {
+							className: "flex items-center justify-between",
+							children: [/* @__PURE__ */ T("div", {
+								className: "flex items-center gap-3",
+								children: /* @__PURE__ */ T(C, {
+									status: t,
+									type: "vehicle"
+								})
+							}), /* @__PURE__ */ E("div", {
+								className: "flex items-center gap-3",
+								children: [/* @__PURE__ */ T("span", {
+									className: "font-medium",
+									children: n
+								}), /* @__PURE__ */ T(e, {
+									value: n / I.totalVehicles * 100,
+									className: "w-24 h-2"
+								})]
 							})]
-						})]
-					}, t))
-				}) })] }), /* @__PURE__ */ E(n, { children: [/* @__PURE__ */ T(a, { children: /* @__PURE__ */ T(i, { children: A("movethewheels.fleet.status.driverTitle", "Driver Status") }) }), /* @__PURE__ */ T(r, { children: /* @__PURE__ */ T("div", {
+						}, t))
+					})]
+				}), /* @__PURE__ */ E(n, { children: [/* @__PURE__ */ T(a, { children: /* @__PURE__ */ T(i, { children: N("movethewheels.fleet.status.driverTitle", "Driver Status") }) }), /* @__PURE__ */ T(r, { children: /* @__PURE__ */ T("div", {
 					className: "space-y-4",
-					children: Object.entries(N.driversByStatus).map(([t, n]) => /* @__PURE__ */ E("div", {
+					children: Object.entries(I.driversByStatus).map(([t, n]) => /* @__PURE__ */ E("div", {
 						className: "flex items-center justify-between",
 						children: [/* @__PURE__ */ T("div", {
 							className: "flex items-center gap-3",
@@ -246,27 +284,27 @@ function k() {
 								className: "font-medium",
 								children: n
 							}), /* @__PURE__ */ T(e, {
-								value: n / N.totalDrivers * 100,
+								value: n / I.totalDrivers * 100,
 								className: "w-24 h-2"
 							})]
 						})]
 					}, t))
 				}) })] })]
 			}),
-			N.vehiclesByStatus.maintenance > 0 && /* @__PURE__ */ E(n, {
-				className: "border-yellow-200 dark:border-yellow-800",
+			I.vehiclesByStatus.maintenance > 0 && /* @__PURE__ */ E(n, {
+				className: "border-status-warning-border",
 				children: [/* @__PURE__ */ T(a, { children: /* @__PURE__ */ E(i, {
-					className: "flex items-center gap-2 text-yellow-600",
-					children: [/* @__PURE__ */ T(f, { size: 18 }), A("movethewheels.fleet.maintenance.title", "Maintenance Required")]
+					className: "flex items-center gap-2 text-status-warning-text",
+					children: [/* @__PURE__ */ T(f, { size: 18 }), N("movethewheels.fleet.maintenance.title", "Maintenance Required")]
 				}) }), /* @__PURE__ */ T(r, { children: /* @__PURE__ */ T("div", {
 					className: "space-y-3",
-					children: P.filter((e) => e.status === "maintenance").map((e) => /* @__PURE__ */ E("div", {
-						className: "flex items-center justify-between p-3 bg-yellow-50 dark:bg-yellow-900/20 rounded-lg",
+					children: L.filter((e) => e.status === "maintenance").map((e) => /* @__PURE__ */ E("div", {
+						className: "flex items-center justify-between p-3 bg-status-warning-bg/10 rounded-lg",
 						children: [/* @__PURE__ */ E("div", {
 							className: "flex items-center gap-3",
 							children: [/* @__PURE__ */ T(m, {
 								size: 20,
-								className: "text-yellow-600"
+								className: "text-status-warning-text"
 							}), /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
 								className: "font-medium",
 								children: e.vehicleNumber
@@ -281,8 +319,8 @@ function k() {
 						}), /* @__PURE__ */ T(l, {
 							variant: "outline",
 							size: "sm",
-							onClick: () => I(`fleet/vehicles/${e.id}`),
-							children: A("movethewheels.fleet.maintenance.viewDetails", "View Details")
+							onClick: () => z(`fleet/vehicles/${e.id}`),
+							children: N("movethewheels.fleet.maintenance.viewDetails", "View Details")
 						})]
 					}, e.id))
 				}) })]
@@ -291,4 +329,4 @@ function k() {
 	});
 }
 //#endregion
-export { k as default };
+export { M as default };