ADD new frontend 2

frontend/src/router/routes.config.ts

@@ -203,35 +203,141 @@ export const routesConfig: RouteConfig[] = [
       cache: true,
     },
   },
-  
-  // Inventory Management
+
+  // Operations Section
   {
-    path: '/app/operations/inventory',
-    name: 'Inventory',
-    component: 'InventoryPage',
-    title: 'Inventario',
-    icon: 'inventory',
-    requiresAuth: true,
-    showInNavigation: true,
-  },
-  
-  // Production Management
-  {
-    path: '/app/operations/production',
-    name: 'Production',
-    component: 'ProductionPage',
-    title: 'Producción',
+    path: '/app/operations',
+    name: 'Operations',
+    component: 'OperationsPage',
+    title: 'Operaciones',
     icon: 'production',
     requiresAuth: true,
     showInNavigation: true,
+    children: [
+      {
+        path: '/app/operations/production',
+        name: 'Production',
+        component: 'ProductionPage',
+        title: 'Producción',
+        icon: 'production',
+        requiresAuth: true,
+        showInNavigation: true,
+        showInBreadcrumbs: true,
+      },
+      {
+        path: '/app/operations/orders',
+        name: 'Orders',
+        component: 'OrdersPage',
+        title: 'Pedidos',
+        icon: 'orders',
+        requiresAuth: true,
+        showInNavigation: true,
+        showInBreadcrumbs: true,
+      },
+      {
+        path: '/app/operations/inventory',
+        name: 'Inventory',
+        component: 'InventoryPage',
+        title: 'Inventario',
+        icon: 'inventory',
+        requiresAuth: true,
+        showInNavigation: true,
+        showInBreadcrumbs: true,
+      },
+      {
+        path: '/app/operations/recipes',
+        name: 'Recipes',
+        component: 'RecipesPage',
+        title: 'Recetas',
+        icon: 'production',
+        requiresAuth: true,
+        showInNavigation: true,
+        showInBreadcrumbs: true,
+      },
+      {
+        path: '/app/operations/procurement',
+        name: 'Procurement',
+        component: 'ProcurementPage',
+        title: 'Compras',
+        icon: 'procurement',
+        requiresAuth: true,
+        showInNavigation: true,
+        showInBreadcrumbs: true,
+      },
+      {
+        path: '/app/operations/pos',
+        name: 'POS',
+        component: 'POSPage',
+        title: 'Punto de Venta',
+        icon: 'pos',
+        requiresAuth: true,
+        showInNavigation: true,
+        showInBreadcrumbs: true,
+      },
+    ],
   },
