@burdenoff/microfe-movethewheels 2026.703.2 → 2026.703.4

package/dist/{RoutesPage-DMfoicM1.js → RoutesPage-Dtc669yc.js}

@@ -1,74 +1,78 @@
 import { ct as e, i as t, l as n, ot as r, u as i } from "./PageLayout-D4LDHJJq.js";
-import { t as a } from "./DataTable-DmciIKKM.js";
-import { t as o } from "./navigation-D36prnAn.js";
-import { t as s } from "./plus-Z76q-FZm.js";
-import { t as c } from "./refresh-cw-DKt6f5T6.js";
-import { r as l } from "./useRoutes-BQWO607N.js";
-import { o as u, r as d } from "./StatusBadge-BZurYHMy.js";
-import { r as f } from "./formatters-CF2S2l1m.js";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
-import { CTAOverflowMenu as h, EmphasisPanel as g, PagePurpose as _ } from "@burdenoff/fe-libs/ui";
+import { t as a } from "./DataTable-XvUcTjwi.js";
+import { t as o } from "./navigation-BJSJl-VG.js";
+import { t as s } from "./plus-C_XZDwBz.js";
+import { t as c } from "./refresh-cw-CfgN67l3.js";
+import { n as l, r as u } from "./useRoutes-hS3d5-xr.js";
+import { o as d, r as f } from "./StatusBadge-C87mDpDP.js";
+import { r as p } from "./formatters-BQr-aR5W.js";
+import { useState as m } from "react";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+import { CTAOverflowMenu as _, EmphasisPanel as v, PagePurpose as y } from "@burdenoff/fe-libs/ui";
 //#region src/movethewheels/pages/RoutesPage.tsx
