Update app.py

app.py

@@ -1,422 +1,29 @@
-import os
-import time
-from openai import OpenAI
 import streamlit as st
-from dotenv import load_dotenv
-import requests
-import base64
-from pathlib import Path
-import io
-import json
 
-# Configuración inicial de Streamlit con tema futurista
-st.set_page_config(
-    page_title="🚀 Galatea AI - OMARDENT",
-    layout="wide",
-    page_icon="🦷",
-    initial_sidebar_state="expanded"
-)
-
-# Cargar claves desde el archivo .env
-load_dotenv()
-
-# Inicializar cliente OpenAI moderno
-client = OpenAI(
-    api_key=os.getenv("OPENAI_API_KEY")
-)
-
-# Descargar el sonido de notificación si no existe
-url_sonido = "http://sonidosmp3gratis.com/sounds/000217388_prev.mp3"
-if not os.path.exists("notificacion.mp3"):
-    response = requests.get(url_sonido)
-    with open("notificacion.mp3", "wb") as f:
-        f.write(response.content)
-
-# Función para obtener respuesta y síntesis de voz usando OpenAI TTS moderno
-def obtener_respuesta_openai(pregunta, modelo="gpt-4o-mini", voz="nova", temperatura=0.5):
-    """
-    Obtiene respuesta del chat y genera audio con OpenAI TTS
-    """
-    try:
-        print(f"🤖 Procesando pregunta: {pregunta[:50]}...")
-        contexto = """
-        Actúas como Galatea, la auxiliar de odontología capacitada de la clínica odontológica Omardent.
-        Tu tarea es enviar respuestas precisas y directas, sin agregar o inventar información. Solo responde lo solicitado de manera breve y profesional.
-        En la clínica atienden dos doctores: el Dr. Omar y el Dr. José Daniel.
-        La clínica tiene únicamente dos consultorios.
-        Además, trabaja una auxiliar llamada Ade.
-        Nunca debes decir "buenos días" o "buenas tardes". Mantén un tono cordial en todo momento.
-        """
-        # Obtener respuesta del chat usando la nueva API
-        print(f"💬 Generando respuesta con {modelo}...")
-        chat_response = client.chat.completions.create(
-            model=modelo,
-            messages=[
-                {"role": "system", "content": contexto},
-                {"role": "user", "content": pregunta}
-            ],
-            temperature=temperatura
-        )
-        respuesta = chat_response.choices[0].message.content.strip()
-        print(f"✅ Respuesta generada: {respuesta[:50]}...")
-        # Generar audio con OpenAI TTS
-        print(f"🎵 Generando audio con voz {voz}...")
-        audio_response = client.audio.speech.create(
-            model="tts-1",  # Modelo TTS más rápido
-            voice=voz,      # Voz seleccionada por el usuario
-            input=respuesta,
-            response_format="mp3",
-            speed=1.0  # Velocidad normal para claridad
-        )
-        # Convertir audio a base64 para Streamlit
-        audio_bytes = audio_response.content
-        audio_base64 = base64.b64encode(audio_bytes).decode('utf-8')
-        print(f"✅ Audio generado exitosamente - Tamaño: {len(audio_base64)} caracteres")
-        return respuesta, audio_base64
-    except Exception as e:
-        print(f"❌ Error al procesar la solicitud: {e}")
-        return f"Error al procesar la solicitud: {e}", None
-
-# Función avanzada para mejorar prompts usando OpenAI
-def enhance_prompt_with_ai(prompt):
-    """
-    Mejora el prompt del usuario usando IA avanzada para obtener mejores respuestas
-    """
-    try:
-        print(f"🔄 Mejorando prompt: {prompt[:50]}...")
-        enhanced_response = client.chat.completions.create(
-            model="gpt-4o-mini",
-            messages=[
-                {
-                    "role": "system",
-                    "content": """Eres un experto en optimización de prompts para asistentes dentales.
-                    Tu tarea es mejorar las preguntas de los usuarios para que sean más específicas, claras y efectivas.
-                    REGLAS:
-                    1. Mantén el contexto odontológico de la clínica Omardent
-                    2. Haz la pregunta más específica y detallada
-                    3. Agrega contexto relevante si es necesario
-                    4. Mantén un tono profesional pero amigable
-                    5. Si la pregunta es muy general, hazla más específica
-                    6. Incluye detalles que ayuden a dar una respuesta más precisa
-                    EJEMPLOS:
-                    - "¿Cuánto cuesta?" → "¿Cuál es el costo aproximado de una limpieza dental en la clínica Omardent?"
-                    - "Tengo dolor" → "Tengo dolor en una muela del lado derecho, ¿qué podría ser y cuándo debería agendar una cita?"
-                    - "Horarios" → "¿Cuáles son los horarios de atención de la clínica Omardent y cómo puedo agendar una cita?"
-                    Devuelve SOLO la pregunta mejorada, sin explicaciones adicionales."""
-                },
-                {"role": "user", "content": f"Mejora esta pregunta: {prompt}"}
-            ],
-            temperature=0.3,
-            max_tokens=200
-        )
-        improved_prompt = enhanced_response.choices[0].message.content.strip()
-        print(f"✅ Prompt mejorado: {improved_prompt[:50]}...")
-        return improved_prompt
-    except Exception as e:
-        print(f"❌ Error mejorando prompt: {e}")
-        return prompt  # Devolver el prompt original si falla
-
-# Función para generar sugerencias de preguntas
-def generate_smart_suggestions():
-    """
-    Genera sugerencias inteligentes de preguntas usando OpenAI
-    """
-    try:
-        suggestions_response = client.chat.completions.create(
-            model="gpt-4o-mini",
-            messages=[
-                {
-                    "role": "system",
-                    "content": """Genera 5 preguntas frecuentes que los pacientes podrían hacer a un asistente dental de la clínica Omardent.
-                    Las preguntas deben ser variadas: horarios, servicios, costos, cuidados, emergencias.
-                    Devuelve solo las preguntas, una por línea, sin numeración."""
-                }
-            ],
-            temperature=0.7,
-            max_tokens=300
-        )
-        suggestions = suggestions_response.choices[0].message.content.strip().split('\n')
-        return [s.strip() for s in suggestions if s.strip()]
-    except Exception as e:
-        print(f"Error generando sugerencias: {e}")
-        return [
-            "¿Cuáles son los horarios de atención de la clínica?",
-            "¿Qué servicios odontológicos ofrecen?",
-            "¿Cómo puedo agendar una cita de emergencia?",
-            "¿Cuánto cuesta una limpieza dental?",
-            "¿Qué cuidados debo tener después de una extracción?"
-        ]
-
-# Interfaz de usuario
 def mostrar_galatea_asistente():
