Skip to content

Commit a13a05d

Browse files
olaservoclaude
andcommitted
docs(spec): Add Connection Mode dropdown to ServerCard wireframes
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 <[email protected]>
1 parent ecccbb0 commit a13a05d

File tree

1 file changed

+9
-3
lines changed

1 file changed

+9
-3
lines changed

specification/v2_ux.md

Lines changed: 9 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -95,19 +95,25 @@ Each server in the list is displayed as a card with connection controls and stat
9595
```
9696
┌─────────────────────────────────────────────────────────────────┐
9797
│ [Icon] Server Name v1.0.0 │
98-
│ STDIO [●] Connected [Toggle]│
98+
│ STDIO [Via Proxy ▼] [●] Connected [Toggle]│
9999
├─────────────────────────────────────────────────────────────────┤
100100
│ npx -y @modelcontextprotocol/server-everything [Copy]│
101101
├─────────────────────────────────────────────────────────────────┤
102102
│ [Server Info] [Settings] [Clone] [Edit] [Remove]│
103103
└─────────────────────────────────────────────────────────────────┘
104104
```
105105

106+
**Connection Mode Dropdown:**
107+
- Quick access to switch between Direct and Via Proxy modes without opening Settings
108+
- STDIO servers default to "Via Proxy" (required - cannot connect directly from browser)
109+
- HTTP/SSE servers default to "Direct" (assumes CORS enabled)
110+
- Shows warning text if STDIO + Direct selected: "(STDIO requires proxy)"
111+
106112
**With OAuth (shows OAuth Debug button):**
107113
```
108114
┌─────────────────────────────────────────────────────────────────┐
109115
│ [Icon] Server Name v1.0.0 │
110-
│ HTTP (OAuth) [●] Connected [Toggle]│
116+
│ HTTP [Direct ▼] [●] Connected [Toggle]│
111117
├─────────────────────────────────────────────────────────────────┤
112118
│ https://api.example.com/mcp [Copy]│
113119
├─────────────────────────────────────────────────────────────────┤
@@ -119,7 +125,7 @@ Each server in the list is displayed as a card with connection controls and stat
119125
```
120126
┌─────────────────────────────────────────────────────────────────┐
121127
│ [Icon] Server Name v1.0.0 │
122-
│ HTTP [●] Failed (3)[Toggle]│
128+
│ HTTP [Direct ▼] [●] Failed (3)[Toggle]│
123129
├─────────────────────────────────────────────────────────────────┤
124130
│ https://api.example.com/mcp [Copy]│
125131
├─────────────────────────────────────────────────────────────────┤

0 commit comments

Comments
 (0)