@burdenoff/microfe-movethewheels 2026.929.3 → 2026.929.4

package/src/movethewheels/pages/WarehouseDetailsPage.tsx

@@ -61,12 +61,12 @@ function NewWarehouseForm({ editId, onSaved }: { editId?: string; onSaved?: () =
     code: '',
     name: '',
     type: 'DISTRIBUTION',
-    status: 'ACTIVE',
+    status: '',
     street: '',
     city: '',
     state: '',
     postalCode: '',
-    country: 'USA',
+    country: '',
     totalCapacity: '',
     usedCapacity: '',
     contactEmail: '',
@@ -84,14 +84,16 @@ function NewWarehouseForm({ editId, onSaved }: { editId?: string; onSaved?: () =
       code: warehouse.code || '',
       name: warehouse.name || '',
       type: warehouse.type ? warehouse.type.toUpperCase() : 'DISTRIBUTION',
-      status: warehouse.status || 'ACTIVE',
-      street: warehouse.address.street || '',
-      city: warehouse.address.city || '',
-      state: warehouse.address.state || '',
-      postalCode: warehouse.address.postalCode || '',
-      country: warehouse.address.country || 'USA',
-      totalCapacity: warehouse.capacity.totalSpace ? String(warehouse.capacity.totalSpace) : '',
-      usedCapacity: warehouse.capacity.usedSpace ? String(warehouse.capacity.usedSpace) : '',
+      status: warehouse.status ?? '',
+      street: warehouse.address.street ?? '',
+      city: warehouse.address.city ?? '',
+      state: warehouse.address.state ?? '',
+      postalCode: warehouse.address.postalCode ?? '',
+      country: warehouse.address.country ?? '',
+      totalCapacity:
+        warehouse.capacity.totalSpace !== undefined ? String(warehouse.capacity.totalSpace) : '',
+      usedCapacity:
+        warehouse.capacity.usedSpace !== undefined ? String(warehouse.capacity.usedSpace) : '',
       contactEmail: warehouse.contactInfo?.email || '',
       contactPhone: warehouse.contactInfo?.phone || '',
     });
@@ -117,18 +119,21 @@ function NewWarehouseForm({ editId, onSaved }: { editId?: string; onSaved?: () =
     try {
       const totalCapacity = form.totalCapacity.trim() ? Number(form.totalCapacity) : undefined;
       const usedCapacity = form.usedCapacity.trim() ? Number(form.usedCapacity) : undefined;
-      const warehouseInput = {
-        code: form.code.trim(),
-        name: form.name.trim(),
-        type: form.type,
-        status: form.status,
-        address: {
+      const address = Object.fromEntries(
+        Object.entries({
           street: form.street.trim(),
           city: form.city.trim(),
           state: form.state.trim(),
           postalCode: form.postalCode.trim(),
           country: form.country.trim(),
-        },
+        }).filter(([, value]) => value.length > 0)
+      );
+      const warehouseInput = {
+        code: form.code.trim(),
+        name: form.name.trim(),
+        type: form.type,
+        status: form.status.trim() || undefined,
+        address,
         contactInfo:
           form.contactEmail.trim() || form.contactPhone.trim()
             ? {
@@ -437,7 +442,7 @@ export default function WarehouseDetailsPage() {
   if (isLoading) return <LoadingState message="Loading warehouse details..." />;
   if (error || !warehouse) return <ErrorState title="Warehouse not found" onRetry={refetch} />;
 
-  const isActive = warehouse.status.toUpperCase() === 'ACTIVE';
+  const isActive = warehouse.status?.toUpperCase() === 'ACTIVE';
 
   return (
     <PageLayout
@@ -460,8 +465,8 @@ export default function WarehouseDetailsPage() {
       }
       headerContent={
         <div className="flex gap-2">
-          <Badge variant={isActive ? 'default' : 'secondary'}>
-            {isActive ? 'Active' : 'Inactive'}
+          <Badge variant={warehouse.status ? (isActive ? 'default' : 'secondary') : 'outline'}>
+            {warehouse.status ? (isActive ? 'Active' : 'Inactive') : 'Not provided'}
           </Badge>
           <Badge variant="outline" className="capitalize">
             {warehouse.type.replace('_', ' ')}
@@ -503,15 +508,23 @@ export default function WarehouseDetailsPage() {
               <Box size={18} /> Capacity
             </h2>
             <div>
-              <div className="flex justify-between text-sm mb-2">
-                <span>Space Utilization</span>
-                <span>{warehouse.utilization.toFixed(0)}%</span>
-              </div>
-              <Progress value={warehouse.utilization} />
-              <p className="text-sm text-text-secondary mt-1">
-                {warehouse.capacity.usedSpace.toLocaleString()} /{' '}
-                {warehouse.capacity.totalSpace.toLocaleString()} sq ft
-              </p>
+              {warehouse.utilization !== undefined &&
+              warehouse.capacity.usedSpace !== undefined &&
+              warehouse.capacity.totalSpace !== undefined ? (
+                <>
+                  <div className="flex justify-between text-sm mb-2">
+                    <span>Space Utilization</span>
+                    <span>{warehouse.utilization.toFixed(0)}%</span>
+                  </div>
+                  <Progress value={warehouse.utilization} />
+                  <p className="text-sm text-text-secondary mt-1">
+                    {warehouse.capacity.usedSpace.toLocaleString()} /{' '}
+                    {warehouse.capacity.totalSpace.toLocaleString()} sq ft
+                  </p>
+                </>
+              ) : (
+                <p className="text-sm text-text-secondary">Not provided</p>
+              )}
             </div>
           </EmphasisPanel>
 

package/src/movethewheels/pages/WarehousesPage.tsx

@@ -70,9 +70,9 @@ export default function WarehousesPage() {
       cell: (row) => (
         <div>
           <p>
-            {row.address.city}, {row.address.state}
+            {[row.address.city, row.address.state].filter(Boolean).join(', ') || 'Not provided'}
           </p>
-          <p className="text-sm text-text-secondary">{row.address.country}</p>
+          <p className="text-sm text-text-secondary">{row.address.country || 'Not provided'}</p>
         </div>
       ),
     },
@@ -90,37 +90,45 @@ export default function WarehousesPage() {
       id: 'utilization',
       header: 'Utilization',
       cell: (row) => {
-        const pct =
-          row.capacity.totalSpace > 0
-            ? (row.capacity.usedSpace / row.capacity.totalSpace) * 100
-            : 0;
-        return (
+        const { totalSpace, usedSpace } = row.capacity;
+        const hasCapacity =
+          typeof totalSpace === 'number' && totalSpace > 0 && typeof usedSpace === 'number';
+        const pct = hasCapacity ? (usedSpace / totalSpace) * 100 : undefined;
+        return pct !== undefined ? (
           <div className="flex items-center gap-2">
             <Progress value={pct} className="w-16 h-2" />
             <span className="text-sm">{pct.toFixed(0)}%</span>
           </div>
+        ) : (
+          <span className="text-sm text-text-secondary">Not provided</span>
         );
       },
     },
     {
       id: 'capacity',
       header: 'Capacity',
-      cell: (row) => (
-        <p className="text-sm">
-          {row.capacity.usedSpace.toLocaleString()} / {row.capacity.totalSpace.toLocaleString()} sq
-          ft
-        </p>
-      ),
+      cell: (row) => {
+        const { totalSpace, usedSpace } = row.capacity;
+        return typeof usedSpace === 'number' && typeof totalSpace === 'number' ? (
+          <p className="text-sm">
+            {usedSpace.toLocaleString()} / {totalSpace.toLocaleString()} sq ft
+          </p>
+        ) : (
+          <span className="text-sm text-text-secondary">Not provided</span>
+        );
+      },
     },
     {
       id: 'status',
       header: 'Status',
       cell: (row) => {
-        const isActive = row.status.toUpperCase() === 'ACTIVE';
-        return (
+        const isActive = row.status?.toUpperCase() === 'ACTIVE';
+        return row.status ? (
           <Badge variant={isActive ? 'default' : 'secondary'}>
             {isActive ? 'Active' : 'Inactive'}
           </Badge>
+        ) : (
+          <span className="text-sm text-text-secondary">Not provided</span>
         );
       },
     },

package/src/movethewheels/types/index.ts

@@ -101,7 +101,7 @@ export interface Location {
   accuracy?: number;
 }
 
-// Dimensions type
+// Dimensions type used by orders, where all measurements are required.
 export interface Dimensions {
   length: number;
   width: number;
@@ -109,6 +109,14 @@ export interface Dimensions {
   unit: 'cm' | 'in' | 'm';
 }
 
+// Catalog dimensions are JSON on the backend and may be only partially provided.
+export interface ProductDimensions {
+  length?: number;
+  width?: number;
+  height?: number;
+  unit?: 'cm' | 'in' | 'm' | string;
+}
+
 // Company type
 export interface Company {
   id: string;
@@ -168,10 +176,10 @@ export interface Customer {
   phone: string;
   type: 'b2b' | 'b2c';
   company?: string;
-  address: Address;
+  address: Partial<Address>;
   businessLicense?: string;
   taxId?: string;
-  rating: number;
+  rating?: number;
   createdAt: Date;
   updatedAt: Date;
 }
@@ -181,12 +189,12 @@ export interface Product {
   id: string;
   sku: string;
   name: string;
-  description: string;
-  category: string;
+  description?: string;
+  category?: string;
   brand?: string;
-  dimensions: Dimensions;
-  weight: number;
-  value: number;
+  dimensions?: ProductDimensions;
+  weight?: number;
+  value?: number;
   barcode?: string;
   images: string[];
   attributes: Array<{
@@ -345,7 +353,9 @@ export interface Vehicle {
     pallets?: number;
   };
   status: VehicleStatus;
+  /** Deprecated single-driver convenience value; use driverIds for all links. */
   driverId?: string;
+  driverIds: string[];
   currentLocation?: Location;
   lastMaintenance?: Date;
   nextMaintenance?: Date;
@@ -382,11 +392,12 @@ export interface Driver {
   licenseType: string;
   licenseExpiry?: Date;
   vehicleIds: string[];
+  /** Deprecated single-vehicle convenience value; use vehicleIds for all links. */
   assignedVehicle?: string;
   status: DriverStatus;
   currentLocation?: Location;
   /** MtwDriver.rating — a single overall rating; the backend does not track per-category breakdowns. */
-  rating: number;
+  rating?: number;
   /** Free-text HR/performance notes. */
   notes?: string;
   hireDate?: Date;
@@ -406,13 +417,13 @@ export interface Warehouse {
   id: string;
   name: string;
   code: string;
-  address: Address;
+  address: Partial<Address>;
   type: 'distribution' | 'fulfillment' | 'cold_storage' | 'cross_dock' | 'retail';
-  /** Raw backend value (free-text, e.g. "ACTIVE"/"INACTIVE" — defaults to ACTIVE). */
-  status: string;
+  /** Raw backend value (free-text, e.g. "ACTIVE"/"INACTIVE"). */
+  status?: string;
   capacity: {
-    totalSpace: number;
-    usedSpace: number;
+    totalSpace?: number;
+    usedSpace?: number;
   };
   operatingHours: Record<
     string,
@@ -425,8 +436,8 @@ export interface Warehouse {
     email?: string;
     phone?: string;
   };
-  /** Real computed value: usedSpace / totalSpace. No other backend metrics exist for a warehouse. */
-  utilization: number;
+  /** Real computed value: usedSpace / totalSpace, when both values are available. */
+  utilization?: number;
   createdAt: Date;
 }
 
@@ -468,9 +479,9 @@ export interface RouteStop {
   sequence: number;
   address: Address;
   type: 'pickup' | 'delivery';
-  scheduledTime: Date;
+  scheduledTime?: Date;
   actualTime?: Date;
-  duration: number;
+  duration?: number;
   status: 'pending' | 'completed' | 'skipped' | 'failed';
   notes?: string;
 }
@@ -487,8 +498,8 @@ export interface TrafficCondition {
 export interface Route {
   id: string;
   name: string;
-  driverId: string;
-  vehicleId: string;
+  driverId?: string;
+  vehicleId?: string;
   status: 'planned' | 'in_progress' | 'completed' | 'cancelled';
   stops: RouteStop[];
   distance: number;
@@ -496,7 +507,8 @@ export interface Route {
   /** Estimated fuel cost for the route (svc MtwRoute.fuelCost). */
   fuelCost?: number;
   actualDuration?: number;
-  optimized: boolean;
+  /** Backend currently does not expose whether optimization has run. */
+  optimized?: boolean;
   createdAt: Date;
 }
 
@@ -506,7 +518,7 @@ export interface TrackingAlert {
   type: 'delay' | 'deviation' | 'temperature' | 'damage' | 'security';
   severity: 'low' | 'medium' | 'high' | 'critical';
   message: string;
-  timestamp: Date;
+  timestamp?: Date;
   acknowledged: boolean;
   resolvedAt?: Date;
 }
@@ -516,13 +528,13 @@ export interface Tracking {
   id: string;
   entityId: string;
   entityType: 'order' | 'vehicle' | 'driver';
-  currentLocation: Location;
+  currentLocation?: Location;
   locationHistory: Location[];
   status: string;
   estimatedArrival?: Date;
   nextCheckpoint?: string;
   alerts: TrackingAlert[];
-  lastUpdated: Date;
+  lastUpdated?: Date;
 }
 
 // Notification type

package/src/movethewheels/utils/formatters.ts

@@ -7,7 +7,7 @@ import type { Address } from '../types';
 /**
  * Format an address object into a readable string.
  */
-export function formatAddress(address: Address): string {
+export function formatAddress(address: Partial<Address>): string {
   const parts = [
     address.street,
     address.city,