Canvas AI: UI/Functional update. Lock the canvas during a build and add a long-running AI-tasks UI element to the chat
**Source:** Drupal AI UX Weekly Meeting, June 22, 2026. @Marcus_Johansson reviewed and gave an update on the prototype Drupal Canvas AI brand @AkhilBabu based on the experimental prototype that creates components one-at-a-time on this experimental branch https://github.com/akhilbabu-qed-42/c2026/tree/canvas-ai-poc The approach looks very promising from early testing but we need to update the UI to accommodate the changes. ## **Problem / Motivation** Canvas AI now builds a page component by component. While it is building, interacting with the canvas (adding or removing components) breaks the in-progress render, because the component indices the agent is mid-way through using no longer exist. There is also no clear signal that a long-running build is underway, and no way to stop it mid-run. ## **Proposed resolution** Explore a build-state UI: * A pulsing "AI is working" indicator on the canvas (glowing-border treatment) while a build runs. * The canvas is locked during the build, so the user cannot click or edit and interfere with it. * A new control on the chat window indicating a long-running task is in progress, with two options: 1. **Stop** — halt the build, keeping what has been generated so far. 2. **Stop and undo** — halt the build and revert the changes from that turn. ## **Notes** Editing data inside an existing component (e.g. a title) or sidebar/slot properties is safe; the lock targets structural changes to the canvas during a build. ## Tasks * Create a mockup of the UI for discussion and review.
issue