@burdenoff/microfe-movethewheels 2026.704.2 → 2026.713.1

package/dist/{DriversPage-6Z61dpDI.js → pages/DriversPage.js}

@@ -1,132 +1,99 @@
-import { i as e, lt as t, o as n, s as r, st as i, ut as a } from "./PageLayout-j9Zw3wBN.js";
-import { t as o } from "./DataTable-CmdZd6iV.js";
-import { t as s } from "./download-BJonq2ty.js";
-import { t as c } from "./plus-Bk_G-lFC.js";
-import { t as l } from "./refresh-cw-C4-jecjy.js";
-import { t as u } from "./star-1Ixfuzai.js";
-import { t as d } from "./user-check-Cx6fHHll.js";
-import { t as f } from "./users-BKmsb79k.js";
-import { i as p, n as m } from "./useFleet-BfA_-VUW.js";
-import { r as h, t as g } from "./MetricCard-CqU5WsyW.js";
-import { r as _ } from "./StatusBadge-BfiF-nNI.js";
-import { r as v } from "./formatters-FWJDwTFv.js";
-import { useState as y } from "react";
-import { jsx as b, jsxs as x } from "react/jsx-runtime";
-import { CTAOverflowMenu as S, PagePurpose as C } from "@burdenoff/fe-libs/ui";
-//#region node_modules/lucide-react/dist/esm/icons/coffee.js
-var w = a("Coffee", [
-	["path", {
-		d: "M10 2v2",
-		key: "7u0qdc"
-	}],
-	["path", {
-		d: "M14 2v2",
-		key: "6buw04"
-	}],
-	["path", {
-		d: "M16 8a1 1 0 0 1 1 1v8a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4V9a1 1 0 0 1 1-1h14a4 4 0 1 1 0 8h-1",
-		key: "pwadti"
-	}],
-	["path", {
-		d: "M6 2v2",
-		key: "colzsn"
-	}]
-]), T = a("UserMinus", [
-	["path", {
-		d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2",
-		key: "1yyitq"
-	}],
-	["circle", {
-		cx: "9",
-		cy: "7",
-		r: "4",
-		key: "nufk8"
-	}],
-	["line", {
-		x1: "22",
-		x2: "16",
-		y1: "11",
-		y2: "11",
-		key: "1shjgl"
-	}]
-]);
-//#endregion
+import { Coffee as e } from "../node_modules/lucide-react/dist/esm/icons/coffee.js";
+import { Download as t } from "../node_modules/lucide-react/dist/esm/icons/download.js";
+import { Plus as n } from "../node_modules/lucide-react/dist/esm/icons/plus.js";
+import { RefreshCw as r } from "../node_modules/lucide-react/dist/esm/icons/refresh-cw.js";
+import { Star as i } from "../node_modules/lucide-react/dist/esm/icons/star.js";
+import { UserCheck as a } from "../node_modules/lucide-react/dist/esm/icons/user-check.js";
+import { UserMinus as o } from "../node_modules/lucide-react/dist/esm/icons/user-minus.js";
+import { Users as s } from "../node_modules/lucide-react/dist/esm/icons/users.js";
+import { joinPath as c } from "../utils/navigation.js";
+import { useMoveTheWheels as l } from "../providers/MoveTheWheelsProvider.js";
+import { useDrivers as u, useFleetStats as d } from "../hooks/useFleet.js";
+import { Avatar as f, AvatarFallback as p } from "../components/ui.js";
+import { PageLayout as m } from "../components/PageLayout.js";
+import { MetricCard as h, MetricGrid as g } from "../components/MetricCard.js";
+import { StatusBadge as _ } from "../components/StatusBadge.js";
+import { DataTable as v } from "../components/DataTable.js";
+import { formatDate as y } from "../utils/formatters.js";
+import { useState as b } from "react";
+import { jsx as x, jsxs as S } from "react/jsx-runtime";
+import { CTAOverflowMenu as C, PagePurpose as w } from "@burdenoff/fe-libs/ui";
 //#region src/movethewheels/pages/DriversPage.tsx
