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. Each server in the list is displayed as a card with connection controls and status.
``` ```
┌─────────────────────────────────────────────────────────┐ ┌─────────────────────────────────────────────────────────────────┐
│ [Icon] Server Name v1.0.0 │ │ [Icon] Server Name v1.0.0 │
│ STDIO [●] Connected [Toggle] │ │ STDIO [●] Connected [Toggle]│
├─────────────────────────────────────────────────────────┤ ├─────────────────────────────────────────────────────────────────┤
│ npx -y @modelcontextprotocol/server-everything [Copy]│ │ npx -y @modelcontextprotocol/server-everything [Copy]│
├─────────────────────────────────────────────────────────┤ ├─────────────────────────────────────────────────────────────────┤
│ [Server Info] [Edit] [Remove] │ │ [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:** **With Error State:**
``` ```
┌─────────────────────────────────────────────────────────┐ ┌─────────────────────────────────────────────────────────────────┐
│ [Icon] Server Name v1.0.0 │ │ [Icon] Server Name v1.0.0 │
│ HTTP [●] Failed (3) [Toggle] │ │ HTTP [●] Failed (3)[Toggle]│
├─────────────────────────────────────────────────────────┤ ├─────────────────────────────────────────────────────────────────┤
│ https://api.example.com/mcp [Copy]│ │ https://api.example.com/mcp [Copy]│
├─────────────────────────────────────────────────────────┤ ├─────────────────────────────────────────────────────────────────┤
│ [Server Info] [Edit] [Remove] │ │ [Server Info] [Settings] [Clone] [Edit] [Remove]│
├─────────────────────────────────────────────────────────┤ ├─────────────────────────────────────────────────────────────────┤
│ [!] Connection timeout after 20s │ │ [!] Connection timeout after 20s │
│ [Show more] [View Troubleshooting Guide →] │ │ [Show more] [View Troubleshooting Guide] │
└─────────────────────────────────────────────────────────┘ └─────────────────────────────────────────────────────────────────┘
``` ```
**Status Indicators:** **Status Indicators:**