-    # CSS Futurista con Animaciones Avanzadas
-    st.markdown(
-        """
-        <style>
-        @import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Exo+2:wght@300;400;600&display=swap');
-        /* Variables CSS para tema futurista */
-        :root {
-            --primary-cyan: #00ffff;
-            --primary-blue: #0066ff;
-            --dark-bg: #0a0a0a;
-            --card-bg: #1a1a2e;
-            --accent-purple: #8b5cf6;
-            --accent-pink: #ec4899;
-            --text-light: #e2e8f0;
-            --glow-cyan: 0 0 20px #00ffff;
-            --glow-purple: 0 0 20px #8b5cf6;
-        }
-        /* Fondo principal futurista */
-        .stApp {
-            background: linear-gradient(135deg, #0a0a0a 0%, #1a1a2e 50%, #16213e 100%);
-            color: var(--text-light);
-            font-family: 'Exo 2', sans-serif;
-        }
-        /* Animaciones de partículas en el fondo */
-        .stApp::before {
-            content: '';
-            position: fixed;
-            top: 0;
-            left: 0;
-            width: 100%;
-            height: 100%;
-            background-image:
-                radial-gradient(2px 2px at 20px 30px, var(--primary-cyan), transparent),
-                radial-gradient(2px 2px at 40px 70px, var(--accent-purple), transparent),
-                radial-gradient(1px 1px at 90px 40px, var(--primary-blue), transparent),
-                radial-gradient(1px 1px at 130px 80px, var(--accent-pink), transparent);
-            background-repeat: repeat;
-            background-size: 200px 200px;
-            animation: particleFloat 20s linear infinite;
-            opacity: 0.1;
-            z-index: -1;
-        }
-        @keyframes particleFloat {
-            0% { transform: translateY(0px) translateX(0px); }
-            33% { transform: translateY(-20px) translateX(10px); }
-            66% { transform: translateY(-10px) translateX(-10px); }
-            100% { transform: translateY(0px) translateX(0px); }
-        }
-        /* Botones futuristas con efectos de glow */
-        .stButton>button {
-            background: linear-gradient(135deg, var(--primary-cyan), var(--primary-blue));
-            color: var(--dark-bg);
-            border: none;
-            border-radius: 25px;
-            padding: 0.75rem 1.5rem;
-            font-weight: 600;
-            font-family: 'Orbitron', monospace;
-            text-transform: uppercase;
-            letter-spacing: 1px;
-            transition: all 0.3s ease;
-            box-shadow: var(--glow-cyan);
-            position: relative;
-            overflow: hidden;
-        }
-        .stButton>button::before {
-            content: '';
-            position: absolute;
-            top: 0;
-            left: -100%;
-            width: 100%;
-            height: 100%;
-            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
-            transition: left 0.5s;
-        }
-        .stButton>button:hover {
-            transform: translateY(-3px) scale(1.05);
-            box-shadow: var(--glow-cyan), 0 10px 25px rgba(0,255,255,0.3);
-            background: linear-gradient(135deg, var(--accent-purple), var(--accent-pink));
-        }
-        .stButton>button:hover::before {
-            left: 100%;
-        }
-        /* Inputs futuristas */
-        .stTextInput>div>div>input {
-            background: rgba(26, 26, 46, 0.8);
-            border: 2px solid var(--primary-cyan);
-            border-radius: 15px;
-            color: var(--text-light);
-            font-family: 'Exo 2', sans-serif;
-            padding: 0.75rem;
-            transition: all 0.3s ease;
-            backdrop-filter: blur(10px);
-        }
-        .stTextInput>div>div>input:focus {
-            border-color: var(--accent-purple);
-            box-shadow: var(--glow-purple);
-            transform: scale(1.02);
-        }
-        /* Selectboxes futuristas */
-        .stSelectbox>div>div>select {
-            background: rgba(26, 26, 46, 0.8);
-            border: 2px solid var(--primary-cyan);
-            border-radius: 15px;
-            color: var(--text-light);
-            font-family: 'Exo 2', sans-serif;
-            padding: 0.5rem;
-            backdrop-filter: blur(10px);
-        }
-        /* Slider futurista */
-        .stSlider>div>div>div>div {
-            background: linear-gradient(90deg, var(--primary-cyan), var(--accent-purple));
-            border-radius: 10px;
-        }
-        /* Cards con efecto glassmorphism */
-        .futuristic-card {
-            background: rgba(26, 26, 46, 0.3);
-            backdrop-filter: blur(15px);
-            border: 1px solid rgba(0, 255, 255, 0.3);
-            border-radius: 20px;
-            padding: 2rem;
-            margin: 1rem 0;
-            box-shadow: 0 8px 32px rgba(0, 255, 255, 0.1);
-            transition: all 0.3s ease;
-            position: relative;
-            overflow: hidden;
-        }
-        .futuristic-card::before {
-            content: '';
-            position: absolute;
-            top: 0;
-            left: 0;
-            right: 0;
-            height: 2px;
-            background: linear-gradient(90deg, var(--primary-cyan), var(--accent-purple), var(--accent-pink));
-            animation: borderGlow 3s ease-in-out infinite alternate;
-        }
-        @keyframes borderGlow {
-            0% { opacity: 0.5; }
-            100% { opacity: 1; }
-        }
-        .futuristic-card:hover {
-            transform: translateY(-5px);
-            box-shadow: 0 15px 40px rgba(0, 255, 255, 0.2);
-            border-color: var(--accent-purple);
-        }
-        /* Texto con efecto de glow */
-        .glow-text {
-            color: var(--primary-cyan);
-            text-shadow: 0 0 10px var(--primary-cyan);
-            font-family: 'Orbitron', monospace;
-            font-weight: 700;
-        }
-        /* Animación de typing */
-        .typing-animation {
-            overflow: hidden;
-            border-right: 3px solid var(--primary-cyan);
-            white-space: nowrap;
-            animation: typing 3s steps(40, end), blink-caret 0.75s step-end infinite;
-        }
-        @keyframes typing {
-            from { width: 0; }
-            to { width: 100%; }
-        }
-        @keyframes blink-caret {
-            from, to { border-color: transparent; }
-            50% { border-color: var(--primary-cyan); }
-        }
-        /* Sidebar futurista */
-        .css-1d391kg {
-            background: rgba(10, 10, 10, 0.9);
-            backdrop-filter: blur(15px);
-        }
-        /* Audio player futurista */
-        audio {
-            background: rgba(26, 26, 46, 0.8);
-            border-radius: 15px;
-            border: 2px solid var(--primary-cyan);
-            backdrop-filter: blur(10px);
-        }
-        /* Spinner personalizado */
-        .stSpinner > div {
-            border-top-color: var(--primary-cyan) !important;
-            border-right-color: var(--accent-purple) !important;
-        }
-        /* Efectos de hover para elementos interactivos */
-        .interactive-element {
-            transition: all 0.3s ease;
-            cursor: pointer;
-        }
-        .interactive-element:hover {
-            transform: scale(1.05);
-            filter: brightness(1.2);
-        }
-        /* Animación de pulso para elementos importantes */
-        .pulse-glow {
-            animation: pulseGlow 2s ease-in-out infinite alternate;
-        }
-        @keyframes pulseGlow {
-            0% { box-shadow: 0 0 5px var(--primary-cyan); }
-            100% { box-shadow: 0 0 20px var(--primary-cyan), 0 0 30px var(--primary-cyan); }
-        }
-        /* Scrollbar personalizada */
-        ::-webkit-scrollbar {
-            width: 8px;
-        }
-        ::-webkit-scrollbar-track {
-            background: var(--dark-bg);
-        }
-        ::-webkit-scrollbar-thumb {
-            background: linear-gradient(var(--primary-cyan), var(--accent-purple));
-            border-radius: 4px;
-        }
-        ::-webkit-scrollbar-thumb:hover {
-            background: linear-gradient(var(--accent-purple), var(--accent-pink));
-        }
-        </style>
-        """,
-        unsafe_allow_html=True
-    )
-
-    # Header futurista con animaciones
-    st.markdown(
-        """
-        <div class="futuristic-card pulse-glow" style="text-align: center; margin-bottom: 2rem;">
-            <h1 class="glow-text typing-animation" style="font-size: 3rem; margin: 0;">
-                🚀 GALATEA AI
-            </h1>
-            <h2 style="color: var(--accent-purple); font-family: 'Orbitron', monospace; margin: 0.5rem 0;">
-                CLÍNICA ODONTOLÓGICA OMARDENT
-            </h2>
-            <div style="display: flex; justify-content: center; align-items: center; gap: 1rem; margin-top: 1rem;">
-                <span style="color: var(--primary-cyan); font-weight: 600;">🤖 OpenAI GPT-4o-mini</span>
-                <span style="color: var(--accent-pink);">•</span>
-                <span style="color: var(--primary-cyan); font-weight: 600;">🎵 OpenAI TTS</span>
-                <span style="color: var(--accent-pink);">•</span>
-                <span style="color: var(--primary-cyan); font-weight: 600;">⚡ Tiempo Real</span>
-            </div>
-            <div style="margin-top: 1rem; padding: 0.5rem; background: rgba(0,255,255,0.1); border-radius: 10px; border: 1px solid var(--primary-cyan);">
-                <span style="color: var(--text-light); font-size: 0.9rem;">
-                    🌟 Asistente Dental Inteligente con Síntesis de Voz Avanzada
-                </span>
-            </div>
-        </div>
-        """,
-        unsafe_allow_html=True
-    )
+    # Inicializar el estado de la pregunta si no existe
+    if 'pregunta' not in st.session_state:
+        st.session_state.pregunta = ""
 
     # Configuración en columnas
     col1, col2 = st.columns([2, 1])
     with col1:
-        # Inicializar el estado de la pregunta si no existe
-        if 'pregunta' not in st.session_state:
-            st.session_state.pregunta = ""
         pregunta = st.text_input(
             "💬 Escribe tu pregunta para Galatea:",
             value=st.session_state.pregunta,
-            placeholder="Ejemplo: ¿Cuáles son los horarios de atención?"
+            placeholder="Ejemplo: ¿Cuáles son los horarios de atención?",
+            key="pregunta_input"
         )
+        st.session_state.pregunta = pregunta  # Actualizar el estado con la pregunta actual
+
     with col2:
         st.markdown("### 🎛️ Configuración")
-        # Selector de voz
         voz_seleccionada = st.selectbox(
             "🎤 Voz OpenAI:",
             ["nova", "alloy", "echo", "fable", "onyx", "shimmer"],
             index=0,
             help="Nova: Femenina joven | Alloy: Neutral | Echo: Masculina"
         )
-        # Selector de modelo
         modelo_seleccionado = st.selectbox(
             "🤖 Modelo:",
             ["gpt-4o-mini", "gpt-3.5-turbo", "gpt-4"],
@@ -427,67 +34,27 @@ def mostrar_galatea_asistente():
     col_btn1, col_btn2, col_btn3 = st.columns(3)
     with col_btn1:
         if st.button("✨ Mejorar Prompt", use_container_width=True):
-            if pregunta:
+            if st.session_state.pregunta:
                 with st.spinner("🔄 Mejorando pregunta..."):
-                    pregunta_mejorada = enhance_prompt_with_ai(pregunta)
+                    pregunta_mejorada = enhance_prompt_with_ai(st.session_state.pregunta)
                 st.session_state.pregunta = pregunta_mejorada
-                st.rerun()  # Streamlit moderno
+                st.rerun()
+            else:
+                st.warning("⚠️ Por favor, escribe una pregunta primero.")
+
     with col_btn2:
-        respuesta_inmediata = st.button("🚀 Respuesta Inmediata", use_container_width=True)
+        if st.button("🚀 Respuesta Inmediata", use_container_width=True):
+            if st.session_state.pregunta:
+                procesar_respuesta()
+            else:
+                st.warning("⚠️ Por favor, escribe una pregunta primero.")
+
     with col_btn3:
         st.markdown("### ⏱️ Temporizador")
         intervalo = st.slider("Segundos:", 5, 60, 10)
 
-    # Función para procesar respuesta
-    def procesar_respuesta():
-        if st.session_state.pregunta:
-            with st.spinner("🤖 Generando respuesta y audio con OpenAI TTS..."):
-                respuesta, audio_base64 = obtener_respuesta_openai(
-                    st.session_state.pregunta,
-                    modelo=modelo_seleccionado,
-                    voz=voz_seleccionada
-                )
-            # Mostrar respuesta
-            st.markdown("---")
-            st.markdown(
-                f"""
-                <div class="success-box">
-                    <h3>🤖 Galatea responde:</h3>
-                    <p style="font-size: 1.1em; line-height: 1.6;">{respuesta}</p>
-                </div>
-                """,
-                unsafe_allow_html=True
-            )
-            if audio_base64:
-                st.markdown("### 🎵 Audio generado con OpenAI TTS:")
-                st.markdown(
-                    f"""
-                    <div style="background: #f0f8ff; padding: 1rem; border-radius: 10px; margin: 1rem 0;">
-                        <audio autoplay controls style="width: 100%;">
-                            <source src="data:audio/mp3;base64,{audio_base64}" type="audio/mp3">
-                            Tu navegador no soporta el elemento de audio.
-                        </audio>
-                        <p style="margin-top: 0.5rem; font-size: 0.9em; color: #666;">
-                            🎤 Voz: <strong>{voz_seleccionada}</strong> |
-                            🤖 Modelo: <strong>{modelo_seleccionado}</strong>
-                        </p>
-                    </div>
-                    """, unsafe_allow_html=True)
-            else:
-                st.error("❌ No se pudo generar el audio")
-        else:
-            st.warning("⚠️ Por favor, escribe una pregunta primero.")
-
-    # Respuesta inmediata
-    if respuesta_inmediata:
-        procesar_respuesta()
-
-    # Temporizador
     if st.button("⏱️ Iniciar Temporizador", use_container_width=True):
-        if not st.session_state.pregunta:
-            st.warning("⚠️ Por favor, escribe una pregunta primero.")
-        else:
-            # Placeholder para el reloj
+        if st.session_state.pregunta:
             reloj_placeholder = st.empty()
             for i in range(intervalo, 0, -1):
                 reloj_placeholder.markdown(
@@ -509,53 +76,43 @@ def mostrar_galatea_asistente():
                 """,
                 unsafe_allow_html=True
             )
-            # Procesar respuesta después del temporizador
             procesar_respuesta()
+        else:
+            st.warning("⚠️ Por favor, escribe una pregunta primero.")
 
-    # Información adicional en la barra lateral
-    with st.sidebar:
-        st.markdown("### 📋 Información de la Clínica")
-        st.markdown("""
-        **🏥 Clínica Omardent**
-        - 👨‍⚕️ Dr. Omar
-        - 👨‍⚕️ Dr. José Daniel
-        - 👩‍⚕️ Auxiliar Ade
-        - 🏢 2 Consultorios disponibles
-        """)
-        st.markdown("### 🎤 Voces Disponibles")
-        voces_info = {
-            "nova": "👩 Femenina joven y clara",
-            "alloy": "🤖 Neutral y versátil",
-            "echo": "👨 Masculina profesional",
-            "fable": "🎭 Acento británico",
-            "onyx": "👨 Masculina profunda",
-            "shimmer": "👩 Femenina suave"
-        }
-        for voz, descripcion in voces_info.items():
-            st.markdown(f"**{voz}**: {descripcion}")
-        st.markdown("### 💡 Ejemplos de Preguntas")
-        ejemplos = [
-            "¿Cuáles son los horarios de atención?",
-            "¿Qué servicios ofrece la clínica?",
-            "¿Cómo puedo agendar una cita?",
-            "¿Cuánto cuesta una limpieza dental?",
-            "¿Qué debo hacer después de una extracción?"
-        ]
-        for ejemplo in ejemplos:
-            if st.button(f"📝 {ejemplo}", key=f"ejemplo_{hash(ejemplo)}", use_container_width=True):
-                st.session_state.pregunta = ejemplo
-                st.rerun()
+def procesar_respuesta():
+    if st.session_state.pregunta:
+        with st.spinner("🤖 Generando respuesta y audio con OpenAI TTS..."):
+            respuesta, audio_base64 = obtener_respuesta_openai(
+                st.session_state.pregunta,
+                modelo=modelo_seleccionado,
+                voz=voz_seleccionada
+            )
+        # Mostrar respuesta
         st.markdown("---")
-        st.markdown("### ⚙️ Tecnología")
-        st.markdown("""
-        - 🤖 **OpenAI GPT-4o-mini** para respuestas
-        - 🎵 **OpenAI TTS** para síntesis de voz
-        - ⚡ **Streamlit** para la interfaz
-        - 🔊 **Audio de alta calidad** en tiempo real
-        """)
-
-def main():
-    mostrar_galatea_asistente()
-
-if __name__ == "__main__":
-    main()
+        st.markdown(
+            f"""
+            <div class="success-box">
+                <h3>🤖 Galatea responde:</h3>
+                <p style="font-size: 1.1em; line-height: 1.6;">{respuesta}</p>
+            </div>
+            """,
+            unsafe_allow_html=True
+        )
+        if audio_base64:
+            st.markdown("### 🎵 Audio generado con OpenAI TTS:")
+            st.markdown(
+                f"""
+                <div style="background: #f0f8ff; padding: 1rem; border-radius: 10px; margin: 1rem 0;">
+                    <audio autoplay controls style="width: 100%;">
+                        <source src="data:audio/mp3;base64,{audio_base64}" type="audio/mp3">
+                        Tu navegador no soporta el elemento de audio.
+                    </audio>
+                    <p style="margin-top: 0.5rem; font-size: 0.9em; color: #666;">
+                        🎤 Voz: <strong>{voz_seleccionada}</strong> |
+                        🤖 Modelo: <strong>{modelo_seleccionado}</strong>
+                    </p>
+                </div>
+                """, unsafe_allow_html=True)
+        else:
+            st.error("❌ No se pudo generar el audio")