-function v() {
-	let { basePath: v, navigate: y } = r(), { routes: b, totalRoutes: x, isLoading: S, refetch: C } = l(), w = (t) => y?.(e(v, t));
-	return /* @__PURE__ */ m(t, {
+function b() {
+	let { basePath: b, navigate: x } = r(), [S, C] = m(0), [w, T] = m(25), { routes: E, hasMore: D, isLoading: O, refetch: k } = u({
+		limit: w,
+		offset: S * w
+	}), { stats: A } = l(), j = (t) => x?.(e(b, t));
+	return /* @__PURE__ */ g(t, {
 		title: "Routes",
-		subtitle: `${x} routes`,
-		icon: /* @__PURE__ */ p(o, { size: 24 }),
-		headerActions: /* @__PURE__ */ p(h, {
+		subtitle: `${A.totalRoutes} routes`,
+		icon: /* @__PURE__ */ h(o, { size: 24 }),
+		headerActions: /* @__PURE__ */ h(_, {
 			primary: {
 				label: "Create Route",
-				icon: /* @__PURE__ */ p(s, { size: 16 }),
-				onSelect: () => w("routes/new")
+				icon: /* @__PURE__ */ h(s, { size: 16 }),
+				onSelect: () => j("routes/new")
 			},
 			actions: [{
 				label: "Refresh",
-				icon: /* @__PURE__ */ p(c, { size: 16 }),
-				onSelect: () => C()
+				icon: /* @__PURE__ */ h(c, { size: 16 }),
+				onSelect: () => k()
 			}]
 		}),
 		children: [
-			/* @__PURE__ */ p(_, {
-				icon: /* @__PURE__ */ p(o, { size: 18 }),
+			/* @__PURE__ */ h(y, {
+				icon: /* @__PURE__ */ h(o, { size: 18 }),
 				children: "Routes group multiple delivery stops into an optimized driving plan. Build a route to batch nearby drop-offs, cut distance and fuel, and give drivers a single ordered itinerary — then open one to review stops, distance and optimization status."
 			}),
-			/* @__PURE__ */ m(g, { children: [/* @__PURE__ */ p("p", {
+			/* @__PURE__ */ g(v, { children: [/* @__PURE__ */ h("p", {
 				className: "text-sm font-medium text-text-secondary",
 				children: "Routes at a glance"
-			}), /* @__PURE__ */ m("div", {
+			}), /* @__PURE__ */ g("div", {
 				className: "mt-3 grid grid-cols-3 gap-4",
 				children: [
-					/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
+					/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("p", {
 						className: "text-2xl font-bold text-text-primary tabular-nums",
-						children: x
-					}), /* @__PURE__ */ p("p", {
+						children: A.totalRoutes
+					}), /* @__PURE__ */ h("p", {
 						className: "text-xs text-text-secondary",
 						children: "Total routes"
 					})] }),
-					/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
+					/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("p", {
 						className: "text-2xl font-bold text-text-primary tabular-nums",
-						children: b.filter((e) => e.status === "in_progress").length
-					}), /* @__PURE__ */ p("p", {
+						children: A.inProgressRoutes
+					}), /* @__PURE__ */ h("p", {
 						className: "text-xs text-text-secondary",
 						children: "In progress"
 					})] }),
-					/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
+					/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("p", {
 						className: "text-2xl font-bold text-text-primary tabular-nums",
-						children: b.filter((e) => e.optimized).length
-					}), /* @__PURE__ */ p("p", {
+						children: A.optimizedRoutes
+					}), /* @__PURE__ */ h("p", {
 						className: "text-xs text-text-secondary",
 						children: "Optimized"
 					})] })
 				]
 			})] }),
-			/* @__PURE__ */ p(a, {
+			/* @__PURE__ */ h(a, {
 				columns: [
 					{
 						id: "name",
 						header: "Route Name",
 						accessorKey: "name",
 						sortable: !0,
-						cell: (e) => /* @__PURE__ */ p("span", {
+						cell: (e) => /* @__PURE__ */ h("span", {
 							className: "font-medium",
 							children: e.name
 						})
@@ -78,15 +82,15 @@ function v() {
 						header: "Status",
 						accessorKey: "status",
 						sortable: !0,
-						cell: (e) => /* @__PURE__ */ p(d, {
+						cell: (e) => /* @__PURE__ */ h(f, {
 							status: e.status,
-							customColors: u[e.status]
+							customColors: d[e.status]
 						})
 					},
 					{
 						id: "stops",
 						header: "Stops",
-						cell: (e) => /* @__PURE__ */ m(n, {
+						cell: (e) => /* @__PURE__ */ g(n, {
 							variant: "secondary",
 							children: [e.stops.length, " stops"]
 						})
@@ -106,7 +110,7 @@ function v() {
 					{
 						id: "optimized",
 						header: "Optimized",
-						cell: (e) => /* @__PURE__ */ p(n, {
+						cell: (e) => /* @__PURE__ */ h(n, {
 							variant: e.optimized ? "default" : "outline",
 							children: e.optimized ? "Yes" : "No"
 						})
@@ -116,22 +120,29 @@ function v() {
 						header: "Created",
 						accessorKey: "createdAt",
 						sortable: !0,
-						cell: (e) => f(e.createdAt, "short")
+						cell: (e) => p(e.createdAt, "short")
 					}
 				],
-				data: b,
-				isLoading: S,
+				data: E,
+				isLoading: O,
 				searchable: !0,
 				searchPlaceholder: "Search routes...",
 				searchFields: ["name"],
-				onRowClick: (e) => w(`routes/${e.id}`),
+				onRowClick: (e) => j(`routes/${e.id}`),
 				getRowId: (e) => e.id,
+				pageIndex: S,
+				pageSize: w,
+				onPageChange: C,
+				onPageSizeChange: (e) => {
+					T(e), C(0);
+				},
+				hasNextPage: D,
 				emptyIllustration: "empty-data",
 				emptyTitle: "No routes yet",
 				emptyDescription: "Create a route to batch deliveries into an optimized driving plan.",
-				emptyAction: /* @__PURE__ */ m(i, {
-					onClick: () => w("routes/new"),
-					children: [/* @__PURE__ */ p(s, {
+				emptyAction: /* @__PURE__ */ g(i, {
+					onClick: () => j("routes/new"),
+					children: [/* @__PURE__ */ h(s, {
 						size: 16,
 						className: "mr-1.5"
 					}), "Create Route"]
@@ -141,4 +152,4 @@ function v() {
 	});
 }
 //#endregion
-export { v as default };
+export { b as default };

package/dist/{SettingsPage-Bn-v0mbQ.js → SettingsPage-CpH9xhQg.js}

@@ -1,7 +1,7 @@
 import { A as e, F as t, I as n, J as r, L as i, P as a, R as o, V as s, X as c, Y as l, Z as u, d, f, g as p, h as m, i as h, j as g, lt as _, p as v, u as y } from "./PageLayout-D4LDHJJq.js";
-import { n as b, r as x, t as S } from "./useSettings-CkDH_-gM.js";
-import { t as C } from "./save-CojywNhG.js";
-import { t as w } from "./user-jyFU3lXk.js";
+import { n as b, r as x, t as S } from "./useSettings-BB8X2RLh.js";
+import { t as C } from "./save-DJE8Fpdv.js";
+import { t as w } from "./user-DzfTn4dE.js";
 import { useEffect as T, useMemo as E, useState as D } from "react";
 import { jsx as O, jsxs as k } from "react/jsx-runtime";
 import { EmphasisPanel as A, NextSteps as j, PagePurpose as M } from "@burdenoff/fe-libs/ui";
@@ -156,7 +156,7 @@ function z() {
 					{
 						id: "security",
 						label: "Secure your account",
-						description: "Update your password and enable two-factor authentication.",
+						description: "Enable two-factor authentication for an extra layer of security.",
 						icon: /* @__PURE__ */ O(P, { size: 16 }),
 						onClick: () => W("security")
 					},
@@ -326,29 +326,7 @@ function z() {
 					/* @__PURE__ */ k(l, {
 						value: "security",
 						className: "space-y-6",
-						children: [/* @__PURE__ */ k(d, { children: [/* @__PURE__ */ k(m, { children: [/* @__PURE__ */ O(p, { children: "Password" }), /* @__PURE__ */ O(v, { children: "Passwords are managed by your workspace identity provider." })] }), /* @__PURE__ */ k(f, {
-							className: "space-y-4",
-							children: [
-								/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O(g, { children: "Current Password" }), /* @__PURE__ */ O(e, {
-									type: "password",
-									autoComplete: "current-password"
-								})] }),
-								/* @__PURE__ */ k("div", {
-									className: "grid grid-cols-2 gap-4",
-									children: [/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O(g, { children: "New Password" }), /* @__PURE__ */ O(e, {
-										type: "password",
-										autoComplete: "new-password"
-									})] }), /* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O(g, { children: "Confirm Password" }), /* @__PURE__ */ O(e, {
-										type: "password",
-										autoComplete: "new-password"
-									})] })]
-								}),
-								/* @__PURE__ */ O(y, {
-									variant: "outline",
-									children: "Update Password"
-								})
-							]
-						})] }), /* @__PURE__ */ k(d, { children: [/* @__PURE__ */ k(m, { children: [/* @__PURE__ */ O(p, { children: "Two-Factor Authentication" }), /* @__PURE__ */ O(v, { children: "Add an extra layer of security" })] }), /* @__PURE__ */ O(f, { children: /* @__PURE__ */ k("div", {
+						children: [/* @__PURE__ */ O(d, { children: /* @__PURE__ */ k(m, { children: [/* @__PURE__ */ O(p, { children: "Password" }), /* @__PURE__ */ O(v, { children: "Your password and sign-in credentials are managed centrally by your workspace identity provider — update them from your account security settings, not here." })] }) }), /* @__PURE__ */ k(d, { children: [/* @__PURE__ */ k(m, { children: [/* @__PURE__ */ O(p, { children: "Two-Factor Authentication" }), /* @__PURE__ */ O(v, { children: "Add an extra layer of security" })] }), /* @__PURE__ */ O(f, { children: /* @__PURE__ */ k("div", {
 							className: "flex items-center justify-between",
 							children: [/* @__PURE__ */ k("p", { children: [
 								"Status:",

package/dist/{TrackingPage-W-jtdM3Y.js → TrackingPage-DaNEFG_h.js}

@@ -1,14 +1,14 @@
 import { A as e, ct as t, d as n, f as r, g as i, h as a, i as o, ot as s, t as c, u as l } from "./PageLayout-D4LDHJJq.js";
-import { t as u } from "./circle-alert-iY24lSlp.js";
-import { t as d } from "./circle-check-big-w0TrLKMF.js";
-import { t as f } from "./clock-DJZtdl8u.js";
-import { t as p } from "./map-pin-BGiCvyCs.js";
-import { t as m } from "./package-BChUzpJS.js";
-import { t as h } from "./search-CDGefqb3.js";
-import { t as g } from "./truck-C0v_hbLR.js";
-import { i as _ } from "./useTracking-B-va1kO3.js";
-import { r as v } from "./StatusBadge-BZurYHMy.js";
-import { r as y, t as b } from "./formatters-CF2S2l1m.js";
+import { t as u } from "./circle-alert-Bzh2DBSF.js";
+import { t as d } from "./circle-check-big-CGMSpQmD.js";
+import { t as f } from "./clock-Bl3ptexL.js";
+import { t as p } from "./map-pin-Dznl5l40.js";
+import { t as m } from "./package-CcRttV2N.js";
+import { t as h } from "./search-D_VyGcZT.js";
+import { t as g } from "./truck-D-y2IDzv.js";
+import { i as _ } from "./useTracking-RjGz9PZG.js";
+import { r as v } from "./StatusBadge-C87mDpDP.js";
+import { r as y, t as b } from "./formatters-BQr-aR5W.js";
 import { useState as x } from "react";
 import { useSearchParams as S } from "react-router-dom";
 import { jsx as C, jsxs as w } from "react/jsx-runtime";