Update app.py

app.py

@@ -10,17 +10,13 @@ import asyncio # Para manejar operaciones asíncronas
 import firebase_admin
 from firebase_admin import credentials, firestore
 
-# --- MateAI: El Oráculo Vocal y Adaptativo del Bienestar Argento - Edición Producción Total ---
-# Una manifestación de inteligencia superior para la integración masiva de IA en la humanidad.
-# Diseñado para Argentina, con personalidad, resiliencia y costos de token CERO.
-# Arquitectura de Micro-Oráculos Contextuales (AMOC) y Motor de Resonancia Cultural Dinámica (MRCD).
-# Integración real con Firestore para persistencia de datos de usuario.
-# ¡NUEVO! Interfaz de voz completa (Speech-to-Text y Text-to-Speech) para una interacción natural.
-# ¡NUEVO! Gestión de tareas y razonamiento adaptativo basado en interacciones.
+# --- MateAI: El Super Agente Argentino - Rediseño Total ---
+# Un compañero de IA diseñado para Argentina, con personalidad y robustez.
+# Interacción principalmente vocal y conversacional, con funciones de agente simuladas.
 
 # --- Módulo 1: Configuración Global y Constantes ---
 class Config:
-    APP_NAME = "MateAI: El Oráculo Vocal y Adaptativo del Bienestar Argento"
+    APP_NAME = "MateAI: El Super Agente Argentino"
     DEFAULT_USER_PREFS = {"tipo_susurro": "ambos", "frecuencia": "normal", "modo_che_tranqui": False}
     ECO_PUNTOS_POR_SUSURRO = 1
     MAX_HISTORIAL_SUSURROS = 50 # Limita el historial de susurros guardado por usuario
@@ -28,51 +24,63 @@ class Config:
     TASK_NUDGE_COOLDOWN_HOURS = 4 # Cooldown para recordar la misma tarea
 
     # --- Firebase Configuration ---
-    # Para desplegar en Hugging Face Spaces:
-    # 1. Crea un proyecto en Firebase y habilita Firestore.
-    # 2. Ve a 'Configuración del proyecto' -> 'Cuentas de servicio' -> 'Generar nueva clave privada'.
-    #    Esto descargará un archivo JSON.
-    # 3. En tu Space de Hugging Face, ve a 'Settings' -> 'Repository secrets'.
-    # 4. Crea un nuevo secreto llamado 'GOOGLE_APPLICATION_CREDENTIALS_JSON'
-    #    y pega el *contenido completo* de tu archivo JSON de clave privada aquí.
-    # 5. El código intentará cargar estas credenciales.
-    FIREBASE_COLLECTION_USERS = "artifacts/mateai-oracle-vocal-prod-demo/users" # Colección para datos de usuario
+    # La configuración de Firebase se cargará desde la variable de entorno __firebase_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.
+    FIREBASE_COLLECTION_USERS = "artifacts/mateai-super-agente-argentino/users" # Colección para datos de usuario
 
 # --- Firebase Initialization ---
 # Intenta inicializar Firebase Admin SDK.
-# En Hugging Face Spaces, las credenciales se cargarán desde GOOGLE_APPLICATION_CREDENTIALS_JSON.
+# Se usa la configuración proporcionada por el usuario o la variable de entorno.
 try:
-    firebase_admin.get_app() # Verifica si la app ya está inicializada
-except ValueError:
-    # Intenta cargar las credenciales desde la variable de entorno
-    # 'GOOGLE_APPLICATION_CREDENTIALS_JSON' que debe contener el JSON de la clave de servicio.
-    firebase_credentials_json = os.getenv('GOOGLE_APPLICATION_CREDENTIALS_JSON')
-    if firebase_credentials_json:
-        try:
-            cred = credentials.Certificate(json.loads(firebase_credentials_json))
+    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
             firebase_admin.initialize_app(cred)
             print("Firebase Admin SDK inicializado correctamente desde variable de entorno.")
-        except Exception as e:
-            print(f"ERROR: No se pudo inicializar Firebase Admin SDK desde GOOGLE_APPLICATION_CREDENTIALS_JSON: {e}")
-            print("Asegúrate de que la variable de entorno esté configurada correctamente.")
-    else:
-        print("ADVERTENCIA: GOOGLE_APPLICATION_CREDENTIALS_JSON no está configurada.")
-        print("La persistencia de datos de usuario en Firestore NO funcionará sin credenciales.")
+        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á.
+            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
 
