updated to use chatbot component

app.py

@@ -1,46 +1,32 @@
 import gradio as gr
 import requests
 
-# Define the function to interact with Rasa
-def interact_with_rasa(chat_history, user_input):
-    # Concatenate user input to chat history
-    chat_history += f"You: {user_input}\n"
-
-    # URL of your Rasa server
-    rasa_url = "https://clairify.ai/webhooks/rest/webhook"  # Update the URL
-
-    # Payload to send to Rasa
-    payload = {
-        "sender": "user",
-        "message": user_input
-    }
-
-    # Send request to Rasa server
-    response = requests.post(rasa_url, json=payload)
-
-    # Parse Rasa response
-    if response.status_code == 200:
-        rasa_response = response.json()
-
-        # Check if response is not empty
-        if rasa_response and len(rasa_response) > 0:
-            # Extract text from the first element of the list
-            response_text = rasa_response[0].get("text", "")
-            chat_history += f"Bot: {response_text}\n"
+with gr.Blocks() as demo:
+    chatbot = gr.Chatbot()
+    msg = gr.Textbox()
+    clear = gr.ClearButton([msg, chatbot])
+
+    def interact_with_rasa(user_input, chat_history):
+        rasa_url = "https://clairify.ai/webhooks/rest/webhook"
+        payload = {"sender": "user", "message": user_input}
+        response = requests.post(rasa_url, json=payload)
+        
+        if response.status_code == 200:
+            rasa_response = response.json()
+            if rasa_response and len(rasa_response) > 0:
+                bot_responses = [msg.get("text", "") for msg in rasa_response]
+                chat_history.append((user_input, bot_responses[0]))
+                for response in bot_responses[1:]:
+                    chat_history.append((None, response))
+            else:
+                bot_responses = ["Error: Empty response from Rasa server."]
         else:
-            chat_history += "Bot: Error: Empty response from Rasa server.\n"
-    else:
-        chat_history += "Bot: Error: Unable to connect to Rasa server.\n"
-
-    return chat_history
+            bot_responses = ["Error: Unable to connect to Rasa server."]            
+        
+        return "", chat_history
 
-with gr.Blocks(theme=gr.themes.Default(primary_hue="red", secondary_hue="pink")) as demo:
-    gr.Markdown("## Rasa Chatbot")
-    gr.Markdown("This is a simple chat interface for a Rasa chatbot.")
-    chat_history = gr.Textbox(label="Chat History", value="", lines=12, interactive=False)
-    user_input = gr.Textbox(label="Your Message", lines=2, placeholder="Type your message here...")
-    submit_button = gr.Button("Send")
-    submit_button.click(fn=interact_with_rasa, inputs=[chat_history, user_input], outputs=chat_history)
+    msg.submit(interact_with_rasa, [msg, chatbot], [msg, chatbot])
 
-demo.launch()
+if __name__ == "__main__":
+    demo.launch()