Update app.py

app.py

@@ -1,34 +1,61 @@
 import gradio as gr
 import requests
+import random
+import time
 
-# Set up API URL
+# Set up API endpoint URL
 url = "https://75739ca5-2942-4ef4-b25b-705dae6a0946.id.repl.co/connect_to_websocket"
 
-# Define function to send message to API and get response
+# Define the chatbot's response function
 def get_bot_response(user_input, user_id):
     response = requests.post(url, data={"inputmsg": user_input, "userid": user_id})
-    bot_response = response.text
-    return bot_response
-
-# Set up gradio interface
-def chatbot_interface(user_id):
-    chat_history = []
-    chatbot_output = gr.outputs.Textbox()
-    chat_window = gr.outputs.Textbox(label="Chat History:", type="key_value")
-
-    def update_chatbot_response(message):
-        bot_response = get_bot_response(message, user_id)
-        chat_history.append((message, bot_response))
-        chatbot_output.update(bot_response)
-        chat_window.update(chat_history)
-
-    chat_input = gr.inputs.Textbox(label="Enter your message here:", placeholder="Type here...")
-    chat_panel = gr.Interface(update_chatbot_response, inputs=chat_input, outputs=[chatbot_output, chat_window], 
-                              title="Chatbot", theme="compact", layout="vertical", live=True)
-
-    return chat_panel
-
-# Launch gradio interface
-if __name__ == '__main__':
-    gr.Interface(fn=chatbot_interface, inputs="text", outputs="text", 
-                 title="Chatbot", description="Enter your user ID to start the chat.").launch()
+    return response.text
+
+# Define the Gradio interface
+def chatbot_interface():
+    # Set up chatbot and message input components
+    chatbot = gr.Chatbot()
+    message = gr.TextInput(label="Message")
+
+    # Define function for responding to user input
+    def chatbot_response(msg, chat_history):
+        # Get the user's message and user ID
+        user_message = msg.lower()
+        user_id = chatbot.session_id
+
+        # Send message to API to get bot's response
+        bot_message = get_bot_response(user_message, user_id)
+
+        # Add messages to chat history
+        chat_history.append(('User', user_message))
+        chat_history.append(('Chatbot', bot_message))
+
+        # Return chat history
+        return chat_history[-10:]
+
+    # Create chat history component
+    chat_history = gr.MultiText(lines=10)
+
+    # Create submit button to send messages
+    submit_button = gr.Button(text="Send")
+
+    # Define function to clear chat history
+    def clear_chat_history():
+        chat_history.clear()
+
+    # Create clear button to clear chat history
+    clear_button = gr.Button(text="Clear Chat", onclick=clear_chat_history)
+
+    # Define and return the interface
+    interface = gr.Interface(fn=chatbot_response, inputs=message, outputs=chat_history, title="Chatbot",
+                             description="Talk to the chatbot", live=True, theme="compact", 
+                             examples=[["Hi"], ["What is your name?"], ["How are you doing?"], ["Goodbye"]], 
+                             layout="vertical", 
+                             allow_flagging=False, 
+                             allow_screenshot=False, 
+                             allow_download=False)
+    interface.test_launch()
+    return interface
+
+# Launch the interface
+chatbot_interface()