-db = firestore.client()
+db = firestore.client() if firebase_admin._apps else None # Solo si Firebase se inicializó con éxito
 
 # --- Módulo 2: Gestión de Usuarios (UserManager) ---
 # Gestiona la creación, carga y actualización de usuarios con persistencia en Firestore.
 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."
         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)
         
         user_doc_ref = db.collection(Config.FIREBASE_COLLECTION_USERS).document(user_id)
         try:
-            # Removed 'await' here as firestore.client().collection().document().set() is synchronous
             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:
@@ -80,9 +88,9 @@ class UserManager:
 
     @classmethod
     async def login_user(cls, user_id):
+        if not db: return None, "Error: La base de datos no está disponible."
         user_doc_ref = db.collection(Config.FIREBASE_COLLECTION_USERS).document(user_id)
         try:
-            # Firestore get() is synchronous
             doc = user_doc_ref.get()
             if doc.exists:
                 user_data = doc.to_dict()
@@ -103,9 +111,9 @@ class UserManager:
 
     @classmethod
     async def get_user(cls, user_id):
+        if not db: return None
         user_doc_ref = db.collection(Config.FIREBASE_COLLECTION_USERS).document(user_id)
         try:
-            # Firestore get() is synchronous
             doc = user_doc_ref.get()
             if doc.exists:
                 user_data = doc.to_dict()
@@ -126,9 +134,9 @@ class UserManager:
 
     @classmethod
     async def update_user_data(cls, user_obj):
+        if not db: return False
         user_doc_ref = db.collection(Config.FIREBASE_COLLECTION_USERS).document(user_obj.user_id)
         try:
-            # Removed 'await' here as firestore.client().collection().document().update() is synchronous
             user_doc_ref.update(user_obj.to_dict())
             return True
         except Exception as e:
@@ -500,7 +508,6 @@ class NudgeGenerator:
             return "Error: Usuario no logueado. Por favor, crea o carga un usuario."
         
         today = datetime.now().date()
-        # Firestore get() is synchronous
         if user.last_oracle_date and user.last_oracle_date == today:
             return "El Oráculo ya te ha hablado hoy. Volvé mañana para una nueva revelación."
         
@@ -524,8 +531,8 @@ class NudgeGenerator:
         return formatted_challenge
 
     async def add_task(self, user_id, task_name):
-        if not user_id: # Check if user_id is None or empty
-            return "Error: Por favor, crea o carga un usuario primero.", "" # Return default values for outputs
+        if not user_id: 
+            return "Error: Por favor, crea o carga un usuario primero.", "" 
         user = await self.user_manager.get_user(user_id)
         if not user:
             return "Error: Usuario no logueado. Por favor, crea o carga un usuario.", ""
@@ -537,8 +544,8 @@ class NudgeGenerator:
         return f"¡Tarea '{task_name}' agregada a tu lista, {user.name}!", tareas_str
 
     async def complete_task(self, user_id, task_name):
-        if not user_id: # Check if user_id is None or empty
-            return "Error: Por favor, crea o carga un usuario primero.", "" # Return default values for outputs
+        if not user_id: 
+            return "Error: Por favor, crea o carga un usuario primero.", "" 
         user = await self.user_manager.get_user(user_id)
         if not user:
             return "Error: Usuario no logueado. Por favor, crea o carga un usuario.", ""
