Add onboarding flow improvements

frontend/src/router/AppRouter.tsx

@@ -39,10 +39,7 @@ const TrafficPage = React.lazy(() => import('../pages/app/data/traffic/TrafficPa
 const EventsPage = React.lazy(() => import('../pages/app/data/events/EventsPage'));
 
 // Onboarding pages
-const OnboardingSetupPage = React.lazy(() => import('../pages/app/onboarding/setup/OnboardingSetupPage'));
-const OnboardingUploadPage = React.lazy(() => import('../pages/app/onboarding/upload/OnboardingUploadPage'));
-const OnboardingAnalysisPage = React.lazy(() => import('../pages/app/onboarding/analysis/OnboardingAnalysisPage'));
-const OnboardingReviewPage = React.lazy(() => import('../pages/app/onboarding/review/OnboardingReviewPage'));
+const OnboardingPage = React.lazy(() => import('../pages/app/onboarding/OnboardingPage'));
 
 export const AppRouter: React.FC = () => {
   return (
@@ -277,44 +274,12 @@ export const AppRouter: React.FC = () => {
           } 
         />
 
-        {/* Onboarding Routes */}
+        {/* Onboarding Route - New Complete Flow */}
         <Route 
-          path="/app/onboarding/setup" 
+          path="/app/onboarding" 
           element={
             <ProtectedRoute>
-              <AppShell>
-                <OnboardingSetupPage />
-              </AppShell>
-            </ProtectedRoute>
-          } 
-        />
-        <Route 
-          path="/app/onboarding/upload" 
-          element={
-            <ProtectedRoute>
-              <AppShell>
-                <OnboardingUploadPage />
-              </AppShell>
-            </ProtectedRoute>
-          } 
-        />
-        <Route 
-          path="/app/onboarding/analysis" 
-          element={
-            <ProtectedRoute>
-              <AppShell>
-                <OnboardingAnalysisPage />
-              </AppShell>
-            </ProtectedRoute>
-          } 
-        />
-        <Route 
-          path="/app/onboarding/review" 
-          element={
-            <ProtectedRoute>
-              <AppShell>
-                <OnboardingReviewPage />
-              </AppShell>
+              <OnboardingPage />
             </ProtectedRoute>
           } 
         />

frontend/src/router/routes.config.ts

@@ -468,57 +468,21 @@ export const routesConfig: RouteConfig[] = [
     ],
   },
 
-  // Onboarding Section - Hidden from navigation
+  // Onboarding Section - Complete 9-step flow
   {
     path: '/app/onboarding',
     name: 'Onboarding',
     component: 'OnboardingPage',
     title: 'Configuración Inicial',
+    description: 'Configuración completa en 9 pasos con IA',
     icon: 'settings',
     requiresAuth: true,
     showInNavigation: false,
-    children: [
-      {
-        path: '/app/onboarding/setup',
-        name: 'OnboardingSetup',
-        component: 'OnboardingSetupPage',
-        title: 'Configuración Básica',
-        icon: 'settings',
-        requiresAuth: true,
-        showInNavigation: false,
-        showInBreadcrumbs: true,
-      },
-      {
-        path: '/app/onboarding/upload',
-        name: 'OnboardingUpload',
-        component: 'OnboardingUploadPage',
-        title: 'Carga de Datos',
-        icon: 'data',
-        requiresAuth: true,
-        showInNavigation: false,
-        showInBreadcrumbs: true,
-      },
-      {
-        path: '/app/onboarding/analysis',
-        name: 'OnboardingAnalysis',
-        component: 'OnboardingAnalysisPage',
-        title: 'Análisis de Datos',
-        icon: 'forecasting',
-        requiresAuth: true,
-        showInNavigation: false,
-        showInBreadcrumbs: true,
-      },
-      {
-        path: '/app/onboarding/review',
-        name: 'OnboardingReview',
-        component: 'OnboardingReviewPage',
-        title: 'Revisión Final',
-        icon: 'settings',
-        requiresAuth: true,
-        showInNavigation: false,
-        showInBreadcrumbs: true,
-      },
-    ],
+    meta: {
+      hideHeader: true,
+      hideSidebar: true,
+      fullScreen: true,
+    },
   },