Update app.py

app.py

@@ -34,36 +34,17 @@ class Config:
 # Se usa la configuración proporcionada por el usuario o la variable de entorno.
 try:
     if not firebase_admin._apps: # Verifica si la app ya está inicializada
-        firebase_config_str = os.getenv('__firebase_config', None)
-        if firebase_config_str:
-            firebase_config = json.loads(firebase_config_str)
-            cred = credentials.Certificate(firebase_config) # Asume que es un JSON de credenciales de servicio
+        # Intenta cargar las credenciales desde la variable de entorno GOOGLE_APPLICATION_CREDENTIALS_JSON
+        firebase_credentials_json = os.getenv('GOOGLE_APPLICATION_CREDENTIALS_JSON', None)
+        if firebase_credentials_json:
+            cred = credentials.Certificate(json.loads(firebase_credentials_json))
             firebase_admin.initialize_app(cred)
-            print("Firebase Admin SDK inicializado correctamente desde variable de entorno.")
+            print("Firebase Admin SDK inicializado correctamente desde variable de entorno GOOGLE_APPLICATION_CREDENTIALS_JSON.")
         else:
-            # Usar la configuración proporcionada directamente por el usuario en el prompt
-            firebase_config_from_user = {
-                "apiKey": "AIzaSyAcIuq4oECWML08y6oYIj87xzFFBl6M9QA",
-                "authDomain": "mateai-815ca.firebaseapp.com",
-                "projectId": "mateai-815ca",
-                "storageBucket": "mateai-815ca.firebasestorage.app",
-                "messagingSenderId": "686450177402",
-                "appId": "1:686450177402:web:fd6a1ad84b42875f5452c3",
-                "measurementId": "G-L6C7RKKXFH"
-            }
-            # Para initialize_app con esta configuración, necesitas el SDK de cliente, no Admin SDK.
-            # Sin embargo, el resto del código usa Admin SDK (firestore.client()).
-            # Esto es una inconsistencia. Para Gradio/Python, lo correcto es usar Admin SDK con credenciales de servicio.
-            # Si el usuario quiere usar la configuración web, tendría que ser en el frontend JS.
-            # Para simplificar y mantener la persistencia con Firestore en Python, asumiré que
-            # la configuración anterior era para el Admin SDK o que el usuario quiere usarlo así.
-            # Si la variable de entorno no está, y no se puede inicializar con credenciales de servicio,
-            # la persistencia de Firestore no funcionará.
+            # Si no se encuentra la variable de entorno, informa al usuario.
             print("ADVERTENCIA: GOOGLE_APPLICATION_CREDENTIALS_JSON no está configurada y no se pudo inicializar Firebase Admin SDK.")
             print("La persistencia de datos de usuario en Firestore NO funcionará.")
             # No inicializamos firebase_admin si no tenemos credenciales de servicio válidas.
-            # Esto significa que las operaciones de Firestore fallarán silenciosamente o con errores.
-            # Para una demo, se puede dejar así, pero para prod, es crítico.
 except ValueError:
     pass # Ya inicializado
 
@@ -74,7 +55,7 @@ db = firestore.client() if firebase_admin._apps else None # Solo si Firebase se
 class UserManager:
     @classmethod
     async def create_user(cls, name, initial_prefs=None):
-        if not db: return None, "Error: La base de datos no está disponible."
+        if not db: return None, "Error: La base de datos no está disponible. Por favor, configura Firebase Admin SDK."
         user_id = f"user_{int(time.time())}_{random.randint(1000, 9999)}" # ID único basado en tiempo y random
         prefs = initial_prefs if initial_prefs else Config.DEFAULT_USER_PREFS.copy()
         new_user = User(user_id, name, prefs)
@@ -88,7 +69,7 @@ class UserManager:
 
     @classmethod
     async def login_user(cls, user_id):
-        if not db: return None, "Error: La base de datos no está disponible."
+        if not db: return None, "Error: La base de datos no está disponible. Por favor, configura Firebase Admin SDK."
         user_doc_ref = db.collection(Config.FIREBASE_COLLECTION_USERS).document(user_id)
         try:
             doc = user_doc_ref.get()
@@ -386,7 +367,7 @@ class NudgeGenerator:
         if not user_history:
             return nudges
         
-        recent_nudges_text = user_history[-5:] # Evitar los últimos 5
+        recent_nudges_text = [entry['content'] for entry in user_history if entry['role'] == 'MateAI'][-5:] # Evitar los últimos 5
         filtered_nudges = [n for n in nudges if n.text_template not in recent_nudges_text] # Usar template para evitar repeticiones
         return filtered_nudges if filtered_nudges else nudges # Si no hay nuevos, repite (mejor que nada)
 
@@ -403,7 +384,7 @@ class NudgeGenerator:
             current_points = user.eco_points
             current_insignia = gamification_engine.get_insignia(current_points)
             next_insignia_goal = gamification_engine.get_next_insignia_goal(current_points)
-            historial = "\n".join(user.nudge_history)
+            historial = "\n".join([entry['content'] for entry in user.nudge_history if entry['role'] == 'MateAI'])
             # El mensaje de cooldown también debe ser vocalizado
             cooldown_msg = f"MateAI necesita un respiro. Volvé a pedir un susurro en {remaining_time.seconds} segundos. ¡La paciencia es una virtud!"
             return cooldown_msg, str(current_points), current_insignia, next_insignia_goal, historial
@@ -447,7 +428,7 @@ class NudgeGenerator:
                     break
             
             user.eco_points += Config.ECO_PUNTOS_POR_SUSURRO
-            user.nudge_history.append(formatted_nudge_text)
+            user.nudge_history.append({"role": "MateAI", "content": formatted_nudge_text}) # Guardar como diccionario
             if len(user.nudge_history) > Config.MAX_HISTORIAL_SUSURROS:
                 user.nudge_history.pop(0)
             user.last_nudge_time = datetime.now()
@@ -455,7 +436,7 @@ class NudgeGenerator:
             current_points = user.eco_points
             current_insignia = gamification_engine.get_insignia(current_points)
             next_insignia_goal = gamification_engine.get_next_insignia_goal(current_points)
