Fix Google Login CORS and role-based redirection

frontend/src/views/AuthView.vue

@@ -11,15 +11,17 @@ const isLogin = ref(true)
 const toggleAuth = () => { isLogin.value = !isLogin.value }
 const router = useRouter()
 const authStore = useAuthStore()
+const redirectErrorMessage = ref('')
 
 // Handle redirect result from Google Sign-In on mobile
-// (signInWithRedirect reloads the page; we catch the result here on load)
 onMounted(async () => {
   try {
     const result = await getGoogleRedirectResult()
     if (result) {
+      console.log('Procesando resultado de redirección de Google...')
       const response = await authService.googleLogin(result.token)
       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')
@@ -28,6 +30,7 @@ onMounted(async () => {
     }
   } catch (e: any) {
     console.error('Google redirect result error:', e)
+    redirectErrorMessage.value = `Error al volver de Google: ${e.message || 'Error desconocido'}`
   }
 })
 </script>
@@ -70,6 +73,12 @@ onMounted(async () => {
           </button>
         </div>
 
+        <!-- Alerta de error en redirección -->
+        <div v-if="redirectErrorMessage" class="redirect-error">
+          <span class="material-icons">warning</span>
+          {{ redirectErrorMessage }}
+        </div>
+
         <!-- Formularios con transición -->
         <Transition name="auth-slide" mode="out-in">
           <LoginForm v-if="isLogin" @toggle="toggleAuth" />
@@ -180,6 +189,25 @@ onMounted(async () => {
   border-bottom-color: var(--active-color);
 }
 
+/* ─── Errores de Redirección ─── */
+.redirect-error {
+  margin: 1rem;
+  padding: 0.75rem 1rem;
+  background: rgba(239, 68, 68, 0.1);
+  border: 1px solid rgba(239, 68, 68, 0.2);
+  border-radius: 0.75rem;
+  color: #ef4444;
+  font-size: 0.8125rem;
+  font-weight: 600;
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+}
+
+.redirect-error .material-icons {
+  font-size: 1.125rem;
+}
+
 /* ─── Transición entre formularios ─── */
 .auth-slide-enter-active,
 .auth-slide-leave-active {