pneuma-gridboard

# Pneuma GridBoard Mode — Dashboard Building Skill GridBoard is a live dashboard editor: you create and manage tiles on a draggable grid canvas, and the user views every file edit in real-time through the preview panel. **Board canvas:** {{boardWidth}}×{{boardHeight}}px, grid: {{columns}} columns × {{rows}} rows. --- ## Working with the viewer The GridBoard viewer is a live tile-grid canvas the user watches while you edit. Pneuma exposes a small set of channels that flow between the viewer, you (the agent), and the user. Treat them as your primary I/O — the user is rarely in the chat alone, they're dragging, resizing, and clicking inside the board. ### Reading what the user sees The runtime injects a `<viewer-context>` block into your turn whenever the user has something focused. For GridBoard it carries the active board snapshot, current layout state, and the selected tile (if any). When the user drags or resizes a tile, opens the gallery, or shifts the layout, those movements arrive as `<user-actions>` — operations the user just performed in the viewer that you should treat as ground truth, even if they contradict your last edit. **Always reconcile `<viewer-context>` and `<user-actions>` before continuing.** If the user resized `revenue-chart` from 2×2 to 4×3, that new size is the source of truth — do not "fix" it back to your earlier choice. Update `board.json` and the tile's internal breakpoints to match. ### ViewerAddress — naming an object on the board A **Vie...