jpmschweitzer/clide
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

config tab: settings table on top, full expandable lists

Browse Source 
Settings is a fixed, short set, so it's a key->value table pinned at the
top, not an accordion. Variable-length groups (skills, agents, commands,
hooks, permissions, MCP servers) expand to their COMPLETE list rather than
a truncated first-N + "…" — a truncated list falsely prioritises its first
entries. Permissions expand grouped by allow/ask/deny. T-183 scope synced.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
jpmschweitzer
2026-05-25 11:35:54 +02:00
co-authored by Claude Opus 4.7
parent da803e17e3
commit 0d377dfbae
4 changed files with 35 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/design/wireframes/claude-prompts/09-sidebar-config-tab.json
+33 -25
View File
@@ -8,36 +8,44 @@
"tab-c": {"type": "Text", "parent": "panel", "left": 210, "top": 40, "text": "Config", "fontColor": "#5aa0e0", "fontSize": 13},
"tab-c-u": {"type": "Rectangle", "parent": "panel", "left": 208, "top": 60, "width": 52, "height": 2, "fillColor": "#5aa0e0", "strokeColor": "#5aa0e0", "corners": [0, 0, 0, 0]},
"strip": {"type": "Line", "parent": "panel", "left": 40, "top": 62, "width": 340, "height": 1, "strokeColor": "#2a3038"},
"scope": {"type": "Text", "parent": "panel", "left": 58, "top": 76, "text": "local + global (layered, local wins)", "fontColor": "#5b6470", "fontSize": 10},
"h-skills": {"type": "Text", "parent": "panel", "left": 58, "top": 100, "text": "▾ SKILLS", "fontColor": "#c8d0e0", "fontSize": 12},
"c-skills": {"type": "Text", "parent": "panel", "left": 340, "top": 100, "text": "14", "fontColor": "#5b6470", "fontSize": 11},
"sk1": {"type": "Text", "parent": "panel", "left": 78, "top": 122, "text": "› pql", "fontColor": "#9ec3ef", "fontSize": 12},
"sk2": {"type": "Text", "parent": "panel", "left": 78, "top": 142, "text": "› whats-next", "fontColor": "#9ec3ef", "fontSize": 12},
"sk3": {"type": "Text", "parent": "panel", "left": 78, "top": 162, "text": "› git-commit", "fontColor": "#9ec3ef", "fontSize": 12},
"sk4": {"type": "Text", "parent": "panel", "left": 78, "top": 182, "text": "› ui-design", "fontColor": "#9ec3ef", "fontSize": 12},
"sk5": {"type": "Text", "parent": "panel", "left": 78, "top": 202, "text": "› frame0-wireframe", "fontColor": "#9ec3ef", "fontSize": 12},
"sk6": {"type": "Text", "parent": "panel", "left": 78, "top": 222, "text": "› security-review", "fontColor": "#9ec3ef", "fontSize": 12},
"sk7": {"type": "Text", "parent": "panel", "left": 78, "top": 242, "text": "+ 8 more", "fontColor": "#5b6470", "fontSize": 11},
"h-set": {"type": "Text", "parent": "panel", "left": 58, "top": 78, "text": "SETTINGS", "fontColor": "#7a8290", "fontSize": 12},
"k1": {"type": "Text", "parent": "panel", "left": 58, "top": 100, "text": "model", "fontColor": "#9aa4b2", "fontSize": 12},
"v1": {"type": "Text", "parent": "panel", "left": 200, "top": 100, "text": "opus", "fontColor": "#c8d0e0", "fontSize": 12},
"k2": {"type": "Text", "parent": "panel", "left": 58, "top": 120, "text": "output style", "fontColor": "#9aa4b2", "fontSize": 12},
"v2": {"type": "Text", "parent": "panel", "left": 200, "top": 120, "text": "default", "fontColor": "#c8d0e0", "fontSize": 12},
"k3": {"type": "Text", "parent": "panel", "left": 58, "top": 140, "text": "permission mode", "fontColor": "#9aa4b2", "fontSize": 12},
"v3": {"type": "Text", "parent": "panel", "left": 200, "top": 140, "text": "default", "fontColor": "#c8d0e0", "fontSize": 12},
"k4": {"type": "Text", "parent": "panel", "left": 58, "top": 160, "text": "source", "fontColor": "#9aa4b2", "fontSize": 12},
"v4": {"type": "Text", "parent": "panel", "left": 200, "top": 160, "text": "~/.claude + .claude", "fontColor": "#c8d0e0", "fontSize": 12},
"h-agents": {"type": "Text", "parent": "panel", "left": 58, "top": 272, "text": "▸ AGENTS", "fontColor": "#c8d0e0", "fontSize": 12},
"c-agents": {"type": "Text", "parent": "panel", "left": 344, "top": 272, "text": "5", "fontColor": "#5b6470", "fontSize": 11},
"h-cmds": {"type": "Text", "parent": "panel", "left": 58, "top": 298, "text": "▸ COMMANDS", "fontColor": "#c8d0e0", "fontSize": 12},
"c-cmds": {"type": "Text", "parent": "panel", "left": 340, "top": 298, "text": "28", "fontColor": "#5b6470", "fontSize": 11},
"h-hooks": {"type": "Text", "parent": "panel", "left": 58, "top": 324, "text": "▸ HOOKS", "fontColor": "#c8d0e0", "fontSize": 12},
"c-hooks": {"type": "Text", "parent": "panel", "left": 344, "top": 324, "text": "3", "fontColor": "#5b6470", "fontSize": 11},
"div1": {"type": "Line", "parent": "panel", "left": 58, "top": 188, "width": 304, "height": 1, "strokeColor": "#2a3038"},
"div1": {"type": "Line", "parent": "panel", "left": 58, "top": 350, "width": 304, "height": 1, "strokeColor": "#2a3038"},
"h-skills": {"type": "Text", "parent": "panel", "left": 58, "top": 202, "text": "▸ SKILLS", "fontColor": "#c8d0e0", "fontSize": 12},
"c-skills": {"type": "Text", "parent": "panel", "left": 340, "top": 202, "text": "14", "fontColor": "#5b6470", "fontSize": 11},
"h-agents": {"type": "Text", "parent": "panel", "left": 58, "top": 226, "text": "▸ AGENTS", "fontColor": "#c8d0e0", "fontSize": 12},
"c-agents": {"type": "Text", "parent": "panel", "left": 344, "top": 226, "text": "5", "fontColor": "#5b6470", "fontSize": 11},
"h-cmds": {"type": "Text", "parent": "panel", "left": 58, "top": 250, "text": "▸ COMMANDS", "fontColor": "#c8d0e0", "fontSize": 12},
"c-cmds": {"type": "Text", "parent": "panel", "left": 340, "top": 250, "text": "28", "fontColor": "#5b6470", "fontSize": 11},
"h-hooks": {"type": "Text", "parent": "panel", "left": 58, "top": 274, "text": "▸ HOOKS", "fontColor": "#c8d0e0", "fontSize": 12},
"c-hooks": {"type": "Text", "parent": "panel", "left": 344, "top": 274, "text": "3", "fontColor": "#5b6470", "fontSize": 11},
"h-perms": {"type": "Text", "parent": "panel", "left": 58, "top": 364, "text": "▾ PERMISSIONS", "fontColor": "#c8d0e0", "fontSize": 12},
"perm-allow": {"type": "Text", "parent": "panel", "left": 78, "top": 386, "text": "allow: Bash(pql *), Bash(git *), Read", "fontColor": "#5cb87a", "fontSize": 12},
"perm-ask": {"type": "Text", "parent": "panel", "left": 78, "top": 406, "text": "ask: Write, Edit, Bash", "fontColor": "#e0a04a", "fontSize": 12},
"perm-deny": {"type": "Text", "parent": "panel", "left": 78, "top": 426, "text": "deny: —", "fontColor": "#9aa4b2", "fontSize": 12},
"h-perms": {"type": "Text", "parent": "panel", "left": 58, "top": 300, "text": "▾ PERMISSIONS", "fontColor": "#c8d0e0", "fontSize": 12},
"c-perms": {"type": "Text", "parent": "panel", "left": 340, "top": 300, "text": "9", "fontColor": "#5b6470", "fontSize": 11},
"pa": {"type": "Text", "parent": "panel", "left": 78, "top": 322, "text": "allow", "fontColor": "#5cb87a", "fontSize": 11},
"pa1": {"type": "Text", "parent": "panel", "left": 130, "top": 322, "text": "Bash(pql *)", "fontColor": "#c8d0e0", "fontSize": 12},
"pa2": {"type": "Text", "parent": "panel", "left": 130, "top": 340, "text": "Bash(git *)", "fontColor": "#c8d0e0", "fontSize": 12},
"pa3": {"type": "Text", "parent": "panel", "left": 130, "top": 358, "text": "Read, Glob, Grep", "fontColor": "#c8d0e0", "fontSize": 12},
"pa4": {"type": "Text", "parent": "panel", "left": 130, "top": 376, "text": "WebFetch(docs.claude.com)", "fontColor": "#c8d0e0", "fontSize": 12},
"pk": {"type": "Text", "parent": "panel", "left": 78, "top": 398, "text": "ask", "fontColor": "#e0a04a", "fontSize": 11},
"pk1": {"type": "Text", "parent": "panel", "left": 130, "top": 398, "text": "Write, Edit", "fontColor": "#c8d0e0", "fontSize": 12},
"pk2": {"type": "Text", "parent": "panel", "left": 130, "top": 416, "text": "Bash", "fontColor": "#c8d0e0", "fontSize": 12},
"pd": {"type": "Text", "parent": "panel", "left": 78, "top": 438, "text": "deny", "fontColor": "#d9667a", "fontSize": 11},
"pd1": {"type": "Text", "parent": "panel", "left": 130, "top": 438, "text": "Bash(rm -rf *)", "fontColor": "#c8d0e0", "fontSize": 12},
"h-mcp": {"type": "Text", "parent": "panel", "left": 58, "top": 452, "text": "▸ MCP SERVERS", "fontColor": "#c8d0e0", "fontSize": 12},
"c-mcp": {"type": "Text", "parent": "panel", "left": 340, "top": 452, "text": "5", "fontColor": "#5b6470", "fontSize": 11},
"h-settings": {"type": "Text", "parent": "panel", "left": 58, "top": 478, "text": "▸ SETTINGS", "fontColor": "#c8d0e0", "fontSize": 12},
"h-mcp": {"type": "Text", "parent": "panel", "left": 58, "top": 466, "text": "▸ MCP SERVERS", "fontColor": "#c8d0e0", "fontSize": 12},
"c-mcp": {"type": "Text", "parent": "panel", "left": 340, "top": 466, "text": "5", "fontColor": "#5b6470", "fontSize": 11},
"hint": {"type": "Text", "parent": "panel", "left": 58, "top": 706, "text": "click a skill / agent / command → opens its .md in the reader →", "fontColor": "#5b6470", "fontSize": 10}
"hint": {"type": "Text", "parent": "panel", "left": 58, "top": 706, "text": "expand a list to see all · click a skill/agent/command → opens its .md →", "fontColor": "#5b6470", "fontSize": 10}
}
}
docs/design/wireframes/claude-prompts/09-sidebar-config-tab.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 45 KiB

After

Width:  |  Height:  |  Size: 48 KiB