create-canvas

1# Create canvas
2 
3Build a freeform workspace for exploration and iteration through conversation. The model changes content in source files. The canvas makes that content live, named, movable, and easy to reference.
4 
5## Start with the project
6 
7- Read repository rules, routes, component APIs, themes, design tokens, and tests.
8- Look for an existing canvas before creating another.
9- Use the project's framework, components, typography, design tokens, themes, and access controls.
10- Respect restrictions on edits, commands, and browser access.
11- Ask before changing scope, adding dependencies, changing shared code, or exposing the canvas publicly.
12- If safe isolation is unclear, ask before proceeding. Never mount an unsafe preview.
13- Choose sensible defaults for other decisions. Do not ask the user to repeat clear requests.
14- Keep canvas code together. Separate camera and placement logic from previews, test data, and their registry. Do not build a framework.
15- Start with one safe live preview, a readable label, and a separate move handle. Make sure that it mounts.
16- Add the registry and requested content next. Then add copying, camera controls, existing themes, and saved layout.
17 
18## Keep content in source
19 
20A registry is a typed list of canvas items. Each entry defines a stable ID, unique readable name, component, safe test data, initial position, and dimensions.
21 
22- Keep the registry easy to find. Adding an item must not require changes to the camera or gesture code.
23…