Páginas del submódulo Warehouse

El módulo de productos incluye un submódulo completo de gestión de almacenes.

InventoryDashboard.tsx

Dashboard visual con resumen del estado del inventario:

Tarjetas de métricas (valor total, productos con stock bajo, sin stock)
Gráficos de distribución
Alertas de reposición
Accesos rápidos a funciones

WarehouseDashboard.tsx

Vista general de almacenes con:

Lista de almacenes activos
Capacidad utilizada por almacén
Productos almacenados
Valor del inventario por almacén

🔧 Detalles Técnicos — Submódulo Warehouse

Ubicación: /src/features/products/sub-modules/warehouse/

Estructura:

warehouse/
├── api/
│   └── query-keys.ts
├── components/
│   ├── CreateSampleData.tsx
│   ├── InventoryDashboard.tsx
│   ├── LocationManager.tsx
│   ├── LocationSelector.tsx
│   ├── StockMovementForm.tsx
│   └── WarehouseDashboard.tsx
└── pages/
    └── WarehouseDashboard.tsx

Query keys:

export const warehouseKeys = {
  all: ['warehouses'] as const,
  lists: () => [...warehouseKeys.all, 'list'] as const,
  details: () => [...warehouseKeys.all, 'detail'] as const,
  detail: (id: string) => [...warehouseKeys.details(), id] as const,
};

export const warehouseLocationKeys = {
  all: ['warehouse-locations'] as const,
  lists: () => [...warehouseLocationKeys.all, 'list'] as const,
  byWarehouse: (warehouseId: string) =>
    [...warehouseLocationKeys.lists(), warehouseId] as const,
};