-            historial = "\n".join(user.nudge_history)
+            historial = "\n".join([entry['content'] for entry in user.nudge_history if entry['role'] == 'MateAI'])
             return formatted_nudge_text, str(current_points), current_insignia, next_insignia_goal, historial
 
         # --- Si no hay tareas pendientes, proceder con nudges generales ---
@@ -489,7 +470,7 @@ class NudgeGenerator:
         )
 
         user.eco_points += Config.ECO_PUNTOS_POR_SUSURRO
-        user.nudge_history.append(formatted_nudge_text) # Guardar el texto formateado en el historial
+        user.nudge_history.append({"role": "MateAI", "content": formatted_nudge_text}) # Guardar como diccionario
         if len(user.nudge_history) > Config.MAX_HISTORIAL_SUSURROS:
             user.nudge_history.pop(0)
         user.last_nudge_time = datetime.now()
@@ -499,7 +480,7 @@ class NudgeGenerator:
         current_points = user.eco_points
         current_insignia = gamification_engine.get_insignia(current_points)
         next_insignia_goal = gamification_engine.get_next_insignia_goal(current_points)
-        historial = "\n".join(user.nudge_history)
+        historial = "\n".join([entry['content'] for entry in user.nudge_history if entry['role'] == 'MateAI'])
         return formatted_nudge_text, str(current_points), current_insignia, next_insignia_goal, historial
 
     async def get_daily_oracle_revelation(self, user_id):
@@ -774,16 +755,28 @@ with demo: # Ahora el bloque 'with' utiliza el objeto demo ya creado
             let lastSpokenText = "";
             const matecitoAvatar = document.getElementById('matecito_avatar');
             const voiceStatus = document.getElementById('voice_status');
+            const startVoiceButton = document.getElementById('start_voice_button'); // Get the button element
 
-            // Función para inicializar y controlar el reconocimiento de voz
+            // Function to initialize and control voice recognition
             function startListening() {
+                // Check for browser compatibility
+                if (!('SpeechRecognition' in window || 'webkitSpeechRecognition' in window)) {
+                    voiceStatus.textContent = 'ERROR: Tu navegador no soporta reconocimiento de voz. Probá con Chrome o Edge. ❌';
+                    voiceStatus.style.color = '#ef4444';
+                    console.error('Speech Recognition API not supported in this browser.');
+                    return;
+                }
+
                 if (recognition) {
                     recognition.stop();
+                    recognition = null; // Reset recognition object
                 }
+                
                 recognition = new (window.SpeechRecognition || window.webkitSpeechRecognition)();
-                recognition.lang = 'es-AR'; // Español de Argentina
+                recognition.lang = 'es-AR'; // Argentine Spanish
                 recognition.interimResults = false;
                 recognition.maxAlternatives = 1;
+                recognition.continuous = false; // Set to false to stop after a single utterance
 
                 recognition.onstart = function() {
                     voiceStatus.textContent = 'Escuchando... 🎙️';
@@ -791,12 +784,13 @@ with demo: # Ahora el bloque 'with' utiliza el objeto demo ya creado
                     matecitoAvatar.style.display = 'block';
                     matecitoAvatar.classList.add('matecito-listening');
                     matecitoAvatar.classList.remove('matecito-talking');
+                    startVoiceButton.disabled = true; // Disable button while listening
                     console.log('Voice recognition started.');
                 };
 
                 recognition.onresult = function(event) {
                     const transcript = event.results[0][0].transcript;
-                    document.getElementById('voice_input_textbox').value = transcript; // Pasa el texto al textbox oculto
+                    document.getElementById('voice_input_textbox').value = transcript; // Pass text to hidden textbox
                     voiceStatus.textContent = 'Texto reconocido: ' + transcript;
                     console.log('Recognized:', transcript);
                     // Trigger a Gradio event to send this text to Python
@@ -804,13 +798,14 @@ with demo: # Ahora el bloque 'with' utiliza el objeto demo ya creado
                 };
 
                 recognition.onend = function() {
-                    if (!speaking) { // Solo si no está hablando MateAI
+                    if (!speaking) { // Only if MateAI is not speaking
                         voiceStatus.textContent = 'Listo para hablar 🎤';
                         voiceStatus.style.color = '#4b5563'; // Gray
                         matecitoAvatar.classList.remove('matecito-listening');
                         matecitoAvatar.style.animation = 'fade-out 0.3s forwards';
-                        setTimeout(() => matecitoAvatar.style.display = 'none', 300); // Ocultar después de la animación
+                        setTimeout(() => matecitoAvatar.style.display = 'none', 300); // Hide after animation
                     }
+                    startVoiceButton.disabled = false; // Re-enable button
                     console.log('Voice recognition ended.');
                 };
 
@@ -820,7 +815,8 @@ with demo: # Ahora el bloque 'with' utiliza el objeto demo ya creado
                     voiceStatus.style.color = '#ef4444'; // Red
                     matecitoAvatar.classList.remove('matecito-listening');
                     matecitoAvatar.style.animation = 'fade-out 0.3s forwards';
-                    setTimeout(() => matecitoAvatar.style.display = 'none', 300); // Ocultar después de la animación
+                    setTimeout(() => matecitoAvatar.style.display = 'none', 300); // Hide after animation
+                    startVoiceButton.disabled = false; // Re-enable button
                     if (event.error === 'not-allowed' || event.error === 'permission-denied') {
                         voiceStatus.textContent = 'ERROR: Permiso de micrófono denegado. Por favor, habilítalo en la configuración de tu navegador. ❌';
                         voiceStatus.style.color = '#ef4444';
@@ -828,7 +824,7 @@ with demo: # Ahora el bloque 'with' utiliza el objeto demo ya creado
                         voiceStatus.textContent = 'No se detectó voz. Intenta hablar más claro o más fuerte. 🎤';
                         voiceStatus.style.color = '#fbbf24'; // Amber
                     } else if (event.error === 'aborted') {
-                        voiceStatus.textContent = 'Reconocimiento de voz cancelado. 🎤';
+                        voiceStatus.textContent = 'Reconocimiento de voz cancelado. �';
                         voiceStatus.style.color = '#4b5563';
                     }
                 };
@@ -836,15 +832,15 @@ with demo: # Ahora el bloque 'with' utiliza el objeto demo ya creado
                 recognition.start();
             }
 
