Update app.py

app.py

@@ -191,15 +191,17 @@ def generate_audio_elevenlabs(text):
         logging.error(f"Error generating audio: {response.text}")
         return None
 
+# Function to add a user's message to the chat history and clear the input box
+def add_message(history, message):
+    history.append((message, None))  # Add the user's message to the chat history
+    return history, gr.Textbox(value="", interactive=True, show_label=False)  # Clear the input box
 
+    
 # Define function to generate a streaming response
 def chat_with_bot(messages, user_message):
     # Add user message to the chat history
     messages.append((user_message, ""))
 
-    # Clear the input box immediately
-    yield messages, ""
-
     # Generate the response in a streaming manner
     response = get_response(user_message)
     
@@ -262,7 +264,9 @@ with gr.Blocks(theme="rawrsor1/Everforest") as demo:
             gr.Examples(examples=examples, fn=insert_prompt, inputs=question_input, outputs=question_input)
 
     # Define interactions
-    get_response_btn.click(fn=chat_with_bot, inputs=[chatbot, question_input], outputs=chatbot)
+    #get_response_btn.click(fn=chat_with_bot, inputs=[chatbot, question_input], outputs=chatbot)
+    get_response_btn.click(fn=add_message, inputs=[chatbot, question_input], outputs=[chatbot, question_input])\
+                    .then(fn=chat_with_bot, inputs=[chatbot, question_input], outputs=chatbot)
     generate_audio_btn.click(fn=generate_audio_from_last_response, inputs=chatbot, outputs=audio_output)
     clean_btn.click(fn=clear_fields, inputs=[], outputs=[chatbot, question_input, audio_output])