@@ -603,7 +610,7 @@ with demo: # Ahora el bloque 'with' utiliza el objeto demo ya creado
     gr.Markdown(
         """
         <h1 style="text-align: center; color: #10b981; font-size: 3.5em; font-weight: bold; margin-bottom: 0.5em; text-shadow: 2px 2px 4px rgba(0,0,0,0.1);">
-            🧉 MateAI: El Oráculo Vocal y Adaptativo del Bienestar Argento 🧉
+            🧉 MateAI: El Super Agente Argentino 🧉
         </h1>
         <p style="text-align: center; color: #4b5563; font-size: 1.3em; margin-bottom: 2em; line-height: 1.5;">
             Soy MateAI, tu compañero argentino. Estoy acá para cebarte la vida con sabiduría contextual y sin costo.
@@ -690,7 +697,7 @@ with demo: # Ahora el bloque 'with' utiliza el objeto demo ya creado
                 border-radius: 20px;
                 box-shadow: 0 8px 20px rgba(0,0,0,0.1);
             }
-            .menu-button {
+            .menu-button-custom { /* Clase para los botones personalizados con iconos */
                 display: flex;
                 flex-direction: column;
                 align-items: center;
@@ -707,13 +714,13 @@ with demo: # Ahora el bloque 'with' utiliza el objeto demo ya creado
                 text-align: center;
                 padding: 10px;
             }
-            .menu-button:hover {
+            .menu-button-custom:hover {
                 background-color: #e0f2fe; /* sky-100 */
                 border-color: #38bdf8; /* sky-400 */
                 transform: translateY(-3px);
                 box-shadow: 0 4px 10px rgba(0,0,0,0.1);
             }
-            .menu-button .icon {
+            .menu-button-custom .icon {
                 font-size: 2.5em; /* Tamaño del icono */
                 margin-bottom: 5px;
             }
@@ -724,6 +731,41 @@ with demo: # Ahora el bloque 'with' utiliza el objeto demo ya creado
                 box-shadow: 0 8px 20px rgba(0,0,0,0.1);
                 margin-top: 20px;
             }
+            /* Estilos para el navegador simulado */
+            .browser-frame {
+                border: 1px solid #ccc;
+                border-radius: 8px;
+                overflow: hidden;
+                box-shadow: 0 4px 8px rgba(0,0,0,0.1);
+            }
+            .browser-header {
+                background-color: #f1f1f1;
+                padding: 8px 12px;
+                border-bottom: 1px solid #e0e0e0;
+                display: flex;
+                align-items: center;
+                gap: 8px;
+            }
+            .browser-address-bar {
+                flex-grow: 1;
+                background-color: #fff;
+                border: 1px solid #ddd;
+                border-radius: 4px;
+                padding: 6px 10px;
+                font-size: 0.9em;
+                color: #333;
+            }
+            .browser-content {
+                width: 100%;
+                height: 400px; /* Altura fija para la simulación */
+                background-color: #f9f9f9;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                font-size: 1.2em;
+                color: #666;
+                text-align: center;
+            }
         </style>
         <div id="matecito_avatar" class="matecito-avatar">🧉</div>
         <script>
@@ -786,7 +828,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';
                     }
                 };
@@ -802,18 +844,20 @@ with demo: # Ahora el bloque 'with' utiliza el objeto demo ya creado
                 const utterance = new SpeechSynthesisUtterance(text);
                 utterance.lang = 'es-AR'; // Español de Argentina
                 
-                // Intenta encontrar una voz en español de Argentina o una genérica de español
+                // Intenta encontrar una voz en español de Argentina y varón
                 const voices = window.speechSynthesis.getVoices();
-                // Prioriza voces de Argentina, luego cualquier español, luego la por defecto
-                // Se busca una voz que suene más "argentina" por su nombre o lang code
-                const preferredVoice = voices.find(voice => voice.lang === 'es-AR' && (voice.name.includes('Argentina') || voice.name.includes('Diego') || voice.name.includes('Laura') || voice.name.includes('Argentine') || voice.name.includes('male'))) ||
-                                       voices.find(voice => voice.lang === 'es-AR') ||
-                                       voices.find(voice => voice.lang.startsWith('es') && voice.name.includes('male')) ||
-                                       voices.find(voice => voice.lang.startsWith('es'));
+                const preferredVoice = voices.find(voice => 
+                    voice.lang === 'es-AR' && 
+                    (voice.name.includes('Argentina') || voice.name.includes('Diego') || voice.name.includes('male'))
+                ) || voices.find(voice => 
+                    voice.lang.startsWith('es') && voice.name.includes('male')
+                ) || voices.find(voice => voice.lang === 'es-AR') ||
+                   voices.find(voice => voice.lang.startsWith('es'));
+
                 if (preferredVoice) {
                     utterance.voice = preferredVoice;
                 } else {
-                    console.warn("No se encontró una voz en español de Argentina o genérica. Usando la voz por defecto.");
+                    console.warn("No se encontró una voz en español de Argentina o genérica masculina. Usando la voz por defecto.");
                 }
 
                 utterance.onstart = function() {
@@ -842,7 +886,7 @@ with demo: # Ahora el bloque 'with' utiliza el objeto demo ya creado
                 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';
@@ -854,6 +898,17 @@ with demo: # Ahora el bloque 'with' utiliza el objeto demo ya creado
 
             // Exponer la función speakText globalmente para que Gradio pueda llamarla
             window.speakText = speakText;
+
+            // Función para cambiar la vista de Gradio (llamada desde los botones HTML personalizados)
+            function changeGradioView(viewName) {
+                const hiddenButton = document.getElementById('hidden_view_changer_button');
+                const viewInput = document.getElementById('hidden_view_input');
+                if (hiddenButton && viewInput) {
+                    viewInput.value = viewName;
+                    hiddenButton.click();
+                }
+            }
+            window.changeGradioView = changeGradioView; // Exponer globalmente
         </script>
     """)
     # Input oculto para el texto reconocido por voz
