@burdenoff/microfe-movethewheels 2026.827.1 → 2026.830.1

package/dist/pages/DashboardPage.js

@@ -27,8 +27,8 @@ import { formatCurrency as O, formatDate as k } from "../utils/formatters.js";
 import { deliveryMarkerStatus as oe, firstRealLatLng as se } from "../utils/mapMarkers.js";
 import { useMemo as A } from "react";
 import { jsx as j, jsxs as M } from "react/jsx-runtime";
-import { CTAOverflowMenu as ce, EmphasisPanel as N, PagePurpose as P } from "@burdenoff/fe-libs/ui";
-import { useI18n as F } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useI18n as ce } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { CTAOverflowMenu as N, EmphasisPanel as P, PagePurpose as F } from "@burdenoff/fe-libs/ui";
 //#region src/movethewheels/pages/DashboardPage.tsx
 function I(e, t = !1) {
 	if (e.length < 2) return;
@@ -42,7 +42,7 @@ function I(e, t = !1) {
 	};
 }
 function L() {
-	let { t: L } = F(), R = (e, t) => {
+	let { t: L } = ce(), R = (e, t) => {
 		let n = L(e);
 		return n === e ? t : n;
 	}, { basePath: z, navigate: B } = u(), { metrics: V } = m(), { analytics: H } = ne(), { orders: U } = f({ limit: 5 }), { stats: W } = d(), { stats: G } = p(), { activeDeliveries: K } = re(), { unacknowledgedAlerts: q } = ie(), J = A(() => H.trends.dailyOrders.map((e) => e.orders), [H.trends.dailyOrders]), Y = A(() => H.trends.dailyOrders.map((e) => e.deliveries), [H.trends.dailyOrders]), X = A(() => H.trends.revenue.map((e) => e.revenue), [H.trends.revenue]), le = A(() => H.trends.dailyOrders.slice(-7), [H.trends.dailyOrders]), ue = A(() => K.flatMap((e) => {
@@ -67,7 +67,7 @@ function L() {
 		title: R("movethewheels.dashboard.title", "Dashboard"),
 		subtitle: R("movethewheels.dashboard.subtitle", "Overview of your logistics operations"),
 		icon: /* @__PURE__ */ j(s, { size: 24 }),
-		headerActions: /* @__PURE__ */ j(ce, {
+		headerActions: /* @__PURE__ */ j(N, {
 			primary: {
 				label: R("movethewheels.dashboard.actions.newOrder", "New Order"),
 				icon: /* @__PURE__ */ j(a, { size: 16 }),
@@ -84,7 +84,7 @@ function L() {
 			}]
 		}),
 		children: [
-			/* @__PURE__ */ j(P, {
+			/* @__PURE__ */ j(F, {
 				icon: /* @__PURE__ */ j(s, { size: 18 }),
 				children: R("movethewheels.dashboard.purpose", "Your logistics command center — a live snapshot of orders, active deliveries, fleet health and revenue. Start here each day to spot what needs attention, then jump straight into an order, the live map or fleet status.")
 			}),
@@ -381,7 +381,7 @@ function L() {
 			/* @__PURE__ */ M("div", {
 				className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
 				children: [
-					/* @__PURE__ */ M(N, {
+					/* @__PURE__ */ M(P, {
 						className: "space-y-4",
 						children: [/* @__PURE__ */ j("h2", {
 							className: "text-base font-semibold text-text-primary",

package/dist/pages/FleetPage.js

@@ -12,11 +12,11 @@ import { PageLayout as y, PageSection as b } from "../components/PageLayout.js";
 import { MetricCard as x, MetricCardSkeleton as S, MetricGrid as C } from "../components/MetricCard.js";
 import { StatusBadge as w, VehicleTypeBadge as T } from "../components/StatusBadge.js";
 import { jsx as E, jsxs as D } from "react/jsx-runtime";
-import { CTAOverflowMenu as O, EmphasisPanel as k, NextSteps as A, PagePurpose as j } from "@burdenoff/fe-libs/ui";
-import { useI18n as M } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useI18n as O } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { CTAOverflowMenu as k, EmphasisPanel as A, NextSteps as j, PagePurpose as M } from "@burdenoff/fe-libs/ui";
 //#region src/movethewheels/pages/FleetPage.tsx
 function N() {
-	let { t: N } = M(), P = (e, t) => {
+	let { t: N } = O(), P = (e, t) => {
 		let n = N(e);
 		return n === e ? t : n;
 	}, { basePath: F, navigate: I } = s(), { stats: L, isLoading: R, error: z, refetch: B } = l(), { vehicles: V, isLoading: H, error: U, refetch: W } = u(), { drivers: G, isLoading: K, error: q, refetch: J } = c(), Y = R || H || K, X = z ?? U ?? q, Z = () => {
@@ -30,7 +30,7 @@ function N() {
 		title: P("movethewheels.fleet.title", "Fleet Management"),
 		subtitle: P("movethewheels.fleet.subtitle", "Manage your vehicles and drivers"),
 		icon: /* @__PURE__ */ E(r, { size: 24 }),
-		headerActions: /* @__PURE__ */ E(O, {
+		headerActions: /* @__PURE__ */ E(k, {
 			primary: {
 				label: P("movethewheels.fleet.actions.allVehicles", "All Vehicles"),
 				icon: /* @__PURE__ */ E(r, { size: 16 }),
@@ -43,11 +43,11 @@ function N() {
 			}]
 		}),
 		children: [
-			/* @__PURE__ */ E(j, {
+			/* @__PURE__ */ E(M, {
 				icon: /* @__PURE__ */ E(r, { size: 18 }),
 				children: P("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__ */ E(A, {
+			/* @__PURE__ */ E(j, {
 				storageKey: "movethewheels-fleet",
 				steps: [
 					{
@@ -278,7 +278,7 @@ function N() {
 			}),
 			/* @__PURE__ */ D("div", {
 				className: "grid grid-cols-1 md:grid-cols-2 gap-6",
-				children: [/* @__PURE__ */ D(k, {
+				children: [/* @__PURE__ */ D(A, {
 					className: "space-y-4",
 					children: [/* @__PURE__ */ E("h2", {
 						className: "text-base font-semibold text-text-primary",

package/dist/pages/InventoryPage.js

@@ -21,8 +21,8 @@ import { DataTable as ne } from "../components/DataTable.js";
 import { formatCurrency as re, formatDate as ie } from "../utils/formatters.js";
 import { useMemo as ae } from "react";
 import { jsx as O, jsxs as k } from "react/jsx-runtime";
-import { CTAOverflowMenu as A, EmphasisPanel as j, PagePurpose as M } from "@burdenoff/fe-libs/ui";
-import { useI18n as N } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useI18n as A } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { CTAOverflowMenu as j, EmphasisPanel as M, PagePurpose as N } from "@burdenoff/fe-libs/ui";
 //#region src/movethewheels/pages/InventoryPage.tsx
 var P = {
 	out_of_stock: {
@@ -51,7 +51,7 @@ var P = {
 	ADJUSTMENT: "Adjustment"
 };
 function L() {
-	let { t: L } = N(), R = (e, t) => {
+	let { t: L } = A(), R = (e, t) => {
 		let n = L(e);
 		return n === e ? t : n;
 	}, { basePath: z, navigate: B } = p(), { inventory: V, products: H, warehouses: U, isLoading: W, error: G, refetch: K } = ee(), { stats: q } = m(), { transactions: J, isLoading: oe, error: Y } = h({ limit: 8 }), X = (e) => B?.(f(z, e)), Z = (e, t) => {
@@ -153,7 +153,7 @@ function L() {
 		title: R("movethewheels.inventory.title", "Inventory"),
 		subtitle: R("movethewheels.inventory.subtitle", "Manage your products and warehouses"),
 		icon: /* @__PURE__ */ O(c, { size: 24 }),
-		headerActions: /* @__PURE__ */ O(A, {
+		headerActions: /* @__PURE__ */ O(j, {
 			primary: {
 				label: R("movethewheels.inventory.actions.addProduct", "Add Product"),
 				icon: /* @__PURE__ */ O(l, { size: 16 }),
@@ -168,7 +168,7 @@ function L() {
 			}]
 		}),
 		children: [
-			/* @__PURE__ */ O(M, {
+			/* @__PURE__ */ O(N, {
 				icon: /* @__PURE__ */ O(c, { size: 18 }),
 				children: R("movethewheels.inventory.purpose", "A real-time view of what you have and where. Track on-hand, allocated and free-to-promise quantities across warehouses, follow every stock movement, catch low-stock items before they run out, and drill into products or warehouses to manage what you can promise on an order.")
 			}),
@@ -242,7 +242,7 @@ function L() {
 					})
 				]
 			}),
-			Q.length > 0 && /* @__PURE__ */ k(j, {
+			Q.length > 0 && /* @__PURE__ */ k(M, {
 				className: "space-y-4",
 				children: [/* @__PURE__ */ k("h2", {
 					className: "flex items-center gap-2 text-base font-semibold text-status-warning-text",

package/dist/pages/MarketplacePage.js

@@ -1,438 +1,17 @@
-import { ChevronDown as e } from "../node_modules/lucide-react/dist/esm/icons/chevron-down.js";
-import { ChevronLeft as t } from "../node_modules/lucide-react/dist/esm/icons/chevron-left.js";
-import { ChevronRight as n } from "../node_modules/lucide-react/dist/esm/icons/chevron-right.js";
-import { ChevronUp as ee } from "../node_modules/lucide-react/dist/esm/icons/chevron-up.js";
-import { Clock as te } from "../node_modules/lucide-react/dist/esm/icons/clock.js";
-import { Filter as r } from "../node_modules/lucide-react/dist/esm/icons/filter.js";
-import { MapPin as ne } from "../node_modules/lucide-react/dist/esm/icons/map-pin.js";
-import { Search as re } from "../node_modules/lucide-react/dist/esm/icons/search.js";
-import { Star as ie } from "../node_modules/lucide-react/dist/esm/icons/star.js";
-import { Store as i } from "../node_modules/lucide-react/dist/esm/icons/store.js";
-import { useMoveTheWheels as ae } from "../providers/MoveTheWheelsProvider.js";
-import { executeGraphQL as a } from "../utils/graphqlClient.js";
-import { Badge as o, Button as s, Card as c, CardContent as l, CardHeader as oe, CardTitle as se, Input as ce, Select as u, SelectContent as d, SelectItem as f, SelectTrigger as p, SelectValue as m, Skeleton as le } from "../components/ui.js";
-import { PageLayout as h } from "../components/PageLayout.js";
-import { formatCurrency as g } from "../utils/formatters.js";
-import { useCallback as _, useEffect as ue, useMemo as v, useState as y } from "react";
-import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
-import { useFeatureFlag as de } from "@burdenoff/fe-libs/shared/feature-flags";
-import { EmphasisPanel as fe, IllustratedEmptyState as C, PagePurpose as pe } from "@burdenoff/fe-libs/ui";
+import { Store as e } from "../node_modules/lucide-react/dist/esm/icons/store.js";
+import { Card as t, CardContent as n } from "../components/ui.js";
+import { PageLayout as r } from "../components/PageLayout.js";
+import { jsx as i } from "react/jsx-runtime";
+import { IllustratedEmptyState as a } from "@burdenoff/fe-libs/ui";
 //#region src/movethewheels/pages/MarketplacePage.tsx
-var me = "movethewheels.marketplace", he = "\n  query ListServiceProviders($filter: ServiceProviderFilterInput, $pagination: PaginationInput) {\n    serviceProviders(filter: $filter, pagination: $pagination) {\n      id\n      name\n      type\n      description\n      rating\n      isVerified\n      isActive\n      services\n      contactInfo\n    }\n  }\n", ge = "\n  query ListServiceOfferings($filter: ServiceOfferingFilterInput, $pagination: PaginationInput) {\n    serviceOfferings(filter: $filter, pagination: $pagination) {\n      id\n      providerId\n      name\n      description\n      category\n      price\n      currency\n      availability\n      provider {\n        id\n        name\n        type\n        rating\n      }\n    }\n  }\n", w = 12, _e = [
-	{
-		value: "0",
-		label: "Any rating"
-	},
-	{
-		value: "3",
-		label: "3.0+"
-	},
-	{
-		value: "4",
-		label: "4.0+"
-	},
-	{
-		value: "4.5",
-		label: "4.5+"
-	}
-];
-function T() {
-	let T = de(me, !1), { apiGatewayUrl: E, authToken: D, workspaceToken: O, workspaceId: k, tenantId: A, currentUser: j } = ae(), [M, ve] = y([]), [N, ye] = y([]), [P, be] = y(""), [F, I] = y(!1), [L, R] = y(null), [z, B] = y(0), [xe, Se] = y(!1), [V, Ce] = y(!1), [H, U] = y("all"), [W, G] = y(!1), [K, q] = y("0"), [we, J] = y(null), Y = v(() => ({
-		apiGatewayUrl: E,
-		authToken: D,
-		workspaceToken: O,
-		workspaceId: k,
-		tenantId: A,
-		actorId: j?.id
-	}), [
-		E,
-		D,
-		O,
-		k,
-		A,
-		j?.id
-	]), X = _(async () => {
-		if (T) {
-			I(!0), R(null);
-			try {
-				let [e, t] = await Promise.all([a(Y, he, { pagination: {
-					limit: w,
-					offset: z * w
-				} }), a(Y, ge, { pagination: {
-					limit: 200,
-					offset: 0
-				} })]);
-				ve(e.serviceProviders), Se(e.serviceProviders.length === w), ye(t.serviceOfferings);
-			} catch (e) {
-				R(e instanceof Error ? e : /* @__PURE__ */ Error("Failed to load marketplace"));
-			} finally {
-				I(!1);
-			}
-		}
-	}, [
-		Y,
-		z,
-		T
-	]);
-	ue(() => {
-		X();
-	}, [X]);
-	let Te = v(() => {
-		let e = /* @__PURE__ */ new Set();
-		return M.forEach((t) => e.add(t.type)), Array.from(e).sort();
-	}, [M]), Z = v(() => {
-		let e = P.trim().toLowerCase(), t = Number(K);
-		return M.filter((n) => !(e && !(n.name.toLowerCase().includes(e) || (n.description ?? "").toLowerCase().includes(e) || n.type.toLowerCase().includes(e)) || H !== "all" && n.type !== H || W && !n.isVerified || t > 0 && (n.rating ?? 0) < t));
-	}, [
-		M,
-		P,
-		H,
-		W,
-		K
-	]), Q = v(() => {
-		let e = P.trim().toLowerCase();
-		return e ? N.filter((t) => t.name.toLowerCase().includes(e) || (t.description ?? "").toLowerCase().includes(e) || (t.category ?? "").toLowerCase().includes(e)) : N;
-	}, [N, P]), Ee = _((e) => N.filter((t) => t.providerId === e), [N]), $ = H !== "all" || W || K !== "0";
-	return T ? /* @__PURE__ */ S(h, {
+function o() {
+	return /* @__PURE__ */ i(r, {
 		title: "Marketplace",
 		subtitle: "Find logistics service providers",
-		icon: /* @__PURE__ */ x(i, { size: 24 }),
-		headerActions: /* @__PURE__ */ S(s, {
-			variant: V || $ ? "default" : "outline",
-			onClick: () => Ce((e) => !e),
-			children: [/* @__PURE__ */ x(r, { size: 16 }), " Filters"]
-		}),
-		children: [
-			/* @__PURE__ */ x(pe, {
-				icon: /* @__PURE__ */ x(i, { size: 18 }),
-				children: "Don't own every leg of the journey? Find vetted third-party logistics providers and service offerings here — compare ratings, verification status and pricing, then engage a partner to cover routes, warehousing or specialised handling you can't do in-house."
-			}),
-			/* @__PURE__ */ x(c, { children: /* @__PURE__ */ S(l, {
-				className: "p-4 space-y-4",
-				children: [/* @__PURE__ */ S("div", {
-					className: "relative",
-					children: [/* @__PURE__ */ x(re, {
-						className: "absolute left-3 top-1/2 -translate-y-1/2 text-text-secondary",
-						size: 20
-					}), /* @__PURE__ */ x(ce, {
-						placeholder: "Search services, providers, locations...",
-						className: "pl-10",
-						value: P,
-						onChange: (e) => be(e.target.value)
-					})]
-				}), V && /* @__PURE__ */ S("div", {
-					className: "flex flex-wrap items-center gap-3 border-t border-border-seam pt-4",
-					children: [
-						/* @__PURE__ */ S("div", {
-							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ x("span", {
-								className: "text-sm font-medium text-text-secondary",
-								children: "Type"
-							}), /* @__PURE__ */ S(u, {
-								value: H,
-								onValueChange: U,
-								children: [/* @__PURE__ */ x(p, {
-									className: "w-[160px]",
-									children: /* @__PURE__ */ x(m, { placeholder: "All types" })
-								}), /* @__PURE__ */ S(d, { children: [/* @__PURE__ */ x(f, {
-									value: "all",
-									children: "All types"
-								}), Te.map((e) => /* @__PURE__ */ x(f, {
-									value: e,
-									children: e
-								}, e))] })]
-							})]
-						}),
-						/* @__PURE__ */ S("div", {
-							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ x("span", {
-								className: "text-sm font-medium text-text-secondary",
-								children: "Min rating"
-							}), /* @__PURE__ */ S(u, {
-								value: K,
-								onValueChange: q,
-								children: [/* @__PURE__ */ x(p, {
-									className: "w-[130px]",
-									children: /* @__PURE__ */ x(m, {})
-								}), /* @__PURE__ */ x(d, { children: _e.map((e) => /* @__PURE__ */ x(f, {
-									value: e.value,
-									children: e.label
-								}, e.value)) })]
-							})]
-						}),
-						/* @__PURE__ */ x(s, {
-							variant: W ? "default" : "outline",
-							size: "sm",
-							onClick: () => G((e) => !e),
-							children: "Verified only"
-						}),
-						$ && /* @__PURE__ */ x(s, {
-							variant: "ghost",
-							size: "sm",
-							onClick: () => {
-								U("all"), G(!1), q("0");
-							},
-							children: "Clear filters"
-						})
-					]
-				})]
-			}) }),
-			/* @__PURE__ */ S("div", {
-				className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
-				children: [/* @__PURE__ */ S("div", {
-					className: "lg:col-span-2 space-y-4",
-					children: [
-						/* @__PURE__ */ S("h3", {
-							className: "font-semibold",
-							children: [
-								"Service Providers (",
-								Z.length,
-								")"
-							]
-						}),
-						L && !F && /* @__PURE__ */ x(c, {
-							className: "border-status-error-border",
-							children: /* @__PURE__ */ S(l, {
-								className: "p-6 text-center space-y-3",
-								children: [
-									/* @__PURE__ */ x("p", {
-										className: "text-status-error-text font-medium",
-										children: "Couldn't load providers"
-									}),
-									/* @__PURE__ */ x("p", {
-										className: "text-sm text-text-secondary",
-										children: L.message
-									}),
-									/* @__PURE__ */ x(s, {
-										variant: "outline",
-										onClick: () => void X(),
-										children: "Retry"
-									})
-								]
-							})
-						}),
-						F && Array.from({ length: 3 }).map((e, t) => /* @__PURE__ */ x(le, { className: "h-32 w-full rounded-lg" }, t)),
-						!F && !L && Z.length === 0 && /* @__PURE__ */ x(c, { children: /* @__PURE__ */ x(l, {
-							className: "p-0",
-							children: /* @__PURE__ */ x(C, {
-								illustration: P.trim() || $ ? "empty-search" : "empty-people",
-								title: P.trim() || $ ? "No providers match your filters" : "No providers yet",
-								description: P.trim() || $ ? "Adjust your search or filters to find logistics partners." : "Verified logistics service providers will appear here as they join the marketplace."
-							})
-						}) }),
-						!F && !L && Z.map((t) => {
-							let n = we === t.id, r = Ee(t.id);
-							return /* @__PURE__ */ S(c, { children: [/* @__PURE__ */ x("button", {
-								type: "button",
-								"aria-expanded": n,
-								className: "w-full text-left",
-								onClick: () => J(n ? null : t.id),
-								children: /* @__PURE__ */ x(l, {
-									className: "p-6",
-									children: /* @__PURE__ */ S("div", {
-										className: "flex items-start justify-between gap-3",
-										children: [/* @__PURE__ */ S("div", {
-											className: "min-w-0",
-											children: [
-												/* @__PURE__ */ S("div", {
-													className: "flex items-center gap-2 flex-wrap",
-													children: [
-														/* @__PURE__ */ x("h4", {
-															className: "font-semibold text-lg",
-															children: t.name
-														}),
-														t.isVerified && /* @__PURE__ */ x(o, {
-															variant: "default",
-															children: "Verified"
-														}),
-														/* @__PURE__ */ x(o, {
-															variant: t.isActive ? "default" : "secondary",
-															children: t.isActive ? "active" : "inactive"
-														})
-													]
-												}),
-												/* @__PURE__ */ x("p", {
-													className: "text-text-secondary mt-1",
-													children: t.description
-												}),
-												/* @__PURE__ */ S("div", {
-													className: "flex items-center gap-4 mt-3 text-sm text-text-secondary",
-													children: [
-														/* @__PURE__ */ S("span", {
-															className: "flex items-center gap-1",
-															children: [
-																/* @__PURE__ */ x(ie, {
-																	size: 14,
-																	className: "text-status-warning-text fill-current"
-																}),
-																" ",
-																t.rating ?? 0
-															]
-														}),
-														/* @__PURE__ */ S("span", {
-															className: "flex items-center gap-1",
-															children: [
-																/* @__PURE__ */ x(ne, { size: 14 }),
-																" ",
-																t.type
-															]
-														}),
-														/* @__PURE__ */ S("span", {
-															className: "flex items-center gap-1",
-															children: [/* @__PURE__ */ x(te, { size: 14 }), " Listed"]
-														})
-													]
-												})
-											]
-										}), /* @__PURE__ */ S("div", {
-											className: "text-right shrink-0",
-											children: [
-												/* @__PURE__ */ x("p", {
-													className: "text-sm text-text-secondary",
-													children: "Services"
-												}),
-												/* @__PURE__ */ x("p", {
-													className: "text-lg font-bold",
-													children: r.length
-												}),
-												/* @__PURE__ */ x("span", {
-													className: "mt-1 inline-flex items-center gap-1 text-xs text-primary",
-													children: n ? /* @__PURE__ */ S(b, { children: ["Hide ", /* @__PURE__ */ x(ee, { size: 14 })] }) : /* @__PURE__ */ S(b, { children: ["View ", /* @__PURE__ */ x(e, { size: 14 })] })
-												})
-											]
-										})]
-									})
-								})
-							}), n && /* @__PURE__ */ S("div", {
-								className: "border-t border-border-seam px-6 py-4 space-y-3",
-								children: [/* @__PURE__ */ S("p", {
-									className: "text-sm font-medium text-text-secondary",
-									children: ["Offerings from ", t.name]
-								}), r.length === 0 ? /* @__PURE__ */ x("p", {
-									className: "text-sm text-text-secondary",
-									children: "This provider hasn't listed any offerings yet."
-								}) : r.map((e) => /* @__PURE__ */ S("div", {
-									className: "flex items-center justify-between gap-3 rounded-lg border border-border-seam p-3",
-									children: [/* @__PURE__ */ S("div", {
-										className: "min-w-0",
-										children: [/* @__PURE__ */ x("p", {
-											className: "font-medium truncate",
-											children: e.name
-										}), /* @__PURE__ */ x("p", {
-											className: "text-sm text-text-secondary truncate",
-											children: e.category ?? "general"
-										})]
-									}), /* @__PURE__ */ S("div", {
-										className: "text-right shrink-0",
-										children: [/* @__PURE__ */ x("p", {
-											className: "font-bold",
-											children: g(e.price)
-										}), /* @__PURE__ */ x("p", {
-											className: "text-xs text-text-secondary",
-											children: e.currency
-										})]
-									})]
-								}, e.id))]
-							})] }, t.id);
-						}),
-						!F && !L && (M.length > 0 || z > 0) && /* @__PURE__ */ S("div", {
-							className: "flex flex-wrap items-center justify-between gap-3 pt-1",
-							children: [/* @__PURE__ */ S("span", {
-								className: "text-sm text-text-secondary",
-								children: [
-									"Showing ",
-									M.length === 0 ? 0 : z * w + 1,
-									" to",
-									" ",
-									z * w + M.length
-								]
-							}), /* @__PURE__ */ S("div", {
-								className: "flex items-center gap-1",
-								children: [
-									/* @__PURE__ */ x(s, {
-										variant: "outline",
-										size: "icon",
-										className: "h-8 w-8",
-										"aria-label": "Previous page",
-										onClick: () => {
-											J(null), B((e) => Math.max(0, e - 1));
-										},
-										disabled: z === 0,
-										children: /* @__PURE__ */ x(t, { className: "h-4 w-4" })
-									}),
-									/* @__PURE__ */ S("span", {
-										className: "px-3 text-sm",
-										children: ["Page ", z + 1]
-									}),
-									/* @__PURE__ */ x(s, {
-										variant: "outline",
-										size: "icon",
-										className: "h-8 w-8",
-										"aria-label": "Next page",
-										onClick: () => {
-											J(null), B((e) => e + 1);
-										},
-										disabled: !xe,
-										children: /* @__PURE__ */ x(n, { className: "h-4 w-4" })
-									})
-								]
-							})]
-						})
-					]
-				}), /* @__PURE__ */ S(fe, {
-					className: "space-y-4",
-					children: [
-						/* @__PURE__ */ x("h3", {
-							className: "text-base font-semibold text-text-primary",
-							children: "Popular Services"
-						}),
-						Q.length === 0 && /* @__PURE__ */ x(C, {
-							illustration: P.trim() ? "empty-search" : "empty-generic",
-							title: P.trim() ? "No matching services" : "No services listed yet",
-							description: P.trim() ? "Adjust your search to discover service offerings." : "Service offerings from providers will be listed here."
-						}),
-						Q.map((e) => /* @__PURE__ */ S(c, { children: [/* @__PURE__ */ x(oe, { children: /* @__PURE__ */ x(se, {
-							className: "text-base",
-							children: e.name
-						}) }), /* @__PURE__ */ S(l, { children: [
-							/* @__PURE__ */ x("p", {
-								className: "text-sm text-text-secondary mb-3",
-								children: e.description
-							}),
-							/* @__PURE__ */ S("div", {
-								className: "flex flex-wrap gap-1 mb-3",
-								children: [/* @__PURE__ */ x(o, {
-									variant: "outline",
-									className: "text-xs",
-									children: e.category ?? "general"
-								}), /* @__PURE__ */ x(o, {
-									variant: "outline",
-									className: "text-xs",
-									children: e.provider?.name ?? "provider"
-								})]
-							}),
-							/* @__PURE__ */ S("div", {
-								className: "flex items-center justify-between",
-								children: [/* @__PURE__ */ x("span", {
-									className: "font-bold",
-									children: g(e.price)
-								}), /* @__PURE__ */ x("span", {
-									className: "text-sm text-text-secondary",
-									children: e.currency
-								})]
-							})
-						] })] }, e.id))
-					]
-				})]
-			})
-		]
-	}) : /* @__PURE__ */ x(h, {
-		title: "Marketplace",
-		subtitle: "Find logistics service providers",
-		icon: /* @__PURE__ */ x(i, { size: 24 }),
-		children: /* @__PURE__ */ x(c, { children: /* @__PURE__ */ x(l, {
+		icon: /* @__PURE__ */ i(e, { size: 24 }),
+		children: /* @__PURE__ */ i(t, { children: /* @__PURE__ */ i(n, {
 			className: "p-0",
-			children: /* @__PURE__ */ x(C, {
+			children: /* @__PURE__ */ i(a, {
 				illustration: "empty-people",
 				title: "Marketplace is coming soon",
 				description: "The collaborative logistics marketplace is not open yet. Check back after it launches to browse verified third-party service providers."
@@ -441,4 +20,4 @@ function T() {
 	});
 }
 //#endregion
-export { T as default };
+export { o as default };

package/dist/pages/OrdersListPage.js

@@ -19,11 +19,11 @@ import { DataTable as w } from "../components/DataTable.js";
 import { formatCurrency as ie, formatDate as T } from "../utils/formatters.js";
 import { useState as E } from "react";
 import { jsx as D, jsxs as O } from "react/jsx-runtime";
-import { CTAOverflowMenu as k, PagePurpose as A } from "@burdenoff/fe-libs/ui";
-import { useI18n as j } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useI18n as k } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { CTAOverflowMenu as A, PagePurpose as j } from "@burdenoff/fe-libs/ui";
 //#region src/movethewheels/pages/OrdersListPage.tsx
 function M() {
-	let { t: M } = j(), N = (e, t) => {
+	let { t: M } = k(), N = (e, t) => {
 		let n = M(e);
 		return n === e ? t : n;
 	}, { basePath: P, navigate: F } = u(), [I, L] = E("all"), [R, z] = E(!1), [B, V] = E(0), [H, U] = E(25), W = I !== "all" || R, { orders: G, hasMore: K, isLoading: q, error: J, refetch: Y } = f({
@@ -190,7 +190,7 @@ function M() {
 		title: N("movethewheels.orders.title", "Orders"),
 		subtitle: `${Z} ${N("movethewheels.orders.subtitle", "total orders")}`,
 		icon: /* @__PURE__ */ D(r, { size: 24 }),
-		headerActions: /* @__PURE__ */ D(k, {
+		headerActions: /* @__PURE__ */ D(A, {
 			primary: {
 				label: N("movethewheels.orders.actions.newOrder", "New Order"),
 				icon: /* @__PURE__ */ D(i, { size: 16 }),
@@ -207,7 +207,7 @@ function M() {
 			}]
 		}),
 		children: [
-			/* @__PURE__ */ D(A, {
+			/* @__PURE__ */ D(j, {
 				icon: /* @__PURE__ */ D(r, { size: 18 }),
 				children: N("movethewheels.orders.purpose", "Every delivery job lives here — their status, priority and value. Use this list to find an order, filter by status, and open one to assign a driver, track it, or update fulfilment.")
 			}),