🚀 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">