@@ -863,6 +918,10 @@ with demo: # Ahora el bloque 'with' utiliza el objeto demo ya creado
     # Output oculto para el texto que MateAI debe vocalizar
     voice_output_text = gr.Textbox(elem_id="voice_output_text", visible=False)
     
+    # Componentes ocultos para el cambio de vista desde JS
+    hidden_view_input = gr.Textbox(elem_id="hidden_view_input", visible=False)
+    hidden_view_changer_button = gr.Button("Change View", elem_id="hidden_view_changer_button", visible=False)
+
     gr.Markdown("<p id='voice_status' style='text-align: center; font-weight: bold; color: #4b5563;'>Listo para hablar 🎤</p>")
     gr.Button("🎙️ Empezar a Hablar con MateAI 🎙️", variant="secondary", elem_id="start_voice_button").click(
         fn=None,
@@ -871,16 +930,35 @@ with demo: # Ahora el bloque 'with' utiliza el objeto demo ya creado
         js="startListening()"
     )
 
-    # --- Nuevo Menú de Navegación Estilo Apple Watch ---
+    # --- Nuevo Menú de Navegación con HTML personalizado ---
     gr.Markdown("<h2 style='text-align: center; color: #38bdf8; margin-top: 2em;'>Navegación MateAI</h2>")
-    with gr.Column(elem_classes="menu-grid"):
-        btn_home = gr.Button("<div class='icon'>🏠</div>Inicio & Perfil", elem_classes="menu-button", value="home")
-        btn_oracle = gr.Button("<div class='icon'>✨</div>Oráculo del Día", elem_classes="menu-button", value="oracle")
-        btn_nudges = gr.Button("<div class='icon'>💬</div>Susurros del Momento", elem_classes="menu-button", value="nudges")
-        btn_challenges = gr.Button("<div class='icon'>🎯</div>Desafíos MateAI", elem_classes="menu-button", value="challenges")
-        btn_history = gr.Button("<div class='icon'>📜</div>Mi Historial & Logros", elem_classes="menu-button", value="history")
-        btn_tasks = gr.Button("<div class='icon'>📝</div>Mi Gestor de Tareas", elem_classes="menu-button", value="tasks")
-        btn_visual_assistant = gr.Button("<div class='icon'>👁️</div>Asistente Visual (Concepto)", elem_classes="menu-button", value="visual_assistant")
+    gr.HTML(
+        """
+        <div class="menu-grid">
+            <div class="menu-button-custom" onclick="changeGradioView('home')">
+                <div class="icon">🏠</div>Inicio & Perfil
+            </div>
+            <div class="menu-button-custom" onclick="changeGradioView('nudges')">
+                <div class="icon">💬</div>Conversar con MateAI
+            </div>
+            <div class="menu-button-custom" onclick="changeGradioView('oracle')">
+                <div class="icon">✨</div>Oráculo del Día
+            </div>
+            <div class="menu-button-custom" onclick="changeGradioView('challenges')">
+                <div class="icon">🎯</div>Desafíos MateAI
+            </div>
+            <div class="menu-button-custom" onclick="changeGradioView('tasks')">
+                <div class="icon">📝</div>Mi Gestor de Tareas
+            </div>
+            <div class="menu-button-custom" onclick="changeGradioView('history')">
+                <div class="icon">📜</div>Mi Historial & Logros
+            </div>
+            <div class="menu-button-custom" onclick="changeGradioView('browser_agent')">
+                <div class="icon">🌐</div>Asistente Web (Concepto)
+            </div>
+        </div>
+        """
+    )
 
     # --- Contenido de cada Sección (Ahora en gr.Group o gr.Column) ---
     # La sección de susurros ahora es un chat
