M

MCP Panel

MCP Panel Documentation

Overview

MCP Panel is a comprehensive dashboard for managing and testing Model Context Protocol (MCP) integrations. It provides a user-friendly interface to interact with your MCP server, test tools, and monitor real-time execution logs via Server-Sent Events (SSE).

Features

  • Browse and search available MCP integrations
  • View detailed information about each integration and its tools
  • Execute tools with custom JSON input
  • Real-time streaming logs via SSE
  • Response visualization with JSON viewer
  • Dark mode support
  • Responsive design for mobile and desktop

API Endpoints

GET /apps

Retrieve a list of all available MCP applications

GET /apps/:appId/tools

Get all tools available for a specific application

POST /apps/:appId/tools/:toolId/execute

Execute a specific tool with the provided input

GET /apps/:appId/tools/:toolId/stream

Server-Sent Events endpoint for real-time logs

SSE Integration

The panel supports real-time log streaming through Server-Sent Events. When executing a tool, the panel automatically connects to the SSE endpoint to receive live updates about the execution progress.

// SSE Message Format
{
  "id": "unique-message-id",
  "type": "log" | "error" | "success" | "info",
  "message": "Log message content",
  "timestamp": "2024-01-01T00:00:00.000Z",
  "data": { /* optional additional data */ }
}

Deployment

The MCP Panel is optimized for deployment on Vercel and configured to use the domainmcp.plataforma.app.

Quick Deploy

  1. Push the project to GitHub
  2. Import the repository in Vercel
  3. Configure environment variables if needed
  4. Deploy and configure custom domain in GoDaddy

Environment Variables

NEXT_PUBLIC_API_URL=https://mcp-integrations-server.vercel.app

Contributing

To add new integrations to the MCP Panel, simply update your MCP server with new tools following the standard MCP protocol. The panel will automatically discover and display new integrations.