Add fixes to procurement logic and fix rel-time connections

frontend/src/router/AppRouter.tsx

@@ -22,6 +22,7 @@ const MaquinariaPage = React.lazy(() => import('../pages/app/operations/maquinar
 
 // Analytics pages
 const ProductionAnalyticsPage = React.lazy(() => import('../pages/app/analytics/ProductionAnalyticsPage'));
+const ProcurementAnalyticsPage = React.lazy(() => import('../pages/app/analytics/ProcurementAnalyticsPage'));
 const ForecastingPage = React.lazy(() => import('../pages/app/analytics/forecasting/ForecastingPage'));
 const SalesAnalyticsPage = React.lazy(() => import('../pages/app/analytics/sales-analytics/SalesAnalyticsPage'));
 const AIInsightsPage = React.lazy(() => import('../pages/app/analytics/ai-insights/AIInsightsPage'));
@@ -225,6 +226,16 @@ export const AppRouter: React.FC = () => {
             </ProtectedRoute>
           }
         />
+        <Route
+          path="/app/analytics/procurement"
+          element={
+            <ProtectedRoute>
+              <AppShell>
+                <ProcurementAnalyticsPage />
+              </AppShell>
+            </ProtectedRoute>
+          }
+        />
         <Route
           path="/app/analytics/forecasting"
           element={

frontend/src/router/routes.config.ts

@@ -89,7 +89,7 @@ export const ROUTES = {
   PROCUREMENT_ORDERS: '/procurement/orders',
   PROCUREMENT_SUPPLIERS: '/procurement/suppliers',
   PROCUREMENT_DELIVERIES: '/procurement/deliveries',
-  PROCUREMENT_ANALYTICS: '/procurement/analytics',
+  PROCUREMENT_ANALYTICS: '/app/analytics/procurement',
 
   // Recipes
   RECIPES: '/app/database/recipes',
@@ -289,6 +289,18 @@ export const routesConfig: RouteConfig[] = [
         showInNavigation: true,
         showInBreadcrumbs: true,
       },
+      {
+        path: '/app/analytics/procurement',
+        name: 'ProcurementAnalytics',
+        component: 'ProcurementAnalyticsPage',
+        title: 'Análisis de Compras',
+        icon: 'procurement',
+        requiresAuth: true,
+        requiredRoles: ROLE_COMBINATIONS.MANAGEMENT_ACCESS,
+        requiredAnalyticsLevel: 'advanced',
+        showInNavigation: true,
+        showInBreadcrumbs: true,
+      },
       {
         path: '/app/analytics/forecasting',
         name: 'Forecasting',