Update app.py

app.py

@@ -1,18 +1,14 @@
-from fastapi import FastAPI, Request
-from fastapi.responses import HTMLResponse
-from fastapi.templating import Jinja2Templates
+import gradio as gr
+from fastapi import FastAPI
 import os
 import socket
-import datetime
 import platform
+import datetime
 from server import mcp  # Importa tu servidor MCP existente
 
 # Crea la aplicación FastAPI
 app = FastAPI(title="MCP Server Dashboard")
 
-# Configurar templates
-templates = Jinja2Templates(directory="templates")
-
 def get_system_info():
     """Obtiene información del sistema"""
     return {
@@ -23,11 +19,9 @@ def get_system_info():
         "current_time": datetime.datetime.now().strftime("%Y-%m-%d %H:%M:%S")
     }
 
-@app.get("/", response_class=HTMLResponse)
-async def dashboard(request: Request):
-    """Dashboard principal con información del servidor"""
-    system_info = get_system_info()
-    mcp_info = {
+def get_mcp_info():
+    """Obtiene información del servidor MCP"""
+    return {
         "server_name": "OnBase MCP Server",
         "status": "Running",
         "port": 7860,
@@ -36,13 +30,36 @@ async def dashboard(request: Request):
             {"name": "SSE Stream", "path": "/sse"}
         ]
     }
+
+def create_dashboard():
+    """Crea la interfaz de Gradio"""
+    system_info = get_system_info()
+    mcp_info = get_mcp_info()
+    
+    with gr.Blocks(title="MCP Server Dashboard") as demo:
+        gr.Markdown("# MCP Server Dashboard")
+        
+        with gr.Row():
+            with gr.Column():
+                gr.Markdown("## System Information")
+                gr.JSON(value=system_info, label="System Info")
+                
+            with gr.Column():
+                gr.Markdown("## MCP Server Information")
+                gr.JSON(value=mcp_info, label="MCP Server Info")
+        
+        with gr.Row():
+            gr.Markdown("### Active Endpoints")
+            endpoints_list = "\n".join([f"- {ep['name']}: `{ep['path']}`" for ep in mcp_info['endpoints']])
+            gr.Markdown(endpoints_list)
     
-    return templates.TemplateResponse("dashboard.html", {
-        "request": request,
-        "system_info": system_info,
-        "mcp_info": mcp_info,
-        "title": "MCP Server Dashboard"
-    })
+    return demo
+
+# Crea la interfaz Gradio
+gradio_app = create_dashboard()
+
+# Monta la aplicación Gradio en FastAPI
+app = gr.mount_gradio_app(app, gradio_app, path="/")
 
 # Incluye los endpoints de MCP directamente en la aplicación principal
 app.include_router(mcp.router)