@burdenoff/microfe-movethewheels 2026.614.1 → 2026.625.1

package/dist/{ProductDetailsPage-Czcrqe2F.js → ProductDetailsPage-DOXO90kb.js}

@@ -1,16 +1,16 @@
-import { d as e, f as t, g as n, h as r, i, it as a, l as o, n as s, r as c, u as l } from "./PageLayout-3DR4pMQ9.js";
-import { t as u } from "./arrow-left-Crb7WKr1.js";
-import { t as d } from "./box-CnErOGkD.js";
-import { t as f } from "./dollar-sign-CrwqdoEC.js";
-import { t as p } from "./package-CPePjBwW.js";
-import { t as m } from "./square-pen-BIgbw83U.js";
+import { d as e, f as t, g as n, h as r, i, it as a, l as o, n as s, r as c, u as l } from "./PageLayout-D3N8MCTm.js";
+import { t as u } from "./arrow-left-CBpZKkpq.js";
+import { t as d } from "./box-CAaiElsb.js";
+import { t as f } from "./dollar-sign-IB4O0wuQ.js";
+import { t as p } from "./package-BE7U0wQE.js";
+import { t as m } from "./square-pen-hLIbFQFV.js";
 import { r as h } from "./graphqlClient-CdJyR_ed.js";
 import { r as g } from "./useInventory-Dwn18FPz.js";
 import { n as _ } from "./formatters-_vJlC-47.js";
 import { t as v } from "./navigation-BgnOfsVd.js";
 import { useParams as y } from "react-router-dom";
 import { jsx as b, jsxs as x } from "react/jsx-runtime";
-//#region ../../node_modules/.bun/lucide-react@0.468.0+3f10a4be4e334a9b/node_modules/lucide-react/dist/esm/icons/tag.js
+//#region node_modules/lucide-react/dist/esm/icons/tag.js
 var S = a("Tag", [["path", {
 	d: "M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z",
 	key: "vktsd0"
@@ -78,7 +78,7 @@ function C() {
 						className: "grid grid-cols-2 md:grid-cols-4 gap-4",
 						children: [
 							/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
-								className: "text-sm text-muted-foreground",
+								className: "text-sm text-text-secondary",
 								children: "Length"
 							}), /* @__PURE__ */ x("p", {
 								className: "text-2xl font-bold",
@@ -88,7 +88,7 @@ function C() {
 								})]
 							})] }),
 							/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
-								className: "text-sm text-muted-foreground",
+								className: "text-sm text-text-secondary",
 								children: "Width"
 							}), /* @__PURE__ */ x("p", {
 								className: "text-2xl font-bold",
@@ -98,7 +98,7 @@ function C() {
 								})]
 							})] }),
 							/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
-								className: "text-sm text-muted-foreground",
+								className: "text-sm text-text-secondary",
 								children: "Height"
 							}), /* @__PURE__ */ x("p", {
 								className: "text-2xl font-bold",
@@ -108,7 +108,7 @@ function C() {
 								})]
 							})] }),
 							/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
