File size: 2,874 Bytes
75ea8b3 70db816 75ea8b3 2f9df66 8345444 2f9df66 75ea8b3 8345444 75ea8b3 7f704a4 2f9df66 75ea8b3 2a3ff5e 75ea8b3 dd3c455 75ea8b3 fdbcdf0 75ea8b3 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 |
import gradio as gr
from gradio_agentvisualizer import AgentVisualizer, agent_to_dict
from gradio_mcp_tools_visualizer import mcp_tools_visualizer
from demo_agents.custom_agent import manager_agent
#
# Agent Configuration
#
smolagent_dict = agent_to_dict(manager_agent)
#
# MCP Configuration
#
#server_parameters = {"url": "https://huggingface.co/mcp/", "transport": "streamable-http"}
server_parameters = {"url": "https://abidlabs-mcp-tools2.hf.space/gradio_api/mcp/sse", "transport": "sse"}
with gr.Blocks() as demo:
gr.Markdown("""
# 🚀 AI & MCP Visualization
This project provides clear visualizations for **Agents** and **MCP Tools**.
### Use Cases
- **Agent Description**: Clearly visualize agent hierarchy, tools, and models.
- **MCP Setup**: Display MCP configurations and example inputs.
- **Technical Presentations**: Optimize technical communication and workflows.
""")
with gr.Tab("Agent Visualizer"):
gr.Markdown("""
## Installation and Usage Instructions
### gradio-agentvisualizer
[Pypi Package](https://pypi.org/project/gradio-agentvisualizer/0.0.3/)
**Installation**:
Install using pip:
```bash
pip install gradio-agentvisualizer==0.0.3
```
**Example Usage**:
```python
from gradio_agentvisualizer import AgentVisualizer, agent_to_dict
# Convert your agent to dictionary format
smolagent_dict = agent_to_dict(manager_agent) # manager_agent -> Being your agent that you want to visualize
# Visualize using AgentVisualizer
AgentVisualizer(value=smolagent_dict)
```
""")
AgentVisualizer(value=smolagent_dict)
with gr.Tab("MCP Tool Visualizer"):
gr.Markdown("""
### gradio-mcp-tools-visualizer
[Pypi Package](https://pypi.org/project/gradio-mcp-tools-visualizer/0.0.4/)
**Installation**:
Install using pip:
```bash
pip install gradio-mcp-tools-visualizer==0.0.4
```
**Example Usage**:
```python
from gradio_mcp_tools_visualizer import mcp_tools_visualizer
# Define MCP server configuration
server_parameters = {
"url": "https://abidlabs-mcp-tools2.hf.space/gradio_api/mcp/sse",
"transport": "sse"
}
# Visualize MCP tools configuration
mcp_tools_visualizer(value={
'server_parameters': server_parameters
})
```
""")
mcp_tools_visualizer(
value={
'server_parameters': server_parameters
},
)
if __name__ == "__main__":
demo.launch()
# https://pypi.org/project/gradio-mcp-tools-visualizer/0.0.1/
# https://pypi.org/project/gradio-agentvisualizer/0.0.1/ |