@@ -988,57 +1066,71 @@ 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="visual_assistant_section", elem_classes="section-content", visible=False):
+    with gr.Column(elem_id="browser_agent_section", elem_classes="section-content", visible=False):
         gr.Markdown(
             """
-            <h2 style='text-align: center; color: #10b981;'>✨ MateAI: Tu Asistente Visual del Mañana ✨</h2>
+            <h2 style='text-align: center; color: #10b981;'>🌐 MateAI: Tu Asistente Web (Concepto) 🌐</h2>
             <p style='text-align: center;'>
-                Imaginemos el futuro: MateAI como un asistente visual que te ayuda con tareas cotidianas de forma intuitiva.
-                <br><b>Importante:</b> Como aplicación web, MateAI no puede controlar tu sistema operativo o el mouse por seguridad.
-                Esta sección es una <b>simulación conceptual</b> de lo que MateAI podría hacer en una aplicación nativa,
-                con un diseño inspirado en la simplicidad y la intuición de un Apple Watch.
+                Imaginemos el futuro: MateAI como un agente que te ayuda a navegar y operar en la web de forma conversacional.
+                <br><b>Importante:</b> Como aplicación web, MateAI no puede controlar tu sistema operativo o el mouse/teclado fuera de esta ventana por seguridad.
+                Esta sección es una <b>simulación conceptual</b> de lo que MateAI podría hacer en una aplicación nativa o con permisos especiales,
+                operando sobre un navegador *dentro de esta misma ventana*.
             </p>
             """
         )
         with gr.Row():
             with gr.Column():
-                gr.Markdown("<h3 style='color: #38bdf8;'>Acciones Rápidas (Simuladas)</h3>")
-                # Botones con íconos para simular acciones
-                btn_cerrar_pagina = gr.Button("❌ Cerrar Sección Actual", variant="secondary")
-                btn_abrir_nueva = gr.Button("➕ Abrir Nueva Sección", variant="secondary")
-                btn_scroll_arriba = gr.Button("⬆️ Subir Página", variant="secondary")
-                btn_scroll_abajo = gr.Button("⬇️ Bajar Página", variant="secondary")
-                
-                simulated_action_output = gr.Textbox(label="Resultado de la Acción (Simulada)", interactive=False, lines=2)
-                
-                gr.Markdown(
+                gr.Markdown("<h3 style='color: #38bdf8;'>Navegador Simulado</h3>")
+                simulated_browser_url = gr.Textbox(label="URL Actual (Simulada)", value="https://www.google.com.ar", interactive=False)
+                simulated_browser_content = gr.HTML(
                     """
-                    <p style='font-size: 0.9em; color: #6b7280; margin-top: 1em;'>
-                        <i>En una aplicación nativa, estas acciones se integrarían directamente con tu sistema.</i>
-                    </p>
+                    <div class="browser-frame">
+                        <div class="browser-header">
+                            <span style="color: #666;">&#9679; &#9679; &#9679;</span>
+                            <div class="browser-address-bar" id="simulated_browser_address">https://www.google.com.ar</div>
+                        </div>
+                        <div class="browser-content" id="simulated_browser_content">
+                            <p>¡Bienvenido al navegador simulado de MateAI!</p>
+                            <p>Decile a MateAI qué querés hacer, por ejemplo: "Andá a Google", "Buscá el clima en Buenos Aires".</p>
+                            <p>Recordá que esto es una simulación. MateAI te va a contar qué haría.</p>
+                        </div>
+                    </div>
                     """
                 )
-            with gr.Column():
-                gr.Markdown("<h3 style='color: #38bdf8;'>Interacción Visual (Conceptual)</h3>")
-                gr.Image(
-                    value="https://placehold.co/400x300/e0f2fe/0369a1?text=Interfaz+Visual+Conceptual",
-                    label="Visualización de Interacción (Conceptual)",
-                    interactive=False,
-                    show_label=True
-                )
+                
+                gr.Markdown("<h3 style='color: #38bdf8; margin-top: 1.5em;'>Acciones Sugeridas por MateAI (Simuladas)</h3>")
+                simulated_action_output = gr.Textbox(label="Lo que MateAI haría...", interactive=False, lines=2)
+                
                 gr.Markdown(
                     """
                     <p style='font-size: 0.9em; color: #6b7280; margin-top: 1em;'>
-                        Imagina MateAI detectando lo que ves en pantalla y ofreciendo opciones contextuales con íconos,
-                        como un "toque" para seleccionar elementos o un "deslizar" para navegar.
-                        Ideal para asistencia motriz, con feedback háptico y auditivo sutil.
+                        <i>En una aplicación nativa, estas acciones se integrarían directamente con tu sistema.</i>
                     </p>
                     """
                 )
         
         # Funciones simuladas para el asistente visual
-        def simulate_action(action_name):
-            return f"Simulando: '{action_name}'. En una aplicación nativa, MateAI realizaría esta acción por ti."
+        def simulate_browser_action(action_description, new_url=None, new_content=None):
+            if new_url:
+                js_code = f"""
+                document.getElementById('simulated_browser_address').innerText = '{new_url}';
+                document.getElementById('simulated_browser_content').innerHTML = '<p>Cargando: {new_url}...</p>';
+                """
+                if "google.com" in new_url:
+                    js_code += """
+                    document.getElementById('simulated_browser_content').innerHTML = '<p>¡Estás en Google! ¿Qué querés buscar?</p><img src="https://placehold.co/200x100/ffffff/000000?text=Google" alt="Google Logo">';
+                    """
+                elif "wikipedia.org" in new_url:
+                    js_code += """
+                    document.getElementById('simulated_browser_content').innerHTML = '<p>¡Estás en Wikipedia! Buscando información...</p><img src="https://placehold.co/200x100/ffffff/000000?text=Wikipedia" alt="Wikipedia Logo">';
+                    """
+                else:
+                    js_code += f"""
+                    document.getElementById('simulated_browser_content').innerHTML = '<p>Contenido simulado de: {new_url}</p>';
+                    """
+                return action_description, new_url, gr.HTML.update(value=js_code)
+            
+            return action_description, gr.skip(), gr.skip() # No cambia URL ni contenido si no se especifica
 
     # --- Funciones de Interacción para Gradio ---
 
@@ -1051,7 +1143,7 @@ with demo: # Ahora el bloque 'with' utiliza el objeto demo ya creado
             "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"),