-								className: "text-sm text-muted-foreground",
+								className: "text-sm text-text-secondary",
 								children: "Weight"
 							}), /* @__PURE__ */ x("p", {
 								className: "text-2xl font-bold",
@@ -125,7 +125,7 @@ function C() {
 					}) }), /* @__PURE__ */ b(t, { children: /* @__PURE__ */ b("div", {
 						className: "grid grid-cols-2 md:grid-cols-3 gap-4",
 						children: T.attributes.map((e, t) => /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
-							className: "text-sm text-muted-foreground",
+							className: "text-sm text-text-secondary",
 							children: e.name
 						}), /* @__PURE__ */ b("p", {
 							className: "font-medium",
@@ -142,18 +142,18 @@ function C() {
 					className: "text-3xl font-bold",
 					children: _(T.value)
 				}), /* @__PURE__ */ b("p", {
-					className: "text-sm text-muted-foreground",
+					className: "text-sm text-text-secondary",
 					children: "Unit price"
 				})] })] }), /* @__PURE__ */ x(e, { children: [/* @__PURE__ */ b(r, { children: /* @__PURE__ */ b(n, { children: "Identifiers" }) }), /* @__PURE__ */ x(t, {
 					className: "space-y-3",
 					children: [/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
-						className: "text-sm text-muted-foreground",
+						className: "text-sm text-text-secondary",
 						children: "SKU"
 					}), /* @__PURE__ */ b("p", {
 						className: "font-mono",
 						children: T.sku
 					})] }), T.barcode && /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
-						className: "text-sm text-muted-foreground",
+						className: "text-sm text-text-secondary",
 						children: "Barcode"
 					}), /* @__PURE__ */ b("p", {
 						className: "font-mono",

package/dist/{ProductsPage-DJhdrfox.js → ProductsPage-RLMTwWN0.js}

@@ -1,44 +1,46 @@
-import { i as e, l as t, u as n } from "./PageLayout-3DR4pMQ9.js";
-import { t as r } from "./DataTable-oNjXEcUO.js";
-import { t as i } from "./download-CQqBpPk5.js";
-import { t as a } from "./package-CPePjBwW.js";
-import { t as o } from "./plus-Dew5yoQK.js";
-import { t as s } from "./refresh-cw-oWEqfHnS.js";
-import { r as c } from "./graphqlClient-CdJyR_ed.js";
-import { i as l } from "./useInventory-Dwn18FPz.js";
-import { n as u } from "./formatters-_vJlC-47.js";
-import { t as d } from "./navigation-BgnOfsVd.js";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { i as e, l as t } from "./PageLayout-D3N8MCTm.js";
+import { t as n } from "./DataTable-CfWvFw5B.js";
+import { t as r } from "./download-Dpa9vqoG.js";
+import { t as i } from "./package-BE7U0wQE.js";
+import { t as a } from "./plus-Dl1rLeJR.js";
+import { t as o } from "./refresh-cw-CWfERAit.js";
+import { r as s } from "./graphqlClient-CdJyR_ed.js";
+import { i as c } from "./useInventory-Dwn18FPz.js";
+import { n as l } from "./formatters-_vJlC-47.js";
+import { t as u } from "./navigation-BgnOfsVd.js";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { CTAOverflowMenu as p } from "@burdenoff/fe-libs/ui";
 //#region src/movethewheels/pages/ProductsPage.tsx
 function m() {
-	let { basePath: m, navigate: h } = c(), { products: g, totalProducts: _, isLoading: v, refetch: y } = l(), b = (e) => h?.(d(m, e));
-	return /* @__PURE__ */ f(e, {
+	let { basePath: m, navigate: h } = s(), { products: g, totalProducts: _, isLoading: v, refetch: y } = c(), b = (e) => h?.(u(m, e));
+	return /* @__PURE__ */ d(e, {
 		title: "Products",
 		subtitle: `${_} products`,
-		icon: /* @__PURE__ */ f(a, { size: 24 }),
-		headerActions: /* @__PURE__ */ p("div", {
-			className: "flex gap-2",
-			children: [
-				/* @__PURE__ */ p(n, {
-					variant: "outline",
-					onClick: y,
-					children: [/* @__PURE__ */ f(s, { size: 16 }), " Refresh"]
-				}),
-				/* @__PURE__ */ p(n, {
-					variant: "outline",
-					children: [/* @__PURE__ */ f(i, { size: 16 }), " Export"]
-				}),
-				/* @__PURE__ */ p(n, { children: [/* @__PURE__ */ f(o, { size: 16 }), " Add Product"] })
-			]
+		icon: /* @__PURE__ */ d(i, { size: 24 }),
+		headerActions: /* @__PURE__ */ d(p, {
+			primary: {
+				label: "Add Product",
+				icon: /* @__PURE__ */ d(a, { size: 16 }),
+				onSelect: () => {}
+			},
+			actions: [{
+				label: "Refresh",
+				icon: /* @__PURE__ */ d(o, { size: 16 }),
+				onSelect: () => y()
+			}, {
+				label: "Export",
+				icon: /* @__PURE__ */ d(r, { size: 16 }),
+				onSelect: () => {}
+			}]
 		}),
-		children: /* @__PURE__ */ f(r, {
+		children: /* @__PURE__ */ d(n, {
 			columns: [
 				{
 					id: "sku",
 					header: "SKU",
 					accessorKey: "sku",
 					sortable: !0,
-					cell: (e) => /* @__PURE__ */ f("span", {
+					cell: (e) => /* @__PURE__ */ d("span", {
 						className: "font-mono",
 						children: e.sku
 					})
@@ -48,11 +50,11 @@ function m() {
 					header: "Product Name",
 					accessorKey: "name",
 					sortable: !0,
-					cell: (e) => /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("p", {
+					cell: (e) => /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("p", {
 						className: "font-medium",
 						children: e.name
-					}), /* @__PURE__ */ f("p", {
-						className: "text-sm text-muted-foreground line-clamp-1",
+					}), /* @__PURE__ */ d("p", {
+						className: "text-sm text-text-secondary line-clamp-1",
 						children: e.description
 					})] })
 				},
@@ -61,7 +63,7 @@ function m() {
 					header: "Category",
 					accessorKey: "category",
 					sortable: !0,
-					cell: (e) => /* @__PURE__ */ f(t, {
+					cell: (e) => /* @__PURE__ */ d(t, {
 						variant: "outline",
 						children: e.category
 					})
@@ -83,28 +85,28 @@ function m() {
 					header: "Value",
 					accessorKey: "value",
 					sortable: !0,
-					cell: (e) => /* @__PURE__ */ f("span", {
+					cell: (e) => /* @__PURE__ */ d("span", {
 						className: "font-medium",
-						children: u(e.value)
+						children: l(e.value)
 					})
 				},
 				{
 					id: "flags",
 					header: "Flags",
-					cell: (e) => /* @__PURE__ */ p("div", {
+					cell: (e) => /* @__PURE__ */ f("div", {
 						className: "flex gap-1",
 						children: [
-							e.fragile && /* @__PURE__ */ f(t, {
+							e.fragile && /* @__PURE__ */ d(t, {
 								variant: "destructive",
 								className: "text-xs",
 								children: "Fragile"
 							}),
-							e.hazardous && /* @__PURE__ */ f(t, {
+							e.hazardous && /* @__PURE__ */ d(t, {
 								variant: "destructive",
 								className: "text-xs",
 								children: "Hazardous"
 							}),
-							e.temperatureControlled && /* @__PURE__ */ f(t, {
+							e.temperatureControlled && /* @__PURE__ */ d(t, {
 								variant: "secondary",
 								className: "text-xs",
 								children: "Temp Control"

package/dist/{ReportsPage-DPqE4Q3D.js → ReportsPage-Df3hciPy.js}

@@ -1,9 +1,9 @@
-import { F as e, I as t, L as n, P as r, R as i, d as a, f as o, g as s, h as c, i as l, it as u, l as d, u as f } from "./PageLayout-3DR4pMQ9.js";
-import { t as p } from "./clock-DP-76dyQ.js";
-import { t as m } from "./download-CQqBpPk5.js";
-import { t as h } from "./filter-CgTF21j9.js";
+import { F as e, I as t, L as n, P as r, R as i, d as a, f as o, g as s, h as c, i as l, it as u, l as d, u as f } from "./PageLayout-D3N8MCTm.js";
+import { t as p } from "./clock-BjkdnddD.js";
+import { t as m } from "./download-Dpa9vqoG.js";
+import { t as h } from "./filter-Da5OZaHI.js";
 import { jsx as g, jsxs as _ } from "react/jsx-runtime";
-//#region ../../node_modules/.bun/lucide-react@0.468.0+3f10a4be4e334a9b/node_modules/lucide-react/dist/esm/icons/calendar.js
+//#region node_modules/lucide-react/dist/esm/icons/calendar.js
 var v = u("Calendar", [
 	["path", {
 		d: "M8 2v4",
@@ -132,7 +132,7 @@ function b() {
 						children: [/* @__PURE__ */ _("div", {
 							className: "flex items-center gap-3",
 							children: [/* @__PURE__ */ g("div", {
-								className: "w-10 h-10 rounded-lg bg-primary/10 flex items-center justify-center",
+								className: "w-10 h-10 rounded-lg bg-action-primary-bg/10 flex items-center justify-center",
 								children: /* @__PURE__ */ g(y, {
 									size: 20,
 									className: "text-primary"
@@ -141,7 +141,7 @@ function b() {
 								className: "font-medium",
 								children: e.name
 							}), /* @__PURE__ */ g("p", {
-								className: "text-sm text-muted-foreground",
+								className: "text-sm text-text-secondary",
 								children: e.description
 							})] })]
 						}), /* @__PURE__ */ _("div", {
@@ -152,7 +152,7 @@ function b() {
 									variant: "outline",
 									children: e.frequency
 								}), /* @__PURE__ */ _("p", {
-									className: "text-xs text-muted-foreground mt-1",
+									className: "text-xs text-text-secondary mt-1",
 									children: ["Last: ", e.lastGenerated]
 								})]
 							}), /* @__PURE__ */ g(f, {
@@ -186,11 +186,11 @@ function b() {
 								children: e.name
 							}),
 							/* @__PURE__ */ _("p", {
-								className: "text-sm text-muted-foreground",
+								className: "text-sm text-text-secondary",
 								children: ["Next: ", e.nextRun]
 							}),
 							/* @__PURE__ */ _("p", {
-								className: "text-xs text-muted-foreground",
+								className: "text-xs text-text-secondary",
 								children: [e.recipients, " recipients"]
 							})
 						]

package/dist/{RouteDetailsPage-j6ZczLRT.js → RouteDetailsPage-xzFDeR-X.js}

@@ -1,18 +1,18 @@
-import { d as e, f as t, g as n, h as r, i, it as a, l as o, n as s, r as c, u as l } from "./PageLayout-3DR4pMQ9.js";
-import { t as u } from "./arrow-left-Crb7WKr1.js";
-import { t as d } from "./circle-check-big-R_fjEgxM.js";
-import { t as f } from "./clock-DP-76dyQ.js";
-import { t as p } from "./map-pin-4a-IA2NP.js";
-import { t as m } from "./navigation-CqRTj3vI.js";
-import { t as h } from "./square-pen-BIgbw83U.js";
+import { d as e, f as t, g as n, h as r, i, it as a, l as o, n as s, r as c, u as l } from "./PageLayout-D3N8MCTm.js";
+import { t as u } from "./arrow-left-CBpZKkpq.js";
+import { t as d } from "./circle-check-big-CjuPVo3_.js";
+import { t as f } from "./clock-BjkdnddD.js";
+import { t as p } from "./map-pin-BSaf5IDL.js";
+import { t as m } from "./navigation-DaTbrhw2.js";
+import { t as h } from "./square-pen-hLIbFQFV.js";
 import { r as g } from "./graphqlClient-CdJyR_ed.js";
 import { r as _, t as v } from "./useRoutes-v4aBaS-E.js";
-import { r as y } from "./StatusBadge-elLZA4Wl.js";
+import { r as y } from "./StatusBadge-CijYQXtb.js";
 import { r as b, t as x } from "./formatters-_vJlC-47.js";
 import { t as S } from "./navigation-BgnOfsVd.js";
 import { useParams as C } from "react-router-dom";
 import { jsx as w, jsxs as T } from "react/jsx-runtime";
-//#region ../../node_modules/.bun/lucide-react@0.468.0+3f10a4be4e334a9b/node_modules/lucide-react/dist/esm/icons/zap.js
+//#region node_modules/lucide-react/dist/esm/icons/zap.js
 var E = a("Zap", [["path", {
 	d: "M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z",
 	key: "1xq2db"
@@ -82,9 +82,9 @@ function D() {
 			children: [/* @__PURE__ */ T("div", {
 				className: "lg:col-span-2 space-y-6",
 				children: [/* @__PURE__ */ T(e, { children: [/* @__PURE__ */ w(r, { children: /* @__PURE__ */ w(n, { children: "Route Map" }) }), /* @__PURE__ */ w(t, { children: /* @__PURE__ */ w("div", {
-					className: "aspect-video bg-muted rounded-lg flex items-center justify-center",
+					className: "aspect-video bg-bg-sunken rounded-lg flex items-center justify-center",
 					children: /* @__PURE__ */ T("div", {
-						className: "text-center text-muted-foreground",
+						className: "text-center text-text-secondary",
 						children: [/* @__PURE__ */ w(p, {
 							size: 48,
 							className: "mx-auto mb-2 opacity-50"
@@ -101,7 +101,7 @@ function D() {
 						children: [/* @__PURE__ */ T("div", {
 							className: "relative",
 							children: [/* @__PURE__ */ w("div", {
-								className: `w-8 h-8 rounded-full flex items-center justify-center ${e.status === "completed" ? "bg-green-500 text-white" : "bg-muted"}`,
+								className: `w-8 h-8 rounded-full flex items-center justify-center ${e.status === "completed" ? "bg-green-500 text-white" : "bg-bg-sunken"}`,
 								children: e.status === "completed" ? /* @__PURE__ */ w(d, { size: 16 }) : e.sequence
 							}), t < k.stops.length - 1 && /* @__PURE__ */ w("div", { className: "absolute top-8 left-4 w-px h-12 bg-border" })]
 						}), /* @__PURE__ */ w("div", {
@@ -119,7 +119,7 @@ function D() {
 										children: ["Order #", e.orderId]
 									})]
 								}), /* @__PURE__ */ w("p", {
-									className: "text-sm text-muted-foreground mt-1",
+									className: "text-sm text-text-secondary mt-1",
 									children: x(e.address)
 								})] }), /* @__PURE__ */ T("div", {
 									className: "text-right",
@@ -133,7 +133,7 @@ function D() {
 											children: ["Actual: ", b(e.actualTime, "time")]
 										}),
 										/* @__PURE__ */ T("p", {
-											className: "text-xs text-muted-foreground",
+											className: "text-xs text-text-secondary",
 											children: [e.duration, " min stop"]
 										})
 									]
@@ -149,7 +149,7 @@ function D() {
 						className: "space-y-4",
 						children: [
 							/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
-								className: "text-sm text-muted-foreground",
+								className: "text-sm text-text-secondary",
 								children: "Total Distance"
 							}), /* @__PURE__ */ T("p", {
 								className: "text-2xl font-bold",
@@ -159,7 +159,7 @@ function D() {
 								})]
 							})] }),
 							/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
-								className: "text-sm text-muted-foreground",
+								className: "text-sm text-text-secondary",
 								children: "Est. Duration"
 							}), /* @__PURE__ */ T("p", {
 								className: "text-2xl font-bold",
@@ -169,7 +169,7 @@ function D() {
 								})]
 							})] }),
 							k.actualDuration && /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
-								className: "text-sm text-muted-foreground",
+								className: "text-sm text-text-secondary",
 								children: "Actual Duration"
 							}), /* @__PURE__ */ T("p", {
 								className: "text-2xl font-bold",
@@ -187,15 +187,15 @@ function D() {
 						className: "space-y-3",
 						children: [
 							k.startTime && /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
-								className: "text-sm text-muted-foreground",
+								className: "text-sm text-text-secondary",
 								children: "Started"
 							}), /* @__PURE__ */ w("p", { children: b(k.startTime, "full") })] }),
 							k.endTime && /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
-								className: "text-sm text-muted-foreground",
+								className: "text-sm text-text-secondary",
 								children: "Completed"
 							}), /* @__PURE__ */ w("p", { children: b(k.endTime, "full") })] }),
 							/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
-								className: "text-sm text-muted-foreground",
+								className: "text-sm text-text-secondary",
 								children: "Created"
 							}), /* @__PURE__ */ w("p", { children: b(k.createdAt, "full") })] })
 						]
@@ -206,7 +206,7 @@ function D() {
 							className: "text-sm font-medium capitalize",
 							children: [e.condition, " traffic"]
 						}), /* @__PURE__ */ T("p", {
-							className: "text-xs text-muted-foreground",
+							className: "text-xs text-text-secondary",
 							children: [
 								e.location,
 								" - +",
@@ -230,7 +230,7 @@ function D() {
 		children: /* @__PURE__ */ w(e, { children: /* @__PURE__ */ w(t, {
 			className: "p-8 text-center",
 			children: /* @__PURE__ */ w("p", {
-				className: "text-muted-foreground",
+				className: "text-text-secondary",
 				children: "Route creation form would go here"
 			})
 		}) })

package/dist/{RoutesPage-OZM7lJDi.js → RoutesPage-DDFy1QVi.js}

@@ -1,40 +1,42 @@
-import { i as e, l as t, u as n } from "./PageLayout-3DR4pMQ9.js";
-import { t as r } from "./DataTable-oNjXEcUO.js";
-import { t as i } from "./navigation-CqRTj3vI.js";
-import { t as a } from "./plus-Dew5yoQK.js";
-import { t as o } from "./refresh-cw-oWEqfHnS.js";
-import { r as s } from "./graphqlClient-CdJyR_ed.js";
-import { r as c } from "./useRoutes-v4aBaS-E.js";
-import { r as l } from "./StatusBadge-elLZA4Wl.js";
-import { r as u } from "./formatters-_vJlC-47.js";
-import { t as d } from "./navigation-BgnOfsVd.js";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { i as e, l as t } from "./PageLayout-D3N8MCTm.js";
+import { t as n } from "./DataTable-CfWvFw5B.js";
+import { t as r } from "./navigation-DaTbrhw2.js";
+import { t as i } from "./plus-Dl1rLeJR.js";
+import { t as a } from "./refresh-cw-CWfERAit.js";
+import { r as o } from "./graphqlClient-CdJyR_ed.js";
+import { r as s } from "./useRoutes-v4aBaS-E.js";
+import { r as c } from "./StatusBadge-CijYQXtb.js";
+import { r as l } from "./formatters-_vJlC-47.js";
+import { t as u } from "./navigation-BgnOfsVd.js";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { CTAOverflowMenu as p } from "@burdenoff/fe-libs/ui";
 //#region src/movethewheels/pages/RoutesPage.tsx
 function m() {
-	let { basePath: m, navigate: h } = s(), { routes: g, totalRoutes: _, isLoading: v, refetch: y } = c(), b = (e) => h?.(d(m, e));
-	return /* @__PURE__ */ f(e, {
+	let { basePath: m, navigate: h } = o(), { routes: g, totalRoutes: _, isLoading: v, refetch: y } = s(), b = (e) => h?.(u(m, e));
+	return /* @__PURE__ */ d(e, {
 		title: "Routes",
 		subtitle: `${_} routes`,
-		icon: /* @__PURE__ */ f(i, { size: 24 }),
-		headerActions: /* @__PURE__ */ p("div", {
-			className: "flex gap-2",
-			children: [/* @__PURE__ */ p(n, {
-				variant: "outline",
-				onClick: y,
-				children: [/* @__PURE__ */ f(o, { size: 16 }), " Refresh"]
-			}), /* @__PURE__ */ p(n, {
-				onClick: () => b("routes/new"),
-				children: [/* @__PURE__ */ f(a, { size: 16 }), " Create Route"]
-			})]
+		icon: /* @__PURE__ */ d(r, { size: 24 }),
+		headerActions: /* @__PURE__ */ d(p, {
+			primary: {
+				label: "Create Route",
+				icon: /* @__PURE__ */ d(i, { size: 16 }),
+				onSelect: () => b("routes/new")
+			},
+			actions: [{
+				label: "Refresh",
+				icon: /* @__PURE__ */ d(a, { size: 16 }),
+				onSelect: () => y()
+			}]
 		}),
-		children: /* @__PURE__ */ f(r, {
+		children: /* @__PURE__ */ d(n, {
 			columns: [
 				{
 					id: "name",
 					header: "Route Name",
 					accessorKey: "name",
 					sortable: !0,
-					cell: (e) => /* @__PURE__ */ f("span", {
+					cell: (e) => /* @__PURE__ */ d("span", {
 						className: "font-medium",
 						children: e.name
 					})
@@ -44,7 +46,7 @@ function m() {
 					header: "Status",
 					accessorKey: "status",
 					sortable: !0,
-					cell: (e) => /* @__PURE__ */ f(l, {
+					cell: (e) => /* @__PURE__ */ d(c, {
 						status: e.status,
 						customColors: {
 							planned: {
@@ -69,7 +71,7 @@ function m() {
 				{
 					id: "stops",
 					header: "Stops",
-					cell: (e) => /* @__PURE__ */ p(t, {
+					cell: (e) => /* @__PURE__ */ f(t, {
 						variant: "secondary",
 						children: [e.stops.length, " stops"]
 					})
@@ -89,7 +91,7 @@ function m() {
 				{
 					id: "optimized",
 					header: "Optimized",
-					cell: (e) => /* @__PURE__ */ f(t, {
+					cell: (e) => /* @__PURE__ */ d(t, {
 						variant: e.optimized ? "default" : "outline",
 						children: e.optimized ? "Yes" : "No"
 					})
@@ -99,7 +101,7 @@ function m() {
 					header: "Created",
 					accessorKey: "createdAt",
 					sortable: !0,
-					cell: (e) => u(e.createdAt, "short")
+					cell: (e) => l(e.createdAt, "short")
 				}
 			],
 			data: g,

package/dist/{SettingsPage-v6vRyIAp.js → SettingsPage-JH_-UPbf.js}

@@ -1,9 +1,9 @@
-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, it as g, j as _, p as v, u as y } from "./PageLayout-3DR4pMQ9.js";
-import { n as b, t as x } from "./settings-CX94mtOc.js";
-import { t as S } from "./save-Cjsx5R5Y.js";
-import { t as C } from "./user-CUEmQUkJ.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, it as g, j as _, p as v, u as y } from "./PageLayout-D3N8MCTm.js";
+import { n as b, t as x } from "./settings-3Rw5NwFF.js";
+import { t as S } from "./save-XH8vydOn.js";
+import { t as C } from "./user-Dz5TJZFs.js";
 import { jsx as w, jsxs as T } from "react/jsx-runtime";
-//#region ../../node_modules/.bun/lucide-react@0.468.0+3f10a4be4e334a9b/node_modules/lucide-react/dist/esm/icons/bell.js
+//#region node_modules/lucide-react/dist/esm/icons/bell.js
 var E = g("Bell", [["path", {
 	d: "M10.268 21a2 2 0 0 0 3.464 0",
 	key: "vwvbt9"
@@ -163,7 +163,7 @@ function k() {
 								className: "font-medium",
 								children: e.label
 							}), /* @__PURE__ */ w("p", {
-								className: "text-sm text-muted-foreground",
+								className: "text-sm text-text-secondary",
 								children: e.desc
 							})] }), /* @__PURE__ */ w(s, { defaultChecked: !0 })]
 						}, e.label))
@@ -199,7 +199,7 @@ function k() {
 					children: [/* @__PURE__ */ T(d, { children: [/* @__PURE__ */ T(m, { children: [/* @__PURE__ */ w(p, { children: "API Keys" }), /* @__PURE__ */ w(v, { children: "Manage your API access" })] }), /* @__PURE__ */ T(f, {
 						className: "space-y-4",
 						children: [/* @__PURE__ */ T("div", {
-							className: "p-4 bg-muted rounded-lg",
+							className: "p-4 bg-bg-sunken rounded-lg",
 							children: [/* @__PURE__ */ w("p", {
 								className: "font-medium",
 								children: "Production API Key"

package/dist/{StatusBadge-elLZA4Wl.js → StatusBadge-CijYQXtb.js}

@@ -1,4 +1,4 @@
-import { l as e, rt as t } from "./PageLayout-3DR4pMQ9.js";
+import { l as e, rt as t } from "./PageLayout-D3N8MCTm.js";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region src/movethewheels/constants/index.ts
 var i = {
@@ -116,7 +116,10 @@ function c({ status: c, type: l = "custom", customColors: u, size: d = "md", sho
 	return /* @__PURE__ */ r(e, {
 		variant: "outline",
 		className: t("font-medium capitalize border-0 whitespace-nowrap inline-flex items-center", m.bg, m.text, s[d], p),
-		children: [f && /* @__PURE__ */ n("span", { className: t("w-1.5 h-1.5 rounded-full mr-1.5 flex-shrink-0", m.text.replace("text-", "bg-")) }), h]
+		children: [f && /* @__PURE__ */ n("span", {
+			"aria-hidden": "true",
+			className: t("w-1.5 h-1.5 rounded-full mr-1.5 flex-shrink-0 motion-safe:animate-vc-glow-pulse", m.text.replace("text-", "bg-"))
+		}), h]
 	});
 }
 function l({ priority: r, size: i = "md", className: a }) {