Update modules/ui.py

modules/ui.py

@@ -429,6 +429,21 @@ def display_chatbot_interface(lang_code):
 
     t = translations[lang_code]
 
+    st.markdown("""
+        <style>
+        .stTextInput > div > div > input {
+            background-color: #F0F2F6;
+        }
+        .stTextArea > div > div > textarea {
+            background-color: #F0F2F6;
+            border: none;
+        }
+        .stTextArea > div > div > textarea:disabled {
+            color: #000000;
+        }
+        </style>
+        """, unsafe_allow_html=True)
+
     st.title(t['title'])
 
     if 'chatbot' not in st.session_state:
@@ -442,36 +457,36 @@ def display_chatbot_interface(lang_code):
     # Área de entrada del usuario
     user_input = st.text_input(t['input_placeholder'], key="user_input")
 
-    # Botón de envío (oculto, se activa con Enter)
-         if user_input:
-                st.session_state.messages.append({"role": "user", "content": user_input})
-                with chat_container:
-                    for message in st.session_state.messages:
-                        if message["role"] == "user":
-                            st.text_area("You:", value=message["content"], height=50, key=f"user_msg_{len(st.session_state.messages)}", disabled=True)
-                        else:
-                            st.text_area("Assistant:", value=message["content"], height=50, key=f"assistant_msg_{len(st.session_state.messages)}", disabled=True)
-
-            # Generar respuesta del chatbot
-            response = get_chatbot_response(st.session_state.chatbot, user_input, lang_code)
-            st.session_state.messages.append({"role": "assistant", "content": response})
-
-            # Mostrar la respuesta del chatbot con efecto de escritura
-            with chat_container:
-                assistant_message = st.empty()
-                full_response = ""
-                for char in response:
-                    full_response += char
-                    assistant_message.text_area("Assistant:", value=full_response + "▌", height=50, key=f"assistant_msg_{len(st.session_state.messages)+1}", disabled=True)
-                    time.sleep(0.01)
-                assistant_message.text_area("Assistant:", value=full_response, height=50, key=f"assistant_msg_{len(st.session_state.messages)+1}", disabled=True)
-
-            # Guardar la conversación en la base de datos
-            store_chat_history(st.session_state.username, st.session_state.messages)
-
-            # Limpiar el input del usuario
-            st.session_state.user_input = ""
+    # Procesamiento del input del usuario
+    if user_input:
+        st.session_state.messages.append({"role": "user", "content": user_input})
+        with chat_container:
+            for message in st.session_state.messages:
+                if message["role"] == "user":
+                    st.text_area("You:", value=message["content"], height=50, key=f"user_msg_{len(st.session_state.messages)}", disabled=True)
+                else:
+                    st.text_area("Assistant:", value=message["content"], height=50, key=f"assistant_msg_{len(st.session_state.messages)}", disabled=True)
+
+        # Generar respuesta del chatbot
+        response = get_chatbot_response(st.session_state.chatbot, user_input, lang_code)
+        st.session_state.messages.append({"role": "assistant", "content": response})
+
+        # Mostrar la respuesta del chatbot con efecto de escritura
+        with chat_container:
+            assistant_message = st.empty()
+            full_response = ""
+            for char in response:
+                full_response += char
+                assistant_message.text_area("Assistant:", value=full_response + "▌", height=50, key=f"assistant_msg_{len(st.session_state.messages)+1}", disabled=True)
+                time.sleep(0.01)
+            assistant_message.text_area("Assistant:", value=full_response, height=50, key=f"assistant_msg_{len(st.session_state.messages)+1}", disabled=True)
+
+        # Guardar la conversación en la base de datos
+        store_chat_history(st.session_state.username, st.session_state.messages)
+
+        # Limpiar el input del usuario
+        st.session_state.user_input = ""
 
     # Mostrar el número de llamadas a la API restantes
     remaining_calls = 50 - st.session_state.get('api_calls', 0)
-    st.sidebar.write(f"Llamadas a la API restantes: {remaining_calls}")
+    st.sidebar.write(f"Llamadas a la API restantes: {remaining_calls}")