@burdenoff/microfe-movethewheels 2026.1017.11 → 2026.1017.13

package/dist/MoveTheWheelsRoot.js

@@ -180,6 +180,13 @@ var E = ({ registerNavItems: v, basePath: b = "/" }) => {
 							icon: /* @__PURE__ */ S(i, { size: 14 }),
 							order: 3
 						},
+						{
+							id: "mtw-pallet-preview",
+							label: C("movethewheels.root.nav.palletPreview", "Pallet preview"),
+							path: E(b, "inventory/warehouses/pallet-preview"),
+							icon: /* @__PURE__ */ S(t, { size: 14 }),
+							order: 6
+						},
 						{
 							id: "mtw-warehouses",
 							label: C("movethewheels.root.nav.warehouses", "Warehouses"),

package/dist/MoveTheWheelsRoutes.js

@@ -28,8 +28,8 @@ function d() {
 		})
 	});
 }
-var f = r(() => import("./pages/DashboardPage.js")), p = r(() => import("./pages/OrdersListPage.js")), m = r(() => import("./pages/OrderDetailsPage.js")), h = r(() => import("./pages/CreateOrderPage.js")), g = r(() => import("./pages/TrackingPage.js")), _ = r(() => import("./pages/TrackingEventQualityPage.js")), v = r(() => import("./pages/ShipmentStatusAuthorityPage.js")), y = r(() => import("./pages/LiveTrackingPage.js")), b = r(() => import("./pages/FleetPage.js")), x = r(() => import("./pages/VehiclesPage.js")), S = r(() => import("./pages/VehicleDetailsPage.js")), C = r(() => import("./pages/DriversPage.js")), w = r(() => import("./pages/DriverDetailsPage.js")), T = r(() => import("./pages/InventoryPage.js")), E = r(() => import("./pages/ProductsPage.js")), D = r(() => import("./pages/ProductDetailsPage.js")), O = r(() => import("./pages/WarehousesPage.js")), k = r(() => import("./pages/WarehouseDetailsPage.js")), A = r(() => import("./pages/CustomersPage.js")), j = r(() => import("./pages/CustomerDetailsPage.js")), M = r(() => import("./pages/RoutesPage.js")), N = r(() => import("./pages/RouteDetailsPage.js")), P = r(() => import("./pages/AnalyticsPage.js")), ee = r(() => import("./pages/FinancePage.js")), F = r(() => import("./pages/FreightEstimatePage.js")), I = r(() => import("./pages/FreightInvoicePage.js")), L = r(() => import("./pages/ConsolidationPage.js")), R = r(() => import("./pages/LogisticsProceduresPage.js")), z = r(() => import("./pages/MarketplacePage.js")), B = r(() => import("./pages/ImportExportPage.js")), V = r(() => import("./pages/ReportsPage.js")), H = r(() => import("./pages/SettingsPage.js")), U = r(() => import("./pages/AIAssistantPage.js")), W = r(() => import("./pages/DeliveryCapturePage.js")), G = r(() => import("./pages/MultiModalShipmentPage.js")), K = r(() => import("./pages/ShippingRatesPage.js")), q = r(() => import("./pages/ContainersPage.js")), J = r(() => import("./pages/ContainerConditionPage.js")), Y = r(() => import("./pages/FreeTimePage.js")), X = r(() => import("./pages/PendingPickPage.js")), Z = r(() => import("./pages/StockObservationsPage.js")), Q = r(() => import("./pages/StockBindingPage.js")), $ = r(() => import("./pages/TripUtilizationPage.js")), te = r(() => import("./pages/EmptyReusePage.js"));
-function ne() {
+var f = r(() => import("./pages/DashboardPage.js")), p = r(() => import("./pages/OrdersListPage.js")), m = r(() => import("./pages/OrderDetailsPage.js")), h = r(() => import("./pages/CreateOrderPage.js")), g = r(() => import("./pages/TrackingPage.js")), _ = r(() => import("./pages/TrackingEventQualityPage.js")), v = r(() => import("./pages/ShipmentStatusAuthorityPage.js")), y = r(() => import("./pages/LiveTrackingPage.js")), b = r(() => import("./pages/FleetPage.js")), x = r(() => import("./pages/VehiclesPage.js")), S = r(() => import("./pages/VehicleDetailsPage.js")), C = r(() => import("./pages/DriversPage.js")), w = r(() => import("./pages/DriverDetailsPage.js")), T = r(() => import("./pages/InventoryPage.js")), E = r(() => import("./pages/ProductsPage.js")), D = r(() => import("./pages/ProductDetailsPage.js")), O = r(() => import("./pages/PalletPreviewPage.js")), k = r(() => import("./pages/WarehousesPage.js")), A = r(() => import("./pages/WarehouseDetailsPage.js")), j = r(() => import("./pages/CustomersPage.js")), M = r(() => import("./pages/CustomerDetailsPage.js")), N = r(() => import("./pages/RoutesPage.js")), P = r(() => import("./pages/RouteDetailsPage.js")), ee = r(() => import("./pages/AnalyticsPage.js")), F = r(() => import("./pages/FinancePage.js")), I = r(() => import("./pages/FreightEstimatePage.js")), L = r(() => import("./pages/FreightInvoicePage.js")), R = r(() => import("./pages/ConsolidationPage.js")), z = r(() => import("./pages/LogisticsProceduresPage.js")), B = r(() => import("./pages/MarketplacePage.js")), V = r(() => import("./pages/ImportExportPage.js")), H = r(() => import("./pages/ReportsPage.js")), U = r(() => import("./pages/SettingsPage.js")), W = r(() => import("./pages/AIAssistantPage.js")), G = r(() => import("./pages/DeliveryCapturePage.js")), K = r(() => import("./pages/MultiModalShipmentPage.js")), q = r(() => import("./pages/ShippingRatesPage.js")), J = r(() => import("./pages/ContainersPage.js")), Y = r(() => import("./pages/ContainerConditionPage.js")), X = r(() => import("./pages/FreeTimePage.js")), Z = r(() => import("./pages/PendingPickPage.js")), Q = r(() => import("./pages/StockObservationsPage.js")), $ = r(() => import("./pages/StockBindingPage.js")), te = r(() => import("./pages/TripUtilizationPage.js")), ne = r(() => import("./pages/EmptyReusePage.js"));
+function re() {
 	return /* @__PURE__ */ s(n, {
 		fallback: /* @__PURE__ */ s(d, {}),
 		children: /* @__PURE__ */ c(a, { children: [
@@ -71,39 +71,39 @@ function ne() {
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "deliveries/mine",
-				element: /* @__PURE__ */ s(W, {})
+				element: /* @__PURE__ */ s(G, {})
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "shipments/multi-modal",
-				element: /* @__PURE__ */ s(G, {})
+				element: /* @__PURE__ */ s(K, {})
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "shipments/rates",
-				element: /* @__PURE__ */ s(K, {})
+				element: /* @__PURE__ */ s(q, {})
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "containers",
-				element: /* @__PURE__ */ s(q, {})
+				element: /* @__PURE__ */ s(J, {})
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "containers/condition",
-				element: /* @__PURE__ */ s(J, {})
+				element: /* @__PURE__ */ s(Y, {})
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "containers/free-time",
-				element: /* @__PURE__ */ s(Y, {})
+				element: /* @__PURE__ */ s(X, {})
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "containers/empty-reuse",
-				element: /* @__PURE__ */ s(te, {})
+				element: /* @__PURE__ */ s(ne, {})
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "containers/consolidation",
-				element: /* @__PURE__ */ s(L, {})
+				element: /* @__PURE__ */ s(R, {})
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "containers/procedures",
-				element: /* @__PURE__ */ s(R, {})
+				element: /* @__PURE__ */ s(z, {})
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "fleet",
@@ -147,15 +147,15 @@ function ne() {
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "inventory/source-assessments",
-				element: /* @__PURE__ */ s(Q, {})
+				element: /* @__PURE__ */ s($, {})
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "inventory/reported-issues",
-				element: /* @__PURE__ */ s(Z, {})
+				element: /* @__PURE__ */ s(Q, {})
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "inventory/pending-picks",
-				element: /* @__PURE__ */ s(X, {})
+				element: /* @__PURE__ */ s(Z, {})
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "inventory/products",
@@ -175,87 +175,91 @@ function ne() {
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "inventory/warehouses",
+				element: /* @__PURE__ */ s(k, {})
+			}),
+			/* @__PURE__ */ s(i, {
+				path: "inventory/warehouses/pallet-preview",
 				element: /* @__PURE__ */ s(O, {})
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "inventory/warehouses/new",
-				element: /* @__PURE__ */ s(k, {})
+				element: /* @__PURE__ */ s(A, {})
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "inventory/warehouses/:warehouseId",
-				element: /* @__PURE__ */ s(k, {})
+				element: /* @__PURE__ */ s(A, {})
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "inventory/warehouses/:warehouseId/edit",
-				element: /* @__PURE__ */ s(k, {})
+				element: /* @__PURE__ */ s(A, {})
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "customers",
-				element: /* @__PURE__ */ s(A, {})
+				element: /* @__PURE__ */ s(j, {})
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "customers/new",
-				element: /* @__PURE__ */ s(j, {})
+				element: /* @__PURE__ */ s(M, {})
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "customers/:customerId",
-				element: /* @__PURE__ */ s(j, {})
+				element: /* @__PURE__ */ s(M, {})
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "routes",
-				element: /* @__PURE__ */ s(M, {})
+				element: /* @__PURE__ */ s(N, {})
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "routes/trip-utilization",
-				element: /* @__PURE__ */ s($, {})
+				element: /* @__PURE__ */ s(te, {})
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "routes/new",
-				element: /* @__PURE__ */ s(N, {})
+				element: /* @__PURE__ */ s(P, {})
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "routes/:routeId",
-				element: /* @__PURE__ */ s(N, {})
+				element: /* @__PURE__ */ s(P, {})
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "routes/:routeId/edit",
-				element: /* @__PURE__ */ s(N, {})
+				element: /* @__PURE__ */ s(P, {})
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "analytics",
-				element: /* @__PURE__ */ s(P, {})
+				element: /* @__PURE__ */ s(ee, {})
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "finance",
-				element: /* @__PURE__ */ s(ee, {})
+				element: /* @__PURE__ */ s(F, {})
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "finance/freight-estimates",
-				element: /* @__PURE__ */ s(F, {})
+				element: /* @__PURE__ */ s(I, {})
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "finance/freight-invoice-comparisons",
-				element: /* @__PURE__ */ s(I, {})
+				element: /* @__PURE__ */ s(L, {})
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "marketplace",
-				element: /* @__PURE__ */ s(z, {})
+				element: /* @__PURE__ */ s(B, {})
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "import-export",
-				element: /* @__PURE__ */ s(B, {})
+				element: /* @__PURE__ */ s(V, {})
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "reports",
-				element: /* @__PURE__ */ s(V, {})
+				element: /* @__PURE__ */ s(H, {})
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "ai-assistant",
-				element: /* @__PURE__ */ s(U, {})
+				element: /* @__PURE__ */ s(W, {})
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "settings",
-				element: /* @__PURE__ */ s(H, {})
+				element: /* @__PURE__ */ s(U, {})
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "*",
@@ -265,4 +269,4 @@ function ne() {
 	});
 }
 //#endregion
-export { ne as MoveTheWheelsRoutes };
+export { re as MoveTheWheelsRoutes };

package/dist/components/pallet-preview/PalletPreviewResults.js

@@ -0,0 +1,189 @@
+import { useTr as e } from "../../shared/hooks/useTr.js";
+import "../../hooks/index.js";
+import { Badge as t } from "../ui.js";
+import { PALLET_BOUND_KEYS as n, PALLET_UNKNOWN_KEYS as r } from "../../utils/palletPreviewResponse.js";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { FormSection as o } from "@burdenoff/fe-libs/form";
+//#region src/movethewheels/components/pallet-preview/PalletPreviewResults.tsx
+var s = {
+	placedContainment: "Placed subset containment",
+	placedNonOverlap: "Placed subset non-overlap",
+	permittedUprightYaw: "Permitted upright yaw",
+	reportedSingleLayerHeight: "Reported single-layer height",
+	palletPayloadMass: "Pallet payload mass",
+	palletFootprintWithinLoadEnvelope: "Pallet footprint within load envelope",
+	loadedPalletGrossMass: "Loaded pallet gross mass"
+}, c = {
+	additionalPackingGeometry: "Additional packing geometry",
+	handling: "Handling",
+	securing: "Securing",
+	centreOfGravityAndStability: "Centre of gravity and stability",
+	supportAndFloorContactLoads: "Support and floor contact loads",
+	loadingAndUnloadingPath: "Loading and unloading path",
+	segregationAndCargoCompatibility: "Cargo segregation and compatibility"
+};
+function l({ result: l, input: u }) {
+	let d = e(), f = d("movethewheels.palletPreview.unknown", "Unknown"), p = l.layoutStatus === "PLACED_BY_METHOD" ? d("movethewheels.palletPreview.placed", "Placed by this method") : l.layoutStatus === "NO_LAYOUT_FOUND_BY_METHOD" ? d("movethewheels.palletPreview.noLayout", "No layout found by this method") : d("movethewheels.palletPreview.unknownFacts", "Unknown from supplied facts"), m = (e) => e ? `${e.reference} · ${e.version}` : f;
+	return /* @__PURE__ */ a("section", {
+		"aria-label": d("movethewheels.palletPreview.result", "Preview result"),
+		className: "space-y-5 min-w-0",
+		children: [
+			/* @__PURE__ */ i("h2", {
+				className: "text-xl font-semibold",
+				tabIndex: -1,
+				children: p
+			}),
+			/* @__PURE__ */ i("p", {
+				className: "text-sm text-text-secondary",
+				children: d("movethewheels.palletPreview.method", "Geometric proposal only · Deterministic single-layer shelf method · mm / g")
+			}),
+			/* @__PURE__ */ a("dl", {
+				className: "grid gap-3 sm:grid-cols-2",
+				children: [
+					/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("dt", { children: d("movethewheels.palletPreview.counts", "Placed / requested units") }), /* @__PURE__ */ a("dd", {
+						className: "font-semibold",
+						children: [
+							l.placedQuantity,
+							" / ",
+							l.requestedQuantity
+						]
+					})] }),
+					/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("dt", { children: d("movethewheels.palletPreview.payload", "Whole-request payload mass") }), /* @__PURE__ */ i("dd", {
+						className: "font-semibold",
+						children: l.requestedPayloadMassG === null ? f : `${l.requestedPayloadMassG} g`
+					})] }),
+					/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("dt", { children: d("movethewheels.palletPreview.gross", "Whole-request gross mass") }), /* @__PURE__ */ i("dd", {
+						className: "font-semibold",
+						children: l.requestedGrossMassG === null ? f : `${l.requestedGrossMassG} g`
+					})] })
+				]
+			}),
+			/* @__PURE__ */ i("p", {
+				className: "text-sm",
+				children: d("movethewheels.palletPreview.allUnitsMass", "Requested mass covers all requested units, including unplaced units.")
+			}),
+			l.unplaced.length > 0 && /* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("h3", {
+				className: "font-medium",
+				children: d("movethewheels.palletPreview.unplaced", "Unplaced units")
+			}), /* @__PURE__ */ i("ul", {
+				className: "list-disc pl-5",
+				children: l.unplaced.map((e) => /* @__PURE__ */ a("li", {
+					className: "break-words",
+					children: [
+						e.packageId,
+						": ",
+						e.quantity
+					]
+				}, e.packageId))
+			})] }),
+			/* @__PURE__ */ a(o, {
+				title: d("movethewheels.palletPreview.diagram", "Placed subset — top view (mm)"),
+				children: [/* @__PURE__ */ i("p", {
+					className: "text-sm mb-3",
+					children: d("movethewheels.palletPreview.subset", "Containment and non-overlap concern only the placed subset. This diagram is not a handling or loading-path simulation.")
+				}), u.pallet.widthMm != null && u.pallet.lengthMm != null && l.placements.length > 0 ? /* @__PURE__ */ a("figure", {
+					className: "min-w-0",
+					children: [/* @__PURE__ */ a("svg", {
+						role: "img",
+						"aria-label": d("movethewheels.palletPreview.diagramLabel", "Proposed placed rectangles on the supplied pallet footprint"),
+						viewBox: `0 0 ${u.pallet.widthMm} ${u.pallet.lengthMm}`,
+						width: "100%",
+						height: "320",
+						style: {
+							height: 320,
+							maxHeight: 320
+						},
+						className: "max-w-full text-text-primary border border-border rounded-lg",
+						preserveAspectRatio: "xMidYMid meet",
+						children: [/* @__PURE__ */ i("rect", {
+							width: u.pallet.widthMm,
+							height: u.pallet.lengthMm,
+							className: "fill-transparent stroke-current",
+							vectorEffect: "non-scaling-stroke"
+						}), l.placements.map((e) => /* @__PURE__ */ i("rect", {
+							x: e.xMm,
+							y: e.yMm,
+							width: e.widthMm,
+							height: e.lengthMm,
+							className: "fill-primary/15 stroke-primary",
+							vectorEffect: "non-scaling-stroke",
+							children: /* @__PURE__ */ i("title", { children: `${e.packageId} #${e.unit}: ${e.xMm}, ${e.yMm} mm; ${e.widthMm} × ${e.lengthMm} mm; ${e.yawDegrees}°` })
+						}, `${e.packageId}:${e.unit}`))]
+					}), /* @__PURE__ */ a("figcaption", {
+						className: "text-sm text-text-secondary mt-2",
+						children: [
+							u.pallet.widthMm,
+							" × ",
+							u.pallet.lengthMm,
+							" mm"
+						]
+					})]
+				}) : /* @__PURE__ */ i("p", { children: d("movethewheels.palletPreview.noDiagram", "No placed subset is available to draw.") })]
+			}),
+			/* @__PURE__ */ i(o, {
+				title: d("movethewheels.palletPreview.bounds", "Seven reported bounds"),
+				children: /* @__PURE__ */ i("ul", {
+					className: "grid gap-3 md:grid-cols-2",
+					children: n.map((e) => /* @__PURE__ */ a("li", {
+						className: "rounded-lg border border-border p-3 min-w-0",
+						children: [
+							/* @__PURE__ */ i("h3", {
+								className: "font-medium",
+								children: d(`movethewheels.palletPreview.bounds.${e}`, s[e])
+							}),
+							/* @__PURE__ */ i(t, {
+								variant: "outline",
+								children: d(`movethewheels.palletPreview.status.${l.bounds[e].status}`, l.bounds[e].status)
+							}),
+							/* @__PURE__ */ i("p", {
+								className: "text-sm mt-1 break-words",
+								children: l.bounds[e].reason
+							})
+						]
+					}, e))
+				})
+			}),
+			/* @__PURE__ */ i(o, {
+				title: d("movethewheels.palletPreview.unsupported", "Seven concerns remain unknown"),
+				children: /* @__PURE__ */ i("ul", {
+					className: "grid gap-2 md:grid-cols-2",
+					children: r.map((e) => /* @__PURE__ */ a("li", {
+						className: "rounded border border-border p-3",
+						children: [
+							d(`movethewheels.palletPreview.unsupported.${e}`, c[e]),
+							":",
+							" ",
+							/* @__PURE__ */ i("strong", { children: f })
+						]
+					}, e))
+				})
+			}),
+			/* @__PURE__ */ i(o, {
+				title: d("movethewheels.palletPreview.sourceSnapshot", "Submitted source snapshot"),
+				description: d("movethewheels.palletPreview.sourceBoundary", "Your declared measurement sources; not independent verification."),
+				children: /* @__PURE__ */ a("dl", {
+					className: "space-y-2 break-words",
+					children: [l.sources.packages.map((e) => /* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("dt", {
+						className: "font-medium",
+						children: e.packageId
+					}), /* @__PURE__ */ i("dd", { children: m(e.source) })] }, e.packageId)), [
+						"pallet",
+						"loadEnvelope",
+						"additionalPacking",
+						"clearance"
+					].map((e) => /* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("dt", {
+						className: "font-medium",
+						children: d(`movethewheels.palletPreview.source.${e}`, {
+							pallet: "Pallet",
+							loadEnvelope: "Load envelope",
+							additionalPacking: "Additional packing",
+							clearance: "Clearance"
+						}[e])
+					}), /* @__PURE__ */ i("dd", { children: m(l.sources[e]) })] }, e))]
+				})
+			})
+		]
+	});
+}
+//#endregion
+export { l as PalletPreviewResults };