@burdenoff/microfe-movethewheels 2026.920.3 → 2026.923.1

package/src/movethewheels/pages/OrderDetailsPage.tsx

@@ -4,7 +4,7 @@
  * Displays detailed information about a specific order.
  */
 
-import { useState } from 'react';
+import { useEffect, useState } from 'react';
 import { useParams } from 'react-router';
 import {
   Package,
@@ -34,6 +34,7 @@ import {
   Button,
   Badge,
   Separator,
+  Input,
   Label,
   Select,
   SelectContent,
@@ -50,6 +51,7 @@ import {
 import { EmphasisPanel, NextSteps, PagePurpose } from '@burdenoff/fe-libs/ui';
 import { useOrder, useOrders } from '../hooks/useOrders';
 import { useFleet } from '../hooks/useFleet';
+import { useDebouncedValue } from '../hooks/useDebouncedValue';
 import { FormError } from '../components/FormError';
 import { Notice, useNotice } from '../components/Notice';
 import { DocumentsCard } from '../components/DocumentsCard';
@@ -96,15 +98,28 @@ export default function OrderDetailsPage() {
   const { basePath, navigate } = useMoveTheWheels();
   const { order, isLoading, error, refetch } = useOrder(orderId);
   const { updateOrder, updateOrderStatus } = useOrders();
-  const { vehicles, drivers } = useFleet();
-  const { message: notice, notify } = useNotice();
-
+  const [fleetSearch, setFleetSearch] = useState('');
   const [selectedVehicle, setSelectedVehicle] = useState('');
   const [selectedDriver, setSelectedDriver] = useState('');
   const [assigning, setAssigning] = useState(false);
   const [advancing, setAdvancing] = useState(false);
   const [actionError, setActionError] = useState<string | null>(null);
-
+  const debouncedFleetSearch = useDebouncedValue(fleetSearch);
+  const { vehicles, isLoading: vehiclesLoading } = useFleet({
+    limit: 20,
+    filters: {
+      search: debouncedFleetSearch || undefined,
+      driverId: selectedDriver || undefined,
+    },
+  });
+  const { drivers, isLoading: driversLoading } = useFleet({
+    limit: 20,
+    filters: {
+      search: debouncedFleetSearch || undefined,
+      vehicleId: selectedVehicle || undefined,
+    },
+  });
+  const { message: notice, notify } = useNotice();
   const availableVehicles = vehicles.filter(
     (vehicle) => vehicle.status === 'available' || vehicle.id === order?.vehicleId
   );
@@ -112,6 +127,26 @@ export default function OrderDetailsPage() {
     (driver) => driver.status === 'available' || driver.id === order?.driverId
   );
 
+  useEffect(() => {
+    if (
+      !driversLoading &&
+      selectedDriver &&
+      !drivers.some((driver) => driver.id === selectedDriver)
+    ) {
+      setSelectedDriver('');
+    }
+  }, [drivers, driversLoading, selectedDriver]);
+
+  useEffect(() => {
+    if (
+      !vehiclesLoading &&
+      selectedVehicle &&
+      !vehicles.some((vehicle) => vehicle.id === selectedVehicle)
+    ) {
+      setSelectedVehicle('');
+    }
+  }, [selectedVehicle, vehicles, vehiclesLoading]);
+
   const handleAssign = async () => {
     if (!orderId || (!selectedVehicle && !selectedDriver)) {
       setActionError('Pick a vehicle and/or a driver to assign.');
@@ -187,7 +222,7 @@ export default function OrderDetailsPage() {
             <ArrowLeft size={16} />
             Back
           </Button>
-          <Button variant="outline">
+          <Button variant="outline" onClick={() => window.print()}>
             <Printer size={16} />
             Print
           </Button>
@@ -333,6 +368,47 @@ export default function OrderDetailsPage() {
             </CardContent>
           </Card>
 
+          {/* Saved route */}
+          <Card>
+            <CardHeader>
+              <CardTitle className="flex items-center gap-2">
+                <Truck size={18} />
+                Saved Route
+              </CardTitle>
+            </CardHeader>
+            <CardContent>
+              {order.route ? (
+                <div className="space-y-3">
+                  <div className="flex items-center justify-between gap-3">
+                    <div>
+                      <p className="font-medium">{order.route.name}</p>
+                      <p className="text-sm text-text-secondary">
+                        {order.route.stops.length} stops ·{' '}
+                        {order.route.status.replace('_', ' ').toLowerCase()}
+                      </p>
+                    </div>
+                    <Badge variant="outline">Reusable route</Badge>
+                  </div>
+                  <div className="space-y-2">
+                    {order.route.stops.map((stop, index) => (
+                      <div key={stop.id} className="flex items-start gap-2 text-sm">
+                        <span className="text-text-secondary">{index + 1}.</span>
+                        <span>
+                          <span className="font-medium capitalize">{stop.type}</span> ·{' '}
+                          {formatAddress(stop.address)}
+                        </span>
+                      </div>
+                    ))}
+                  </div>
+                </div>
+              ) : (
+                <p className="text-sm text-text-secondary">
+                  No saved route was selected for this order.
+                </p>
+              )}
+            </CardContent>
+          </Card>
+
           {/* Order Items */}
           <Card>
             <CardHeader>
@@ -477,6 +553,15 @@ export default function OrderDetailsPage() {
                 <Separator />
 
                 <div className="space-y-3">
+                  <div className="space-y-1.5">
+                    <Label htmlFor="assign-fleet-search">Search fleet</Label>
+                    <Input
+                      id="assign-fleet-search"
+                      value={fleetSearch}
+                      onChange={(event) => setFleetSearch(event.target.value)}
+                      placeholder="Vehicle number, driver name or ID"
+                    />
+                  </div>
                   <div className="space-y-1.5">
                     <Label htmlFor="assign-vehicle">Vehicle</Label>
                     <Select value={selectedVehicle} onValueChange={setSelectedVehicle}>

package/src/movethewheels/pages/OrdersListPage.tsx

@@ -34,6 +34,7 @@ import {
   Badge,
 } from '../components/ui';
 import { useOrders, useOrderStats } from '../hooks/useOrders';
+import { useDebouncedValue } from '../hooks/useDebouncedValue';
 import { useMoveTheWheels } from '../providers/MoveTheWheelsProvider';
 import { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';
 import { formatCurrency, formatDate } from '../utils/formatters';
@@ -51,13 +52,23 @@ export default function OrdersListPage() {
   const [unassignedOnly, setUnassignedOnly] = useState(false);
   const [page, setPage] = useState(0);
   const [pageSize, setPageSize] = useState(25);
+  const [search, setSearch] = useState('');
+  const debouncedSearch = useDebouncedValue(search);
 
-  const filtersActive = statusFilter !== 'all' || unassignedOnly;
+  const filtersActive = statusFilter !== 'all' || unassignedOnly || search.length > 0;
 
-  const { orders, hasMore, isLoading, error, refetch } = useOrders({
+  const {
+    orders,
+    totalOrders: totalMatchingOrders,
+    hasMore,
+    isLoading,
+    error,
+    refetch,
+  } = useOrders({
     filters: {
       status: statusFilter === 'all' ? undefined : statusFilter,
       unassigned: unassignedOnly || undefined,
+      search: debouncedSearch || undefined,
     },
     limit: pageSize,
     offset: page * pageSize,
@@ -303,6 +314,7 @@ export default function OrdersListPage() {
                 onClick={() => {
                   setStatusFilter('all');
                   setUnassignedOnly(false);
+                  setSearch('');
                   resetPage();
                 }}
               >
@@ -323,6 +335,11 @@ export default function OrdersListPage() {
         searchable
         searchPlaceholder={t('movethewheels.orders.searchPlaceholder', 'Search orders...')}
         searchFields={['orderNumber', 'customerInfo'] as (keyof Order)[]}
+        searchQuery={search}
+        onSearchQueryChange={(query) => {
+          setSearch(query);
+          setPage(0);
+        }}
         onRowClick={(row) => goTo(`orders/${row.id}`)}
         getRowId={(row) => row.id}
         pageIndex={page}
@@ -332,7 +349,7 @@ export default function OrdersListPage() {
           setPageSize(size);
           setPage(0);
         }}
-        totalItems={filtersActive ? undefined : totalOrders}
+        totalItems={totalMatchingOrders}
         hasNextPage={hasMore}
         emptyMessage={t('movethewheels.orders.empty', 'No orders found')}
         emptyIllustration="empty-data"

package/src/movethewheels/pages/ProductDetailsPage.tsx

@@ -4,7 +4,18 @@
 
 import { useEffect, useState } from 'react';
 import { useLocation, useParams } from 'react-router';
-import { Package, ArrowLeft, Edit, Box, DollarSign, Tag, Save, Warehouse } from 'lucide-react';
+import {
+  Package,
+  ArrowLeft,
+  Edit,
+  Box,
+  DollarSign,
+  Tag,
+  Save,
+  Warehouse,
+  ChevronLeft,
+  ChevronRight,
+} from 'lucide-react';
 import { PageLayout, LoadingState, ErrorState } from '../components/PageLayout';
 import {
   Card,
@@ -192,12 +203,23 @@ export default function ProductDetailsPage() {
   const { product, isLoading, error, refetch } = useProduct(productId);
   const isEditRoute = useLocation().pathname.endsWith('/edit');
   // Where this item is actually stocked — inventoryItems(filter: { cargoItemId }).
+  const [stockPage, setStockPage] = useState(0);
+  const stockPageSize = 20;
   const {
     levels: stockLevels,
+    totalLevels: totalStockLevels,
+    totalAvailable,
+    hasMore: hasMoreStock,
     isLoading: stockLoading,
     error: stockError,
-  } = useProductStockLevels(isEditRoute ? undefined : productId);
-  const totalAvailable = stockLevels.reduce((sum, level) => sum + level.available, 0);
+  } = useProductStockLevels(isEditRoute ? undefined : productId, {
+    limit: stockPageSize,
+    offset: stockPage * stockPageSize,
+  });
+
+  useEffect(() => {
+    setStockPage(0);
+  }, [productId]);
 
   const goBack = () => navigate?.(joinPath(basePath, 'inventory/products'));
   const goTo = (path: string) => navigate?.(joinPath(basePath, path));
@@ -391,6 +413,33 @@ export default function ProductDetailsPage() {
                       </span>
                     </div>
                   ))}
+                  {stockPage > 0 || hasMoreStock ? (
+                    <div className="flex items-center justify-between gap-2 border-t border-border-seam pt-3">
+                      <span className="text-xs text-text-secondary">
+                        {stockPage * stockPageSize + 1}–
+                        {Math.min(stockPage * stockPageSize + stockLevels.length, totalStockLevels)}{' '}
+                        of {totalStockLevels}
+                      </span>
+                      <div className="flex gap-2">
+                        <Button
+                          variant="outline"
+                          size="sm"
+                          disabled={stockPage === 0 || stockLoading}
+                          onClick={() => setStockPage((page) => Math.max(0, page - 1))}
+                        >
+                          <ChevronLeft size={14} /> Previous
+                        </Button>
+                        <Button
+                          variant="outline"
+                          size="sm"
+                          disabled={!hasMoreStock || stockLoading}
+                          onClick={() => setStockPage((page) => page + 1)}
+                        >
+                          Next <ChevronRight size={14} />
+                        </Button>
+                      </div>
+                    </div>
+                  ) : null}
                   <div className="flex items-baseline justify-between gap-3 border-t border-border-seam pt-3">
                     <p className="text-sm text-text-secondary">Available across the network</p>
                     <span className="font-bold">{totalAvailable.toLocaleString()}</span>

package/src/movethewheels/pages/ProductsPage.tsx

@@ -10,6 +10,7 @@ import { DataTable, type Column } from '../components/DataTable';
 import { Badge } from '../components/ui';
 import { CTAOverflowMenu, PagePurpose } from '@burdenoff/fe-libs/ui';
 import { useProducts, useProductStats } from '../hooks/useInventory';
+import { useDebouncedValue } from '../hooks/useDebouncedValue';
 import { useMoveTheWheels } from '../providers/MoveTheWheelsProvider';
 import { formatCurrency } from '../utils/formatters';
 import { joinPath } from '../utils/navigation';
@@ -19,9 +20,12 @@ export default function ProductsPage() {
   const { basePath, navigate } = useMoveTheWheels();
   const [page, setPage] = useState(0);
   const [pageSize, setPageSize] = useState(25);
-  const { products, hasMore, isLoading, error, refetch } = useProducts({
+  const [search, setSearch] = useState('');
+  const debouncedSearch = useDebouncedValue(search);
+  const { products, totalProducts, hasMore, isLoading, error, refetch } = useProducts({
     limit: pageSize,
     offset: page * pageSize,
+    search: debouncedSearch,
   });
   // Bounded aggregate for the tiles + subtitle — not the truncated page.
   const { stats } = useProductStats();
@@ -164,6 +168,11 @@ export default function ProductsPage() {
         searchable
         searchPlaceholder="Search products..."
         searchFields={['name', 'sku', 'category'] as (keyof Product)[]}
+        searchQuery={search}
+        onSearchQueryChange={(query) => {
+          setSearch(query);
+          setPage(0);
+        }}
         onRowClick={(row) => goTo(`inventory/products/${row.id}`)}
         getRowId={(row) => row.id}
         pageIndex={page}
@@ -173,6 +182,7 @@ export default function ProductsPage() {
           setPageSize(size);
           setPage(0);
         }}
+        totalItems={totalProducts}
         hasNextPage={hasMore}
         emptyIllustration="empty-files"
         emptyTitle="No products yet"

package/src/movethewheels/pages/RouteDetailsPage.tsx

@@ -40,17 +40,26 @@ import { EmphasisPanel, NextSteps, PagePurpose } from '@burdenoff/fe-libs/ui';
 import { RouteMap, type RouteStop as MapRouteStop } from '../components/maps';
 import { firstRealLatLng } from '../utils/mapMarkers';
 import { useRoute, useRoutes } from '../hooks/useRoutes';
-import { useFleet } from '../hooks/useFleet';
+import { useFleet, useVehicle, useDriver } from '../hooks/useFleet';
 import { useAssignmentSuggestions } from '../hooks/useFleetIntelligence';
 import { AssignmentSuggestions } from '../components/AssignmentSuggestions';
 import { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';
 import { useMoveTheWheels } from '../providers/MoveTheWheelsProvider';
+import { useDebouncedValue } from '../hooks/useDebouncedValue';
 import { formatDate, formatAddress, formatCurrency } from '../utils/formatters';
 import { joinPath } from '../utils/navigation';
 import { ROUTE_STATUS_COLORS } from '../constants';
 import { FormError } from '../components/FormError';
 import { Notice, useNotice } from '../components/Notice';
-import type { Route as RouteType, RouteStop } from '../types';
+import type { Route as RouteType, RouteStop, Vehicle, Driver } from '../types';
+
+/** Keeps a currently selected fleet item visible even when it falls outside the current search page. */
+function mergeSelected<T extends { id: string }>(items: T[], selected: T | null | undefined): T[] {
+  if (!selected || items.some((item) => item.id === selected.id)) {
+    return items;
+  }
+  return [selected, ...items];
+}
 
 const ROUTE_STATUS_OPTIONS: { value: RouteType['status']; label: string }[] = [
   { value: 'planned', label: 'Planned' },
@@ -63,7 +72,8 @@ function NewRouteForm({ editId }: { editId?: string }) {
   const { basePath, navigate } = useMoveTheWheels();
   const { createRoute, updateRoute } = useRoutes();
   const { route } = useRoute(editId);
-  const { vehicles, drivers } = useFleet();
+  const [fleetSearch, setFleetSearch] = useState('');
+  const debouncedFleetSearch = useDebouncedValue(fleetSearch);
   const isEditing = !!editId;
   const [form, setForm] = useState<{
     name: string;
@@ -78,6 +88,27 @@ function NewRouteForm({ editId }: { editId?: string }) {
     driverId: '',
     stops: [{ address: '', type: 'delivery' }],
   });
+  const { vehicles } = useFleet({
+    limit: 20,
+    filters: {
+      search: debouncedFleetSearch || undefined,
+      driverId: form.driverId || undefined,
+    },
+  });
+  const { drivers } = useFleet({
+    limit: 20,
+    filters: {
+      search: debouncedFleetSearch || undefined,
+      vehicleId: form.vehicleId || undefined,
+    },
+  });
+  // The selected vehicle/driver may fall outside the current search page (e.g. when
+  // editing a route or after the assignee no longer matches the search term); fetch
+  // them directly so the Select can still render the current selection.
+  const { vehicle: selectedVehicle } = useVehicle(form.vehicleId || undefined);
+  const { driver: selectedDriver } = useDriver(form.driverId || undefined);
+  const vehicleOptions: Vehicle[] = mergeSelected(vehicles, selectedVehicle);
+  const driverOptions: Driver[] = mergeSelected(drivers, selectedDriver);
   const [submitting, setSubmitting] = useState(false);
   const [error, setError] = useState<string | null>(null);
 
@@ -253,6 +284,15 @@ function NewRouteForm({ editId }: { editId?: string }) {
                 </Select>
               </div>
             </div>
+            <div className="space-y-2">
+              <Label htmlFor="fleet-search">Search fleet</Label>
+              <Input
+                id="fleet-search"
+                value={fleetSearch}
+                onChange={(e) => setFleetSearch(e.target.value)}
+                placeholder="Vehicle number, driver name or ID"
+              />
+            </div>
             <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
               <div className="space-y-2">
                 <Label htmlFor="vehicle">Vehicle (optional)</Label>
@@ -264,7 +304,7 @@ function NewRouteForm({ editId }: { editId?: string }) {
                     <SelectValue placeholder="Assign later" />
                   </SelectTrigger>
                   <SelectContent>
-                    {vehicles.map((vehicle) => (
+                    {vehicleOptions.map((vehicle) => (
                       <SelectItem key={vehicle.id} value={vehicle.id}>
                         {vehicle.vehicleNumber} ({vehicle.type})
                       </SelectItem>
@@ -282,7 +322,7 @@ function NewRouteForm({ editId }: { editId?: string }) {
                     <SelectValue placeholder="Assign later" />
                   </SelectTrigger>
                   <SelectContent>
-                    {drivers.map((driver) => (
+                    {driverOptions.map((driver) => (
                       <SelectItem key={driver.id} value={driver.id}>
                         {driver.fullName} ({driver.employeeId})
                       </SelectItem>

package/src/movethewheels/pages/RoutesPage.tsx

@@ -10,6 +10,7 @@ import { StatusBadge } from '../components/StatusBadge';
 import { Badge, Button } from '../components/ui';
 import { CTAOverflowMenu, EmphasisPanel, PagePurpose } from '@burdenoff/fe-libs/ui';
 import { useRoutes, useRouteStats } from '../hooks/useRoutes';
+import { useDebouncedValue } from '../hooks/useDebouncedValue';
 import { useMoveTheWheels } from '../providers/MoveTheWheelsProvider';
 import { formatDate } from '../utils/formatters';
 import { joinPath } from '../utils/navigation';
@@ -20,9 +21,12 @@ export default function RoutesPage() {
   const { basePath, navigate } = useMoveTheWheels();
   const [page, setPage] = useState(0);
   const [pageSize, setPageSize] = useState(25);
-  const { routes, hasMore, isLoading, error, refetch } = useRoutes({
+  const [search, setSearch] = useState('');
+  const debouncedSearch = useDebouncedValue(search);
+  const { routes, totalRoutes, hasMore, isLoading, error, refetch } = useRoutes({
     limit: pageSize,
     offset: page * pageSize,
+    search: debouncedSearch || undefined,
   });
   // Bounded aggregate for the tiles + subtitle — not the truncated page.
   const { stats } = useRouteStats();
@@ -131,6 +135,11 @@ export default function RoutesPage() {
         searchable
         searchPlaceholder="Search routes..."
         searchFields={['name'] as (keyof Route)[]}
+        searchQuery={search}
+        onSearchQueryChange={(query) => {
+          setSearch(query);
+          setPage(0);
+        }}
         onRowClick={(row) => goTo(`routes/${row.id}`)}
         getRowId={(row) => row.id}
         pageIndex={page}
@@ -140,6 +149,7 @@ export default function RoutesPage() {
           setPageSize(size);
           setPage(0);
         }}
+        totalItems={totalRoutes}
         hasNextPage={hasMore}
         emptyIllustration="empty-data"
         emptyTitle="No routes yet"

package/src/movethewheels/pages/VehiclesPage.tsx

@@ -19,6 +19,7 @@ import { StatusBadge, VehicleTypeBadge } from '../components/StatusBadge';
 import { Progress } from '../components/ui';
 import { CTAOverflowMenu, PagePurpose } from '@burdenoff/fe-libs/ui';
 import { useVehicles, useFleetStats } from '../hooks/useFleet';
+import { useDebouncedValue } from '../hooks/useDebouncedValue';
 import { useMoveTheWheels } from '../providers/MoveTheWheelsProvider';
 import { joinPath } from '../utils/navigation';
 import type { Vehicle } from '../types';
@@ -27,9 +28,19 @@ export default function VehiclesPage() {
   const { basePath, navigate } = useMoveTheWheels();
   const [page, setPage] = useState(0);
   const [pageSize, setPageSize] = useState(25);
-  const { vehicles, isLoading, error, refetch } = useVehicles({
+  const [search, setSearch] = useState('');
+  const debouncedSearch = useDebouncedValue(search);
+  const {
+    vehicles,
+    totalVehicles: filteredVehicleCount,
+    hasMore,
+    isLoading,
+    error,
+    refetch,
+  } = useVehicles({
     limit: pageSize,
     offset: page * pageSize,
+    search: debouncedSearch || undefined,
   });
   // Fleet totals + tiles from the live aggregate, not the current page.
   const { stats } = useFleetStats();
@@ -176,6 +187,11 @@ export default function VehiclesPage() {
         searchable
         searchPlaceholder="Search vehicles..."
         searchFields={['vehicleNumber', 'make', 'model'] as (keyof Vehicle)[]}
+        searchQuery={search}
+        onSearchQueryChange={(query) => {
+          setSearch(query);
+          setPage(0);
+        }}
         onRowClick={(row) => goTo(`fleet/vehicles/${row.id}`)}
         getRowId={(row) => row.id}
         pageIndex={page}
@@ -185,7 +201,8 @@ export default function VehiclesPage() {
           setPageSize(size);
           setPage(0);
         }}
-        totalItems={totalVehicles}
+        totalItems={filteredVehicleCount}
+        hasNextPage={hasMore}
         emptyIllustration="empty-data"
         emptyTitle="No vehicles yet"
         emptyDescription="Add vehicles to your fleet to start assigning them to deliveries."

package/src/movethewheels/pages/WarehousesPage.tsx

@@ -10,6 +10,7 @@ import { DataTable, type Column } from '../components/DataTable';
 import { Badge, Progress } from '../components/ui';
 import { CTAOverflowMenu, PagePurpose } from '@burdenoff/fe-libs/ui';
 import { useWarehouses, useWarehouseStats } from '../hooks/useInventory';
+import { useDebouncedValue } from '../hooks/useDebouncedValue';
 import { useMoveTheWheels } from '../providers/MoveTheWheelsProvider';
 import { joinPath } from '../utils/navigation';
 import type { Warehouse as WarehouseType } from '../types';
@@ -18,9 +19,12 @@ export default function WarehousesPage() {
   const { basePath, navigate } = useMoveTheWheels();
   const [page, setPage] = useState(0);
   const [pageSize, setPageSize] = useState(25);
-  const { warehouses, hasMore, isLoading, error, refetch } = useWarehouses({
+  const [search, setSearch] = useState('');
+  const debouncedSearch = useDebouncedValue(search);
+  const { warehouses, totalWarehouses, hasMore, isLoading, error, refetch } = useWarehouses({
     limit: pageSize,
     offset: page * pageSize,
+    search: debouncedSearch,
   });
   // Bounded aggregate for the tiles + subtitle — not the truncated page.
   const { stats } = useWarehouseStats();
@@ -157,6 +161,11 @@ export default function WarehousesPage() {
         searchable
         searchPlaceholder="Search warehouses..."
         searchFields={['name', 'code'] as (keyof WarehouseType)[]}
+        searchQuery={search}
+        onSearchQueryChange={(query) => {
+          setSearch(query);
+          setPage(0);
+        }}
         onRowClick={(row) => goTo(`inventory/warehouses/${row.id}`)}
         getRowId={(row) => row.id}
         pageIndex={page}
@@ -166,6 +175,7 @@ export default function WarehousesPage() {
           setPageSize(size);
           setPage(0);
         }}
+        totalItems={totalWarehouses}
         hasNextPage={hasMore}
         emptyIllustration="empty-data"
         emptyTitle="No warehouses yet"

package/src/movethewheels/types/index.ts

@@ -280,6 +280,8 @@ export interface Order {
   actualDelivery?: Date;
   driverId?: string;
   vehicleId?: string;
+  routeId?: string;
+  route?: Route;
   trackingNumber: string;
   specialInstructions?: string;
   pricing: OrderPricing;
@@ -502,7 +504,10 @@ export interface InventoryMovement {
 export interface Inventory {
   id: string;
   productId: string;
+  productName?: string;
+  productSku?: string;
   warehouseId: string;
+  warehouseName?: string;
   zoneId: string;
   quantity: number;
   reservedQuantity: number;
@@ -746,23 +751,25 @@ export interface OrderFilter {
   dateFrom?: Date;
   dateTo?: Date;
   priority?: string;
-  /**
-   * Client-side quick filter for orders that still need a driver assigned
-   * (driverId is null). The backend DeliveryJobFilterInput has no null-driver
-   * predicate, so this is applied to the fetched page after mapping.
-   */
+  search?: string;
+  /** Server-side predicate for orders that still need a driver assigned. */
   unassigned?: boolean;
 }
 
 export interface FleetFilter {
   vehicleType?: VehicleType;
   status?: VehicleStatus;
+  /** Filter vehicles to those linked to this driver. */
   driverId?: string;
+  /** Filter drivers to those linked to this vehicle. */
+  vehicleId?: string;
+  search?: string;
 }
 
 export interface InventoryFilter {
   warehouseId?: string;
   productId?: string;
+  search?: string;
   lowStock?: boolean;
 }