modelcontextprotocol/inspector
Watch
1
0
Fork
You've already forked inspector
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 2

docs(spec): Add Connection Mode dropdown to ServerCard wireframes

Browse source 
Update UX spec to show inline Connection Mode dropdown on ServerCard
for quick switching between Direct and Via Proxy modes.

Based on Cliff's feedback about making connection type more accessible
rather than buried in Settings modal.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
olaservo 2025-12-10 09:23:32 -07:00
commit a13a05d9b4
1 changed files with 9 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

12
specification/v2_ux.md
View file

@ -95,7 +95,7 @@ Each server in the list is displayed as a card with connection controls and stat
```
┌─────────────────────────────────────────────────────────────────┐
│ [Icon] Server Name v1.0.0 │
│ STDIO [●] Connected [Toggle]│
│ STDIO [Via Proxy ▼] [●] Connected [Toggle]│
├─────────────────────────────────────────────────────────────────┤
│ npx -y @modelcontextprotocol/server-everything [Copy]│
├─────────────────────────────────────────────────────────────────┤
@ -103,11 +103,17 @@ Each server in the list is displayed as a card with connection controls and stat
└─────────────────────────────────────────────────────────────────┘
```
**Connection Mode Dropdown:**
- Quick access to switch between Direct and Via Proxy modes without opening Settings
- STDIO servers default to "Via Proxy" (required - cannot connect directly from browser)
- HTTP/SSE servers default to "Direct" (assumes CORS enabled)
- Shows warning text if STDIO + Direct selected: "(STDIO requires proxy)"
**With OAuth (shows OAuth Debug button):**
```
┌─────────────────────────────────────────────────────────────────┐
│ [Icon] Server Name v1.0.0 │
│ HTTP (OAuth) [●] Connected [Toggle]│
│ HTTP [Direct ▼] [●] Connected [Toggle]│
├─────────────────────────────────────────────────────────────────┤
│ https://api.example.com/mcp [Copy]│
├─────────────────────────────────────────────────────────────────┤
@ -119,7 +125,7 @@ Each server in the list is displayed as a card with connection controls and stat
```
┌─────────────────────────────────────────────────────────────────┐
│ [Icon] Server Name v1.0.0 │
│ HTTP [●] Failed (3)[Toggle]│
│ HTTP [Direct ▼] [●] Failed (3)[Toggle]│
├─────────────────────────────────────────────────────────────────┤
│ https://api.example.com/mcp [Copy]│
├─────────────────────────────────────────────────────────────────┤