Update app.py

app.py

@@ -28,7 +28,7 @@ class Config:
     # o se usará la configuración proporcionada por el usuario si no está definida.
     # En un entorno de producción real, se recomienda usar variables de entorno seguras.
     # El project_id es mateai-815ca, como se especificó.
-    FIREBASE_COLLECTION_USERS = "artifacts/mateai-815ca/users" # Colección para datos de usuario
+    FIREBASE_COLLECTION_USERS = "users" # Colección para datos de usuario
 
 # --- Firebase Initialization ---
 # Intenta inicializar Firebase Admin SDK.
@@ -38,7 +38,11 @@ try:
         # 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))
+            cred_dict = json.loads(firebase_credentials_json)
+            # Asegurar que el project_id está presente, es crucial
+            if 'project_id' not in cred_dict:
+                 cred_dict['project_id'] = 'mateai-815ca'
+            cred = credentials.Certificate(cred_dict)
             firebase_admin.initialize_app(cred)
             print("Firebase Admin SDK inicializado correctamente desde variable de entorno GOOGLE_APPLICATION_CREDENTIALS_JSON.")
         else:
@@ -46,8 +50,13 @@ try:
             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.
-except ValueError:
-    pass # Ya inicializado
+except Exception as e:
+    # Captura errores más específicos si es posible, como ValueError si ya está inicializado.
+    if "The default Firebase app already exists" in str(e):
+        pass # App ya inicializada, no es un error.
+    else:
+        print(f"Error al inicializar Firebase: {e}")
+
 
 db = firestore.client() if firebase_admin._apps else None # Solo si Firebase se inicializó con éxito
 
@@ -63,7 +72,7 @@ class UserManager:
         
         user_doc_ref = db.collection(Config.FIREBASE_COLLECTION_USERS).document(user_id)
         try:
-            user_doc_ref.set(new_user.to_dict())
+            await asyncio.to_thread(user_doc_ref.set, new_user.to_dict())
             return new_user, f"¡Bienvenido, {name}! Tu ID de usuario es: {user_id}. ¡MateAI está listo para cebarte la vida!"
         except Exception as e:
             return None, f"Error al crear usuario en Firestore: {e}"
@@ -73,7 +82,7 @@ class UserManager:
         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()
