Skip to content

Conversation

@olaservo
Copy link
Member

Summary

Complete Mantine-based UI for MCP Inspector V2, building on the core package from PR #1019.

Note: This PR depends on #1019 (inspector-core) and should be merged after it. The diff will be cleaner once #1019 is merged.

Pages (7)

  • ServerList - Server cards with connection status, add/import/settings
  • Tools - 3-column layout with tool list, params, results
  • Resources - Resource list with templates and subscriptions
  • Prompts - Prompt selector with argument forms
  • History - Request history with expand/collapse, pinning
  • Logs - RFC 5424 log levels with filtering
  • Tasks - Active/completed task management

Components

  • Server management modals (Add, Import, Settings, Info)
  • Client feature modals (Sampling, Elicitation, Roots)
  • OAuth debugger modal
  • Theme toggle (light/dark/auto)
  • Annotation badges for tools/resources

MCP Integration

  • McpContext - Browser-side MCP SDK connection (StreamableHTTPClientTransport)
  • useMcpTools, useMcpResources, useMcpPrompts hooks
  • Real-time notification handlers for list changes

Design Decisions

Test Plan

  • npm run build -w client passes
  • Manual testing with Everything MCP server
  • Review feedback incorporated

Stack

olaservo and others added 3 commits January 18, 2026 12:44
Extracts reusable MCP client logic into a separate package that can be
shared across web UI, CLI, and TUI implementations.

Includes:
- MCP client lifecycle (createMcpClient, connectClient, disconnectClient)
- HTTP transport creation (createHttpTransport, createAuthenticatedTransport)
- Sampling/elicitation request handlers
- Data layer interfaces (repositories, services) with memory stubs
- Shared type definitions
- test-core.js: Unit tests for memory implementations (repositories,
  services, type helpers)
- test-real-server.js: Integration tests with Everything MCP server

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
Complete Mantine-based UI for the MCP Inspector with:
- App layout with responsive navigation
- Server list page with mock data
- Tools, Resources, Prompts pages with real MCP hooks
- History and Logs pages with mock data
- Tasks page for background task management
- Sampling/Elicitation modals (standalone, no queue)
- Server management modals (add, import, settings)
- OAuth debugger modal
- Roots configuration modal
- Theme toggle (light/dark/auto)

Uses mock data for storage-dependent features (pending modelcontextprotocol#983).
Client features (inline queue, tree view) will be added in PR #3.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
@olaservo olaservo added the v2 label Jan 19, 2026
@olaservo
Copy link
Member Author

Recreating with correct base branch

@olaservo olaservo closed this Jan 19, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant