Update index.html

index.html

@@ -589,11 +589,15 @@
             usernameMessage.classList.add('text-red-500');
             return;
           }
-          await saveUserProfile(userId, username);
+          // Establecer perfil local inmediatamente para no bloquear por red
+          userProfile = { username };
+          userProfileCache[userId] = userProfile;
           loginOverlay.style.opacity = '0';
           setTimeout(() => { loginOverlay.style.display = 'none'; }, 500);
           initScene();
           loadAllMaps();
+          // Guardar en Firestore en segundo plano (si falla, seguimos)
+          try { await saveUserProfile(userId, username); } catch (e) { console.warn('No se pudo guardar el perfil en Firestore (continuamos localmente):', e); }
         });
 
         // auth state changes
@@ -693,7 +697,10 @@
         userProfileCache[uid] = userProfile;
         console.log("Perfil de usuario guardado:", userProfile);
       } catch (error) {
-        console.error("Error al guardar perfil:", error);
+        // No bloquear el uso por errores de red/offline; mantener perfil local
+        userProfile = { username: username };
+        userProfileCache[uid] = userProfile;
+        console.warn("Error al guardar perfil (continuamos con perfil local):", error);
       }
     }
 
@@ -782,23 +789,11 @@
       const level2Slider = document.getElementById('level2Slider');
       const level3Slider = document.getElementById('level3Slider');
 
+      // Permitir sembrar también en modo anónimo (no se guardará en la nube)
+      visualizeButton.addEventListener('click', handleAnalysisAndVisualization);
       if (isAnonymous) {
-        visualizeButton.disabled = true;
-        visualizeButton.innerHTML = `
-          <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
-            <path stroke-linecap="round" stroke-linejoin="round" d="M16.5 10.5V6.75a4.5 4.5 0 10-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 002.25-2.25v-6.75a2.25 2.25 0 00-2.25-2.25H6.75a2.25 2.25 0 00-2.25 2.25v6.75a2.25 2.25 0 002.25 2.25z" />
-          </svg>
-          <span>Solo Lectura</span>`;
-        visualizeButton.classList.add('bg-gray-500', 'hover:bg-gray-500', 'cursor-not-allowed');
-        visualizeButton.classList.remove('bg-green-600', 'hover:bg-green-700');
-
-        topicInput.disabled = true;
-        topicInput.placeholder = 'Inicia sesión para sembrar';
-        level1Slider.disabled = true;
-        level2Slider.disabled = true;
-        level3Slider.disabled = true;
-      } else {
-        visualizeButton.addEventListener('click', handleAnalysisAndVisualization);
+        console.log('Modo anónimo: podrás visualizar neuronas, pero no se guardarán en Firestore.');
+        topicInput.placeholder = 'Ingresa un tema para sembrar (modo anónimo)';
       }
 
       document.getElementById('level1Slider').addEventListener('input', (e) => {
@@ -1068,7 +1063,8 @@
           visualizeRoot(rootTopic, mapOrigin);
           visualizeHashtags(parsedData.lista_palabras, mapOrigin, 1, null);
 
-          if (db) {
+          // Guardar solo si hay sesión no anónima
+          if (db && userId && !isAnonymous) {
             await saveMapToFirestore(rootTopic, "3", mapOrigin, parsedData);
           }
         } else {