| 1 | # Canvas Components DOX |
| 2 | |
| 3 | ## Purpose |
| 4 | |
| 5 | - Own the right-canvas component surface and its state. |
| 6 | |
| 7 | ## Ownership |
| 8 | |
| 9 | - `right-canvas.html` owns canvas markup. |
| 10 | - `right-canvas-store.js` owns canvas state, surface registration, and actions. |
| 11 | - `right-canvas.css` owns canvas-specific styling. |
| 12 | |
| 13 | ## Local Contracts |
| 14 | |
| 15 | - Keep registered surfaces compatible with WebUI extension hooks. |
| 16 | - Preserve responsive layout and avoid overlapping the chat/sidebar shells. |
| 17 | - Right-canvas rail and tab buttons are explicit canvas entry points above the mobile breakpoint; at mobile widths, keep the rail visible but route non-action surfaces into floating modals instead of the side canvas shell. |
| 18 | - Keep the right-canvas rail and docked shell hidden while the welcome screen is active; non-action surface opens during welcome must route into floating/modal surfaces instead of docking beside the welcome screen. |
| 19 | - Preserve docked canvas open state across same-tab reloads with session-scoped state, but do not treat it as durable cross-session UI state. |
| 20 | - In mobile mode, keep the rail below blocking modal layers and compact it on very narrow screens instead of letting it cover modal content. |
| 21 | - Keep the canvas shell functional when the instance-level visibility preference hides only the right-canvas rail. |
| 22 | |
| 23 | ## Work Guidance |
| 24 | |
| 25 | - Use existing surface and extension helpers before adding new canvas infrastructure. |
| 26 | |
| 27 | ## Verification |
| 28 | |
| 29 | - Smoke-test right-canvas open, close, resize, and registered surfaces after changes. |
| 30 | |
| 31 | ## Child DOX Index |
| 32 | |
| 33 | No child DOX files. |