Update app.py

app.py

@@ -10,10 +10,25 @@ st.title("Chatbot de Asistencia sobre Sergio Chicón")
 
 # Establece un área de texto para el chat
 if 'history' not in st.session_state:
-    st.session_state['history'] = ""
+    st.session_state['history'] = []
+
+# Función para agregar mensajes al historial y mostrarlos
+def add_to_chat(user_message, bot_message):
+    st.session_state['history'].append(("Usuario", user_message))
+    st.session_state['history'].append(("Bot", bot_message))
+
+# Crea un contenedor para el historial del chat
+chat_container = st.container()
+
+# Muestra el historial del chat
+for role, message in st.session_state['history']:
+    if role == "Usuario":
+        chat_container.text_area("", value=message, height=40, key=message, disabled=True)
+    else:
+        chat_container.text_area("", value=message, height=80, key=message, disabled=True)
 
 # Crea un campo de entrada de texto para que el usuario escriba su pregunta
-user_input = st.text_input("Hazme una pregunta:", '')
+user_input = st.text_input("Hazme una pregunta:", '', key="user_input")
 
 # Define una función para procesar la entrada y generar una respuesta
 def process_text(input_text):
@@ -32,17 +47,12 @@ def process_text(input_text):
     )
     return chat_completion.choices[0].message.content
 
-# Botón para enviar la pregunta
-if st.button("Enviar"):
+# Cuando se envía el mensaje, procesa la entrada y actualiza el historial del chat
+if st.button("Enviar") or user_input:
     if user_input:  # Asegurarse de que el usuario ha ingresado algo
         # Procesa la entrada del usuario
         response = process_text(user_input)
-        # Actualiza el historial del chat añadiendo la pregunta y respuesta
-        st.session_state['history'] += f"Usuario: {user_input}\nRespuesta: {response}\n\n"
+        # Agrega los mensajes al historial
+        add_to_chat(user_input, response)
         # Limpia el campo de entrada
         st.session_state['user_input'] = ""
-        # Muestra el historial actualizado en el área de texto
-        st.text_area("Chat", value=st.session_state['history'], height=300, disabled=True)
-
-# Asegúrate de actualizar la sesión de Streamlit con la entrada actual del usuario para que se limpie después de enviar
-st.session_state['user_input'] = user_input