@burdenoff/microfe-movethewheels 2026.719.3 → 2026.725.1

package/dist/pages/OrderDetailsPage.js

@@ -20,15 +20,15 @@ import { useOrder as ue, useOrders as de } from "../hooks/useOrders.js";
 import { useFleet as fe } from "../hooks/useFleet.js";
 import { Badge as c, Button as l, Card as u, CardContent as d, CardHeader as f, CardTitle as p, Label as m, Select as h, SelectContent as g, SelectItem as _, SelectTrigger as v, SelectValue as y, Separator as b, Table as pe, TableBody as me, TableCell as x, TableHead as S, TableHeader as he, TableRow as C } from "../components/ui.js";
 import { ErrorState as ge, LoadingState as _e, PageLayout as ve } from "../components/PageLayout.js";
-import { PaymentStatusBadge as ye, PriorityBadge as be, StatusBadge as w, TypeBadge as xe } from "../components/StatusBadge.js";
-import { FormError as Se } from "../components/FormError.js";
-import { Notice as T, useNotice as Ce } from "../components/Notice.js";
+import { PaymentStatusBadge as ye, PriorityBadge as be, StatusBadge as w } from "../components/StatusBadge.js";
+import { FormError as xe } from "../components/FormError.js";
+import { Notice as Se, useNotice as T } from "../components/Notice.js";
 import { formatAddress as E, formatCurrency as D, formatDate as O } from "../utils/formatters.js";
-import { DocumentsCard as we } from "../components/DocumentsCard.js";
+import { DocumentsCard as Ce } from "../components/DocumentsCard.js";
 import { useState as k } from "react";
-import { useParams as Te } from "react-router-dom";
+import { useParams as we } from "react-router-dom";
 import { jsx as A, jsxs as j } from "react/jsx-runtime";