+            doc = await asyncio.to_thread(user_doc_ref.get)
             if doc.exists:
                 user_data = doc.to_dict()
                 loaded_user = User(
@@ -96,7 +105,7 @@ class UserManager:
         if not db: return None
         user_doc_ref = db.collection(Config.FIREBASE_COLLECTION_USERS).document(user_id)
         try:
-            doc = user_doc_ref.get()
+            doc = await asyncio.to_thread(user_doc_ref.get)
             if doc.exists:
                 user_data = doc.to_dict()
                 return User(
@@ -119,7 +128,7 @@ class UserManager:
         if not db: return False
         user_doc_ref = db.collection(Config.FIREBASE_COLLECTION_USERS).document(user_obj.user_id)
         try:
-            user_doc_ref.update(user_obj.to_dict())
+            await asyncio.to_thread(user_doc_ref.update, user_obj.to_dict())
             return True
         except Exception as e:
             print(f"Error al actualizar datos de usuario en Firestore: {e}")
@@ -399,21 +408,16 @@ class NudgeGenerator:
         # --- Lógica de Priorización de Tareas (¡NUEVO RAZONAMIENTO!) ---
         # Si hay tareas pendientes y es un buen momento para recordarlas
         tasks_to_nudge = []
-        for task_item in user.tasks:
-            task_name = task_item['task']
-            last_nudged_str = task_item.get('last_nudged')
-            last_nudged = datetime.strptime(last_nudged_str, '%Y-%m-%d %H:%M:%S.%f') if last_nudged_str else None
-
-            if not last_nudged or (datetime.now() - last_nudged) > timedelta(hours=Config.TASK_NUDGE_COOLDOWN_HOURS):
-                # Simula un pequeño "razonamiento" sobre cuándo es buen momento para la tarea
-                if "Mañana" in time_context and "Casa" in location and "comprar" in task_name.lower():
-                    tasks_to_nudge.append(task_item)
-                elif "Mediodía/Tarde" in time_context and "llamar" in task_name.lower():
-                    tasks_to_nudge.append(task_item)
-                elif "Noche" in time_context and "leer" in task_name.lower():
-                    tasks_to_nudge.append(task_item)
-                elif "General" in task_item.get('context_tags', []): # Tareas sin contexto específico
-                    tasks_to_nudge.append(task_item)
+        if user.tasks:
+            for task_item in user.tasks:
+                task_name = task_item['task']
+                last_nudged_str = task_item.get('last_nudged')
+                last_nudged = datetime.strptime(last_nudged_str, '%Y-%m-%d %H:%M:%S.%f') if last_nudged_str else None
+
+                if not last_nudged or (datetime.now() - last_nudged) > timedelta(hours=Config.TASK_NUDGE_COOLDOWN_HOURS):
+                    # Simula un pequeño "razonamiento" sobre cuándo es buen momento para la tarea
+                    if random.random() < 0.2: # 20% chance to remind a task
+                        tasks_to_nudge.append(task_item)
 
         if tasks_to_nudge:
             chosen_task = random.choice(tasks_to_nudge)
@@ -791,7 +795,12 @@ with demo: # Ahora el bloque 'with' utiliza el objeto demo ya creado
 
                 recognition.onresult = function(event) {
                     const transcript = event.results[0][0].transcript;
-                    document.getElementById('voice_input_textbox').value = transcript; // Pass text to hidden textbox
+                    const voiceInputTextbox = document.querySelector('#voice_input_textbox textarea');
+                    if (voiceInputTextbox) {
+                        voiceInputTextbox.value = transcript; // Pass text to hidden textbox
+                        // Manually trigger the 'input' event for Gradio to detect the change
+                        voiceInputTextbox.dispatchEvent(new Event('input', { bubbles: true }));
+                    }
                     voiceStatus.textContent = 'Texto reconocido: ' + transcript;
                     console.log('Recognized:', transcript);
                     // Trigger a Gradio event to send this text to Python
@@ -876,10 +885,6 @@ with demo: # Ahora el bloque 'with' utiliza el objeto demo ya creado
                     matecitoAvatar.style.animation = 'fade-out 0.3s forwards';
                     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) {
@@ -914,6 +919,16 @@ with demo: # Ahora el bloque 'with' utiliza el objeto demo ya creado
         outputs=None,
         js="startListening()"
     )
+    
+    # --- Contenido de cada Sección (DEFINED BEFORE USAGE) ---
+    home_section = gr.Column(elem_id="home_section", elem_classes="section-content", visible=True)
+    nudges_section = gr.Column(elem_id="nudges_section", elem_classes="section-content", visible=False)
+    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)
+    tasks_section = gr.Column(elem_id="tasks_section", elem_classes="section-content", visible=False)
+    history_section = gr.Column(elem_id="history_section", elem_classes="section-content", visible=False)
+    browser_agent_section = gr.Column(elem_id="browser_agent_section", elem_classes="section-content", visible=False)
+
 
     # --- Nuevo Menú de Navegación con Gradio Buttons ---
     gr.Markdown("<h2 style='text-align: center; color: #38bdf8; margin-top: 2em;'>Navegación MateAI</h2>")
@@ -926,16 +941,7 @@ with demo: # Ahora el bloque 'with' utiliza el objeto demo ya creado
         ).click(
             fn=lambda: change_view('home'),
             inputs=[],
-            outputs=[
-                gr.Column.update(visible=True), # home_section
-                gr.Column.update(visible=False), # nudges_section
-                gr.Column.update(visible=False), # oracle_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
-                current_view_state # Update the state
-            ]
+            outputs=[home_section, nudges_section, oracle_section, challenges_section, history_section, tasks_section, browser_agent_section, current_view_state]
         )
         gr.Button(
             value="""<div class="icon">💬</div>Conversar con MateAI""",
@@ -944,16 +950,7 @@ with demo: # Ahora el bloque 'with' utiliza el objeto demo ya creado
         ).click(
             fn=lambda: change_view('nudges'),
             inputs=[],
-            outputs=[
-                gr.Column.update(visible=False), # home_section
-                gr.Column.update(visible=True), # nudges_section
-                gr.Column.update(visible=False), # oracle_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
-                current_view_state
-            ]
+            outputs=[home_section, nudges_section, oracle_section, challenges_section, history_section, tasks_section, browser_agent_section, current_view_state]
         )
         gr.Button(
             value="""<div class="icon">✨</div>Oráculo del Día""",
@@ -962,16 +959,7 @@ with demo: # Ahora el bloque 'with' utiliza el objeto demo ya creado
         ).click(
             fn=lambda: change_view('oracle'),
             inputs=[],
-            outputs=[
-                gr.Column.update(visible=False), # home_section
-                gr.Column.update(visible=False), # nudges_section
-                gr.Column.update(visible=True), # oracle_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
-                current_view_state
-            ]
+            outputs=[home_section, nudges_section, oracle_section, challenges_section, history_section, tasks_section, browser_agent_section, current_view_state]
         )
         gr.Button(
             value="""<div class="icon">🎯</div>Desafíos MateAI""",
@@ -980,16 +968,7 @@ with demo: # Ahora el bloque 'with' utiliza el objeto demo ya creado
         ).click(
             fn=lambda: change_view('challenges'),
             inputs=[],
-            outputs=[
-                gr.Column.update(visible=False), # home_section
-                gr.Column.update(visible=False), # nudges_section
-                gr.Column.update(visible=False), # oracle_section
-                gr.Column.update(visible=True), # challenges_section
-                gr.Column.update(visible=False), # history_section
-                gr.Column.update(visible=False), # tasks_section
-                gr.Column.update(visible=False), # browser_agent_section
-                current_view_state
-            ]
+            outputs=[home_section, nudges_section, oracle_section, challenges_section, history_section, tasks_section, browser_agent_section, current_view_state]
         )
         gr.Button(
             value="""<div class="icon">📝</div>Mi Gestor de Tareas""",
@@ -998,16 +977,7 @@ with demo: # Ahora el bloque 'with' utiliza el objeto demo ya creado
         ).click(
             fn=lambda: change_view('tasks'),
             inputs=[],
-            outputs=[
-                gr.Column.update(visible=False), # home_section
-                gr.Column.update(visible=False), # nudges_section
-                gr.Column.update(visible=False), # oracle_section
-                gr.Column.update(visible=False), # challenges_section
-                gr.Column.update(visible=False), # history_section
-                gr.Column.update(visible=True), # tasks_section
-                gr.Column.update(visible=False), # browser_agent_section
-                current_view_state
-            ]
+            outputs=[home_section, nudges_section, oracle_section, challenges_section, history_section, tasks_section, browser_agent_section, current_view_state]
         )
         gr.Button(
             value="""<div class="icon">📜</div>Mi Historial & Logros""",
@@ -1016,16 +986,7 @@ with demo: # Ahora el bloque 'with' utiliza el objeto demo ya creado
         ).click(
             fn=lambda: change_view('history'),
             inputs=[],
-            outputs=[
-                gr.Column.update(visible=False), # home_section
-                gr.Column.update(visible=False), # nudges_section
-                gr.Column.update(visible=False), # oracle_section
-                gr.Column.update(visible=False), # challenges_section
-                gr.Column.update(visible=True), # history_section
-                gr.Column.update(visible=False), # tasks_section
-                gr.Column.update(visible=False), # browser_agent_section
-                current_view_state
-            ]
+            outputs=[home_section, nudges_section, oracle_section, challenges_section, history_section, tasks_section, browser_agent_section, current_view_state]
         )
         gr.Button(
             value="""<div class="icon">🌐</div>Asistente Web (Concepto)""",
@@ -1034,28 +995,9 @@ with demo: # Ahora el bloque 'with' utiliza el objeto demo ya creado
         ).click(
             fn=lambda: change_view('browser_agent'),
             inputs=[],
-            outputs=[
-                gr.Column.update(visible=False), # home_section
-                gr.Column.update(visible=False), # nudges_section
-                gr.Column.update(visible=False), # oracle_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=True), # browser_agent_section
-                current_view_state
-            ]
+            outputs=[home_section, nudges_section, oracle_section, challenges_section, history_section, tasks_section, browser_agent_section, current_view_state]
         )
 
