Update app.py

app.py

@@ -202,17 +202,34 @@ def generate_audio_elevenlabs(text):
         return None
 
 
+def chat_with_bot(messages, user_message):
+    # Add user message to the chat history
+    messages.append((user_message, ""))
+
+    # Generate the response in a streaming manner
+    response = get_response(user_message)
+    
+    # Simulate streaming by yielding each character of the response
+    for character in response:
+        messages[-1] = (user_message, messages[-1][1] + character)
+        yield messages  # Update the chat history with the latest response incrementally
+        time.sleep(0.05)  # Optional: Add a slight delay to simulate real-time streaming
+
+    yield messages  # Ensure the final response is fully displayed
+
+
 # Create the Gradio Blocks interface
 with gr.Blocks() as demo:
+    chatbot = gr.Chatbot([], elem_id="RADAR", bubble_full_width=False)
     with gr.Row():
         with gr.Column():
-            response_output = gr.Textbox(
-                label="Response",
-                placeholder="The response will appear here...",
-                interactive=False,
-                lines=10,  # Sets the number of visible lines
-                max_lines=20  # Allows for a larger display area if needed
-            )
+            #response_output = gr.Textbox(
+                #label="Response",
+                #placeholder="The response will appear here...",
+                #interactive=False,
+                #lines=10,  # Sets the number of visible lines
+                #max_lines=20  # Allows for a larger display area if needed
+            #)
             question_input = gr.Textbox(label="Ask a Question", placeholder="Type your question here...")
         
         with gr.Column():
@@ -227,9 +244,14 @@ with gr.Blocks() as demo:
             clean_btn = gr.Button("Clean")
     
     # Define interactions
-    get_response_btn.click(fn=get_response, inputs=question_input, outputs=response_output)
+    #get_response_btn.click(fn=get_response, inputs=question_input, outputs=response_output)
+    #generate_audio_btn.click(fn=generate_audio_elevenlabs, inputs=response_output, outputs=audio_output)
+    #clean_btn.click(fn=clear_fields, inputs=[], outputs=[question_input, response_output])
+
+    # Define interactions
+    get_response_btn.click(fn=chat_with_bot, inputs=[chatbot, question_input], outputs=[chatbot, response_output])
     generate_audio_btn.click(fn=generate_audio_elevenlabs, inputs=response_output, outputs=audio_output)
-    clean_btn.click(fn=clear_fields, inputs=[], outputs=[question_input, response_output])
+    clean_btn.click(fn=clear_fields, inputs=[], outputs=[chatbot, question_input, response_output, audio_output])
 
 # Launch the Gradio interface
 demo.launch(show_error=True)