Update index.html

index.html

@@ -267,6 +267,8 @@
       signInWithPopup,
       signInWithRedirect,
       getRedirectResult,
+      linkWithPopup,
+      linkWithRedirect,
       signOut
     } from "https://www.gstatic.com/firebasejs/11.6.1/firebase-auth.js";
     import {
@@ -456,16 +458,26 @@
               ? browserLocalPersistence
               : browserSessionPersistence;
             await setPersistence(auth, persistence);
+            const upgradingAnonymous = auth.currentUser && auth.currentUser.isAnonymous;
             // En Hugging Face (Static) forzamos redirect para evitar bloqueos/doble popup
             if (isHFStatic) {
               if (loginMessage) {
                 loginMessage.innerText = 'Redirigiendo a Google...';
               }
-              await signInWithRedirect(auth, provider);
+              if (upgradingAnonymous) {
+                // Vincular Google a la sesión anónima existente
+                await linkWithRedirect(auth.currentUser, provider);
+              } else {
+                await signInWithRedirect(auth, provider);
+              }
               return;
             }
 
-            await signInWithPopup(auth, provider);
+            if (upgradingAnonymous) {
+              await linkWithPopup(auth.currentUser, provider);
+            } else {
+              await signInWithPopup(auth, provider);
+            }
           } catch (error) {
             console.warn("Google Sign-In con popup falló:", error?.code, error?.message);
             // Solo si el problema es popup bloqueado, hacemos redirect (evita doble popup)
@@ -477,11 +489,30 @@
                 }
                 const provider = new GoogleAuthProvider();
                 provider.setCustomParameters({ prompt: 'select_account' });
-                await signInWithRedirect(auth, provider);
+                const upgradingAnonymous = auth.currentUser && auth.currentUser.isAnonymous;
+                if (upgradingAnonymous) {
+                  await linkWithRedirect(auth.currentUser, provider);
+                } else {
+                  await signInWithRedirect(auth, provider);
+                }
                 return;
               } catch (redirectErr) {
                 console.error("Error en signInWithRedirect:", redirectErr);
               }
+            } else if (error?.code === 'auth/credential-already-in-use' || error?.code === 'auth/account-exists-with-different-credential') {
+              // Si ya existe la cuenta con otras credenciales, intentar un signIn normal por redirect
+              try {
+                const provider = new GoogleAuthProvider();
+                provider.setCustomParameters({ prompt: 'select_account' });
+                if (isHFStatic) {
+                  await signInWithRedirect(auth, provider);
+                  return;
+                } else {
+                  await signInWithPopup(auth, provider);
+                }
+              } catch (e2) {
+                console.error('Error al recuperar cuenta existente con Google:', e2);
+              }
             } else if (error?.code !== 'auth/popup-closed-by-user') {
               // Si el usuario cerró el popup, no mostrar error intrusivo
               console.error("Error con Google Sign-In:", error);
@@ -526,11 +557,16 @@
           }
         });
 
-        // Procesar posible resultado de Google Sign-In via redirect
+        // Procesar posible resultado de Google Sign-In / Link via redirect
         try {
           const redirectResult = await getRedirectResult(auth);
           if (redirectResult && redirectResult.user) {
-            console.log('Google redirect completado para usuario:', redirectResult.user.uid);
+            console.log('Redirect completado. Usuario:', redirectResult.user.uid);
+            // onAuthStateChanged gestionará el resto (UI, escena, etc.)
+            if (loginMessage) {
+              loginMessage.innerText = 'Autenticación completada.';
+              loginMessage.classList.remove('text-red-500');
+            }
           }
         } catch (redirectCheckErr) {
           console.warn('Error al obtener resultado de redirect de Google:', redirectCheckErr);
@@ -580,9 +616,13 @@
               mainLogoutButton.style.display = 'inline-block';
               tryStartApp();
             }
-            // hide login overlay if it's open
-            loginOverlay.style.opacity = '0';
-            setTimeout(() => { loginOverlay.style.display = 'none'; }, 500);
+            // Ocultar overlay solo si el usuario ya puede entrar al app
+            // (anónimo o con perfil existente). Si no hay perfil, tryStartApp
+            // mostrará el formulario de username y mantendrá el overlay visible.
+            if (user.isAnonymous || userProfile) {
+              loginOverlay.style.opacity = '0';
+              setTimeout(() => { loginOverlay.style.display = 'none'; }, 500);
+            }
           } else {
             console.log("Ningún usuario autenticado.");
             userId = null;