@burdenoff/microfe-movethewheels 2026.703.3 → 2026.703.5

package/dist/{RoutesPage-DMfoicM1.js → RoutesPage-QkENzsE5.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 { i as e, l as t, lt as n, st as r, u as i } from "./PageLayout-BniRJaQ6.js";
+import { t as a } from "./DataTable-CqMUD4er.js";
+import { t as o } from "./navigation-CgGUt2tR.js";
+import { t as s } from "./plus-DlANgOFx.js";
+import { t as c } from "./refresh-cw-rW59D4b7.js";
+import { n as l, r as u } from "./useRoutes-zD8Yp323.js";
+import { o as d, r as f } from "./StatusBadge-BNHXYvZx.js";
+import { r as p } from "./formatters-FWJDwTFv.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 = (e) => x?.(n(b, e));
+	return /* @__PURE__ */ g(e, {
 		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(t, {
 							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(t, {
 							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-DV3_tU_X.js}

@@ -1,21 +1,21 @@
-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 { 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, p as _, u as v, ut as y } from "./PageLayout-BniRJaQ6.js";
+import { n as b, r as x, t as S } from "./useSettings-B1lsWeZ1.js";
+import { t as C } from "./save-UDlog7hg.js";
+import { t as w } from "./user-DU51el3m.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";
 //#region node_modules/lucide-react/dist/esm/icons/bell.js
-var N = _("Bell", [["path", {
+var N = y("Bell", [["path", {
 	d: "M10.268 21a2 2 0 0 0 3.464 0",
 	key: "vwvbt9"
 }], ["path", {
 	d: "M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326",
 	key: "11g9vi"
-}]]), P = _("Shield", [["path", {
+}]]), P = y("Shield", [["path", {
 	d: "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z",
 	key: "oel41y"
-}]]), F = _("Webhook", [
+}]]), F = y("Webhook", [
 	["path", {
 		d: "M18 16.98h-5.99c-1.1 0-1.95.94-2.48 1.9A4 4 0 0 1 2 17c.01-.7.2-1.4.57-2",
 		key: "q3hayz"
@@ -88,7 +88,7 @@ function R(e) {
 	};
 }
 function z() {
-	let { preferences: _, isLoading: z, isSaving: B, error: V, savePreferences: H } = S(), [U, W] = D("general"), [G, K] = D(() => R({})), [q, J] = D(!1), Y = E(() => R(_), [_]);
+	let { preferences: y, isLoading: z, isSaving: B, error: V, savePreferences: H } = S(), [U, W] = D("general"), [G, K] = D(() => R({})), [q, J] = D(!1), Y = E(() => R(y), [y]);
 	T(() => {
 		K(Y);
 	}, [Y]);
@@ -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")
 					},
@@ -207,7 +207,7 @@ function z() {
 								children: "Basic company details"
 							}),
 							/* @__PURE__ */ k("div", {
-								className: "grid grid-cols-2 gap-4",
+								className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
 								children: [
 									/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O(g, { children: "Company Name" }), /* @__PURE__ */ O(e, {
 										value: G.company.name,
@@ -242,7 +242,7 @@ function z() {
 						}) }), /* @__PURE__ */ O(f, {
 							className: "space-y-4",
 							children: /* @__PURE__ */ k("div", {
-								className: "grid grid-cols-3 gap-4",
+								className: "grid grid-cols-1 sm:grid-cols-3 gap-4",
 								children: [
 									/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O(g, { children: "Timezone" }), /* @__PURE__ */ k(a, {
 										value: G.localization.timezone,
@@ -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(_, { 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(_, { 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:",
@@ -357,7 +335,7 @@ function z() {
 									className: `font-medium ${G.twoFactorEnabled ? "text-status-success-text" : "text-status-warning-text"}`,
 									children: G.twoFactorEnabled ? "Enabled" : "Disabled"
 								})
-							] }), /* @__PURE__ */ O(y, {
+							] }), /* @__PURE__ */ O(v, {
 								variant: "outline",
 								disabled: B,
 								onClick: () => K((e) => ({
@@ -371,7 +349,7 @@ function z() {
 					/* @__PURE__ */ O(l, {
 						value: "integrations",
 						className: "space-y-6",
-						children: /* @__PURE__ */ k(d, { children: [/* @__PURE__ */ k(m, { children: [/* @__PURE__ */ O(p, { children: "Connected Services" }), /* @__PURE__ */ O(v, { children: "Connect the providers that power maps, payments and messaging." })] }), /* @__PURE__ */ O(f, {
+						children: /* @__PURE__ */ k(d, { children: [/* @__PURE__ */ k(m, { children: [/* @__PURE__ */ O(p, { children: "Connected Services" }), /* @__PURE__ */ O(_, { children: "Connect the providers that power maps, payments and messaging." })] }), /* @__PURE__ */ O(f, {
 							className: "space-y-3",
 							children: I.map((e) => {
 								let t = G.integrations[e.key] === !0;
@@ -383,7 +361,7 @@ function z() {
 									}), /* @__PURE__ */ O("p", {
 										className: "text-sm text-text-secondary",
 										children: t ? "Connected" : "Not configured"
-									})] }), /* @__PURE__ */ O(y, {
+									})] }), /* @__PURE__ */ O(v, {
 										variant: t ? "outline" : "default",
 										size: "sm",
 										disabled: B,
@@ -404,7 +382,7 @@ function z() {
 			}),
 			/* @__PURE__ */ O("div", {
 				className: "flex justify-end",
-				children: /* @__PURE__ */ k(y, {
+				children: /* @__PURE__ */ k(v, {
 					onClick: () => void $(),
 					disabled: B || z,
 					children: [