-    # --- Contenido de cada Sección ---
-    # Todas las secciones deben ser definidas aquí para poder ser referenciadas en los outputs
-    home_section = gr.Column(elem_id="home_section", elem_classes="section-content", visible=True)
-    nudges_section = gr.Column(elem_id="nudges_section", elem_classes="section-content", visible=False)
-    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)
-    tasks_section = gr.Column(elem_id="tasks_section", elem_classes="section-content", visible=False)
-    history_section = gr.Column(elem_id="history_section", elem_classes="section-content", visible=False)
-    browser_agent_section = gr.Column(elem_id="browser_agent_section", elem_classes="section-content", visible=False)
-
     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 y te ofrezca una experiencia bien personalizada.</p>")
         with gr.Row():
@@ -1208,16 +1150,16 @@ with demo: # Ahora el bloque 'with' utiliza el objeto demo ya creado
     def change_view(view_name):
         # Create a dictionary to hold updates for each section
         updates = {
-            "home": gr.Column.update(visible=False),
-            "nudges": gr.Column.update(visible=False),
-            "oracle": gr.Column.update(visible=False),
-            "challenges": gr.Column.update(visible=False),
-            "history": gr.Column.update(visible=False),
-            "tasks": gr.Column.update(visible=False),
-            "browser_agent": gr.Column.update(visible=False),
+            "home": gr.Column(visible=False),
+            "nudges": gr.Column(visible=False),
+            "oracle": gr.Column(visible=False),
+            "challenges": gr.Column(visible=False),
+            "history": gr.Column(visible=False),
+            "tasks": gr.Column(visible=False),
+            "browser_agent": gr.Column(visible=False),
         }
         # Set the selected section to visible