-function E() {
-	let { basePath: a, navigate: E } = i(), [D, O] = y(0), [k, A] = y(25), { drivers: j, isLoading: M, error: N, refetch: P } = m({
+function T() {
+	let { basePath: T, navigate: E } = l(), [D, O] = b(0), [k, A] = b(25), { drivers: j, isLoading: M, error: N, refetch: P } = u({
 		limit: k,
 		offset: D * k
-	}), { stats: F } = p(), I = F.totalDrivers, L = (e) => E?.(t(a, e));
-	return /* @__PURE__ */ x(e, {
+	}), { stats: F } = d(), I = F.totalDrivers, L = (e) => E?.(c(T, e));
+	return /* @__PURE__ */ S(m, {
 		title: "Drivers",
 		subtitle: `${I} drivers`,
-		icon: /* @__PURE__ */ b(f, { size: 24 }),
-		headerActions: /* @__PURE__ */ b(S, {
+		icon: /* @__PURE__ */ x(s, { size: 24 }),
+		headerActions: /* @__PURE__ */ x(C, {
 			primary: {
 				label: "Add Driver",
-				icon: /* @__PURE__ */ b(c, { size: 16 }),
+				icon: /* @__PURE__ */ x(n, { size: 16 }),
 				onSelect: () => L("fleet/drivers/new")
 			},
 			actions: [{
 				label: "Refresh",
-				icon: /* @__PURE__ */ b(l, { size: 16 }),
+				icon: /* @__PURE__ */ x(r, { size: 16 }),
 				onSelect: () => P()
 			}, {
 				label: "Export",
-				icon: /* @__PURE__ */ b(s, { size: 16 }),
+				icon: /* @__PURE__ */ x(t, { size: 16 }),
 				onSelect: () => L("import-export")
 			}]
 		}),
 		children: [
-			/* @__PURE__ */ b(C, {
-				icon: /* @__PURE__ */ b(f, { size: 18 }),
+			/* @__PURE__ */ x(w, {
+				icon: /* @__PURE__ */ x(s, { 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__ */ x("div", { children: [/* @__PURE__ */ b("p", {
+			/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
 				className: "mb-3 text-sm font-medium text-text-secondary",
 				children: "Workforce at a glance"
-			}), /* @__PURE__ */ x(h, {
+			}), /* @__PURE__ */ S(g, {
 				columns: 4,
 				children: [
-					/* @__PURE__ */ b(g, {
+					/* @__PURE__ */ x(h, {
 						label: "On duty",
 						value: F.driversByStatus.available + F.driversByStatus.busy,
-						icon: /* @__PURE__ */ b(d, { size: 20 }),
+						icon: /* @__PURE__ */ x(a, { size: 20 }),
 						accent: "success",
 						subtitle: "Available or delivering"
 					}),
-					/* @__PURE__ */ b(g, {
+					/* @__PURE__ */ x(h, {
 						label: "On break",
 						value: F.driversByStatus.on_break,
-						icon: /* @__PURE__ */ b(w, { size: 20 }),
+						icon: /* @__PURE__ */ x(e, { size: 20 }),
 						accent: "warning"
 					}),
-					/* @__PURE__ */ b(g, {
+					/* @__PURE__ */ x(h, {
 						label: "Off duty",
 						value: F.driversByStatus.offline,
-						icon: /* @__PURE__ */ b(T, { size: 20 }),
+						icon: /* @__PURE__ */ x(o, { size: 20 }),
 						accent: "neutral"
 					}),
-					/* @__PURE__ */ b(g, {
+					/* @__PURE__ */ x(h, {
 						label: "Avg rating",
 						value: F.avgDriverRating > 0 ? F.avgDriverRating.toFixed(1) : "—",
-						icon: /* @__PURE__ */ b(u, { size: 20 }),
+						icon: /* @__PURE__ */ x(i, { size: 20 }),
 						accent: "brand",
 						subtitle: `${I} drivers`
 					})
 				]
 			})] }),
-			/* @__PURE__ */ b(o, {
+			/* @__PURE__ */ x(v, {
 				columns: [
 					{
 						id: "driver",
 						header: "Driver",
-						cell: (e) => /* @__PURE__ */ x("div", {
+						cell: (e) => /* @__PURE__ */ S("div", {
 							className: "flex items-center gap-3",
-							children: [/* @__PURE__ */ b(n, { children: /* @__PURE__ */ b(r, { children: e.fullName.split(" ").map((e) => e[0]).join("") }) }), /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
+							children: [/* @__PURE__ */ x(f, { children: /* @__PURE__ */ x(p, { children: e.fullName.split(" ").map((e) => e[0]).join("") }) }), /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
 								className: "font-medium",
 								children: e.fullName
-							}), /* @__PURE__ */ b("p", {
+							}), /* @__PURE__ */ x("p", {
 								className: "text-sm text-text-secondary",
 								children: e.employeeId
 							})] })]
@@ -137,7 +104,7 @@ function E() {
 						header: "Status",
 						accessorKey: "status",
 						sortable: !0,
-						cell: (e) => /* @__PURE__ */ b(_, {
+						cell: (e) => /* @__PURE__ */ x(_, {
 							status: e.status,
 							type: "driver"
 						})
@@ -145,18 +112,18 @@ function E() {
 					{
 						id: "rating",
 						header: "Rating",
-						cell: (e) => /* @__PURE__ */ x("div", {
+						cell: (e) => /* @__PURE__ */ S("div", {
 							className: "flex items-center gap-1",
 							children: [
-								/* @__PURE__ */ b(u, {
+								/* @__PURE__ */ x(i, {
 									size: 14,
 									className: "text-status-warning-text fill-current"
 								}),
-								/* @__PURE__ */ b("span", {
+								/* @__PURE__ */ x("span", {
 									className: "font-medium",
 									children: e.ratings.overall.toFixed(1)
 								}),
-								/* @__PURE__ */ x("span", {
+								/* @__PURE__ */ S("span", {
 									className: "text-text-secondary text-sm",
 									children: [
 										"(",
@@ -172,7 +139,7 @@ function E() {
 						header: "Deliveries",
 						accessorKey: "completedOrders",
 						sortable: !0,
-						cell: (e) => /* @__PURE__ */ b("span", {
+						cell: (e) => /* @__PURE__ */ x("span", {
 							className: "font-medium",
 							children: e.completedOrders.toLocaleString()
 						})
@@ -180,11 +147,11 @@ function E() {
 					{
 						id: "license",
 						header: "License",
-						cell: (e) => /* @__PURE__ */ x("div", {
+						cell: (e) => /* @__PURE__ */ S("div", {
 							className: "text-sm",
-							children: [/* @__PURE__ */ b("p", { children: e.licenseType }), /* @__PURE__ */ x("p", {
+							children: [/* @__PURE__ */ x("p", { children: e.licenseType }), /* @__PURE__ */ S("p", {
 								className: "text-text-secondary",
-								children: ["Exp: ", v(e.licenseExpiry, "short")]
+								children: ["Exp: ", y(e.licenseExpiry, "short")]
 							})]
 						})
 					},
@@ -193,7 +160,7 @@ function E() {
 						header: "Join Date",
 						accessorKey: "joinDate",
 						sortable: !0,
-						cell: (e) => v(e.joinDate, "short")
+						cell: (e) => y(e.joinDate, "short")
 					}
 				],
 				data: j,
@@ -220,4 +187,4 @@ function E() {
 	});
 }
 //#endregion
-export { E as default };
+export { T as default };

package/dist/{FinancePage-DYadOUzC.js → pages/FinancePage.js}

@@ -1,38 +1,28 @@
-import { d as e, f as t, g as n, h as r, i, st as a, u as o, ut as s } from "./PageLayout-j9Zw3wBN.js";
-import { t as c } from "./arrow-right-PUCNATnk.js";
-import { t as l } from "./dollar-sign-CYGHy2oS.js";
-import { t as u } from "./file-text-C-cZx58r.js";
-import { t as d } from "./fuel-Cjt6IxKr.js";
-import { t as f } from "./trending-up-1brglj1E.js";
-import { c as p, n as m, o as h, r as g } from "./charts-Dv_zxP7L.js";
-import { n as _ } from "./Sparkline-DTGdlxUH.js";
-import { r as v, t as y } from "./MetricCard-CqU5WsyW.js";
-import { n as b } from "./formatters-FWJDwTFv.js";
+import { ArrowRight as e } from "../node_modules/lucide-react/dist/esm/icons/arrow-right.js";
+import { CreditCard as t } from "../node_modules/lucide-react/dist/esm/icons/credit-card.js";
+import { DollarSign as n } from "../node_modules/lucide-react/dist/esm/icons/dollar-sign.js";
+import { FileText as r } from "../node_modules/lucide-react/dist/esm/icons/file-text.js";
+import { Fuel as i } from "../node_modules/lucide-react/dist/esm/icons/fuel.js";
+import { TrendingUp as a } from "../node_modules/lucide-react/dist/esm/icons/trending-up.js";
+import { useMoveTheWheels as o } from "../providers/MoveTheWheelsProvider.js";
+import { useAnalytics as s, useFinanceMetrics as c } from "../hooks/useAnalytics.js";
+import { Button as l, Card as u, CardContent as d, CardHeader as f, CardTitle as p } from "../components/ui.js";
+import { PageLayout as m } from "../components/PageLayout.js";
+import { chartTokens as h } from "../components/charts/chartTokens.js";
+import { MetricCard as g, MetricGrid as _ } from "../components/MetricCard.js";
+import { TrendChart as v } from "../components/charts/TrendChart.js";
+import { VolumeBar as y } from "../components/charts/VolumeBar.js";
+import "../components/charts/index.js";
+import { formatCurrency as b } from "../utils/formatters.js";
 import { useMemo as x } from "react";
 import { jsx as S, jsxs as C } from "react/jsx-runtime";
 import { EmphasisPanel as w, PagePurpose as T } from "@burdenoff/fe-libs/ui";
-//#region node_modules/lucide-react/dist/esm/icons/credit-card.js
-var E = s("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 D() {
-	let { analytics: s } = h(), { metrics: D } = p(), { navigate: O } = a(), k = () => O("/billing"), A = x(() => s.trends.revenue.map((e) => ({
+function E() {
+	let { analytics: E } = s(), { metrics: D } = c(), { navigate: O } = o(), k = () => O("/billing"), A = x(() => E.trends.revenue.map((e) => ({
 		month: e.month,
 		revenue: e.revenue
-	})), [s.trends.revenue]), j = x(() => [
+	})), [E.trends.revenue]), j = x(() => [
 		{
 			label: "Total revenue",
 			amount: D.totalRevenue
@@ -50,56 +40,56 @@ function D() {
 		D.deliveredRevenue,
 		D.fuelCost
 	]), M = j.some((e) => e.amount > 0);
-	return /* @__PURE__ */ C(i, {
+	return /* @__PURE__ */ C(m, {
 		title: "Finance",
 		subtitle: "Financial overview and reports",
-		icon: /* @__PURE__ */ S(l, { size: 24 }),
-		headerActions: /* @__PURE__ */ C(o, {
+		icon: /* @__PURE__ */ S(n, { size: 24 }),
+		headerActions: /* @__PURE__ */ C(l, {
 			variant: "outline",
 			onClick: k,
-			children: [/* @__PURE__ */ S(u, { size: 16 }), " Invoices & Billing"]
+			children: [/* @__PURE__ */ S(r, { size: 16 }), " Invoices & Billing"]
 		}),
 		children: [
 			/* @__PURE__ */ S(T, {
-				icon: /* @__PURE__ */ S(l, { size: 18 }),
+				icon: /* @__PURE__ */ S(n, { size: 18 }),
 				children: "Follow the money behind your deliveries. See total revenue, how much has already been collected on delivered orders, fuel cost and how many invoices are still open — then head to Billing to raise and settle invoices."
 			}),
-			/* @__PURE__ */ C(v, {
+			/* @__PURE__ */ C(_, {
 				columns: 4,
 				children: [
-					/* @__PURE__ */ S(y, {
+					/* @__PURE__ */ S(g, {
 						treatment: "glass",
 						glow: !0,
 						label: "Total Revenue",
 						value: b(D.totalRevenue),
-						icon: /* @__PURE__ */ S(l, { size: 20 }),
+						icon: /* @__PURE__ */ S(n, { size: 20 }),
 						accent: "success"
 					}),
-					/* @__PURE__ */ S(y, {
+					/* @__PURE__ */ S(g, {
 						label: "Collected (Delivered)",
 						value: b(D.deliveredRevenue),
-						icon: /* @__PURE__ */ S(f, { size: 20 }),
+						icon: /* @__PURE__ */ S(a, { size: 20 }),
 						accent: "brand"
 					}),
-					/* @__PURE__ */ S(y, {
+					/* @__PURE__ */ S(g, {
 						label: "Fuel Cost",
 						value: b(D.fuelCost),
-						icon: /* @__PURE__ */ S(d, { size: 20 }),
+						icon: /* @__PURE__ */ S(i, { size: 20 }),
 						accent: "warning"
 					}),
-					/* @__PURE__ */ S(y, {
+					/* @__PURE__ */ S(g, {
 						label: "Open Invoices",
 						value: String(D.openInvoices),
-						icon: /* @__PURE__ */ S(E, { size: 20 }),
+						icon: /* @__PURE__ */ S(t, { size: 20 }),
 						accent: "blue"
 					})
 				]
 			}),
 			/* @__PURE__ */ C("div", {
 				className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
-				children: [/* @__PURE__ */ C(e, {
+				children: [/* @__PURE__ */ C(u, {
 					className: "lg:col-span-2",
-					children: [/* @__PURE__ */ S(r, { children: /* @__PURE__ */ S(n, { children: "Revenue trend" }) }), /* @__PURE__ */ S(t, { children: /* @__PURE__ */ S(g, {
+					children: [/* @__PURE__ */ S(f, { children: /* @__PURE__ */ S(p, { children: "Revenue trend" }) }), /* @__PURE__ */ S(d, { children: /* @__PURE__ */ S(v, {
 						xKey: "month",
 						variant: "area",
 						height: 280,
@@ -108,7 +98,7 @@ function D() {
 						series: [{
 							dataKey: "revenue",
 							name: "Revenue",
-							color: _.brandBlue
+							color: h.brandBlue
 						}],
 						valueFormatter: (e) => b(Number(e)),
 						emptyMessage: "No revenue recorded yet. Revenue appears here as orders are delivered."
@@ -130,7 +120,7 @@ function D() {
 								className: "flex items-center gap-3",
 								children: [/* @__PURE__ */ S("div", {
 									className: "w-10 h-10 rounded-full bg-status-warning-bg/20 flex items-center justify-center",
-									children: /* @__PURE__ */ S(E, {
+									children: /* @__PURE__ */ S(t, {
 										size: 20,
 										className: "text-status-warning-text"
 									})
@@ -146,15 +136,15 @@ function D() {
 								children: D.openInvoices
 							})]
 						}),
-						/* @__PURE__ */ C(o, {
+						/* @__PURE__ */ C(l, {
 							className: "w-full",
 							onClick: k,
-							children: ["Open Billing ", /* @__PURE__ */ S(c, { size: 16 })]
+							children: ["Open Billing ", /* @__PURE__ */ S(e, { size: 16 })]
 						})
 					]
 				})]
 			}),
-			/* @__PURE__ */ C(e, { children: [/* @__PURE__ */ S(r, { children: /* @__PURE__ */ S(n, { children: "Revenue vs cost" }) }), /* @__PURE__ */ S(t, { children: M ? /* @__PURE__ */ S(m, {
+			/* @__PURE__ */ C(u, { children: [/* @__PURE__ */ S(f, { children: /* @__PURE__ */ S(p, { children: "Revenue vs cost" }) }), /* @__PURE__ */ S(d, { children: M ? /* @__PURE__ */ S(y, {
 				xKey: "label",
 				height: 260,
 				showLegend: !1,
@@ -172,4 +162,4 @@ function D() {
 	});
 }
 //#endregion
-export { D as default };
+export { E as default };