Create app.py

app.py

@@ -0,0 +1,96 @@
+import streamlit as st
+import openai
+import requests
+
+# Configuración de la interfaz
+st.set_page_config(page_title="Boti Asistente", layout="wide", initial_sidebar_state="expanded")
+
+# Funciones de OpenAI
+openai.api_key = 'YOUR_OPENAI_API_KEY'
+
+def obtener_respuesta(prompt):
+    response = openai.Completion.create(
+        engine="davinci",
+        prompt=prompt,
+        max_tokens=150
+    )
+    return response.choices[0].text.strip()
+
+# Estilos personalizados
+st.markdown(
+    """
+    <style>
+    .sidebar .sidebar-content {
+        background-color: #2C3E50;
+    }
+    .sidebar .sidebar-content .element-container {
+        color: #ECF0F1;
+    }
+    .main {
+        background-color: #ECF0F1;
+    }
+    </style>
+    """,
+    unsafe_allow_html=True
+)
+
+# Funciones para las páginas
+def pagina_principal():
+    st.title("Bienvenido a Boti Asistente")
+    st.write("Esta es la página principal de Boti Asistente, especializado en el desarrollo de bots para Botidinamics.")
+
+def pagina_asistente():
+    st.title("Asistente Boti")
+    st.write("Pregunta algo a Boti Asistente:")
+    pregunta = st.text_input("Tu pregunta:")
+    
+    if st.button("Enviar"):
+        respuesta = obtener_respuesta(pregunta)
+        st.write(f"Boti Asistente: {respuesta}")
+
+    st.markdown(
+        """
+        <button onclick="startRecording()">
+            <img src='https://www.iconfinder.com/data/icons/google-material-design-3-0/48/ic_keyboard_voice_48px-512.png' alt='icon' width='20' height='20'/>
+            Capturar Voz
+        </button>
+        <script>
+            function startRecording() {
+                const recognition = new (window.SpeechRecognition || window.webkitSpeechRecognition)();
+                recognition.lang = 'es-ES';
+                recognition.interimResults = false;
+                recognition.maxAlternatives = 1;
+                recognition.start();
+                recognition.onresult = (event) => {
+                    const lastResult = event.results.length - 1;
+                    const text = event.results[lastResult][0].transcript;
+                    document.querySelector("input[name='unique_chat_input_key']").value = text;
+                };
+                recognition.onspeechend = () => {
+                    recognition.stop();
+                };
+                recognition.onerror = (event) => {
+                    console.error(event.error);
+                };
+            }
+        </script>
+        """,
+        unsafe_allow_html=True
+    )
+
+def pagina_agentes():
+    st.title("Agentes")
+    st.write("Aquí puedes gestionar y desarrollar múltiples agentes para tus proyectos.")
+
+# Barra de navegación lateral
+st.sidebar.title("Boti Asistente - Botidinamics")
+st.sidebar.markdown("Seleccione una opción:")
+opciones = ["Página Principal", "Asistente Boti", "Agentes"]
+seleccion = st.sidebar.selectbox("Opciones", opciones)
+
+if seleccion == "Página Principal":
+    pagina_principal()
+elif seleccion == "Asistente Boti":
+    pagina_asistente()
+elif seleccion == "Agentes":
+    pagina_agentes()