-        updates[view_name] = gr.Column.update(visible=True)
+        updates[view_name] = gr.Column(visible=True)
         
         # Return the updates in a consistent order, followed by the state update
         return (
@@ -1231,24 +1173,11 @@ with demo: # Ahora el bloque 'with' utiliza el objeto demo ya creado
             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."""
-        if user_obj:
-            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([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, 
-                    historial, user_obj.preferences.get('tipo_susurro'), user_obj.preferences.get('frecuencia'), 
-                    user_obj.preferences.get('modo_che_tranqui'), tareas_str)
-        
-        # Valores por defecto si no hay usuario
-        return (None, "No logueado", "", "", "", "", "", Config.DEFAULT_USER_PREFS['tipo_susurro'], 
-                Config.DEFAULT_USER_PREFS['frecuencia'], Config.DEFAULT_USER_PREFS['modo_che_tranqui'], "")
-
     async def _create_user_gradio(name, prefs_type):
+        if not name:
+            return (None, "No logueado", "Error: El nombre no puede estar vacío.", "", "", "", "", "", Config.DEFAULT_USER_PREFS['tipo_susurro'],
+                    Config.DEFAULT_USER_PREFS['frecuencia'], Config.DEFAULT_USER_PREFS['modo_che_tranqui'], "")
+
         user, msg = await user_manager.create_user(name, {"tipo_susurro": prefs_type})
         if user:
             # Prepare all UI outputs based on the newly created user
@@ -1267,6 +1196,10 @@ with demo: # Ahora el bloque 'with' utiliza el objeto demo ya creado
                 Config.DEFAULT_USER_PREFS['frecuencia'], Config.DEFAULT_USER_PREFS['modo_che_tranqui'], "")
 
     async def _load_user_gradio(user_id):
+        if not user_id:
+             return (None, "No logueado", "Error: El ID de usuario no puede estar vacío.", "", "", "", "", "", Config.DEFAULT_USER_PREFS['tipo_susurro'],
+                    Config.DEFAULT_USER_PREFS['frecuencia'], Config.DEFAULT_USER_PREFS['modo_che_tranqui'], "")
+
         user, msg = await user_manager.login_user(user_id)
         if user:
             # Prepare all UI outputs based on the loaded user
@@ -1277,7 +1210,7 @@ with demo: # Ahora el bloque 'with' utiliza el objeto demo ya creado
             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.id, msg, user.name, str(current_points), current_insignia, next_insignia_goal,
+            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)
         # If user loading failed, return default values and the error message
@@ -1331,35 +1264,36 @@ with demo: # Ahora el bloque 'with' utiliza el objeto demo ya creado
 
     # --- THE NEW UNIFIED CONVERSATIONAL ENGINE ---
     async def _process_conversational_input(user_message, chat_history, current_user_state, conversation_context_state):
-        if not user_message.strip():
-            return chat_history, "", conversation_context_state, "", gr.skip(), gr.skip(), gr.skip(), gr.skip(), gr.skip()
+        if not user_message or not user_message.strip():
+            # Return current state without change if input is empty
+            return chat_history, "", conversation_context_state, "", gr.update(), gr.update(), gr.update(), gr.update(), gr.update()
 
         user_message_lower = user_message.lower()
         user_obj = current_user_state
 
-        # Append user message to chat history immediately
+        # Append user message to chat history immediately for responsiveness
         chat_history.append((user_message, None))
 
         # Check if user is logged in
         if not user_obj:
             mateai_response = "¡Che, para arrancar, necesito que crees o cargues tu perfil en la sección 'Inicio & Perfil'! Después volvé acá y seguimos charlando."
             chat_history[-1] = (user_message, mateai_response)
-            return chat_history, "", conversation_context_state, mateai_response, gr.skip(), gr.skip(), gr.skip(), gr.skip(), gr.skip()
+            return chat_history, "", conversation_context_state, mateai_response, gr.update(), gr.update(), gr.update(), gr.update(), gr.update()
 
         # --- Intent Router ---
         response = ""
         voice_response = ""
-        action_output = gr.skip()
-        browser_url = gr.skip()
-        browser_content = gr.skip()
-        task_list_update = gr.skip()
-        oracle_update = gr.skip()
+        action_output = gr.update()
+        browser_url = gr.update()
+        browser_content = gr.update()
+        task_list_update = gr.update()
+        oracle_update = gr.update()
         
         # --- Intent: Oracle/Challenge ---
         if "oráculo" in user_message_lower or "revelación" in user_message_lower:
             response = await nudge_generator.get_daily_oracle_revelation(user_obj.user_id)
             voice_response = response
-            oracle_update = response
+            oracle_update = gr.Textbox(value=response)
 
         elif "desafío" in user_message_lower or "reto" in user_message_lower:
             response = await nudge_generator.get_mateai_challenge(user_obj.user_id)
@@ -1369,7 +1303,8 @@ with demo: # Ahora el bloque 'with' utiliza el objeto demo ya creado
         elif "agregar tarea" in user_message_lower or "nueva tarea" in user_message_lower:
             task_name = user_message.replace("agregar tarea", "").replace("nueva tarea", "", 1).strip()
             if task_name:
-                response, task_list_update = await nudge_generator.add_task(user_obj.user_id, task_name)
+                response, tasks_str = await nudge_generator.add_task(user_obj.user_id, task_name)
+                task_list_update = gr.Textbox(value=tasks_str)
                 voice_response = response
             else:
                 response = "¡Dale, che! ¿Qué tarea querés que agregue? Decime, por ejemplo: 'agregar tarea comprar yerba'."
@@ -1378,7 +1313,8 @@ with demo: # Ahora el bloque 'with' utiliza el objeto demo ya creado
         elif "completar tarea" in user_message_lower or "tarea lista" in user_message_lower:
             task_name = user_message.replace("completar tarea", "").replace("tarea lista", "", 1).strip()
             if task_name:
-                response, task_list_update = await nudge_generator.complete_task(user_obj.user_id, task_name)
+                response, tasks_str = await nudge_generator.complete_task(user_obj.user_id, task_name)
+                task_list_update = gr.Textbox(value=tasks_str)
                 voice_response = response
             else:
                 response = "¡Decime qué tarea completaste, así la saco de la lista! Por ejemplo: 'completar tarea ir al súper'."
@@ -1394,7 +1330,7 @@ with demo: # Ahora el bloque 'with' utiliza el objeto demo ya creado
                     document.getElementById('simulated_browser_address').innerText = '{new_url}';
                     document.getElementById('simulated_browser_content').innerHTML = '<p>¡Estás en Google! ¿Qué querés buscar?</p><img src="https://www.gstatic.com/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png" alt="Google Logo" style="height: 92px;">';
                     """
-                    action_output, browser_url, browser_content = response, new_url, gr.HTML(js_code)
+                    action_output, browser_url, browser_content = gr.Textbox(value=response), gr.Textbox(value=new_url), gr.HTML(js_code)
                 elif "wikipedia" in user_message_lower:
                     response = "¡Perfecto! Abriendo Wikipedia en el navegador simulado."
                     new_url = "https://es.wikipedia.org"
@@ -1402,7 +1338,7 @@ with demo: # Ahora el bloque 'with' utiliza el objeto demo ya creado
                     document.getElementById('simulated_browser_address').innerText = '{new_url}';
                     document.getElementById('simulated_browser_content').innerHTML = '<p>¡Estás en Wikipedia! ¿Qué querés buscar?</p><img src="https://upload.wikimedia.org/wikipedia/commons/8/80/Wikipedia-logo-v2.svg" alt="Wikipedia Logo" style="height: 100px;">';
                     """
-                    action_output, browser_url, browser_content = response, new_url, gr.HTML(js_code)
+                    action_output, browser_url, browser_content = gr.Textbox(value=response), gr.Textbox(value=new_url), gr.HTML(js_code)
                 else:
                     response = "¡Che, a qué página querés ir? Decime un sitio conocido como 'Google' o 'Wikipedia'."
             
@@ -1415,7 +1351,7 @@ with demo: # Ahora el bloque 'with' utiliza el objeto demo ya creado
                     document.getElementById('simulated_browser_address').innerText = '{new_url}';
                     document.getElementById('simulated_browser_content').innerHTML = '<h3>Resultados de búsqueda para: {query}</h3><p><i>(Simulación de resultados)</i></p><ul><li>{query} - Wikipedia</li><li>Noticias sobre {query}</li><li>Imágenes de {query}</li></ul>';
                     """
-                    action_output, browser_url, browser_content = response, new_url, gr.HTML(js_code)
+                    action_output, browser_url, browser_content = gr.Textbox(value=response), gr.Textbox(value=new_url), gr.HTML(js_code)
                 else:
                     response = "¡Decime qué querés buscar, che! Por ejemplo: 'buscar el clima en Google'."
 
@@ -1426,7 +1362,7 @@ with demo: # Ahora el bloque 'with' utiliza el objeto demo ya creado
                 document.getElementById('simulated_browser_address').innerText = 'Ninguna página abierta';
                 document.getElementById('simulated_browser_content').innerHTML = '<p>Navegador listo para tu próxima instrucción.</p>';
                 """
-                action_output, browser_url, browser_content = response, new_url, gr.HTML(js_code)
+                action_output, browser_url, browser_content = gr.Textbox(value=response), gr.Textbox(value=new_url), gr.HTML(js_code)
             
             voice_response = response
 
@@ -1492,6 +1428,7 @@ with demo: # Ahora el bloque 'with' utiliza el objeto demo ya creado
         
         return chat_history, "", conversation_context_state, voice_response, action_output, browser_url, browser_content, task_list_update, oracle_update
 
+
     # --- Conexión de Eventos ---
     btn_crear_usuario.click(
         fn=_create_user_gradio,
@@ -1570,7 +1507,7 @@ with demo: # Ahora el bloque 'with' utiliza el objeto demo ya creado
     hidden_voice_submit_button.click(
         fn=_process_conversational_input,
         inputs=[voice_input_textbox, chat_history, current_user_state, conversation_context_state],
-        outputs=[chatbot, voice_input_textbox, conversation_context_state, voice_output_text, simulated_action_output, simulated_browser_url, simulated_browser_content, tareas_pendientes_output, oraculo_output]
+        outputs=CONVERSATIONAL_OUTPUTS
     )
     
     # When the backend generates text for voice, it sends it to voice_output_text,