Files
clide/docs/design/wireframes/claude-prompts/06-team-chat-pane.json
T
jpmschweitzerandClaude Opus 4.7 af02ae39c4 add team cockpit + sidebar sub-tab wireframes (frame0)
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>
2026-05-25 11:26:48 +02:00

37 lines
3.6 KiB
JSON

{
"name": "Clide — team chat pane",
"shapes": {
"panel": {"type": "Rectangle", "left": 40, "top": 30, "width": 860, "height": 540, "fillColor": "#1a1e24", "strokeColor": "#333340", "corners": [8, 8, 8, 8]},
"accent": {"type": "Rectangle", "left": 40, "top": 30, "width": 860, "height": 4, "fillColor": "#5aa0e0", "strokeColor": "#5aa0e0", "corners": [8, 8, 0, 0]},
"title": {"type": "Text", "parent": "panel", "left": 60, "top": 48, "text": "team chat", "fontColor": "#5aa0e0", "fontSize": 13},
"c1": {"type": "Text", "parent": "panel", "left": 60, "top": 80, "text": "tyre → lead", "fontColor": "#b08cff", "fontSize": 12},
"m1": {"type": "Text", "parent": "panel", "left": 60, "top": 98, "text": "Opening position: a tile is a discrete surface kind on a body; propose 7 base kinds + 2 modifiers.", "fontColor": "#c8d0e0", "fontSize": 13},
"c2": {"type": "Text", "parent": "panel", "left": 60, "top": 134, "text": "gestalt → lead", "fontColor": "#e36fb0", "fontSize": 12},
"m2": {"type": "Text", "parent": "panel", "left": 60, "top": 152, "text": "I'd keep it flat — a composable set bloats to hundreds of near-duplicates. One rationale per kind.", "fontColor": "#c8d0e0", "fontSize": 13},
"c3": {"type": "Text", "parent": "panel", "left": 60, "top": 188, "text": "you → team", "fontColor": "#5aa0e0", "fontSize": 12},
"m3": {"type": "Text", "parent": "panel", "left": 60, "top": 206, "text": "Let's focus on tile types only this round — hold the broader derivation for later.", "fontColor": "#c8d0e0", "fontSize": 13},
"c4": {"type": "Text", "parent": "panel", "left": 60, "top": 242, "text": "lead → you", "fontColor": "#d97757", "fontSize": 12},
"m4": {"type": "Text", "parent": "panel", "left": 60, "top": 260, "text": "On it — refocusing the room to a tile-type taxonomy; I'll relay each opening position as it lands.", "fontColor": "#c8d0e0", "fontSize": 13},
"c5": {"type": "Text", "parent": "panel", "left": 60, "top": 296, "text": "nigel → you", "fontColor": "#3fb9b0", "fontSize": 12},
"m5": {"type": "Text", "parent": "panel", "left": 60, "top": 314, "text": "@you do types combine/compose for variety, or is a flat list enough? It changes my taxonomy.", "fontColor": "#c8d0e0", "fontSize": 13},
"divider": {"type": "Line", "parent": "panel", "left": 60, "top": 470, "width": 820, "height": 1, "strokeColor": "#2a3038"},
"to": {"type": "Rectangle", "parent": "panel", "left": 60, "top": 488, "width": 110, "height": 34, "fillColor": "#1f2a3a", "strokeColor": "#3a4250", "corners": [4, 4, 4, 4]},
"to-t": {"type": "Text", "parent": "panel", "left": 74, "top": 496, "text": "@nigel ▾", "fontColor": "#9aa4b2", "fontSize": 13},
"input": {"type": "Rectangle", "parent": "panel", "left": 178, "top": 488, "width": 470, "height": 34, "fillColor": "#14181d", "strokeColor": "#333340", "corners": [4, 4, 4, 4]},
"input-t": {"type": "Text", "parent": "panel", "left": 192, "top": 496, "text": "they compose — pick from 7 base + 2 modifiers", "fontColor": "#5b6470", "fontSize": 13},
"intr-box": {"type": "Rectangle", "parent": "panel", "left": 660, "top": 494, "width": 16, "height": 16, "fillColor": "#14181d", "strokeColor": "#7a8290", "corners": [3, 3, 3, 3]},
"intr-t": {"type": "Text", "parent": "panel", "left": 682, "top": 496, "text": "interrupt", "fontColor": "#9aa4b2", "fontSize": 12},
"send": {"type": "Rectangle", "parent": "panel", "left": 770, "top": 488, "width": 90, "height": 34, "fillColor": "#3b5bdb", "strokeColor": "#3b5bdb", "corners": [4, 4, 4, 4]},
"send-t": {"type": "Text", "parent": "panel", "left": 794, "top": 496, "text": "Send", "fontColor": "#ffffff", "fontSize": 14}
}
}