-            // Función para que MateAI hable
+            // Function for MateAI to speak
             function speakText(text) {
-                if (!text || text === lastSpokenText) return; // Evita repetir el mismo texto
+                if (!text || text === lastSpokenText) return; // Avoid repeating the same text
                 lastSpokenText = text;
                 
                 const utterance = new SpeechSynthesisUtterance(text);
-                utterance.lang = 'es-AR'; // Español de Argentina
+                utterance.lang = 'es-AR'; // Argentine Spanish
                 
-                // Intenta encontrar una voz en español de Argentina y varón
+                // Try to find an Argentine Spanish male voice
                 const voices = window.speechSynthesis.getVoices();
                 const preferredVoice = voices.find(voice => 
                     voice.lang === 'es-AR' && 
@@ -868,6 +864,7 @@ with demo: # Ahora el bloque 'with' utiliza el objeto demo ya creado
                     matecitoAvatar.classList.add('matecito-talking');
                     matecitoAvatar.classList.remove('matecito-listening');
                     matecitoAvatar.style.animation = 'fade-in 0.3s forwards';
+                    startVoiceButton.disabled = true; // Disable button while speaking
                 };
 
                 utterance.onend = function() {
@@ -876,30 +873,32 @@ with demo: # Ahora el bloque 'with' utiliza el objeto demo ya creado
                     voiceStatus.style.color = '#4b5563'; // Gray
                     matecitoAvatar.classList.remove('matecito-talking');
                     matecitoAvatar.style.animation = 'fade-out 0.3s forwards';
-                    setTimeout(() => matecitoAvatar.style.display = 'none', 300); // Ocultar después de la animación
-                    // Si el reconocimiento estaba activo antes de hablar, reiniciarlo
-                    if (recognition && recognition.continuous) { // Si se desea escucha continua después de hablar
-                        recognition.start();
-                    }
+                    setTimeout(() => matecitoAvatar.style.display = 'none', 300); // Hide after animation
+                    startVoiceButton.disabled = false; // Re-enable button
+                    // If recognition was active before speaking, restart it
+                    // if (recognition && recognition.continuous) { // If continuous listening is desired after speaking
+                    //     recognition.start();
+                    // }
                 };
 
                 utterance.onerror = function(event) {
                     speaking = false;
                     console.error('Speech synthesis error:', event.error);
-                    voiceStatus.textContent = 'Error al hablar �';
+                    voiceStatus.textContent = 'Error al hablar 🔇';
                     voiceStatus.style.color = '#ef4444'; // Red
                     matecitoAvatar.classList.remove('matecito-talking');
                     matecitoAvatar.style.animation = 'fade-out 0.3s forwards';
-                    setTimeout(() => matecitoAvatar.style.display = 'none', 300); // Ocultar después de la animación
+                    setTimeout(() => matecitoAvatar.style.display = 'none', 300); // Hide after animation
+                    startVoiceButton.disabled = false; // Re-enable button
                 };
 
                 window.speechSynthesis.speak(utterance);
             }
 
-            // Exponer la función speakText globalmente para que Gradio pueda llamarla
+            // Expose the speakText function globally for Gradio to call it
             window.speakText = speakText;
 
-            // Función para cambiar la vista de Gradio (llamada desde los botones HTML personalizados)
+            // Function to change Gradio view (called from custom HTML buttons)
             function changeGradioView(viewName) {
                 const hiddenButton = document.getElementById('hidden_view_changer_button');
                 const viewInput = document.getElementById('hidden_view_input');
@@ -908,7 +907,7 @@ with demo: # Ahora el bloque 'with' utiliza el objeto demo ya creado
                     hiddenButton.click();
                 }
             }
