MCP Dashboard - Multi-Server Management Interface
A web-based dashboard for managing and interacting with multiple MCP (Model Context Protocol) servers simultaneously. Built on the foundation of MCP Inspector with enhanced multi-server capabilities.
Latest Version: v0.1.4
✅ Multi-Server Management
- Connect to multiple MCP servers simultaneously
- Support for STDIO, SSE, and Streamable HTTP transports
- Real-time server status monitoring
- Server configuration management
✅ Tool Execution Interface
- Execute MCP tools with form-based parameter input
- Real-time response visualization
- Request history tracking
- JSON/formatted view toggle
✅ Enhanced UI
- Modern React interface with Tailwind CSS
- Dark mode support
- Responsive design
- Improved navigation and visualization
✅ Real-Time Updates
- Server-Sent Events (SSE) for live monitoring
- Server notifications panel
- Automatic status updates
Technology Stack:
- Frontend: React 18 + TypeScript + Vite
- Backend: Node.js + Express
- UI Framework: Tailwind CSS + shadcn/ui
- Real-time: Server-Sent Events (SSE)
Project Structure:
dashboard/
├── client/ # React frontend
│ ├── src/
│ │ ├── components/ # UI components
│ │ ├── hooks/ # Custom React hooks
│ │ ├── lib/ # Utilities
│ │ └── services/ # API services
├── server/ # Express backend
├── cli/ # Command-line interface
└── docs/ # Documentation
- Tool Execution Enhancements: Added collapsible sections with chevrons for execution history
- Formatted View Reorganization: Separated "Is Error" and "Structured Content" sections
- Copy Functionality: Each section has its own copy button for selective data extraction
- Version Display: Updated footer to show current version (v0.1.4)
- Previous: Removed assessment functionality (simplified to core MCP dashboard features)
- Previous: Enhanced multi-server management interface with transport details and tool counts
Tool Execution Interface Improvements
- Added chevron buttons to collapse/expand execution history items
- Reorganized Formatted view with collapsible sections:
- "Is Error" section (displays error status)
- "Structured Content" section (formatted view of all other data)
- Each section has its own copy button for copying specific content
- Removed duplicate copy button in Formatted view (only shows in Raw mode)
- Sections maintain persistent expansion state across re-renders
- Improved handling of long JSON outputs with better organization
- Commit:
61e7078
Version Management
- Updated footer version display from v0.1.0 to v0.1.4
- Published to NPM as
@bryan-thompson/dashboard@0.1.4 - All workspace packages synchronized to v0.1.4
- Commit:
ebce010
Impact:
- Better UX for viewing tool execution results
- Cleaner interface with collapsible sections
- Section-specific copy functionality for selective data extraction
- Consistent version display across application
Major Refactoring: Assessment Removal
- Removed 46 assessment-related files (25,932 lines of code)
- Deleted 7 assessment UI components
- Removed 8 assessor service modules
- Deleted 9 test files for assessment features
- Removed 4 assessment documentation files
- Updated DashboardLayout to remove assessment tab
- Simplified README and PROJECT_STATUS to reflect core focus
- Commit:
dd79db1
Branding Update: MCP Inspector → MCP Dashboard
- Updated startup messages in client/bin/start.js
- Changed console output to "MCP Dashboard"
- Reflected correct product name throughout application
- Commit:
a68965c
Package Namespace Migration
- Changed namespace:
@modelcontextprotocol/*→@bryan-thompson/* - Updated root package:
@bryan-thompson/dashboard - Updated client package:
@bryan-thompson/dashboard-client - Updated server package:
@bryan-thompson/dashboard-server - Updated CLI package:
@bryan-thompson/dashboard-cli - Changed author from "Anthropic, PBC" to "Bryan Thompson"
- Updated repository URLs to
https://github.com/triepod-ai/dashboard - Regenerated package-lock.json with new workspace references
- Commit:
5c0dd90
Documentation Overhaul
- Updated CLAUDE.md header to "MCP Dashboard Development Guide"
- Updated CONTRIBUTING.md with correct branding and URLs
- Corrected development port from 6274 to 6286
- Rewrote client/README.md with relevant MCP Dashboard content
- Removed outdated todo.md file
- Removed assessment-specific client/PROJECT_STATUS.md
- All docs now reflect simplified implementation and correct ownership
- Commit:
ab1c620
Impact:
- Simplified codebase focused on core MCP server management
- Clear project identity as multi-server dashboard
- Correct package namespace and attribution
- Improved documentation accuracy
- Ready for independent development and enhancement
Build & Run:
npm install
npm run build
npm run devTesting:
npm test
npm run lint🔮 Planned Features:
- Resource Explorer implementation
- Enhanced settings panel
- Improved error handling
- Performance optimizations
- Additional transport support
This project is a fork of the MCP Inspector by Anthropic. We maintain compatibility with the upstream project while adding multi-server management capabilities.
Working Directory: /home/bryan/dashboard/
Last Updated: 2025-10-11