-import { EmphasisPanel as Ee, NextSteps as De, PagePurpose as Oe } from "@burdenoff/fe-libs/ui";
+import { EmphasisPanel as Te, NextSteps as Ee, PagePurpose as De } from "@burdenoff/fe-libs/ui";
 //#region src/movethewheels/pages/OrderDetailsPage.tsx
 var M = [
 	"pending",
@@ -49,19 +49,19 @@ var M = [
 	cancelled: "Cancelled",
 	failed: "Failed"
 };
-function ke(e) {
+function Oe(e) {
 	let t = M.indexOf(e);
 	return t === -1 || t >= M.length - 1 ? null : M[t + 1];
 }
 function P() {
-	let { orderId: M } = Te(), { basePath: P, navigate: F } = le(), { order: I, isLoading: Ae, error: je, refetch: L } = ue(M), { updateOrder: Me, updateOrderStatus: Ne } = de(), { vehicles: Pe, drivers: Fe } = fe(), { message: R, notify: z } = Ce(), [B, V] = k(""), [H, U] = k(""), [W, G] = k(!1), [K, q] = k(!1), [J, Y] = k(null), X = Pe.filter((e) => e.status === "available" || e.id === I?.vehicleId), Z = Fe.filter((e) => e.status === "available" || e.id === I?.driverId), Ie = async () => {
+	let { orderId: M } = we(), { basePath: P, navigate: F } = le(), { order: I, isLoading: ke, error: Ae, refetch: L } = ue(M), { updateOrder: je, updateOrderStatus: Me } = de(), { vehicles: Ne, drivers: Pe } = fe(), { message: R, notify: z } = T(), [B, V] = k(""), [H, U] = k(""), [W, G] = k(!1), [K, q] = k(!1), [J, Y] = k(null), X = Ne.filter((e) => e.status === "available" || e.id === I?.vehicleId), Z = Pe.filter((e) => e.status === "available" || e.id === I?.driverId), Fe = async () => {
 		if (!M || !B && !H) {
 			Y("Pick a vehicle and/or a driver to assign.");
 			return;
 		}
 		G(!0), Y(null);
 		try {
-			await Me(M, {
+			await je(M, {
 				vehicleId: B || void 0,
 				driverId: H || void 0
 			}), z("Assignment updated."), V(""), U(""), L();
@@ -74,7 +74,7 @@ function P() {
 		if (M) {
 			q(!0), Y(null);
 			try {
-				await Ne(M, e), z(t), L();
+				await Me(M, e), z(t), L();
 			} catch (e) {
 				Y(e instanceof Error ? e.message : "Failed to update status.");
 			} finally {
@@ -84,7 +84,7 @@ function P() {
 	}, $ = (e) => {
 		F && F(s(P, e));
 	};
-	return Ae ? /* @__PURE__ */ A(_e, { message: "Loading order details..." }) : je || !I ? /* @__PURE__ */ A(ge, {
+	return ke ? /* @__PURE__ */ A(_e, { message: "Loading order details..." }) : Ae || !I ? /* @__PURE__ */ A(ge, {
 		title: "Order not found",
 		message: "The order you're looking for doesn't exist or has been removed.",
 		onRetry: L
@@ -120,16 +120,15 @@ function P() {
 					type: "order"
 				}),
 				/* @__PURE__ */ A(be, { priority: I.priority }),
-				/* @__PURE__ */ A(xe, { type: I.orderType }),
 				/* @__PURE__ */ A(ye, { status: I.pricing.paymentStatus })
 			]
 		}),
 		children: [
-			/* @__PURE__ */ A(Oe, {
+			/* @__PURE__ */ A(De, {
 				icon: /* @__PURE__ */ A(i, { size: 18 }),
 				children: "Everything about this one delivery in a single place — who it's for, where it's going, what's inside, the running cost and the full status history. Use this page to review the order, hand it to a driver, print the docket, or jump into live tracking."
 			}),
-			/* @__PURE__ */ A(De, {
+			/* @__PURE__ */ A(Ee, {
 				storageKey: "movethewheels-order-details",
 				steps: [
 					{
@@ -359,7 +358,7 @@ function P() {
 				}), /* @__PURE__ */ j("div", {
 					className: "space-y-6",
 					children: [
-						/* @__PURE__ */ j(Ee, { children: [/* @__PURE__ */ j("h2", {
+						/* @__PURE__ */ j(Te, { children: [/* @__PURE__ */ j("h2", {
 							className: "flex items-center gap-2 text-base font-semibold text-text-primary mb-4",
 							children: [/* @__PURE__ */ A(ne, { size: 18 }), "Order Summary"]
 						}), /* @__PURE__ */ j("div", {
@@ -426,8 +425,8 @@ function P() {
 						}) }), /* @__PURE__ */ A(d, { children: /* @__PURE__ */ j("div", {
 							className: "space-y-4",
 							children: [
-								J && /* @__PURE__ */ A(Se, { message: J }),
-								R && /* @__PURE__ */ A(T, { message: R }),
+								J && /* @__PURE__ */ A(xe, { message: J }),
+								R && /* @__PURE__ */ A(Se, { message: R }),
 								/* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
 									className: "text-sm text-text-secondary",
 									children: "Tracking Number"
@@ -493,7 +492,7 @@ function P() {
 										}),
 										/* @__PURE__ */ j(l, {
 											className: "w-full",
-											onClick: Ie,
+											onClick: Fe,
 											disabled: W || !B && !H,
 											children: [/* @__PURE__ */ A(se, { size: 16 }), W ? "Assigning…" : "Assign driver & vehicle"]
 										})
@@ -515,7 +514,7 @@ function P() {
 											]
 										}),
 										(() => {
-											let e = ke(I.status);
+											let e = Oe(I.status);
 											return e ? /* @__PURE__ */ j(l, {
 												variant: "outline",
 												className: "w-full",
@@ -541,7 +540,7 @@ function P() {
 								})
 							]
 						}) })] }),
-						/* @__PURE__ */ A(we, {
+						/* @__PURE__ */ A(Ce, {
 							entityType: "order",
 							entityId: I.id
 						}),

package/dist/pages/OrdersListPage.js

@@ -6,44 +6,43 @@ import { Package as r } from "../node_modules/lucide-react/dist/esm/icons/packag
 import { Plus as i } from "../node_modules/lucide-react/dist/esm/icons/plus.js";
 import { RefreshCw as a } from "../node_modules/lucide-react/dist/esm/icons/refresh-cw.js";
 import { Truck as o } from "../node_modules/lucide-react/dist/esm/icons/truck.js";
-import { UserCheck as te } from "../node_modules/lucide-react/dist/esm/icons/user-check.js";
-import { UserPlus as s } from "../node_modules/lucide-react/dist/esm/icons/user-plus.js";
-import { joinPath as c } from "../utils/navigation.js";
-import { useMoveTheWheels as l } from "../providers/MoveTheWheelsProvider.js";
-import { useOrderStats as ne, useOrders as re } from "../hooks/useOrders.js";
-import { Badge as ie, Button as u, Card as d, CardContent as f, Select as p, SelectContent as m, SelectItem as h, SelectTrigger as g, SelectValue as _ } from "../components/ui.js";
-import { PageLayout as v } from "../components/PageLayout.js";
-import { MetricCard as y, MetricGrid as b } from "../components/MetricCard.js";
-import { PriorityBadge as x, StatusBadge as S, TypeBadge as C } from "../components/StatusBadge.js";
+import { UserCheck as s } from "../node_modules/lucide-react/dist/esm/icons/user-check.js";
+import { UserPlus as c } from "../node_modules/lucide-react/dist/esm/icons/user-plus.js";
+import { joinPath as l } from "../utils/navigation.js";
+import { useMoveTheWheels as u } from "../providers/MoveTheWheelsProvider.js";
+import { useOrderStats as d, useOrders as f } from "../hooks/useOrders.js";
+import { Badge as p, Button as m, Card as te, CardContent as ne, Select as re, SelectContent as h, SelectItem as g, SelectTrigger as _, SelectValue as v } from "../components/ui.js";
+import { PageLayout as y } from "../components/PageLayout.js";
+import { MetricCard as b, MetricGrid as x } from "../components/MetricCard.js";
+import { PriorityBadge as S, StatusBadge as C } from "../components/StatusBadge.js";
 import { DataTable as w } from "../components/DataTable.js";
-import { formatCurrency as T, formatDate as E } from "../utils/formatters.js";
-import { useState as D } from "react";
-import { jsx as O, jsxs as k } from "react/jsx-runtime";
-import { CTAOverflowMenu as ae, PagePurpose as A } from "@burdenoff/fe-libs/ui";
+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";
 //#region src/movethewheels/pages/OrdersListPage.tsx
 function M() {
 	let { t: M } = j(), N = (e, t) => {
 		let n = M(e);
 		return n === e ? t : n;
-	}, { basePath: P, navigate: F } = l(), [I, L] = D("all"), [R, z] = D("all"), [B, V] = D(!1), [H, U] = D(0), [W, G] = D(25), K = I !== "all" || R !== "all" || B, { orders: q, hasMore: oe, isLoading: se, error: J, refetch: Y } = re({
+	}, { 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({
 		filters: {
 			status: I === "all" ? void 0 : I,
-			orderType: R === "all" ? void 0 : R,
-			unassigned: B || void 0
+			unassigned: R || void 0
 		},
-		limit: W,
-		offset: H * W
-	}), { stats: X } = ne(), Z = X.total, Q = (e) => {
-		F && F(c(P, e));
-	}, $ = () => U(0), ce = [
+		limit: H,
+		offset: B * H
+	}), { stats: X } = d(), Z = X.total, Q = (e) => {
+		F && F(l(P, e));
+	}, $ = () => V(0), ae = [
 		{
 			id: "orderNumber",
 			header: N("movethewheels.orders.table.orderNumber", "Order #"),
 			accessorKey: "orderNumber",
 			sortable: !0,
 			className: "min-w-[100px] whitespace-nowrap",
-			cell: (e) => /* @__PURE__ */ O("span", {
+			cell: (e) => /* @__PURE__ */ D("span", {
 				className: "font-medium text-primary",
 				children: e.orderNumber
 			})
@@ -52,12 +51,12 @@ function M() {
 			id: "customer",
 			header: N("movethewheels.orders.table.customer", "Customer"),
 			className: "min-w-[180px] max-w-[220px]",
-			cell: (e) => /* @__PURE__ */ k("div", {
+			cell: (e) => /* @__PURE__ */ O("div", {
 				className: "min-w-0",
-				children: [/* @__PURE__ */ O("p", {
+				children: [/* @__PURE__ */ D("p", {
 					className: "font-medium truncate",
 					children: e.customerInfo.name
-				}), /* @__PURE__ */ O("p", {
+				}), /* @__PURE__ */ D("p", {
 					className: "text-sm text-text-secondary truncate",
 					children: e.customerInfo.email
 				})]
@@ -69,31 +68,24 @@ function M() {
 			accessorKey: "status",
 			sortable: !0,
 			className: "min-w-[130px] whitespace-nowrap",
-			cell: (e) => /* @__PURE__ */ O(S, {
+			cell: (e) => /* @__PURE__ */ D(C, {
 				status: e.status,
 				type: "order"
 			})
 		},
-		{
-			id: "type",
-			header: N("movethewheels.orders.table.type", "Type"),
-			accessorKey: "orderType",
-			className: "min-w-[70px] whitespace-nowrap",
-			cell: (e) => /* @__PURE__ */ O(C, { type: e.orderType })
-		},
 		{
 			id: "priority",
 			header: N("movethewheels.orders.table.priority", "Priority"),
 			accessorKey: "priority",
 			sortable: !0,
 			className: "min-w-[90px] whitespace-nowrap",
-			cell: (e) => /* @__PURE__ */ O(x, { priority: e.priority })
+			cell: (e) => /* @__PURE__ */ D(S, { priority: e.priority })
 		},
 		{
 			id: "items",
 			header: N("movethewheels.orders.table.items", "Items"),
 			className: "min-w-[80px] whitespace-nowrap",
-			cell: (e) => /* @__PURE__ */ k(ie, {
+			cell: (e) => /* @__PURE__ */ O(p, {
 				variant: "secondary",
 				children: [
 					e.items.length,
@@ -108,9 +100,9 @@ function M() {
 			accessorKey: "pricing",
 			sortable: !0,
 			className: "min-w-[100px] whitespace-nowrap text-right",
-			cell: (e) => /* @__PURE__ */ O("span", {
+			cell: (e) => /* @__PURE__ */ D("span", {
 				className: "font-medium",
-				children: T(e.pricing.total)
+				children: ie(e.pricing.total)
 			})
 		},
 		{
@@ -119,7 +111,7 @@ function M() {
 			accessorKey: "scheduledDelivery",
 			sortable: !0,
 			className: "min-w-[110px] whitespace-nowrap",
-			cell: (e) => e.scheduledDelivery ? E(e.scheduledDelivery) : "-"
+			cell: (e) => e.scheduledDelivery ? T(e.scheduledDelivery) : "-"
 		},
 		{
 			id: "createdAt",
@@ -127,32 +119,32 @@ function M() {
 			accessorKey: "createdAt",
 			sortable: !0,
 			className: "min-w-[100px] whitespace-nowrap",
-			cell: (e) => E(e.createdAt, "relative")
+			cell: (e) => T(e.createdAt, "relative")
 		},
 		{
 			id: "driver",
 			header: N("movethewheels.orders.table.driver", "Driver"),
 			className: "min-w-[120px] whitespace-nowrap",
-			cell: (e) => e.driverId ? /* @__PURE__ */ k("span", {
+			cell: (e) => e.driverId ? /* @__PURE__ */ O("span", {
 				className: "inline-flex items-center gap-1 text-sm text-status-success-text",
 				children: [
-					/* @__PURE__ */ O(te, { size: 14 }),
+					/* @__PURE__ */ D(s, { size: 14 }),
 					" ",
 					N("movethewheels.orders.table.assigned", "Assigned")
 				]
-			}) : /* @__PURE__ */ k(u, {
+			}) : /* @__PURE__ */ O(m, {
 				variant: "outline",
 				size: "sm",
 				onClick: (t) => {
 					t.stopPropagation(), Q(`orders/${e.id}`);
 				},
-				children: [/* @__PURE__ */ O(s, {
+				children: [/* @__PURE__ */ D(c, {
 					size: 14,
 					className: "mr-1"
 				}), N("movethewheels.orders.table.assign", "Assign")]
 			})
 		}
-	], le = [
+	], oe = [
 		{
 			value: "all",
 			label: N("movethewheels.orders.filters.allStatuses", "All Statuses")
@@ -194,142 +186,119 @@ function M() {
 			label: N("movethewheels.orders.status.failed", "Failed")
 		}
 	];
-	return /* @__PURE__ */ k(v, {
+	return /* @__PURE__ */ O(y, {
 		title: N("movethewheels.orders.title", "Orders"),
 		subtitle: `${Z} ${N("movethewheels.orders.subtitle", "total orders")}`,
-		icon: /* @__PURE__ */ O(r, { size: 24 }),
-		headerActions: /* @__PURE__ */ O(ae, {
+		icon: /* @__PURE__ */ D(r, { size: 24 }),
+		headerActions: /* @__PURE__ */ D(k, {
 			primary: {
 				label: N("movethewheels.orders.actions.newOrder", "New Order"),
-				icon: /* @__PURE__ */ O(i, { size: 16 }),
+				icon: /* @__PURE__ */ D(i, { size: 16 }),
 				onSelect: () => Q("orders/new")
 			},
 			actions: [{
 				label: N("movethewheels.orders.actions.refresh", "Refresh"),
-				icon: /* @__PURE__ */ O(a, { size: 16 }),
+				icon: /* @__PURE__ */ D(a, { size: 16 }),
 				onSelect: () => Y()
 			}, {
 				label: N("movethewheels.orders.actions.export", "Export"),
-				icon: /* @__PURE__ */ O(n, { size: 16 }),
+				icon: /* @__PURE__ */ D(n, { size: 16 }),
 				onSelect: () => Q("import-export")
 			}]
 		}),
 		children: [
-			/* @__PURE__ */ O(A, {
-				icon: /* @__PURE__ */ O(r, { size: 18 }),
-				children: N("movethewheels.orders.purpose", "Every delivery job lives here — B2B and B2C orders, their status, priority and value. Use this list to find an order, filter by status or type, and open one to assign a driver, track it, or update fulfilment.")
+			/* @__PURE__ */ D(A, {
+				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.")
 			}),
-			/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
+			/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
 				className: "mb-3 text-sm font-medium text-text-secondary",
 				children: N("movethewheels.orders.glance.title", "Pipeline at a glance")
-			}), /* @__PURE__ */ k(b, {
+			}), /* @__PURE__ */ O(x, {
 				columns: 4,
 				children: [
-					/* @__PURE__ */ O(y, {
+					/* @__PURE__ */ D(b, {
 						label: N("movethewheels.orders.glance.total", "Total orders"),
 						value: Z,
-						icon: /* @__PURE__ */ O(r, { size: 20 }),
+						icon: /* @__PURE__ */ D(r, { size: 20 }),
 						accent: "brand"
 					}),
-					/* @__PURE__ */ O(y, {
+					/* @__PURE__ */ D(b, {
 						label: N("movethewheels.orders.glance.pending", "Pending"),
 						value: X.byStatus.pending,
-						icon: /* @__PURE__ */ O(t, { size: 20 }),
+						icon: /* @__PURE__ */ D(t, { size: 20 }),
 						accent: "warning",
 						subtitle: N("movethewheels.orders.glance.pendingSub", "Awaiting fulfilment")
 					}),
-					/* @__PURE__ */ O(y, {
+					/* @__PURE__ */ D(b, {
 						label: N("movethewheels.orders.glance.inTransit", "In transit"),
 						value: X.byStatus.in_transit + X.byStatus.out_for_delivery,
-						icon: /* @__PURE__ */ O(o, { size: 20 }),
+						icon: /* @__PURE__ */ D(o, { size: 20 }),
 						accent: "blue",
 						subtitle: N("movethewheels.orders.glance.inTransitSub", "On the road now")
 					}),
-					/* @__PURE__ */ O(y, {
+					/* @__PURE__ */ D(b, {
 						label: N("movethewheels.orders.glance.delivered", "Delivered"),
 						value: X.byStatus.delivered,
-						icon: /* @__PURE__ */ O(e, { size: 20 }),
+						icon: /* @__PURE__ */ D(e, { size: 20 }),
 						accent: "success"
 					})
 				]
 			})] }),
-			/* @__PURE__ */ O(d, { children: /* @__PURE__ */ O(f, {
+			/* @__PURE__ */ D(te, { children: /* @__PURE__ */ D(ne, {
 				className: "p-4",
-				children: /* @__PURE__ */ k("div", {
+				children: /* @__PURE__ */ O("div", {
 					className: "flex flex-wrap items-center gap-4",
 					children: [
-						/* @__PURE__ */ k("div", {
+						/* @__PURE__ */ O("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ O(ee, {
+							children: [/* @__PURE__ */ D(ee, {
 								size: 16,
 								className: "text-text-secondary"
-							}), /* @__PURE__ */ O("span", {
+							}), /* @__PURE__ */ D("span", {
 								className: "text-sm font-medium",
 								children: N("movethewheels.orders.filters.label", "Filters:")
 							})]
 						}),
-						/* @__PURE__ */ k(p, {
+						/* @__PURE__ */ O(re, {
 							value: I,
 							onValueChange: (e) => {
 								L(e), $();
 							},
-							children: [/* @__PURE__ */ O(g, {
+							children: [/* @__PURE__ */ D(_, {
 								className: "w-[180px]",
-								children: /* @__PURE__ */ O(_, { placeholder: N("movethewheels.orders.filters.status", "Status") })
-							}), /* @__PURE__ */ O(m, { children: le.map((e) => /* @__PURE__ */ O(h, {
+								children: /* @__PURE__ */ D(v, { placeholder: N("movethewheels.orders.filters.status", "Status") })
+							}), /* @__PURE__ */ D(h, { children: oe.map((e) => /* @__PURE__ */ D(g, {
 								value: e.value,
 								children: e.label
 							}, e.value)) })]
 						}),
-						/* @__PURE__ */ k(p, {
-							value: R,
-							onValueChange: (e) => {
-								z(e), $();
-							},
-							children: [/* @__PURE__ */ O(g, {
-								className: "w-[150px]",
-								children: /* @__PURE__ */ O(_, { placeholder: N("movethewheels.orders.filters.type", "Type") })
-							}), /* @__PURE__ */ k(m, { children: [
-								/* @__PURE__ */ O(h, {
-									value: "all",
-									children: N("movethewheels.orders.filters.allTypes", "All Types")
-								}),
-								/* @__PURE__ */ O(h, {
-									value: "b2b",
-									children: "B2B"
-								}),
-								/* @__PURE__ */ O(h, {
-									value: "b2c",
-									children: "B2C"
-								})
-							] })]
-						}),
-						/* @__PURE__ */ k(u, {
-							variant: B ? "default" : "outline",
+						/* @__PURE__ */ O(m, {
+							variant: R ? "default" : "outline",
 							size: "sm",
 							onClick: () => {
-								V((e) => !e), $();
+								z((e) => !e), $();
 							},
-							children: [/* @__PURE__ */ O(s, {
+							children: [/* @__PURE__ */ D(c, {
 								size: 14,
 								className: "mr-1"
 							}), N("movethewheels.orders.filters.unassigned", "Needs driver")]
 						}),
-						K && /* @__PURE__ */ O(u, {
+						W && /* @__PURE__ */ D(m, {
 							variant: "ghost",
 							size: "sm",
 							onClick: () => {
-								L("all"), z("all"), V(!1), $();
+								L("all"), z(!1), $();
 							},
 							children: N("movethewheels.orders.filters.clear", "Clear filters")
 						})
 					]
 				})
 			}) }),
-			/* @__PURE__ */ O(w, {
-				columns: ce,
-				data: q,
-				isLoading: se,
+			/* @__PURE__ */ D(w, {
+				columns: ae,
+				data: G,
+				isLoading: q,
 				error: J,
 				onRetry: Y,
 				searchable: !0,
@@ -337,21 +306,21 @@ function M() {
 				searchFields: ["orderNumber", "customerInfo"],
 				onRowClick: (e) => Q(`orders/${e.id}`),
 				getRowId: (e) => e.id,
-				pageIndex: H,
-				pageSize: W,
-				onPageChange: U,
+				pageIndex: B,
+				pageSize: H,
+				onPageChange: V,
 				onPageSizeChange: (e) => {
-					G(e), U(0);
+					U(e), V(0);
 				},
-				totalItems: K ? void 0 : Z,
-				hasNextPage: oe,
+				totalItems: W ? void 0 : Z,
+				hasNextPage: K,
 				emptyMessage: N("movethewheels.orders.empty", "No orders found"),
 				emptyIllustration: "empty-data",
 				emptyTitle: N("movethewheels.orders.emptyTitle", "No orders yet"),
 				emptyDescription: N("movethewheels.orders.emptyDescription", "Create your first order to start moving shipments through the pipeline."),
-				emptyAction: /* @__PURE__ */ k(u, {
+				emptyAction: /* @__PURE__ */ O(m, {
 					onClick: () => Q("orders/new"),
-					children: [/* @__PURE__ */ O(i, {
+					children: [/* @__PURE__ */ D(i, {
 						size: 16,
 						className: "mr-1.5"
 					}), N("movethewheels.orders.actions.newOrder", "New Order")]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burdenoff/microfe-movethewheels",
-  "version": "2026.719.3",
+  "version": "2026.725.1",
   "description": "Burdenoff MoveTheWheels Microfrontend - Logistics & Supply Chain Management Platform",
   "type": "module",
   "files": [
@@ -91,6 +91,7 @@
     "lefthook": "^2.1.1",
     "postcss": "^8.4.49",
     "prettier": "^3.4.2",
+    "storybook": "^8.6.0",
     "tailwindcss": "^4.0.0",
     "typescript": "^5.9.0",
     "typescript-eslint": "^8.54.0",

package/src/movethewheels/MoveTheWheelsRoot.tsx

@@ -27,33 +27,27 @@ import {
   Bot,
 } from 'lucide-react';
 import { MoveTheWheelsProvider } from './providers/MoveTheWheelsProvider';
-import { FeatureFlagProvider } from '@burdenoff/fe-libs/shared/feature-flags';
+import { FeatureFlagProvider, useFeatureFlag } from '@burdenoff/fe-libs/shared/feature-flags';
 import type { NavItem, MoveTheWheelsRootProps } from './types';
 import { MoveTheWheelsRoutes } from './MoveTheWheelsRoutes';
 
 /**
- * Root component for the MoveTheWheels microfrontend.
- *
- * @example
- * ```tsx
- * import { MoveTheWheelsRoot } from '@burdenoff/microfe-movethewheels';
+ * Registers the MoveTheWheels sidebar nav tree with the host shell.
  *
- * function App() {
- *   return (
- *     <MoveTheWheelsRoot
- *       basePath="/movethewheels"
- *       navigate={(path) => router.push(path)}
- *       currentUser={currentUser}
- *       workspaceId="ws-123"
- *       apiGatewayUrl="https://api.example.com"
- *       authToken="token"
- *     />
- *   );
- * }
- * ```
+ * Split out from `MoveTheWheelsRoot` so it renders as a descendant of the
+ * `<FeatureFlagProvider>` below — `useFeatureFlag` requires a Provider
+ * ancestor, and the Provider is only established once `MoveTheWheelsRoot`'s
+ * own JSX (which includes this component) has mounted.
  */
-export const MoveTheWheelsRoot: FC<MoveTheWheelsRootProps> = (props) => {
-  const { registerNavItems, registerFooterItems, basePath = '/' } = props;
+const NavRegistrar: FC<Pick<MoveTheWheelsRootProps, 'registerNavItems' | 'basePath'>> = ({
+  registerNavItems,
+  basePath = '/',
+}) => {
+  // The backend has no ServiceProvider/ServiceOffering model (dropped by
+  // migration 20260707000001_movethewheels_reuse_cleanup) — hide the
+  // Marketplace nav entry until a serviceProviders/serviceOfferings resolver
+  // ships. Defaults to disabled (fails closed).
+  const marketplaceEnabled = useFeatureFlag('movethewheels.marketplace', false);
 
   // Helper to join paths correctly, avoiding double slashes
   const joinPath = (base: string, path: string): string => {
@@ -183,13 +177,19 @@ export const MoveTheWheelsRoot: FC<MoveTheWheelsRootProps> = (props) => {
           icon: <DollarSign size={16} />,
           order: 9,
         },
-        {
-          id: 'mtw-marketplace',
-          label: 'Marketplace',
-          path: joinPath(basePath, 'marketplace'),
-          icon: <Store size={16} />,
-          order: 10,
-        },
+        // Hidden until a serviceProviders/serviceOfferings backend resolver
+        // ships — see the marketplaceEnabled flag check above.
+        ...(marketplaceEnabled
+          ? [
+              {
+                id: 'mtw-marketplace',
+                label: 'Marketplace',
+                path: joinPath(basePath, 'marketplace'),
+                icon: <Store size={16} />,
+                order: 10,
+              },
+            ]
+          : []),
         {
           id: 'mtw-import-export',
           label: 'Import/Export',
@@ -226,7 +226,34 @@ export const MoveTheWheelsRoot: FC<MoveTheWheelsRootProps> = (props) => {
 
     // Return cleanup function to unregister on unmount
     return cleanup;
-  }, [registerNavItems, basePath]);
+  }, [registerNavItems, basePath, marketplaceEnabled]);
+
+  return null;
+};
+
+/**
+ * Root component for the MoveTheWheels microfrontend.
+ *
+ * @example
+ * ```tsx
+ * import { MoveTheWheelsRoot } from '@burdenoff/microfe-movethewheels';
+ *
+ * function App() {
+ *   return (
+ *     <MoveTheWheelsRoot
+ *       basePath="/movethewheels"
+ *       navigate={(path) => router.push(path)}
+ *       currentUser={currentUser}
+ *       workspaceId="ws-123"
+ *       apiGatewayUrl="https://api.example.com"
+ *       authToken="token"
+ *     />
+ *   );
+ * }
+ * ```
+ */
+export const MoveTheWheelsRoot: FC<MoveTheWheelsRootProps> = (props) => {
+  const { registerNavItems, registerFooterItems, basePath = '/' } = props;
 
   // Register footer items
   useEffect(() => {
@@ -248,6 +275,7 @@ export const MoveTheWheelsRoot: FC<MoveTheWheelsRootProps> = (props) => {
 
   return (
     <FeatureFlagProvider workspaceId={null} gateway="global" defaultEnabled={true}>
+      <NavRegistrar registerNavItems={registerNavItems} basePath={basePath} />
       <MoveTheWheelsProvider {...props}>
         <div className="movethewheels-root h-full">
           <MoveTheWheelsRoutes />