-            window.changeGradioView = changeGradioView; // Exponer globalmente
+            window.changeGradioView = changeGradioView; // Expose globally
         </script>
     """)
     # Input oculto para el texto reconocido por voz
@@ -965,14 +964,22 @@ with demo: # Ahora el bloque 'with' utiliza el objeto demo ya creado
     with gr.Column(elem_id="nudges_section", elem_classes="section-content", visible=False):
         gr.Markdown("<h2 style='color: #10b981;'>¡Che, acá estoy para cebarte un susurro!</h2><p>Contame un poco de tu día y te tiro la posta.</p>")
         chat_history = gr.State([]) # Para mantener el historial del chat
-        chatbot = gr.Chatbot(label="Conversación con MateAI", height=300)
+        chatbot = gr.Chatbot(label="Conversación con MateAI", height=300, type='messages') # Added type='messages'
         msg_input = gr.Textbox(label="Contale a MateAI...", placeholder="Ej: 'Estoy en casa, laburando y medio cansado.' o 'Quiero un susurro de bienestar.'")
         
         # Botón para enviar el mensaje de texto (además de la entrada de voz)
         btn_send_msg = gr.Button("Enviar Mensaje", variant="primary")
 
     # Resto de las secciones (ocultas por defecto)
-    with gr.Column(elem_id="home_section", elem_classes="section-content", visible=True): # Home visible por defecto
+    home_section = gr.Column(elem_id="home_section", elem_classes="section-content", visible=True)
+    oracle_section = gr.Column(elem_id="oracle_section", elem_classes="section-content", visible=False)
+    challenges_section = gr.Column(elem_id="challenges_section", elem_classes="section-content", visible=False)
+    history_section = gr.Column(elem_id="history_section", elem_classes="section-content", visible=False)
+    tasks_section = gr.Column(elem_id="tasks_section", elem_classes="section-content", visible=False)
+    browser_agent_section = gr.Column(elem_id="browser_agent_section", elem_classes="section-content", visible=False)
+    nudges_section = gr.Column(elem_id="nudges_section", elem_classes="section-content", visible=False) # Defined earlier, but need to be included in the outputs list
+
+    with home_section: # Home visible por defecto
         gr.Markdown("<h2 style='color: #10b981;'>¡Bienvenido a tu Espacio MateAI!</h2><p>Acá manejás tu perfil para que MateAI te conozca a fondo.</p>")
         with gr.Row():
             with gr.Column():
@@ -1016,7 +1023,7 @@ with demo: # Ahora el bloque 'with' utiliza el objeto demo ya creado
         btn_actualizar_preferencias = gr.Button("Actualizar Preferencias", variant="primary")
         output_actualizar_preferencias = gr.Textbox(label="Estado de Actualización", interactive=False)
 
-    with gr.Column(elem_id="oracle_section", elem_classes="section-content", visible=False):
+    with oracle_section:
         gr.Markdown("<h2 style='text-align: center; color: #10b981;'>✨ La Revelación Diaria del Oráculo MateAI ✨</h2><p style='text-align: center;'>Una sabiduría profunda para iluminar tu jornada. El Oráculo te habla una vez al día.</p>")
         oraculo_output = gr.Textbox(
             label="La Revelación del Oráculo",
@@ -1028,7 +1035,7 @@ with demo: # Ahora el bloque 'with' utiliza el objeto demo ya creado
         btn_oraculo = gr.Button("¡Consultar al Oráculo MateAI!", variant="primary")
         gr.Markdown("<p style='text-align: center; font-size: 0.9em; color: #6b7280; margin-top: 1em;'><i>El Oráculo te hablará una vez por día. Volvé mañana para una nueva revelación.</i></p>")
 
-    with gr.Column(elem_id="challenges_section", elem_classes="section-content", visible=False):
+    with challenges_section:
         gr.Markdown("<h2 style='text-align: center; color: #10b981;'>🎯 Desafíos MateAI: ¡Ponete a Prueba! 🎯</h2><p style='text-align: center;'>MateAI te propone desafíos para crecer en bienestar y sostenibilidad. ¡Aceptá la misión!</p>")
         desafio_output = gr.Textbox(
             label="Tu Desafío del Día",
@@ -1039,7 +1046,7 @@ with demo: # Ahora el bloque 'with' utiliza el objeto demo ya creado
         btn_desafio = gr.Button("¡Quiero un Desafío MateAI!", variant="primary")
         gr.Markdown("<p style='text-align: center; font-size: 0.9em; color: #6b7280; margin-top: 1em;'><i>Completar desafíos (registrándolos en tu diario) te dará más Eco-Puntos y te acercará a nuevas insignias.</i></p>")
 
-    with gr.Column(elem_id="history_section", elem_classes="section-content", visible=False):
+    with history_section:
         gr.Markdown("<h2 style='color: #10b981;'>Tu Viaje con MateAI</h2><p>Acá podés ver tus susurros pasados y tus logros.</p>")
         historial_susurros_output = gr.Textbox(label="Tus Últimos Susurros Recibidos", lines=10, interactive=False)
         
@@ -1053,7 +1060,7 @@ with demo: # Ahora el bloque 'with' utiliza el objeto demo ya creado
         btn_descargar_diario = gr.Button("Descargar Diario (sesión actual)", variant="secondary")
         gr.Markdown("<p style='font-size: 0.9em; color: #6b7280; margin-top: 1em;'><i>Nota: El diario se descarga como texto. Para guardar permanentemente, deberías copiarlo o integrarlo con otro servicio.</i></p>")
 
-    with gr.Column(elem_id="tasks_section", elem_classes="section-content", visible=False):
+    with tasks_section:
         gr.Markdown("<h2 style='color: #10b981;'>📝 Tus Tareas con MateAI 📝</h2><p>Agregá lo que tenés que hacer y MateAI te lo recordará en el momento justo.</p>")
         tarea_nueva_input = gr.Textbox(label="Nueva Tarea", placeholder="Ej: Comprar yerba, Llamar a mi vieja, Leer un libro")
         btn_agregar_tarea = gr.Button("Agregar Tarea", variant="primary")
@@ -1066,7 +1073,7 @@ with demo: # Ahora el bloque 'with' utiliza el objeto demo ya creado
         btn_completar_tarea = gr.Button("Completar Tarea", variant="secondary")
         output_completar_tarea = gr.Textbox(label="Estado de Completado", interactive=False)
 
-    with gr.Column(elem_id="browser_agent_section", elem_classes="section-content", visible=False):
+    with browser_agent_section:
         gr.Markdown(
             """
             <h2 style='text-align: center; color: #10b981;'>🌐 MateAI: Tu Asistente Web (Concepto) 🌐</h2>
@@ -1134,18 +1141,32 @@ with demo: # Ahora el bloque 'with' utiliza el objeto demo ya creado
 
     # --- Funciones de Interacción para Gradio ---
 
-    # Función para cambiar la visibilidad de las secciones
+    # Function to change the visibility of sections
     def change_view(view_name):
