Update app.py

app.py

@@ -1,3 +1,4 @@
+import gradio as gr
 from datetime import datetime
 import random
 import uuid
@@ -20,7 +21,7 @@ def get_user_color(user_id):
         user_colors[user_id] = f"#{random.randint(0, 0xFFFFFF):06x}"
     return user_colors[user_id]
 
-def chat(input_text):
+def chat(input_text, history):
     global messages
     
     # Parse the input to get user_id and message
@@ -31,12 +32,32 @@ def chat(input_text):
     user_color = get_user_color(user_id)
     messages.append(Data(user_id=user_id, message=message, timestamp=timestamp))
     
-    # Print the updated chat history
-    for msg in messages:
-        print(f"User_{msg.user_id[:4]}: {msg.message} ({msg.timestamp})")
+    # Update the chat history
+    history.append(f"User_{user_id[:4]}: {message} ({timestamp})")
+    return "", history
 
-# Example usage
+def get_updates(history):
+    global messages
+    
+    # Check if there are new messages
+    if len(messages) > len(history):
+        return [f"User_{msg.user_id[:4]}: {msg.message} ({msg.timestamp})" for msg in messages]
+    
+    # If no new messages, return the current history
+    return history
+
+# Create the Gradio interface
+with gr.Blocks() as demo:
+    chatbot = gr.Chatbot()
+    msg = gr.Textbox(label="Type your message here (format: 'id here; text here')")
+    clear = gr.Button("Clear")
+    
+    msg.submit(chat, [msg, chatbot], [msg, chatbot])
+    clear.click(lambda: [], outputs=[chatbot])
+    
+    # Add an update function that runs every 0.2 seconds
+    demo.load(get_updates, inputs=chatbot, outputs=chatbot, every=0.2)
+
+# Launch the app
 if __name__ == "__main__":
-    while True:
-        input_text = input("Enter your message (format: 'id here; text here'): ")
-        chat(input_text)
+    demo.launch()