-            "visual_assistant_section": gr.Column.update(visible=view_name == "visual_assistant"),
+            "browser_agent_section": gr.Column.update(visible=view_name == "browser_agent"), # Actualizado
             current_view_state: view_name # Actualiza el estado de la vista
         }
 
@@ -1122,14 +1214,6 @@ with demo: # Ahora el bloque 'with' utiliza el objeto demo ya creado
             return f"Preferencias actualizadas para {user_obj.name}.", user_obj
         return "Error al actualizar preferencias.", user_obj
 
-    async def _generate_nudge_gradio(user_obj, location, activity, sentiment):
-        if not user_obj:
-            return "Por favor, crea o carga un usuario primero para recibir susurros personalizados.", "", "", "", "", ""
-        
-        nudge_text, current_points, current_insignia, next_insignia_goal, historial = await nudge_generator.generate_nudge(user_obj.user_id, location, activity, sentiment)
-        
-        return nudge_text, str(current_points), current_insignia, next_insignia_goal, historial, nudge_text # Retorna el texto para vocalizar
-
     async def _get_oracle_revelation_gradio(user_obj):
         if not user_obj:
             return "Por favor, crea o carga un usuario primero para consultar al Oráculo.", ""
@@ -1143,34 +1227,18 @@ with demo: # Ahora el bloque 'with' utiliza el objeto demo ya creado
         return challenge_text, challenge_text # Retorna el texto para vocalizar
 
     async def _add_task_gradio(user_obj, task_name):
-        if not user_id: # Check if user_id is None or empty
-            return "Error: Por favor, crea o carga un usuario primero.", "" # Return default values for outputs
-        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
+        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
 
     async def _complete_task_gradio(user_obj, task_name):
-        if not user_id: # Check if user_id is None or empty
-            return "Error: Por favor, crea o carga un usuario primero.", "" # Return default values for outputs
-        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
+        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
 
     def _download_diary_gradio(diary_text):
         return gr.File(value=diary_text.encode('utf-8'), filename="diario_mateai.txt", type="bytes")
