@burdenoff/microfe-movethewheels 2026.930.5 → 2026.1010.2

package/src/movethewheels/MoveTheWheelsRoot.tsx

@@ -21,6 +21,7 @@ import {
   Car,
   UserCheck,
   Boxes,
+  ClipboardList,
   FileText,
   DollarSign,
   Globe,
@@ -92,6 +93,47 @@ const NavRegistrar: FC<Pick<MoveTheWheelsRootProps, 'registerNavItems' | 'basePa
           icon: <Map size={16} />,
           order: 3,
         },
+        {
+          id: 'mtw-consolidation',
+          label: tr('movethewheels.root.nav.consolidation', 'Hub consolidation'),
+          path: joinPath(basePath, 'containers/consolidation'),
+          icon: <Boxes size={16} />,
+          order: 3.4,
+        },
+        {
+          id: 'mtw-procedures',
+          label: tr('movethewheels.root.nav.procedures', 'Logistics procedures'),
+          path: joinPath(basePath, 'containers/procedures'),
+          icon: <ClipboardList size={16} />,
+          order: 3.5,
+        },
+        {
+          id: 'mtw-containers',
+          label: tr('movethewheels.root.nav.containers', 'Containers'),
+          path: joinPath(basePath, 'containers'),
+          icon: <Boxes size={16} />,
+          order: 3.5,
+          children: [
+            {
+              id: 'mtw-empty-reuse',
+              label: tr('movethewheels.root.nav.emptyReuse', 'Empty return and reuse'),
+              path: joinPath(basePath, 'containers/empty-reuse'),
+              icon: <Boxes size={16} />,
+            },
+            {
+              id: 'mtw-free-time',
+              label: tr('movethewheels.root.nav.freeTime', 'Free time and extensions'),
+              path: joinPath(basePath, 'containers/free-time'),
+              icon: <Boxes size={16} />,
+            },
+            {
+              id: 'mtw-container-condition',
+              label: tr('movethewheels.root.nav.containerCondition', 'Container condition'),
+              path: joinPath(basePath, 'containers/condition'),
+              icon: <Boxes size={16} />,
+            },
+          ],
+        },
         {
           id: 'mtw-fleet',
           label: tr('movethewheels.root.nav.fleet', 'Fleet'),
@@ -143,6 +185,27 @@ const NavRegistrar: FC<Pick<MoveTheWheelsRootProps, 'registerNavItems' | 'basePa
               icon: <Boxes size={14} />,
               order: 2,
             },
+            {
+              id: 'mtw-pending-picks',
+              label: 'Plan a pick',
+              path: joinPath(basePath, 'inventory/pending-picks'),
+              icon: <ClipboardList size={14} />,
+              order: 5,
+            },
+            {
+              id: 'mtw-stock-observations',
+              label: 'Reported stock issues',
+              path: joinPath(basePath, 'inventory/reported-issues'),
+              icon: <ClipboardList size={14} />,
+              order: 4,
+            },
+            {
+              id: 'mtw-stock-binding',
+              label: 'Source assessments',
+              path: joinPath(basePath, 'inventory/source-assessments'),
+              icon: <ClipboardList size={14} />,
+              order: 3,
+            },
             {
               id: 'mtw-warehouses',
               label: tr('movethewheels.root.nav.warehouses', 'Warehouses'),
@@ -165,6 +228,14 @@ const NavRegistrar: FC<Pick<MoveTheWheelsRootProps, 'registerNavItems' | 'basePa
           path: joinPath(basePath, 'routes'),
           icon: <Route size={16} />,
           order: 7,
+          children: [
+            {
+              id: 'mtw-trip-utilization',
+              label: tr('movethewheels.root.nav.tripUtilization', 'Reported trip utilization'),
+              path: joinPath(basePath, 'routes/trip-utilization'),
+              icon: <Truck size={16} />,
+            },
+          ],
         },
         {
           id: 'mtw-analytics',
@@ -179,6 +250,14 @@ const NavRegistrar: FC<Pick<MoveTheWheelsRootProps, 'registerNavItems' | 'basePa
           path: joinPath(basePath, 'finance'),
           icon: <DollarSign size={16} />,
           order: 9,
+          children: [
+            {
+              id: 'mtw-freight-estimates',
+              label: tr('movethewheels.root.nav.freightEstimates', 'Freight cost estimates'),
+              path: joinPath(basePath, 'finance/freight-estimates'),
+              icon: <DollarSign size={16} />,
+            },
+          ],
         },
         // Hidden until a serviceProviders/serviceOfferings backend resolver
         // ships — see the marketplaceEnabled flag check above.

package/src/movethewheels/MoveTheWheelsRoutes.tsx

