🚀 Feat(Core): Migración oficial y total B a Supabase (Auth, DB, APIs) + Eliminación de Backend Python y Fixes Firebase + Soporte Vite Vercel

frontend/src/components/auth/LoginForm.vue

@@ -1,9 +1,8 @@
 <script setup lang="ts">
 import { ref } from 'vue'
 import { useRouter } from 'vue-router'
-import { authService } from '@/services/authService'
 import { useAuthStore } from '@/stores/auth'
-import { signInWithGoogle } from '@/firebaseConfig'
+import { supabase } from '@/supabase'
 
 const emit = defineEmits(['toggle'])
 
@@ -21,29 +20,20 @@ const handleLogin = async () => {
   console.log('Iniciando Login con correo...')
 
   try {
-    const response = await authService.login({
-      email: email.value.trim().toLowerCase(),
-      password: password.value,
-      keep_session: keepSession.value
-    })
-    console.log('Backend login exitoso:', response)
-
-    authStore.login(response.access_token, response.role, response.full_name)
-
-    const role = response.role.toUpperCase()
-    if (role === 'ADMIN') router.push('/admin')
-    else if (role === 'DRIVER') router.push('/driver')
-    else if (role === 'PROMOTER') router.push('/promoter')
-    else router.push('/map')
+    await authStore.login(email.value.trim().toLowerCase(), password.value)
+    
+    // Esperar a que el perfil se cargue globalmente para saber a qué pantalla navegar
+    setTimeout(() => {
+        const r = authStore.role || 'PASSENGER'
+        navigateByUserRole(r)
+    }, 800)
 
   } catch (error: any) {
     console.error('Error Login detallado:', error)
-    if (!error.response) {
-      errorMessage.value = 'Error de conexión. Verifica tu internet o el estado del servidor.'
-    } else if (error.response.status === 401) {
+    if (error.message.includes('Invalid login credentials')) {
       errorMessage.value = 'Correo o contraseña incorrectos.'
     } else {
-      errorMessage.value = `Error (${error.response.status}): ${error.response?.data?.detail || 'Error en el servidor.'}`
+      errorMessage.value = `Error: ${error.message || 'Error en el servidor.'}`
     }
   } finally {
     isLoading.value = false
@@ -64,24 +54,17 @@ const handleGoogleLogin = async () => {
   console.log('Iniciando Google Login...')
 
   try {
-    const { token } = await signInWithGoogle()
-    console.log('Firebase token obtenido:', token ? 'SI' : 'NO (Redirecting...)')
-    
-    if (token) {
-      const response = await authService.googleLogin(token)
-      console.log('Backend Google login exitoso:', response)
-      authStore.login(response.access_token, response.role, response.full_name)
-      
-      // Navigate based on actual role from backend
-      navigateByUserRole(response.role)
-    }
+    const { error } = await supabase.auth.signInWithOAuth({
+        provider: 'google',
+        options: {
+            redirectTo: window.location.origin
+        }
+    })
+    if (error) throw error
+    // Se redirige automáticamente
   } catch (error: any) {
     console.error('Error Google Login:', error)
-    if (error.response?.data?.detail) {
-      errorMessage.value = `Error: ${error.response.data.detail}`
-    } else {
-      errorMessage.value = `Error con Google: ${error.message || 'Error desconocido'}`
-    }
+    errorMessage.value = `Error con Google: ${error.message || 'Error desconocido'}`
   } finally {
     isLoading.value = false
   }
@@ -90,7 +73,7 @@ const handleGoogleLogin = async () => {
 
 <template>
   <div class="login-form">
-    <!-- Google 
+    <!-- Google -->
     <button
       type="button"
       class="google-btn"
@@ -106,7 +89,6 @@ const handleGoogleLogin = async () => {
       <span class="divider-text">o con correo</span>
       <span class="divider-line"></span>
     </div>
-    -->
 
     <!-- Formulario -->
     <form @submit.prevent="handleLogin">

frontend/src/components/auth/RegisterForm.vue

@@ -3,7 +3,7 @@ import { ref } from 'vue'
 import { useRouter } from 'vue-router'
 import { authService } from '@/services/authService'
 import { analyticsService } from '@/services/analyticsService'
-import { signInWithGoogle } from '@/firebaseConfig'
+import { supabase } from '@/supabase'
 import { useAuthStore } from '@/stores/auth'
 
 const emit = defineEmits(['toggle', 'success'])
@@ -33,39 +33,26 @@ const handleRegister = async () => {
       email: cleanEmail,
       password: cleanPass
     })
-    console.log('Registro exitoso en backend:', regResponse)
+    console.log('Registro exitoso en Supabase:', regResponse)
 
     analyticsService.logEvent({
       event_name: 'sign_up',
       properties: { method: 'email' }
     })
 
-    // Iniciar sesión automáticamente después del registro
     console.log('Iniciando sesión automática...')
-    const response = await authService.login({
-      email: cleanEmail,
-      password: cleanPass
-    })
-    console.log('Login automático exitoso:', response)
-
-    authStore.login(response.access_token, response.role, response.full_name)
+    await authStore.login(cleanEmail, cleanPass)
     
     successMessage.value = '¡Cuenta creada con éxito!'
     
-    // Redirigir casi de inmediato
     setTimeout(() => { 
-      navigateByUserRole(response.role)
-    }, 1000)
+      const r = authStore.role || 'PASSENGER'
+      navigateByUserRole(r)
+    }, 1500)
 
   } catch (error: any) {
     console.error('Error detallado de registro:', error)
-    if (error.response) {
-      errorMessage.value = `Error del servidor (${error.response.status}): ${error.response.data?.detail || 'Error desconocido'}`
-    } else if (error.request) {
-      errorMessage.value = 'No se recibió respuesta del servidor. ¿Backend caído?'
-    } else {
-      errorMessage.value = `Error: ${error.message}`
-    }
+    errorMessage.value = `Error: ${error.message || 'Error desconocido'}`
   } finally {
     isLoading.value = false
   }
@@ -85,31 +72,17 @@ const handleGoogleRegister = async () => {
   console.log('Iniciando Google Register...')
 
   try {
-    const { token } = await signInWithGoogle()
-    console.log('Firebase token obtenido:', token ? 'SI' : 'NO (Redirecting...)')
-    
-    if (token) {
-      const response = await authService.googleLogin(token)
-      console.log('Backend Google login/register exitoso:', response)
-
-      analyticsService.logEvent({
-        event_name: 'sign_up',
-        properties: { method: 'google' }
-      })
-
-      authStore.login(response.access_token, response.role, response.full_name)
-      
-      // Navigate based on actual role from backend
-      navigateByUserRole(response.role)
-    }
-
+    const { error } = await supabase.auth.signInWithOAuth({
+        provider: 'google',
+        options: {
+            redirectTo: window.location.origin
+        }
+    })
+    if (error) throw error
+    // Redirect happens automatically
   } catch (error: any) {
     console.error('Error Google Register:', error)
-    if (error.response?.data?.detail) {
-      errorMessage.value = `Error: ${error.response.data.detail}`
-    } else {
-      errorMessage.value = `Error con Google: ${error.message || 'Intenta de nuevo'}`
-    }
+    errorMessage.value = `Error con Google: ${error.message || 'Intenta de nuevo'}`
   } finally {
     isLoading.value = false
   }
@@ -129,7 +102,7 @@ const handleGoogleRegister = async () => {
     <!-- Formulario -->
     <template v-else>
 
-      <!-- Google 
+    <!-- Google -->
       <button
         type="button"
         class="google-btn"
@@ -145,7 +118,6 @@ const handleGoogleRegister = async () => {
         <span class="divider-text">o con correo</span>
         <span class="divider-line"></span>
       </div>
-      -->
 
     <form @submit.prevent="handleRegister">