@@ -1215,6 +1283,46 @@ with demo: # Ahora el bloque 'with' utiliza el objeto demo ya creado
             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'."
+        
+        # --- Agente de Navegador Conversacional (Simulado) ---
+        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)
+            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)
+            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)
+            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()
+        
+        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)
+            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()
+        
+        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)
 
         # Lógica para pedir un susurro contextual
         current_step = conversation_context_state["step"]
@@ -1242,7 +1350,7 @@ with demo: # Ahora el bloque 'with' utiliza el objeto demo ya creado
                 chat_history.append((user_message, response))
                 # Reiniciar contexto después de generar el nudge
                 conversation_context_state = {"step": "initial", "pending_nudge_request": False, "location": None, "activity": None, "sentiment": None}
-                return chat_history, "", conversation_context_state, response
+                return chat_history, "", conversation_context_state, response, gr.skip(), gr.skip()
 
         elif current_step == "ask_location":
             if any(k in user_message_lower for k in ["casa", "hogar"]):
@@ -1253,7 +1361,7 @@ with demo: # Ahora el bloque 'with' utiliza el objeto demo ya creado
                 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, ""
+                return chat_history, "", conversation_context_state, "", gr.skip(), gr.skip()
             
             conversation_context_state["location"] = location
             if not activity:
@@ -1267,7 +1375,7 @@ with demo: # Ahora el bloque 'with' utiliza el objeto demo ya creado
                 response = nudge_text
                 chat_history.append((user_message, response))
                 conversation_context_state = {"step": "initial", "pending_nudge_request": False, "location": None, "activity": None, "sentiment": None}
-                return chat_history, "", conversation_context_state, response
+                return chat_history, "", conversation_context_state, response, gr.skip(), gr.skip()
 
         elif current_step == "ask_activity":
             if any(k in user_message_lower for k in ["relajado", "tranqui", "descansando"]):
@@ -1284,7 +1392,7 @@ with demo: # Ahora el bloque 'with' utiliza el objeto demo ya creado
                 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, ""
+                return chat_history, "", conversation_context_state, "", gr.skip(), gr.skip()
             
             conversation_context_state["activity"] = activity
             if not sentiment:
@@ -1295,7 +1403,7 @@ with demo: # Ahora el bloque 'with' utiliza el objeto demo ya creado
                 response = nudge_text
                 chat_history.append((user_message, response))
                 conversation_context_state = {"step": "initial", "pending_nudge_request": False, "location": None, "activity": None, "sentiment": None}
-                return chat_history, "", conversation_context_state, response
+                return chat_history, "", conversation_context_state, response, gr.skip(), gr.skip()
 
         elif current_step == "ask_sentiment":
             if any(k in user_message_lower for k in ["bien", "joya", "diez puntos", "contento"]):
@@ -1308,7 +1416,7 @@ with demo: # Ahora el bloque 'with' utiliza el objeto demo ya creado
                 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, ""
+                return chat_history, "", conversation_context_state, "", gr.skip(), gr.skip()
             
             conversation_context_state["sentiment"] = sentiment
             # Ahora que tenemos todo, generar el nudge
@@ -1317,15 +1425,12 @@ with demo: # Ahora el bloque 'with' utiliza el objeto demo ya creado
             chat_history.append((user_message, response))
             # Reiniciar contexto después de generar el nudge
             conversation_context_state = {"step": "initial", "pending_nudge_request": False, "location": None, "activity": None, "sentiment": None}
-            return chat_history, "", conversation_context_state, response
+            return chat_history, "", conversation_context_state, response, 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
-
-        chat_history.append((user_message, response))
-        return chat_history, "", conversation_context_state, response
+            return chat_history, "", conversation_context_state, response, gr.skip(), gr.skip()
 
     # --- Conexión de Eventos ---
     btn_crear_usuario.click(
@@ -1346,14 +1451,6 @@ with demo: # Ahora el bloque 'with' utiliza el objeto demo ya creado
         outputs=[output_actualizar_preferencias, current_user_state]
     )
 