@@ -72,6 +72,9 @@ const RoutesPage = lazy(() => import('./pages/RoutesPage'));
 const RouteDetailsPage = lazy(() => import('./pages/RouteDetailsPage'));
 const AnalyticsPage = lazy(() => import('./pages/AnalyticsPage'));
 const FinancePage = lazy(() => import('./pages/FinancePage'));
+const FreightEstimatePage = lazy(() => import('./pages/FreightEstimatePage'));
+const ConsolidationPage = lazy(() => import('./pages/ConsolidationPage'));
+const LogisticsProceduresPage = lazy(() => import('./pages/LogisticsProceduresPage'));
 const MarketplacePage = lazy(() => import('./pages/MarketplacePage'));
 const ImportExportPage = lazy(() => import('./pages/ImportExportPage'));
 const ReportsPage = lazy(() => import('./pages/ReportsPage'));
@@ -80,6 +83,14 @@ const AIAssistantPage = lazy(() => import('./pages/AIAssistantPage'));
 const DeliveryCapturePage = lazy(() => import('./pages/DeliveryCapturePage'));
 const MultiModalShipmentPage = lazy(() => import('./pages/MultiModalShipmentPage'));
 const ShippingRatesPage = lazy(() => import('./pages/ShippingRatesPage'));
+const ContainersPage = lazy(() => import('./pages/ContainersPage'));
+const ContainerConditionPage = lazy(() => import('./pages/ContainerConditionPage'));
+const FreeTimePage = lazy(() => import('./pages/FreeTimePage'));
+const PendingPickPage = lazy(() => import('./pages/PendingPickPage'));
+const StockObservationsPage = lazy(() => import('./pages/StockObservationsPage'));
+const StockBindingPage = lazy(() => import('./pages/StockBindingPage'));
+const TripUtilizationPage = lazy(() => import('./pages/TripUtilizationPage'));
+const EmptyReusePage = lazy(() => import('./pages/EmptyReusePage'));
 
 export function MoveTheWheelsRoutes() {
   return (
@@ -104,6 +115,12 @@ export function MoveTheWheelsRoutes() {
         {/* Multi-modal freight execution (BOFF-4398) */}
         <Route path="shipments/multi-modal" element={<MultiModalShipmentPage />} />
         <Route path="shipments/rates" element={<ShippingRatesPage />} />
+        <Route path="containers" element={<ContainersPage />} />
+        <Route path="containers/condition" element={<ContainerConditionPage />} />
+        <Route path="containers/free-time" element={<FreeTimePage />} />
+        <Route path="containers/empty-reuse" element={<EmptyReusePage />} />
+        <Route path="containers/consolidation" element={<ConsolidationPage />} />
+        <Route path="containers/procedures" element={<LogisticsProceduresPage />} />
 
         {/* Fleet */}
         <Route path="fleet" element={<FleetPage />} />
@@ -118,6 +135,9 @@ export function MoveTheWheelsRoutes() {
 
         {/* Inventory */}
         <Route path="inventory" element={<InventoryPage />} />
+        <Route path="inventory/source-assessments" element={<StockBindingPage />} />
+        <Route path="inventory/reported-issues" element={<StockObservationsPage />} />
+        <Route path="inventory/pending-picks" element={<PendingPickPage />} />
         <Route path="inventory/products" element={<ProductsPage />} />
         <Route path="inventory/products/new" element={<ProductDetailsPage />} />
         <Route path="inventory/products/:productId" element={<ProductDetailsPage />} />
@@ -134,6 +154,7 @@ export function MoveTheWheelsRoutes() {
 
         {/* Routes */}
         <Route path="routes" element={<RoutesPage />} />
+        <Route path="routes/trip-utilization" element={<TripUtilizationPage />} />
         <Route path="routes/new" element={<RouteDetailsPage />} />
         <Route path="routes/:routeId" element={<RouteDetailsPage />} />
         <Route path="routes/:routeId/edit" element={<RouteDetailsPage />} />
@@ -143,6 +164,7 @@ export function MoveTheWheelsRoutes() {
 
         {/* Finance */}
         <Route path="finance" element={<FinancePage />} />
+        <Route path="finance/freight-estimates" element={<FreightEstimatePage />} />
 
         {/* Marketplace */}
         <Route path="marketplace" element={<MarketplacePage />} />

package/src/movethewheels/components/ContainerEvidencePicker.tsx

@@ -0,0 +1,146 @@
+import { useState } from 'react';
+import {
+  ContainerEvidenceFilesDocument,
+  ContainerEvidenceVersionsDocument,
+  type ContainerEvidenceFilesQuery,
+  type ContainerEvidenceVersionsQuery,
+} from '../../generated/wspace-operations';
+import type { MtwContainerEvidenceInput } from '../../generated/container-condition-operations';
+import { useConditionQuery } from '../hooks/useContainerCondition';
+import { Button } from './ui';
+
+export interface SelectedEvidence extends MtwContainerEvidenceInput {
+  label: string;
+}
+
+export function ContainerEvidencePicker({
+  value,
+  onChange,
+  description = 'Choose exact versions from shared Files. Evidence integrity does not confirm the issuer or certify the container.',
+}: {
+  value: SelectedEvidence[];
+  onChange: (value: SelectedEvidence[]) => void;
+  description?: string;
+}) {
+  const [fileId, setFileId] = useState('');
+  const [fileOffset, setFileOffset] = useState(0);
+  const [versionOffset, setVersionOffset] = useState(0);
+  const files = useConditionQuery<ContainerEvidenceFilesQuery>(ContainerEvidenceFilesDocument, {
+    pagination: { limit: 25, offset: fileOffset },
+  });
+  const versions = useConditionQuery<ContainerEvidenceVersionsQuery>(
+    ContainerEvidenceVersionsDocument,
+    fileId ? { fileId, pagination: { limit: 25, offset: versionOffset } } : null
+  );
+  return (
+    <fieldset className="space-y-3 rounded-lg border p-4">
+      <legend className="px-1 font-medium">Evidence for this record</legend>
+      <p className="text-sm">{description}</p>
+      {files.error && <p role="alert">Evidence files unavailable: {files.error}</p>}
+      <label className="block">
+        File
+        <select
+          aria-label="Evidence file"
+          className="mt-1 w-full rounded-md border p-2"
+          value={fileId}
+          onChange={(event) => {
+            setFileId(event.target.value);
+            setVersionOffset(0);
+          }}
+        >
+          <option value="">Choose a readable file</option>
+          {files.data?.getFiles.files
+            .filter((file) => file.canRead === true)
+            .map((file) => (
+              <option key={file.id} value={file.id}>
+                {file.name}
+              </option>
+            ))}
+        </select>
+      </label>
+      {files.loading && <p role="status">Loading evidence files…</p>}
+      <div className="flex gap-2">
+        <Button
+          type="button"
+          variant="outline"
+          disabled={fileOffset === 0 || files.loading}
+          onClick={() => {
+            setFileOffset(Math.max(0, fileOffset - 25));
+            setFileId('');
+          }}
+        >
+          Previous files
+        </Button>
+        <Button
+          type="button"
+          variant="outline"
+          disabled={!files.data?.getFiles.hasMore || files.loading}
+          onClick={() => {
+            setFileOffset(fileOffset + 25);
+            setFileId('');
+          }}
+        >
+          Next files
+        </Button>
+      </div>
+      {versions.error && <p role="alert">File versions unavailable: {versions.error}</p>}
+      {versions.loading && <p role="status">Loading file versions…</p>}
+      {versions.data?.getFileVersions.versions.map((version) => {
+        const selected = value.some((item) => item.versionId === version.id);
+        const valid = /^[a-fA-F0-9]{64}$/.test(version.sha256Hash ?? '');
+        const label = `${version.name} — version ${version.versionLabel ?? version.versionNumber}`;
+        return (
+          <label key={version.id} className="flex gap-2 text-sm">
+            <input
+              type="checkbox"
+              checked={selected}
+              disabled={!valid || (!selected && value.length >= 10)}
+              onChange={() =>
+                onChange(
+                  selected
+                    ? value.filter((item) => item.versionId !== version.id)
+                    : [...value, { fileId: version.fileId, versionId: version.id, label }]
+                )
+              }
+            />
+            {label}
+            {!valid && ' (integrity fingerprint unavailable)'}
+          </label>
+        );
+      })}
+      {fileId && (
+        <div className="flex gap-2">
+          <Button
+            type="button"
+            variant="outline"
+            disabled={versionOffset === 0 || versions.loading}
+            onClick={() => setVersionOffset(Math.max(0, versionOffset - 25))}
+          >
+            Previous versions
+          </Button>
+          <Button
+            type="button"
+            variant="outline"
+            disabled={!versions.data?.getFileVersions.hasMore || versions.loading}
+            onClick={() => setVersionOffset(versionOffset + 25)}
+          >
+            Next versions
+          </Button>
+        </div>
+      )}
+      <p className="text-sm">Selected {value.length} of 10 versions.</p>
+      {value.map((item) => (
+        <div key={item.versionId} className="flex items-center justify-between gap-2 text-sm">
+          <span className="break-words">{item.label}</span>
+          <Button
+            type="button"
+            variant="outline"
+            onClick={() => onChange(value.filter((row) => row.versionId !== item.versionId))}
+          >
+            Remove
+          </Button>
+        </div>
+      ))}
+    </fieldset>
+  );
+}