-  
-  
-  
-  
-  // Settings
+
+  // Analytics Section
   {
-    path: ROUTES.SETTINGS,
+    path: '/app/analytics',
+    name: 'Analytics',
+    component: 'AnalyticsPage',
+    title: 'Analytics',
+    icon: 'sales',
+    requiresAuth: true,
+    requiredRoles: ['admin', 'manager'],
+    showInNavigation: true,
+    children: [
+      {
+        path: '/app/analytics/forecasting',
+        name: 'Forecasting',
+        component: 'ForecastingPage',
+        title: 'Pronósticos',
+        icon: 'forecasting',
+        requiresAuth: true,
+        requiredRoles: ['admin', 'manager'],
+        showInNavigation: true,
+        showInBreadcrumbs: true,
+      },
+      {
+        path: '/app/analytics/sales',
+        name: 'SalesAnalytics',
+        component: 'SalesAnalyticsPage',
+        title: 'Análisis de Ventas',
+        icon: 'sales',
+        requiresAuth: true,
+        requiredRoles: ['admin', 'manager'],
+        showInNavigation: true,
+        showInBreadcrumbs: true,
+      },
+      {
+        path: '/app/analytics/performance',
+        name: 'PerformanceAnalytics',
+        component: 'PerformanceAnalyticsPage',
+        title: 'Análisis de Rendimiento',
+        icon: 'sales',
+        requiresAuth: true,
+        requiredRoles: ['admin', 'manager'],
+        showInNavigation: true,
+        showInBreadcrumbs: true,
+      },
+      {
+        path: '/app/analytics/ai-insights',
+        name: 'AIInsights',
+        component: 'AIInsightsPage',
+        title: 'Insights de IA',
+        icon: 'forecasting',
+        requiresAuth: true,
+        requiredRoles: ['admin', 'manager'],
+        showInNavigation: true,
+        showInBreadcrumbs: true,
+      },
+    ],
+  },
+
+  // Settings Section
+  {
+    path: '/app/settings',
     name: 'Settings',
     component: 'SettingsPage',
     title: 'Configuración',
@@ -246,16 +352,7 @@ export const routesConfig: RouteConfig[] = [
         title: 'Configuración de Panadería',
         icon: 'settings',
         requiresAuth: true,
-        showInNavigation: true,
-        showInBreadcrumbs: true,
-      },
-      {
-        path: '/app/settings/system',
-        name: 'SystemSettings',
-        component: 'SystemSettingsPage',
-        title: 'Configuración del Sistema',
-        icon: 'settings',
-        requiresAuth: true,
+        requiredRoles: ['admin'],
         showInNavigation: true,
         showInBreadcrumbs: true,
       },
@@ -266,6 +363,18 @@ export const routesConfig: RouteConfig[] = [
         title: 'Gestión de Equipo',
         icon: 'settings',
         requiresAuth: true,
+        requiredRoles: ['admin', 'manager'],
+        showInNavigation: true,
+        showInBreadcrumbs: true,
+      },
+      {
+        path: '/app/settings/system',
+        name: 'SystemSettings',
+        component: 'SystemSettingsPage',
+        title: 'Configuración del Sistema',
+        icon: 'settings',
+        requiresAuth: true,
+        requiredRoles: ['admin'],
         showInNavigation: true,
         showInBreadcrumbs: true,
       },
@@ -276,88 +385,13 @@ export const routesConfig: RouteConfig[] = [
         title: 'Entrenamiento',
         icon: 'training',
         requiresAuth: true,
+        requiredRoles: ['admin', 'manager'],
         showInNavigation: true,
         showInBreadcrumbs: true,
       },
     ],
   },
 
-  // Individual Operations Pages
-  {
-    path: '/app/operations/recipes',
-    name: 'Recipes',
-    component: 'RecipesPage',
-    title: 'Recetas',
-    icon: 'production',
-    requiresAuth: true,
-    showInNavigation: true,
-  },
-  {
-    path: '/app/operations/orders',
-    name: 'Orders',
-    component: 'OrdersPage',
-    title: 'Pedidos',
-    icon: 'orders',
-    requiresAuth: true,
-    showInNavigation: true,
-  },
-  {
-    path: '/app/operations/procurement',
-    name: 'Procurement',
-    component: 'ProcurementPage',
-    title: 'Compras',
-    icon: 'procurement',
-    requiresAuth: true,
-    showInNavigation: true,
-  },
-  {
-    path: '/app/operations/pos',
-    name: 'POS',
-    component: 'POSPage',
-    title: 'Punto de Venta',
-    icon: 'pos',
-    requiresAuth: true,
-    showInNavigation: true,
-  },
-
-  // Individual Analytics Pages
-  {
-    path: '/app/analytics/forecasting',
-    name: 'Forecasting',
-    component: 'ForecastingPage',
-    title: 'Pronósticos',
-    icon: 'forecasting',
-    requiresAuth: true,
-    showInNavigation: true,
-  },
-  {
-    path: '/app/analytics/sales',
-    name: 'SalesAnalytics',
-    component: 'SalesAnalyticsPage',
-    title: 'Análisis de Ventas',
-    icon: 'sales',
-    requiresAuth: true,
-    showInNavigation: true,
-  },
-  {
-    path: '/app/analytics/ai-insights',
-    name: 'AIInsights',
-    component: 'AIInsightsPage',
-    title: 'Insights de IA',
-    icon: 'forecasting',
-    requiresAuth: true,
-    showInNavigation: true,
-  },
-  {
-    path: '/app/analytics/performance',
-    name: 'PerformanceAnalytics',
-    component: 'PerformanceAnalyticsPage',
-    title: 'Análisis de Rendimiento',
-    icon: 'sales',
-    requiresAuth: true,
-    showInNavigation: true,
-  },
-
   // Communications Section
   {
     path: '/app/communications',