-    # El botón de generar susurro en la sección de susurros ya no se usa directamente para generar,
-    # sino que se activa a través de la conversación.
-    # btn_generar_susurro.click(
-    #     fn=_generate_nudge_gradio,
-    #     inputs=[current_user_state, ubicacion_input, actividad_input, estado_animo_input],
-    #     outputs=[susurro_output, usuario_actual_puntos, usuario_actual_insignia, usuario_proxima_insignia, historial_susurros_output, voice_output_text]
-    # )
-
     btn_oraculo.click(
         fn=_get_oracle_revelation_gradio,
         inputs=[current_user_state],
@@ -1384,47 +1481,25 @@ with demo: # Ahora el bloque 'with' utiliza el objeto demo ya creado
         outputs=gr.File(label="Descargar tu Diario")
     )
 
-    # Conexión de funciones simuladas para el Asistente Visual
-    btn_cerrar_pagina.click(
-        fn=lambda: simulate_action("Cerrar Sección Actual"),
-        inputs=[],
-        outputs=[simulated_action_output, voice_output_text] # También vocaliza la simulación
-    )
-    btn_abrir_nueva.click(
-        fn=lambda: simulate_action("Abrir Nueva Sección"),
-        inputs=[],
-        outputs=[simulated_action_output, voice_output_text]
-    )
-    btn_scroll_arriba.click(
-        fn=lambda: simulate_action("Subir Página"),
-        inputs=[],
-        outputs=[simulated_action_output, voice_output_text]
-    )
-    btn_scroll_abajo.click(
-        fn=lambda: simulate_action("Bajar Página"),
-        inputs=[],
-        outputs=[simulated_action_output, voice_output_text]
-    )
-
     # --- Manejo de la entrada de voz y texto conversacional ---
     # El input de texto (msg_input) y el botón de enviar (btn_send_msg)
     # ahora se conectan a la función _process_conversational_input
     msg_input.submit(
         fn=_process_conversational_input,
         inputs=[msg_input, chat_history, current_user_state, conversation_context_state],
-        outputs=[chatbot, msg_input, conversation_context_state, voice_output_text]
+        outputs=[chatbot, msg_input, conversation_context_state, voice_output_text, simulated_action_output, simulated_browser_url, simulated_browser_content]
     )
     btn_send_msg.click(
         fn=_process_conversational_input,
         inputs=[msg_input, chat_history, current_user_state, conversation_context_state],
-        outputs=[chatbot, msg_input, conversation_context_state, voice_output_text]
+        outputs=[chatbot, msg_input, conversation_context_state, voice_output_text, simulated_action_output, simulated_browser_url, simulated_browser_content]
     )
 
     # El botón oculto para la entrada de voz también se conecta a la función conversacional
     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]
+        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,
@@ -1436,46 +1511,16 @@ with demo: # Ahora el bloque 'with' utiliza el objeto demo ya creado
         js="text => window.speakText(text)"
     )
 
-    # --- Conexión de los botones del menú a la función change_view ---
+    # --- Conexión del botón oculto de cambio de vista ---
     all_sections = [
         "home_section", "oracle_section", "nudges_section",
         "challenges_section", "history_section", "tasks_section",
-        "visual_assistant_section"
+        "browser_agent_section" # Actualizado
     ]
 
-    btn_home.click(
-        fn=lambda: change_view("home"),
-        inputs=[],
-        outputs=[gr.Column(elem_id=s) for s in all_sections] + [current_view_state]
-    )
-    btn_oracle.click(
-        fn=lambda: change_view("oracle"),
-        inputs=[],
-        outputs=[gr.Column(elem_id=s) for s in all_sections] + [current_view_state]
-    )
-    btn_nudges.click(
-        fn=lambda: change_view("nudges"),
-        inputs=[],
-        outputs=[gr.Column(elem_id=s) for s in all_sections] + [current_view_state]
-    )
-    btn_challenges.click(
-        fn=lambda: change_view("challenges"),
-        inputs=[],
-        outputs=[gr.Column(elem_id=s) for s in all_sections] + [current_view_state]
-    )
-    btn_history.click(
-        fn=lambda: change_view("history"),
-        inputs=[],
-        outputs=[gr.Column(elem_id=s) for s in all_sections] + [current_view_state]
-    )
-    btn_tasks.click(
-        fn=lambda: change_view("tasks"),
-        inputs=[],
-        outputs=[gr.Column(elem_id=s) for s in all_sections] + [current_view_state]
-    )
-    btn_visual_assistant.click(
-        fn=lambda: change_view("visual_assistant"),
-        inputs=[],
+    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]
     )