Update app.py

app.py

@@ -659,84 +659,132 @@ def format_validation_summary(result: dict) -> str:
 # Default URLs for testing
 DEFAULT_URLS = """https://huggingface.co/spaces/abidlabs/mcp-tools"""
 
-# Create Gradio interfaces with both markdown and JSON outputs
-demo_multiple = gr.Interface(
-    fn=monitor_multiple_servers,
-    inputs=gr.Textbox(
-        label="Server URLs (one per line)",
-        lines=3,
-        value=DEFAULT_URLS,
-        placeholder="Enter HF Space URLs, one per line"
-    ),
-    outputs=[
-        gr.Markdown(label="Summary Report"),
-        gr.JSON(label="Detailed JSON")
-    ],
-    title="📊 Multiple Servers Monitor"
-)
-
-demo_single = gr.Interface(
-    fn=check_single_server_health,
-    inputs=gr.Textbox(
-        label="Server URL",
-        placeholder="Enter HF Space URL",
-        value="https://huggingface.co/spaces/abidlabs/mcp-tools"
-    ),
-    outputs=[
-        gr.Markdown(label="Health Summary"),
-        gr.JSON(label="Detailed JSON")
-    ],
-    title="🏥 Server Health Check"
-)
-
-demo_tools = gr.Interface(
-    fn=discover_server_tools,
-    inputs=gr.Textbox(
-        label="Server URL",
-        placeholder="Enter HF Space URL to discover tools",
-        value="https://abidlabs-mcp-tools.hf.space"
-    ),
-    outputs=[
-        gr.Markdown(label="Tools Summary"),
-        gr.JSON(label="Detailed JSON")
-    ],
-    title="� Tools Discovery"
-)
-
-demo_validator = gr.Interface(
-    fn=validate_mcp_endpoint,
-    inputs=gr.Textbox(
-        label="URL to Validate",
-        placeholder="Enter URL to validate as MCP endpoint",
-        value="https://huggingface.co/spaces/abidlabs/mcp-tools"
-    ),
-    outputs=[
-        gr.Markdown(label="Validation Summary"),
-        gr.JSON(label="Detailed JSON")
-    ],
-    title="✅ MCP Validator"
-)
-
-demo_parser = gr.Interface(
-    fn=parse_huggingface_url_with_summary,
-    inputs=gr.Textbox(
-        label="URL to Parse",
-        placeholder="Enter any HF Space URL format",
-        value="https://huggingface.co/spaces/abidlabs/mcp-tools"
-    ),
-    outputs=[
-        gr.Markdown(label="Parsing Summary"),
-        gr.JSON(label="Detailed JSON")
-    ],
-    title="🔍 URL Parser"
-)
-
-# Combine interfaces into tabbed interface
-demo = gr.TabbedInterface(
-    [demo_multiple, demo_single, demo_tools, demo_validator, demo_parser],
-    ["📊 Multi-Server", "🏥 Single Server", "🔧 Tools Discovery", "✅ MCP Validator", "🔍 URL Parser"],
-    title="🚀 MCP Server Health Monitor"
-)
+# Create Gradio interfaces with vertical layout and better organization
+with gr.Blocks(title="🚀 MCP Server Health Monitor") as demo:
+    gr.Markdown("# 🚀 MCP Server Health Monitor")
+    gr.Markdown("Monitor and analyze Hugging Face Spaces configured as MCP servers")
+    
+    with gr.Tabs():
+        # Multi-Server Monitor Tab
+        with gr.Tab("📊 Multi-Server Monitor"):
+            gr.Markdown("### Monitor multiple MCP servers simultaneously")
+            
+            with gr.Column():
+                multi_input = gr.Textbox(
+                    label="Server URLs (one per line)",
+                    lines=5,
+                    value=DEFAULT_URLS,
+                    placeholder="Enter HF Space URLs, one per line\nExample:\nhttps://huggingface.co/spaces/abidlabs/mcp-tools\nhttps://user-space.hf.space"
+                )
+                multi_submit = gr.Button("🔍 Monitor Servers", variant="primary", size="lg")
+                
+            with gr.Column():
+                multi_md = gr.Markdown(label="Summary Report")
+                
+            with gr.Column():
+                multi_json = gr.JSON(label="Detailed JSON Data")
+            
+            multi_submit.click(
+                fn=monitor_multiple_servers,
+                inputs=multi_input,
+                outputs=[multi_md, multi_json]
+            )
+        
+        # Single Server Health Tab
+        with gr.Tab("🏥 Single Server Health"):
+            gr.Markdown("### Check health of a single MCP server")
+            
+            with gr.Column():
+                single_input = gr.Textbox(
+                    label="Server URL",
+                    value="https://huggingface.co/spaces/abidlabs/mcp-tools",
+                    placeholder="Enter HF Space URL (any format supported)"
+                )
+                single_submit = gr.Button("🩺 Check Health", variant="primary", size="lg")
+                
+            with gr.Column():
+                single_md = gr.Markdown(label="Health Summary")
+                
+            with gr.Column():
+                single_json = gr.JSON(label="Detailed JSON Data")
+            
+            single_submit.click(
+                fn=check_single_server_health,
+                inputs=single_input,
+                outputs=[single_md, single_json]
+            )
+        
+        # Tools Discovery Tab
+        with gr.Tab("🔧 Tools Discovery"):
+            gr.Markdown("### Discover available MCP tools from a server")
+            
+            with gr.Column():
+                tools_input = gr.Textbox(
+                    label="Server URL",
+                    value="https://abidlabs-mcp-tools.hf.space",
+                    placeholder="Enter HF Space URL to analyze for MCP tools"
+                )
+                tools_submit = gr.Button("🛠️ Discover Tools", variant="primary", size="lg")
+                
+            with gr.Column():
+                tools_md = gr.Markdown(label="Tools Summary")
+                
+            with gr.Column():
+                tools_json = gr.JSON(label="Detailed JSON Data")
+            
+            tools_submit.click(
+                fn=discover_server_tools,
+                inputs=tools_input,
+                outputs=[tools_md, tools_json]
+            )
+        
+        # MCP Validator Tab
+        with gr.Tab("✅ MCP Validator"):
+            gr.Markdown("### Validate if a URL is a working MCP endpoint")
+            
+            with gr.Column():
+                validator_input = gr.Textbox(
+                    label="URL to Validate",
+                    value="https://huggingface.co/spaces/abidlabs/mcp-tools",
+                    placeholder="Enter URL to validate as MCP endpoint"
+                )
+                validator_submit = gr.Button("✅ Validate Endpoint", variant="primary", size="lg")
+                
+            with gr.Column():
+                validator_md = gr.Markdown(label="Validation Summary")
+                
+            with gr.Column():
+                validator_json = gr.JSON(label="Detailed JSON Data")
+            
+            validator_submit.click(
+                fn=validate_mcp_endpoint,
+                inputs=validator_input,
+                outputs=[validator_md, validator_json]
+            )
+        
+        # URL Parser Tab
+        with gr.Tab("🔍 URL Parser"):
+            gr.Markdown("### Parse and analyze HuggingFace URL formats")
+            
+            with gr.Column():
+                parser_input = gr.Textbox(
+                    label="URL to Parse",
+                    value="https://huggingface.co/spaces/abidlabs/mcp-tools",
+                    placeholder="Enter any HF Space URL format to parse"
+                )
+                parser_submit = gr.Button("🔍 Parse URL", variant="primary", size="lg")
+                
+            with gr.Column():
+                parser_md = gr.Markdown(label="Parsing Summary")
+                
+            with gr.Column():
+                parser_json = gr.JSON(label="Detailed JSON Data")
+            
+            parser_submit.click(
+                fn=parse_huggingface_url_with_summary,
+                inputs=parser_input,
+                outputs=[parser_md, parser_json]
+            )
 
 if __name__ == "__main__":
     demo.launch(mcp_server=True)