Update app.py

Updated to a chat interface.

app.py

@@ -1,12 +1,14 @@
 import gradio as gr
 import requests
+from functools import partial
 
-def send_message(message):
+def send_message_with_secret(message, history, api_secret):
+    if not api_secret.strip():
+        return "Please enter your API secret in the field above."
+        
     API_URL = "https://api.kindroid.ai/v1/send-message"
-    AUTH_TOKEN = "kn_df28dc59-57ec-442d-8983-b3f7ccdcb4b5"
-    
     headers = {
-        "Authorization": f"Bearer {AUTH_TOKEN}",
+        "Authorization": f"Bearer {api_secret}",
         "Content-Type": "application/json"
     }
     
@@ -24,15 +26,69 @@ def send_message(message):
     except requests.exceptions.RequestException as e:
         return f"An error occurred: {e}"
 
-# Create the Gradio interface
-iface = gr.Interface(
-    fn=send_message,
-    inputs=gr.Textbox(lines=3, placeholder="Enter your message here..."),
-    outputs=gr.Textbox(),
-    title="AI Message Sender",
-    description="Send messages to the AI and see responses."
-)
+def create_chat_interface(api_secret):
+    # Partially apply the api_secret to the send_message function
+    send_fn = partial(send_message_with_secret, api_secret=api_secret)
+    
+    return gr.ChatInterface(
+        fn=send_fn,
+        title="Chat with Your Kin",
+        description="Send messages and receive responses in a chat-like interface",
+        examples=[
+            ["Hello! How are you today?"],
+            ["Tell me about yourself"],
+        ],
+        theme=gr.themes.Soft(
+            primary_hue="blue",
+            secondary_hue="gray",
+        ),
+        css="""
+            .message.user {
+                background-color: #2563eb !important;
+                color: white !important;
+                border-radius: 12px 12px 0 12px !important;
+                margin-left: auto !important;
+                margin-right: 1rem !important;
+            }
+            .message.bot {
+                background-color: #f3f4f6 !important;
+                border-radius: 12px 12px 12px 0 !important;
+                margin-right: auto !important;
+                margin-left: 1rem !important;
+            }
+            .message.user, .message.bot {
+                padding: 1rem !important;
+                margin-bottom: 1rem !important;
+                max-width: 80% !important;
+                display: inline-block !important;
+            }
+            .message-wrap {
+                display: flex !important;
+                flex-direction: column !important;
+            }
+        """
+    )
+
+with gr.Blocks() as app:
+    gr.Markdown("## AI Chat Interface")
+    
+    api_secret = gr.Textbox(
+        label="API Secret",
+        placeholder="Enter your API secret...",
+        type="password",
+        show_label=True
+    )
+    
+    chat_bot = gr.Chatbot(height=500)
+    
+    def update_chat(api_key):
+        return create_chat_interface(api_key)
+    
+    api_secret.change(
+        fn=update_chat,
+        inputs=[api_secret],
+        outputs=[chat_bot]
+    )
 
-# Launch the app
 if __name__ == "__main__":
-    iface.launch()
+    app.launch()