new

app.py

@@ -97,30 +97,40 @@ def launch_interface():
         gr.Markdown("# SmolAgent - Intelligent AI with Web Tools")
 
         with gr.Row():
-            with gr.Column():
-                question = gr.Textbox(label="Your Question", lines=3)
-                model_id = gr.Textbox(label="Model ID", value="gpt-4.1-nano")
-                hf_token = gr.Textbox(label="HF Token", type="password", value=os.getenv("HF_TOKEN", ""))
-                openai_api_key = gr.Textbox(label="OpenAI API Key", type="password", value=os.getenv("OPENAI_API_KEY", ""))
-                api_endpoint = gr.Textbox(label="API Endpoint", value=os.getenv("API_ENDPOINT", "https://api.openai.com/v1"))
-                use_custom_endpoint = gr.Checkbox(label="Use Custom API Endpoint")
-                custom_api_endpoint = gr.Textbox(label="Custom API URL", visible=False)
-                custom_api_key = gr.Textbox(label="Custom API Key", type="password", visible=False)
-                serpapi_key = gr.Textbox(label="SerpAPI Key", type="password", value=os.getenv("SERPAPI_API_KEY", ""))
-                search_provider = gr.Dropdown(choices=["serper", "searxng"], value="searxng", label="Search Provider")
-                search_api_key = gr.Textbox(label="Search Provider API Key", type="password", visible=True)
-                custom_search_url = gr.Textbox(label="Custom SearxNG URL", value="https://search.endorisk.nl/search", visible=True)
-                submit_btn = gr.Button("Submit")
-
-            with gr.Column():
+            with gr.Column(scale=1):
+                question = gr.Textbox(label="Your Question", lines=3, placeholder="Enter your question or task for the AI agent...")
+                model_id = gr.Textbox(label="Model ID", value="gpt-4.1-nano", placeholder="e.g., gpt-4, claude-3-opus-20240229")
+
+                with gr.Accordion("API Configuration", open=False):
+                    hf_token = gr.Textbox(label="Hugging Face Token (Optional)", type="password", value=os.getenv("HF_TOKEN", ""), placeholder="Your Hugging Face token if using HF models")
+                    openai_api_key = gr.Textbox(label="OpenAI API Key (Optional)", type="password", value=os.getenv("OPENAI_API_KEY", ""), placeholder="Your OpenAI API key")
+                    api_endpoint = gr.Textbox(label="Default API Endpoint", value=os.getenv("API_ENDPOINT", "https://api.openai.com/v1"), placeholder="e.g., https://api.openai.com/v1")
+                    with gr.Group():
+                        use_custom_endpoint = gr.Checkbox(label="Use Custom API Endpoint")
+                        custom_api_endpoint = gr.Textbox(label="Custom API URL", visible=False, placeholder="URL for your custom API endpoint")
+                        custom_api_key = gr.Textbox(label="Custom API Key (Optional)", type="password", visible=False, placeholder="API key for the custom endpoint")
+                
+                with gr.Accordion("Search Configuration", open=False):
+                    serpapi_key = gr.Textbox(label="SerpAPI Key (Optional)", type="password", value=os.getenv("SERPAPI_API_KEY", ""), placeholder="Your SerpAPI key for web searches")
+                    search_provider = gr.Dropdown(choices=["serper", "searxng"], value="searxng", label="Search Provider")
+                    # search_api_key is for Serper, custom_search_url is for SearxNG.
+                    # Default is searxng, so custom_search_url is visible, search_api_key is not.
+                    search_api_key = gr.Textbox(label="Serper API Key", type="password", visible=False, placeholder="API key for Serper.dev if selected") 
+                    custom_search_url = gr.Textbox(label="Custom SearxNG URL", value="https://search.endorisk.nl/search", visible=True, placeholder="URL for your SearxNG instance")
+
+                submit_btn = gr.Button("Run Agent", variant="primary")
+
+            with gr.Column(scale=2):
                 output = gr.Markdown(label="Live Agent Output")
                 final = gr.Textbox(label="Final Answer", interactive=False)
                 copy_btn = gr.Button("Copy Final Answer")
 
         def update_visibility(provider):
+            is_searxng = (provider == "searxng")
+            is_serper = (provider == "serper")
             return {
-                custom_search_url: gr.update(visible=(provider == "searxng")),
-                search_api_key: gr.update(visible=(provider == "searxng"))
+                custom_search_url: gr.update(visible=is_searxng),
+                search_api_key: gr.update(visible=is_serper) 
             }
 
         def update_custom_fields(checked):
@@ -139,15 +149,17 @@ def launch_interface():
             show_progress=True
         )
 
+        # Output actions
         copy_btn.click(
-            fn=lambda txt: gr.Textbox.update(value=txt),
+            fn=None,
             inputs=final,
-            outputs=final,
-            show_progress=False
+            outputs=None,
+            js="(text) => { if (text) { navigator.clipboard.writeText(text); return 'Copied!'; } return ''; }"
         )
+        # Removed the non-existent export_md.click call that was here
 
     print("[DEBUG] Launching updated Gradio interface")
     demo.launch()
 
 if __name__ == "__main__":
-    launch_interface()
+    launch_interface()