Update app.py

app.py

@@ -55,9 +55,7 @@ def reload_tools_from_url(mcp_url_input):
     return gr.DataFrame(value=df)
 
 with gr.Blocks() as demo:
-    
-    with gr.Row():
-        gr.HTML("""
+    gr.HTML("""
             <div style="text-align:center; max-width: 100%; margin-bottom: 20px;">
                 <h1 style="font-size: 2em; margin-bottom: 0.5em;">
                     🚀 MCP Explorer – Agents-MCP-Hackathon (June 2025)
@@ -73,74 +71,71 @@ with gr.Blocks() as demo:
             </div>
             """
            )
-        
-        with gr.Column(scale=2):
-            gr.Markdown("""
-                <div align="center">
-                    <h2>🛠️ Set an MCP server and discover its tools</h2>
-                </div>
-                """)
-            source_selector = gr.Radio(
-                choices=["Hackathon candidates", "Custom MCP URL"],
-                label="🔀 Source",
-                value="Hackathon candidates"
-            )
-            
-            hackathon_dropdown = gr.Dropdown(
-                label="Select a MCP server from the hackathon organisation",
-                choices=get_mcp_space_endpoints(),
-                value=DEFAULT_MCP_URL,
-                interactive=True,
-                visible=True
-            )
+    gr.Markdown("""
+        <div align="center">
+            <h2>🛠️ Set an MCP server and discover its tools</h2>
+        </div>
+        """)
+    source_selector = gr.Radio(
+        choices=["Hackathon candidates", "Custom MCP URL"],
+        label="🔀 Source",
+        value="Hackathon candidates"
+    )
+    
+    hackathon_dropdown = gr.Dropdown(
+        label="Select a MCP server from the hackathon organisation",
+        choices=get_mcp_space_endpoints(),
+        value=DEFAULT_MCP_URL,
+        interactive=True,
+        visible=True
+    )
 
-            custom_url_input = gr.Textbox(
-                label="Enter custom MCP server URL",
-                value="https://agents-mcp-hackathon-mcp-server-demo.hf.space/gradio_api/mcp/sse",
-                visible=False
-            )
-            
-            def toggle_url_input(source):
-                return (
-                    gr.update(visible=(source == "Hackathon candidates")),
-                    gr.update(visible=(source == "Custom MCP URL"))
-                )
-                
-            def reload_tools_router(source, dropdown_val, custom_val):
-                selected_url = dropdown_val if source == "Hackathon candidates" else custom_val
-                return reload_tools_from_url(selected_url)
+    custom_url_input = gr.Textbox(
+        label="Enter custom MCP server URL",
+        value="https://agents-mcp-hackathon-mcp-server-demo.hf.space/gradio_api/mcp/sse",
+        visible=False
+    )
+    
+    def toggle_url_input(source):
+        return (
+            gr.update(visible=(source == "Hackathon candidates")),
+            gr.update(visible=(source == "Custom MCP URL"))
+        )
+        
+    def reload_tools_router(source, dropdown_val, custom_val):
+        selected_url = dropdown_val if source == "Hackathon candidates" else custom_val
+        return reload_tools_from_url(selected_url)
 
-            source_selector.change(fn=toggle_url_input, inputs=source_selector, outputs=[hackathon_dropdown, custom_url_input])
-            
-            #print("[MCP] Endpoints loaded:", get_mcp_space_endpoints())
-            tool_table = gr.DataFrame(headers=["Tool name", "Description", "Params"], interactive=False, label="🔧 MCP Tools availables", wrap=True)
-            reload_btn = gr.Button("🔄 Refresh and set MCP tools list")
-            reload_btn.click(
-                fn=reload_tools_router,
-                inputs=[source_selector, hackathon_dropdown, custom_url_input],
-                outputs=tool_table
-            )
-            hackathon_dropdown.change(
-                fn=reload_tools_router,
-                inputs=[source_selector, hackathon_dropdown, custom_url_input],
-                outputs=tool_table
-            )
-            custom_url_input.submit(
-                fn=reload_tools_router,
-                inputs=[source_selector, hackathon_dropdown, custom_url_input],
-                outputs=tool_table
-            ) 
+    source_selector.change(fn=toggle_url_input, inputs=source_selector, outputs=[hackathon_dropdown, custom_url_input])
+    
+    #print("[MCP] Endpoints loaded:", get_mcp_space_endpoints())
+    tool_table = gr.DataFrame(headers=["Tool name", "Description", "Params"], interactive=False, label="🔧 MCP Tools availables", wrap=True)
+    reload_btn = gr.Button("🔄 Refresh and set MCP tools list")
+    reload_btn.click(
+        fn=reload_tools_router,
+        inputs=[source_selector, hackathon_dropdown, custom_url_input],
+        outputs=tool_table
+    )
+    hackathon_dropdown.change(
+        fn=reload_tools_router,
+        inputs=[source_selector, hackathon_dropdown, custom_url_input],
+        outputs=tool_table
+    )
+    custom_url_input.submit(
+        fn=reload_tools_router,
+        inputs=[source_selector, hackathon_dropdown, custom_url_input],
+        outputs=tool_table
+    ) 
             
-        with gr.Column(scale=3):
-            gr.Markdown("""
-                <div align="center">
-                    <h2>🔎 Test them with smolagents</h2>
-                </div>
-                """)
-            chatbot = gr.ChatInterface(
-                fn=lambda message, history: str(agent.run(message)),
-                type="messages", 
-            )
+    gr.Markdown("""
+        <div align="center">
+            <h2>🔎 Test them with smolagents</h2>
+        </div>
+        """)
+    chatbot = gr.ChatInterface(
+        fn=lambda message, history: str(agent.run(message)),
+        type="messages", 
+    )
 
 demo.launch()