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

docs: update Server Card ASCII art with all buttons

Browse source 
- Add [Settings], [Clone] buttons to card
- Add separate OAuth example showing [OAuth Debug] button
- Widen card to fit all buttons

🤖 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-07 21:20:34 -07:00
commit 5eaddd1eb6
1 changed files with 31 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

50
specification/v2_ux.md
View file

@ -93,29 +93,41 @@ Initial screen shown when no server is connected. Displays server cards in a res
Each server in the list is displayed as a card with connection controls and status.
```
┌─────────────────────────────────────────────────────────┐
│ [Icon] Server Name v1.0.0 │
│ STDIO [●] Connected [Toggle] │
├─────────────────────────────────────────────────────────┤
│ npx -y @modelcontextprotocol/server-everything [Copy]│
├─────────────────────────────────────────────────────────┤
│ [Server Info] [Edit] [Remove] │
└─────────────────────────────────────────────────────────┘
┌─────────────────────────────────────────────────────────────────┐
│ [Icon] Server Name v1.0.0 │
│ STDIO [●] Connected [Toggle]│
├─────────────────────────────────────────────────────────────────┤
│ npx -y @modelcontextprotocol/server-everything [Copy]│
├─────────────────────────────────────────────────────────────────┤
│ [Server Info] [Settings] [Clone] [Edit] [Remove]│
└─────────────────────────────────────────────────────────────────┘
```
**With OAuth (shows OAuth Debug button):**
```
┌─────────────────────────────────────────────────────────────────┐
│ [Icon] Server Name v1.0.0 │
│ HTTP (OAuth) [●] Connected [Toggle]│
├─────────────────────────────────────────────────────────────────┤
│ https://api.example.com/mcp [Copy]│
├─────────────────────────────────────────────────────────────────┤
│ [Server Info] [Settings] [OAuth Debug] [Clone] [Edit] [Remove]│
└─────────────────────────────────────────────────────────────────┘
```
**With Error State:**
```
┌─────────────────────────────────────────────────────────┐
│ [Icon] Server Name v1.0.0 │
│ HTTP [●] Failed (3) [Toggle] │
├─────────────────────────────────────────────────────────┤
│ https://api.example.com/mcp [Copy]│
├─────────────────────────────────────────────────────────┤
│ [Server Info] [Edit] [Remove] │
├─────────────────────────────────────────────────────────┤
│ [!] Connection timeout after 20s │
│ [Show more] [View Troubleshooting Guide →] │
└─────────────────────────────────────────────────────────┘
┌─────────────────────────────────────────────────────────────────┐
│ [Icon] Server Name v1.0.0 │
│ HTTP [●] Failed (3)[Toggle]│
├─────────────────────────────────────────────────────────────────┤
│ https://api.example.com/mcp [Copy]│
├─────────────────────────────────────────────────────────────────┤
│ [Server Info] [Settings] [Clone] [Edit] [Remove]│
├─────────────────────────────────────────────────────────────────┤
│ [!] Connection timeout after 20s │
│ [Show more] [View Troubleshooting Guide] │
└─────────────────────────────────────────────────────────────────┘
```
**Status Indicators:**