Phase-2 interaction-model wireframes (D-77): the team cockpit sidebar and the expanded team-chat pane (message inbox, @-routing, interrupt tickbox, per-agent permission-mode badge), and the Claude sidebar reorganised into Activity / Team / Config sub-tabs. Referenced by T-180..T-183. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
39 lines
3.6 KiB
JSON
39 lines
3.6 KiB
JSON
{
|
|
"name": "Clide — sidebar Config tab",
|
|
"shapes": {
|
|
"panel": {"type": "Rectangle", "left": 40, "top": 24, "width": 340, "height": 740, "fillColor": "#1a1e24", "strokeColor": "#333340", "corners": [8, 8, 8, 8]},
|
|
|
|
"tab-a": {"type": "Text", "parent": "panel", "left": 58, "top": 40, "text": "Activity", "fontColor": "#7a8290", "fontSize": 13},
|
|
"tab-t": {"type": "Text", "parent": "panel", "left": 140, "top": 40, "text": "Team", "fontColor": "#7a8290", "fontSize": 13},
|
|
"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 (14)", "fontColor": "#7a8290", "fontSize": 12},
|
|
"skills": {"type": "Text", "parent": "panel", "left": 58, "top": 120, "text": "pql · whats-next · git-commit · ui-design …", "fontColor": "#c8d0e0", "fontSize": 12},
|
|
|
|
"h-agents": {"type": "Text", "parent": "panel", "left": 58, "top": 150, "text": "AGENTS (5)", "fontColor": "#7a8290", "fontSize": 12},
|
|
"agents": {"type": "Text", "parent": "panel", "left": 58, "top": 170, "text": "claude · Explore · general-purpose · Plan …", "fontColor": "#c8d0e0", "fontSize": 12},
|
|
|
|
"h-cmds": {"type": "Text", "parent": "panel", "left": 58, "top": 200, "text": "COMMANDS (28)", "fontColor": "#7a8290", "fontSize": 12},
|
|
"cmds": {"type": "Text", "parent": "panel", "left": 58, "top": 220, "text": "clear · compact · review · security-review …", "fontColor": "#c8d0e0", "fontSize": 12},
|
|
|
|
"h-perms": {"type": "Text", "parent": "panel", "left": 58, "top": 250, "text": "PERMISSIONS", "fontColor": "#7a8290", "fontSize": 12},
|
|
"perm-allow": {"type": "Text", "parent": "panel", "left": 58, "top": 270, "text": "allow: Bash(pql *), Bash(git *), Read", "fontColor": "#5cb87a", "fontSize": 12},
|
|
"perm-ask": {"type": "Text", "parent": "panel", "left": 58, "top": 290, "text": "ask: Write, Edit, Bash", "fontColor": "#e0a04a", "fontSize": 12},
|
|
"perm-deny": {"type": "Text", "parent": "panel", "left": 58, "top": 310, "text": "deny: —", "fontColor": "#9aa4b2", "fontSize": 12},
|
|
|
|
"h-hooks": {"type": "Text", "parent": "panel", "left": 58, "top": 340, "text": "HOOKS", "fontColor": "#7a8290", "fontSize": 12},
|
|
"hooks": {"type": "Text", "parent": "panel", "left": 58, "top": 360, "text": "SessionStart · PreToolUse · Stop", "fontColor": "#c8d0e0", "fontSize": 12},
|
|
|
|
"h-mcp": {"type": "Text", "parent": "panel", "left": 58, "top": 390, "text": "MCP SERVERS (5)", "fontColor": "#7a8290", "fontSize": 12},
|
|
"mcp": {"type": "Text", "parent": "panel", "left": 58, "top": 410, "text": "Drive · Gmail · Calendar · Housekeeping …", "fontColor": "#c8d0e0", "fontSize": 12},
|
|
|
|
"h-settings": {"type": "Text", "parent": "panel", "left": 58, "top": 440, "text": "SETTINGS", "fontColor": "#7a8290", "fontSize": 12},
|
|
"s-model": {"type": "Text", "parent": "panel", "left": 58, "top": 460, "text": "model: opus · output style: default", "fontColor": "#c8d0e0", "fontSize": 12},
|
|
|
|
"edit-hint": {"type": "Text", "parent": "panel", "left": 58, "top": 700, "text": "↳ source: ~/.claude + .claude · watched", "fontColor": "#5b6470", "fontSize": 10}
|
|
}
|
|
}
|