Update app.py

app.py

@@ -4,27 +4,44 @@ import requests
 # Set up API endpoint
 url = "https://75739ca5-2942-4ef4-b25b-705dae6a0946.id.repl.co/connect_to_websocket"
 
-# Define chat function
-def chat(user_id, message):
+# Define function for bot response
+def get_bot_response(user_id, message):
     # Send input message to API
     response = requests.post(url, data={"inputmsg": message, "userid": user_id})
-    
+
     # Get the bot's response
     bot_response = response.text
-    
+
     # Return the bot's response
     return bot_response
 
-# Set up Gradio interface
+# Set up Gradio chatbot interface
 title = "Chatbot"
 description = "Enter your message and the bot will respond!"
-inputs = [
-    gr.inputs.Textbox(label="User ID", placeholder="Enter your user ID"),
-    gr.inputs.Textbox(label="Message", placeholder="Enter your message")
-]
-outputs = gr.outputs.Textbox(label="Bot's Response")
+chatbot = gr.inputs.Chatbot(
+    get_bot_response,
+    username="User",
+    placeholder="Enter your message here...",
+    live=True,
+    button_text="Send",
+    label="Chatbot",
+    xss_safe=True,
+    max_messages=10,
+    min_height="400px",
+    allow_speech=True,
+)
 
-chatbot_interface = gr.Interface(fn=chat, inputs=inputs, outputs=outputs, title=title, description=description)
+# Set up user ID input
+user_id_input = gr.inputs.Textbox(label="User ID", placeholder="Enter your user ID")
+
+# Set up Gradio interface
+interface = gr.Interface(
+    fn=get_bot_response,
+    inputs=[user_id_input, chatbot],
+    outputs="text",
+    title=title,
+    description=description,
+)
 
 # Launch the interface
-chatbot_interface.launch()
+interface.launch()