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