Clean Gradio 6 compatible app

app.py

@@ -1,130 +1,64 @@
 """
 JD OpenManus Engine - Web UI for AI Agent Interactions
-A sleek, modern dark-themed Gradio interface
+Compatible with Gradio 6.x
 """
-
 import gradio as gr
 import os
 
-# ============== UI Configuration ==============
-THEME = gr.themes.Soft(
-    primary_hue="indigo",
-    secondary_hue="purple",
-    neutral_hue="slate",
-)
-
-# ============== Global State ==============
+# Global State
 agent_config = {"base_url": "", "model_name": "", "api_key": ""}
-chat_history = []
 
-# ============== Chat Function ==============
-def chat_response(prompt: str, history: list) -> tuple:
-    """Process chat messages"""
+# Chat Function
+def chat_response(prompt, history):
     if not prompt.strip():
         return history, ""
-    
-    # Add user message
     history.append({"role": "user", "content": prompt})
-    
-    # Generate response based on config
     if not agent_config.get("api_key"):
-        response = "⚠️ Please configure your API Key in the settings panel first."
+        response = "Please configure API Key first."
     elif not agent_config.get("base_url"):
-        response = "⚠️ Please configure your Base URL in the settings panel first."
+        response = "Please configure Base URL first."
     else:
-        response = f"📝 Message received!\n\nConfig:\n- Base URL: {agent_config.get('base_url', 'Not set')}\n- Model: {agent_config.get('model_name', 'default')}\n\n💡 This is a demo response. Connect your OpenManus API to enable full functionality."
-    
-    # Add assistant response
+        response = f"Message received! Config: {agent_config.get('base_url')}"
     history.append({"role": "assistant", "content": response})
-    
     return history, ""
 
-def save_config(base_url: str, model_name: str, api_key: str):
-    """Save API configuration"""
+def save_config(base_url, model_name, api_key):
     agent_config["base_url"] = base_url
-    agent_config["model_name"] = model_name  
+    agent_config["model_name"] = model_name
     agent_config["api_key"] = api_key
-    return "✅ Configuration saved!"
+    return "Configuration saved!"
 
-# ============== Build UI ==============
-with gr.Blocks(title="JD OpenManus Engine", theme=THEME) as demo:
-    gr.Markdown("""
-    <div style="text-align: center; padding: 20px 0; border-bottom: 1px solid #333; margin-bottom: 20px;">
-        <h1 style="font-size: 28px; font-weight: 700; background: linear-gradient(135deg, #6366f1, #a855f7); -webkit-background-clip: text; -webkit-text-fill-color: transparent;">
-            🤖 JD OpenManus Engine
-        </h1>
-        <p style="color: #a0a0a0; margin-top: 8px;">
-            AI Agent Interface • Powered by OpenManus Framework
-        </p>
-    </div>
-    """)
+# Build UI
+with gr.Blocks(title="JD OpenManus Engine") as demo:
+    gr.Markdown("# JD OpenManus Engine")
     
-    with gr.Tab("💬 Chat"):
+    with gr.Tab("Chat"):
+        chatbot = gr.Chatbot(height=500)
+        msg_input = gr.Textbox(placeholder="Type message...", lines=3)
         with gr.Row():
-            with gr.Column(scale=3):
-                chatbot = gr.Chatbot(height=500, bubble_full_width=False)
-                
-                with gr.Row():
-                    msg_input = gr.Textbox(
-                        placeholder="Type your message here...", 
-                        show_label=False, 
-                        lines=3,
-                        scale=4
-                    )
-                
-                with gr.Row():
-                    submit_btn = gr.Button("Send", variant="primary")
-                    clear_btn = gr.Button("Clear Chat", variant="secondary")
-            
-            with gr.Column(scale=1):
-                with gr.Group():
-                    gr.Markdown("### ⚙️ Configuration")
-                    
-                    base_url = gr.Textbox(
-                        label="Base URL",
-                        placeholder="https://api.openai.com/v1"
-                    )
-                    
-                    model_name = gr.Textbox(
-                        label="Model Name", 
-                        placeholder="gpt-4-turbo"
-                    )
-                    
-                    api_key = gr.Textbox(
-                        label="API Key",
-                        placeholder="sk-...",
-                        type="password"
-                    )
-                    
-                    save_btn = gr.Button("💾 Save", variant="primary")
-                    config_status = gr.Markdown("")
+            submit_btn = gr.Button("Send", variant="primary")
+            clear_btn = gr.Button("Clear")
+        
+        gr.Markdown("### Configuration")
+        base_url = gr.Textbox(label="Base URL")
+        model_name = gr.Textbox(label="Model Name")
+        api_key = gr.Textbox(label="API Key", type="password")
+        save_btn = gr.Button("Save")
+        config_status = gr.Markdown("")
     
-    # Chat handlers
-    submit_btn.click(chat_response, inputs=[msg_input, chatbot], outputs=[chatbot, msg_input])
-    msg_input.submit(chat_response, inputs=[msg_input, chatbot], outputs=[chatbot, msg_input])
-    clear_btn.click(lambda: ([], ""), outputs=[chatbot, msg_input])
-    save_btn.click(save_config, inputs=[base_url, model_name, api_key], outputs=[config_status])
+    submit_btn.click(chat_response, [msg_input, chatbot], [chatbot, msg_input])
+    msg_input.submit(chat_response, [msg_input, chatbot], [chatbot, msg_input])
+    clear_btn.click(lambda: ([], ""), [chatbot, msg_input])
+    save_btn.click(save_config, [base_url, model_name, api_key], [config_status])
     
-    with gr.Tab("📁 Files"):
-        gr.Markdown("### 📤 File Upload")
-        gr.Markdown("Upload files for the AI agent to process.")
-        file_input = gr.File(file_count="multiple", label="Upload Files")
+    with gr.Tab("Files"):
+        gr.Markdown("### File Upload")
+        file_input = gr.File(file_count="multiple")
     
-    with gr.Tab("ℹ️ About"):
-        gr.Markdown("""
-        ## 🤖 JD OpenManus Engine
-        
-        **Version:** 1.0.0  
-        **Framework:** OpenManus  
-        
-        ### Features:
-        - 💬 Chat Interface
-        - ⚙️ Flexible Configuration
-        - 📁 File Upload Support
-        - 🌙 Dark Theme UI
-        """)
+    with gr.Tab("About"):
+        gr.Markdown("## JD OpenManus Engine\nVersion 1.0.0")
 
-# ============== Launch ==============
+# Launch
 if __name__ == "__main__":
     port = int(os.environ.get("PORT", "7860"))
-    demo.launch(server_name="0.0.0.0", server_port=port)
+    demo.launch(server_name="0.0.0.0", server_port=port)