From 5eaddd1eb69e6e7164272888f2430ab73ebf751b Mon Sep 17 00:00:00 2001 From: olaservo Date: Sun, 7 Dec 2025 21:20:34 -0700 Subject: [PATCH] docs: update Server Card ASCII art with all buttons MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 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 --- specification/v2_ux.md | 50 ++++++++++++++++++++++++++---------------- 1 file changed, 31 insertions(+), 19 deletions(-) diff --git a/specification/v2_ux.md b/specification/v2_ux.md index 7abde90f..5ef5d2c9 100644 --- a/specification/v2_ux.md +++ b/specification/v2_ux.md @@ -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:**