-        return {
-            "home_section": gr.Column.update(visible=view_name == "home"),
-            "oracle_section": gr.Column.update(visible=view_name == "oracle"),
-            "nudges_section": gr.Column.update(visible=view_name == "nudges"),
-            "challenges_section": gr.Column.update(visible=view_name == "challenges"),
-            "history_section": gr.Column.update(visible=view_name == "history"),
-            "tasks_section": gr.Column.update(visible=view_name == "tasks"),
-            "browser_agent_section": gr.Column.update(visible=view_name == "browser_agent"), # Actualizado
-            current_view_state: view_name # Actualiza el estado de la vista
+        # Create a dictionary to hold updates for each section
+        updates = {
+            "home_section": gr.Column.update(visible=False),
+            "oracle_section": gr.Column.update(visible=False),
+            "nudges_section": gr.Column.update(visible=False),
+            "challenges_section": gr.Column.update(visible=False),
+            "history_section": gr.Column.update(visible=False),
+            "tasks_section": gr.Column.update(visible=False),
+            "browser_agent_section": gr.Column.update(visible=False),
         }
+        # Set the selected section to visible
+        updates[view_name + "_section"] = gr.Column.update(visible=True)
+        
+        # Return the updates in a consistent order, followed by the state update
+        return (
+            updates["home_section"],
+            updates["oracle_section"],
+            updates["nudges_section"],
+            updates["challenges_section"],
+            updates["history_section"],
+            updates["tasks_section"],
+            updates["browser_agent_section"],
+            view_name # This is the current_view_state output
+        )
 
     async def _update_ui_from_user(user_obj):
         """Función auxiliar para actualizar todos los campos de la UI desde un objeto User."""
@@ -1153,7 +1174,7 @@ with demo: # Ahora el bloque 'with' utiliza el objeto demo ya creado
             current_points = user_obj.eco_points
             current_insignia = gamification_engine.get_insignia(current_points)
             next_insignia_goal = gamification_engine.get_next_insignia_goal(current_points)
-            historial = "\n".join(user_obj.nudge_history)
+            historial = "\n".join([entry['content'] for entry in user_obj.nudge_history if entry['role'] == 'MateAI'])
             tareas_str = "\n".join([f"- {t['task']} (Agregada el: {datetime.strptime(t['added_at'], '%Y-%m-%d %H:%M:%S.%f').strftime('%d/%m')})" for t in user_obj.tasks])
             
             return (user_obj, user_obj.user_id, user_obj.name, str(current_points), current_insignia, next_insignia_goal, 
@@ -1171,14 +1192,14 @@ with demo: # Ahora el bloque 'with' utiliza el objeto demo ya creado
             current_points = user.eco_points
             current_insignia = gamification_engine.get_insignia(current_points)
             next_insignia_goal = gamification_engine.get_next_insignia_goal(current_points)
-            historial = "\n".join(user.nudge_history)
+            historial = "\n".join([entry['content'] for entry in user.nudge_history if entry['role'] == 'MateAI'])
             tareas_str = "\n".join([f"- {t['task']} (Agregada el: {datetime.strptime(t['added_at'], '%Y-%m-%d %H:%M:%S.%f').strftime('%d/%m')})" for t in user.tasks])
 
             # Retorna todos los outputs en el orden correcto para los componentes de Gradio
             return (user, user.user_id, msg, user.name, str(current_points), current_insignia, next_insignia_goal,
                     historial, user.preferences.get('tipo_susurro'), user.preferences.get('frecuencia'),
                     user.preferences.get('modo_che_tranqui'), tareas_str)
-        # Si la creación de usuario falló, retorna valores por defecto y el mensaje de error
+        # If user creation failed, return default values and the error message
         return (None, "No logueado", msg, "", "", "", "", "", Config.DEFAULT_USER_PREFS['tipo_susurro'],
                 Config.DEFAULT_USER_PREFS['frecuencia'], Config.DEFAULT_USER_PREFS['modo_che_tranqui'], "")
 
@@ -1189,14 +1210,14 @@ with demo: # Ahora el bloque 'with' utiliza el objeto demo ya creado
             current_points = user.eco_points
             current_insignia = gamification_engine.get_insignia(current_points)
             next_insignia_goal = gamification_engine.get_next_insignia_goal(current_points)
-            historial = "\n".join(user.nudge_history)
+            historial = "\n".join([entry['content'] for entry in user.nudge_history if entry['role'] == 'MateAI'])
             tareas_str = "\n".join([f"- {t['task']} (Agregada el: {datetime.strptime(t['added_at'], '%Y-%m-%d %H:%M:%S.%f').strftime('%d/%m')})" for t in user.tasks])
 
             # Retorna todos los outputs en el orden correcto para los componentes de Gradio
             return (user, user.user_id, msg, user.name, str(current_points), current_insignia, next_insignia_goal,
                     historial, user.preferences.get('tipo_susurro'), user.preferences.get('frecuencia'),
                     user.preferences.get('modo_che_tranqui'), tareas_str)
-        # Si la carga de usuario falló, retorna valores por defecto y el mensaje de error
+        # If user loading failed, return default values and the error message
         return (None, "No logueado", msg, "", "", "", "", "", Config.DEFAULT_USER_PREFS['tipo_susurro'],
                 Config.DEFAULT_USER_PREFS['frecuencia'], Config.DEFAULT_USER_PREFS['modo_che_tranqui'], "")
 
@@ -1218,27 +1239,45 @@ with demo: # Ahora el bloque 'with' utiliza el objeto demo ya creado
         if not user_obj:
             return "Por favor, crea o carga un usuario primero para consultar al Oráculo.", ""
         revelation_text = await nudge_generator.get_daily_oracle_revelation(user_obj.user_id)
-        return revelation_text, revelation_text # Retorna el texto para vocalizar
+        return revelation_text, revelation_text # Return the text for vocalization
 
     async def _get_mateai_challenge_gradio(user_obj):
         if not user_obj:
             return "Por favor, crea o carga un usuario primero para recibir desafíos.", ""
         challenge_text = await nudge_generator.get_mateai_challenge(user_obj.user_id)
-        return challenge_text, challenge_text # Retorna el texto para vocalizar
+        return challenge_text, challenge_text # Return the text for vocalization
 
     async def _add_task_gradio(user_obj, task_name):
         user_id = user_obj.user_id if user_obj else None
         if not user_id: 
             return "Error: Por favor, crea o carga un usuario primero.", "" 
-        msg, tareas_str = await nudge_generator.add_task(user_id, task_name)
-        return msg, tareas_str
+        user = await self.user_manager.get_user(user_id)
+        if not user:
+            return "Error: Usuario no logueado. Por favor, crea o carga un usuario.", ""
+        
+        new_task = {"task": task_name, "added_at": datetime.now().strftime('%Y-%m-%d %H:%M:%S.%f'), "last_nudged": None}
+        user.tasks.append(new_task)
+        await self.user_manager.update_user_data(user)
+        tareas_str = "\n".join([f"- {t['task']} (Agregada el: {datetime.strptime(t['added_at'], '%Y-%m-%d %H:%M:%S.%f').strftime('%d/%m')})" for t in user.tasks])
+        return f"¡Tarea '{task_name}' agregada a tu lista, {user.name}!", tareas_str
 
     async def _complete_task_gradio(user_obj, task_name):
         user_id = user_obj.user_id if user_obj else None
         if not user_id: 
             return "Error: Por favor, crea o carga un usuario primero.", "" 
-        msg, tareas_str = await nudge_generator.complete_task(user_id, task_name)
-        return msg, tareas_str
+        user = await self.user_manager.get_user(user_id)
+        if not user:
+            return "Error: Usuario no logueado. Por favor, crea o carga un usuario.", ""
+        
+        initial_task_count = len(user.tasks)
+        user.tasks = [task for task in user.tasks if task['task'].lower() != task_name.lower()]
+        
+        if len(user.tasks) < initial_task_count:
+            await self.user_manager.update_user_data(user)
+            tareas_str = "\n".join([f"- {t['task']} (Agregada el: {datetime.strptime(t['added_at'], '%Y-%m-%d %H:%M:%S.%f').strftime('%d/%m')})" for t in user.tasks])
+            return f"¡Tarea '{task_name}' marcada como completada, {user.name}! ¡Bien ahí!", tareas_str
+        tareas_str = "\n".join([f"- {t['task']} (Agregada el: {datetime.strptime(t['added_at'], '%Y-%m-%d %H:%M:%S.%f').strftime('%d/%m')})" for t in user.tasks])
+        return f"No encontré la tarea '{task_name}' en tu lista, {user.name}.", tareas_str
 
     def _download_diary_gradio(diary_text):
         return gr.File(value=diary_text.encode('utf-8'), filename="diario_mateai.txt", type="bytes")
@@ -1250,81 +1289,92 @@ with demo: # Ahora el bloque 'with' utiliza el objeto demo ya creado
         user_obj = current_user_state
 
         if not user_obj:
-            chat_history.append((user_message, "¡Che, para arrancar, necesito que crees o cargues tu perfil en la sección 'Inicio & Perfil'! Después volvé acá y seguimos charlando."))
-            return chat_history, "", conversation_context_state, ""
+            chat_history.append({"role": "user", "content": user_message})
+            chat_history.append({"role": "MateAI", "content": "¡Che, para arrancar, necesito que crees o cargues tu perfil en la sección 'Inicio & Perfil'! Después volvé acá y seguimos charlando."})
+            return chat_history, "", conversation_context_state, "¡Che, para arrancar, necesito que crees o cargues tu perfil en la sección 'Inicio & Perfil'! Después volvé acá y seguimos charlando.", gr.skip(), gr.skip(), gr.skip()
 
-        # Manejo de comandos directos para otras secciones (simula la voz controlando el menú)
+        # Append user message to chat history
+        chat_history.append({"role": "user", "content": user_message})
+
+        # Command handling for other sections (simulates voice controlling the menu)
         if "oráculo" in user_message_lower or "revelación" in user_message_lower:
             revelation_text = await nudge_generator.get_daily_oracle_revelation(user_obj.user_id)
-            chat_history.append((user_message, revelation_text))
-            return chat_history, "", conversation_context_state, revelation_text
+            chat_history.append({"role": "MateAI", "content": revelation_text})
+            return chat_history, "", conversation_context_state, revelation_text, gr.skip(), gr.skip(), gr.skip()
         
         if "desafío" in user_message_lower or "reto" in user_message_lower:
             challenge_text = await nudge_generator.get_mateai_challenge(user_obj.user_id)
-            chat_history.append((user_message, challenge_text))
-            return chat_history, "", conversation_context_state, challenge_text
+            chat_history.append({"role": "MateAI", "content": challenge_text})
+            return chat_history, "", conversation_context_state, challenge_text, gr.skip(), gr.skip(), gr.skip()
 
         if "agregar tarea" in user_message_lower or "nueva tarea" in user_message_lower:
             task_name = user_message_lower.replace("agregar tarea", "").replace("nueva tarea", "").strip()
             if task_name:
                 msg, _ = await nudge_generator.add_task(user_obj.user_id, task_name)
-                chat_history.append((user_message, msg))
-                return chat_history, "", conversation_context_state, msg
+                chat_history.append({"role": "MateAI", "content": msg})
+                return chat_history, "", conversation_context_state, msg, gr.skip(), gr.skip(), gr.skip()
             else:
-                chat_history.append((user_message, "¡Dale, che! ¿Qué tarea querés que agregue? Decime, por ejemplo: 'agregar tarea comprar yerba'."))
-                return chat_history, "", conversation_context_state, "¡Dale, che! ¿Qué tarea querés que agregue? Decime, por ejemplo: 'agregar tarea comprar yerba'."
+                response = "¡Dale, che! ¿Qué tarea querés que agregue? Decime, por ejemplo: 'agregar tarea comprar yerba'."
+                chat_history.append({"role": "MateAI", "content": response})
+                return chat_history, "", conversation_context_state, response, gr.skip(), gr.skip(), gr.skip()
 
         if "completar tarea" in user_message_lower or "tarea lista" in user_message_lower:
             task_name = user_message_lower.replace("completar tarea", "").replace("tarea lista", "").strip()
             if task_name:
                 msg, _ = await nudge_generator.complete_task(user_obj.user_id, task_name)
-                chat_history.append((user_message, msg))
-                return chat_history, "", conversation_context_state, msg
+                chat_history.append({"role": "MateAI", "content": msg})
+                return chat_history, "", conversation_context_state, msg, gr.skip(), gr.skip(), gr.skip()
             else:
-                chat_history.append((user_message, "¡Decime qué tarea completaste, así la saco de la lista! Por ejemplo: 'completar tarea ir al súper'."))
-                return chat_history, "", conversation_context_state, "¡Decime qué tarea completaste, así la saco de la lista! Por ejemplo: 'completar tarea ir al súper'."
+                response = "¡Decime qué tarea completaste, así la saco de la lista! Por ejemplo: 'completar tarea ir al súper'."
+                chat_history.append({"role": "MateAI", "content": response})
+                return chat_history, "", conversation_context_state, response, gr.skip(), gr.skip(), gr.skip()
         
-        # --- Agente de Navegador Conversacional (Simulado) ---
+        # --- Conversational Browser Agent (Simulated) ---
         if "abrir" in user_message_lower or "ir a" in user_message_lower or "navegar" in user_message_lower:
             if "google" in user_message_lower:
                 action_desc = "¡Dale, abriendo Google en el navegador simulado!"
                 new_url = "https://www.google.com.ar"
-                chat_history.append((user_message, action_desc))
-                return chat_history, "", conversation_context_state, action_desc, new_url, gr.HTML.update(value=simulate_browser_action(action_desc, new_url)[2].value)
+                chat_history.append({"role": "MateAI", "content": action_desc})
+                action_output, browser_url, browser_content = simulate_browser_action(action_desc, new_url)
+                return chat_history, "", conversation_context_state, action_output, browser_url, browser_content
             elif "wikipedia" in user_message_lower:
                 action_desc = "¡Perfecto! Abriendo Wikipedia en el navegador simulado."
                 new_url = "https://es.wikipedia.org"
-                chat_history.append((user_message, action_desc))
-                return chat_history, "", conversation_context_state, action_desc, new_url, gr.HTML.update(value=simulate_browser_action(action_desc, new_url)[2].value)
+                chat_history.append({"role": "MateAI", "content": action_desc})
+                action_output, browser_url, browser_content = simulate_browser_action(action_desc, new_url)
+                return chat_history, "", conversation_context_state, action_output, browser_url, browser_content
             elif "pagina de inicio" in user_message_lower or "inicio" in user_message_lower:
                 action_desc = "Volviendo a la página de inicio del navegador simulado."
-                new_url = "https://www.google.com.ar" # O la URL por defecto que quieras
-                chat_history.append((user_message, action_desc))
-                return chat_history, "", conversation_context_state, action_desc, new_url, gr.HTML.update(value=simulate_browser_action(action_desc, new_url)[2].value)
+                new_url = "https://www.google.com.ar" # Or your default URL
+                chat_history.append({"role": "MateAI", "content": action_desc})
+                action_output, browser_url, browser_content = simulate_browser_action(action_desc, new_url)
+                return chat_history, "", conversation_context_state, action_output, browser_url, browser_content
             else:
                 response = "¡Che, a qué página querés ir? Decime, por ejemplo: 'abrir Google' o 'ir a Wikipedia'."
-                chat_history.append((user_message, response))
-                return chat_history, "", conversation_context_state, response, gr.skip(), gr.skip()
+                chat_history.append({"role": "MateAI", "content": response})
+                return chat_history, "", conversation_context_state, response, gr.skip(), gr.skip(), gr.skip()
         
         if "buscar" in user_message_lower and "en google" in user_message_lower:
             query = user_message_lower.replace("buscar", "").replace("en google", "").strip()
             if query:
                 action_desc = f"¡Buscando '{query}' en Google!"
                 new_url = f"https://www.google.com.ar/search?q={query.replace(' ', '+')}"
-                chat_history.append((user_message, action_desc))
-                return chat_history, "", conversation_context_state, action_desc, new_url, gr.HTML.update(value=simulate_browser_action(action_desc, new_url)[2].value)
+                chat_history.append({"role": "MateAI", "content": action_desc})
+                action_output, browser_url, browser_content = simulate_browser_action(action_desc, new_url)
+                return chat_history, "", conversation_context_state, action_output, browser_url, browser_content
             else:
                 response = "¡Decime qué querés buscar, che! Por ejemplo: 'buscar el clima en Google'."
-                chat_history.append((user_message, response))
-                return chat_history, "", conversation_context_state, response, gr.skip(), gr.skip()
+                chat_history.append({"role": "MateAI", "content": response})
+                return chat_history, "", conversation_context_state, response, gr.skip(), gr.skip(), gr.skip()
         
         if "cerrar esta pagina" in user_message_lower or "cerrar pagina" in user_message_lower:
             action_desc = "¡Listo, cerrando la página actual en el navegador simulado!"
-            new_url = "about:blank" # Simula una página en blanco o cerrada
-            chat_history.append((user_message, action_desc))
-            return chat_history, "", conversation_context_state, action_desc, new_url, gr.HTML.update(value=simulate_browser_action(action_desc, new_url)[2].value)
+            new_url = "about:blank" # Simulate a blank or closed page
+            chat_history.append({"role": "MateAI", "content": action_desc})
+            action_output, browser_url, browser_content = simulate_browser_action(action_desc, new_url)
+            return chat_history, "", conversation_context_state, action_output, browser_url, browser_content
 
-        # Lógica para pedir un susurro contextual
+        # Logic to request a contextual nudge
         current_step = conversation_context_state["step"]
         location = conversation_context_state["location"]
         activity = conversation_context_state["activity"]
@@ -1344,13 +1394,13 @@ with demo: # Ahora el bloque 'with' utiliza el objeto demo ya creado
                 response = f"Entendido, en {location} y {activity}. ¿Y cómo te sentís? ¿Bien, cansado, bajoneado, motivado?"
                 conversation_context_state["step"] = "ask_sentiment"
             else:
-                # Ya tenemos todo, generar el nudge
+                # We have everything, generate the nudge
                 nudge_text, current_points, current_insignia, next_insignia_goal, historial = await nudge_generator.generate_nudge(user_obj.user_id, location, activity, sentiment)
                 response = nudge_text
-                chat_history.append((user_message, response))
-                # Reiniciar contexto después de generar el nudge
+                chat_history.append({"role": "MateAI", "content": response})
+                # Reset context after generating the nudge
                 conversation_context_state = {"step": "initial", "pending_nudge_request": False, "location": None, "activity": None, "sentiment": None}
-                return chat_history, "", conversation_context_state, response, gr.skip(), gr.skip()
+                return chat_history, "", conversation_context_state, response, gr.skip(), gr.skip(), gr.skip()
 
         elif current_step == "ask_location":
             if any(k in user_message_lower for k in ["casa", "hogar"]):
@@ -1360,8 +1410,9 @@ with demo: # Ahora el bloque 'with' utiliza el objeto demo ya creado
             elif any(k in user_message_lower for k in ["calle", "aire libre", "plaza", "parque", "caminando"]):
                 location = "Aire Libre/Calle"
             else:
-                chat_history.append((user_message, "No te entendí bien, che. ¿Estás en casa, en la oficina o en la calle?"))
-                return chat_history, "", conversation_context_state, "", gr.skip(), gr.skip()
+                response = "No te entendí bien, che. ¿Estás en casa, en la oficina o en la calle?"
+                chat_history.append({"role": "MateAI", "content": response})
+                return chat_history, "", conversation_context_state, response, gr.skip(), gr.skip(), gr.skip()
             
             conversation_context_state["location"] = location
             if not activity:
@@ -1373,9 +1424,9 @@ with demo: # Ahora el bloque 'with' utiliza el objeto demo ya creado
             else: # Should not happen if flow is sequential, but as fallback
                 nudge_text, current_points, current_insignia, next_insignia_goal, historial = await nudge_generator.generate_nudge(user_obj.user_id, location, activity, sentiment)
                 response = nudge_text
-                chat_history.append((user_message, response))
+                chat_history.append({"role": "MateAI", "content": response})
                 conversation_context_state = {"step": "initial", "pending_nudge_request": False, "location": None, "activity": None, "sentiment": None}
-                return chat_history, "", conversation_context_state, response, gr.skip(), gr.skip()
+                return chat_history, "", conversation_context_state, response, gr.skip(), gr.skip(), gr.skip()
 
         elif current_step == "ask_activity":
             if any(k in user_message_lower for k in ["relajado", "tranqui", "descansando"]):
@@ -1391,8 +1442,9 @@ with demo: # Ahora el bloque 'with' utiliza el objeto demo ya creado
             elif any(k in user_message_lower for k in ["partido", "fútbol", "viendo tele"]):
                 activity = "Viendo un partido"
             else:
-                chat_history.append((user_message, "No te pesqué esa, che. ¿Estás laburando, haciendo ejercicio, relajado, cocinando, o viendo un partido?"))
-                return chat_history, "", conversation_context_state, "", gr.skip(), gr.skip()
+                response = "No te pesqué esa, che. ¿Estás laburando, haciendo ejercicio, relajado, cocinando, o viendo un partido?"
+                chat_history.append({"role": "MateAI", "content": response})
+                return chat_history, "", conversation_context_state, response, gr.skip(), gr.skip(), gr.skip()
             
             conversation_context_state["activity"] = activity
             if not sentiment:
@@ -1401,9 +1453,9 @@ with demo: # Ahora el bloque 'with' utiliza el objeto demo ya creado
             else: # Should not happen if flow is sequential, but as fallback
                 nudge_text, current_points, current_insignia, next_insignia_goal, historial = await nudge_generator.generate_nudge(user_obj.user_id, location, activity, sentiment)
                 response = nudge_text
-                chat_history.append((user_message, response))
+                chat_history.append({"role": "MateAI", "content": response})
                 conversation_context_state = {"step": "initial", "pending_nudge_request": False, "location": None, "activity": None, "sentiment": None}
-                return chat_history, "", conversation_context_state, response, gr.skip(), gr.skip()
+                return chat_history, "", conversation_context_state, response, gr.skip(), gr.skip(), gr.skip()
 
         elif current_step == "ask_sentiment":
             if any(k in user_message_lower for k in ["bien", "joya", "diez puntos", "contento"]):
@@ -1415,22 +1467,23 @@ with demo: # Ahora el bloque 'with' utiliza el objeto demo ya creado
             elif any(k in user_message_lower for k in ["motivado", "con pilas", "enchufado"]):
                 sentiment = "Motivado"
             else:
-                chat_history.append((user_message, "No te capto el sentimiento, che. ¿Estás bien, cansado, bajoneado o motivado?"))
-                return chat_history, "", conversation_context_state, "", gr.skip(), gr.skip()
+                response = "No te capto el sentimiento, che. ¿Estás bien, cansado, bajoneado o motivado?"
+                chat_history.append({"role": "MateAI", "content": response})
+                return chat_history, "", conversation_context_state, response, gr.skip(), gr.skip(), gr.skip()
             
             conversation_context_state["sentiment"] = sentiment
-            # Ahora que tenemos todo, generar el nudge
+            # Now that we have everything, generate the nudge
             nudge_text, current_points, current_insignia, next_insignia_goal, historial = await nudge_generator.generate_nudge(user_obj.user_id, location, activity, sentiment)
             response = nudge_text
-            chat_history.append((user_message, response))
-            # Reiniciar contexto después de generar el nudge
+            chat_history.append({"role": "MateAI", "content": response})
+            # Reset context after generating the nudge
             conversation_context_state = {"step": "initial", "pending_nudge_request": False, "location": None, "activity": None, "sentiment": None}
-            return chat_history, "", conversation_context_state, response, gr.skip(), gr.skip()
+            return chat_history, "", conversation_context_state, response, gr.skip(), gr.skip(), gr.skip()
         
         else: # Default response if no specific command or context step
             response = "¡No te entendí bien, che! Soy MateAI, tu compañero. Si querés un susurro, decime 'quiero un susurro' y te voy a preguntar unas cositas. Si no, decime qué andás necesitando."
-            chat_history.append((user_message, response))
-            return chat_history, "", conversation_context_state, response, gr.skip(), gr.skip()
+            chat_history.append({"role": "MateAI", "content": response})
+            return chat_history, "", conversation_context_state, response, gr.skip(), gr.skip(), gr.skip()
 
     # --- Conexión de Eventos ---
     btn_crear_usuario.click(
@@ -1502,26 +1555,24 @@ with demo: # Ahora el bloque 'with' utiliza el objeto demo ya creado
         outputs=[chatbot, voice_input_textbox, conversation_context_state, voice_output_text, simulated_action_output, simulated_browser_url, simulated_browser_content]
     )
     
-    # Cuando el backend genera texto para voz, lo envía a voice_output_text,
-    # y el JS lo vocaliza.
+    # When the backend generates text for voice, it sends it to voice_output_text,
+    # and JS vocalizes it.
     voice_output_text.change(
-        fn=None, # No hay función Python, solo se usa para activar JS
+        fn=None, # No Python function, only used to activate JS
         inputs=[voice_output_text],
         outputs=None,
         js="text => window.speakText(text)"
     )
 
     # --- Conexión del botón oculto de cambio de vista ---
-    all_sections = [
-        "home_section", "oracle_section", "nudges_section",
-        "challenges_section", "history_section", "tasks_section",
-        "browser_agent_section" # Actualizado
-    ]
-
     hidden_view_changer_button.click(
         fn=change_view,
         inputs=[hidden_view_input],
-        outputs=[gr.Column(elem_id=s) for s in all_sections] + [current_view_state]
+        outputs=[
+            home_section, oracle_section, nudges_section,
+            challenges_section, history_section, tasks_section,
+            browser_agent_section, current_view_state
+        ]
     )
 
 # Lanza la interfaz de Gradio