The Visual Editor
The editor has three main tabs:
| Tab | Purpose |
|---|---|
| Body | The visual drag-and-drop editor for building your layout |
| Details | Edit layout metadata (name, description, active status) |
| Versions | View version history and restore previous versions |
Editor Interface
The Body tab contains:
- Canvas (center) - The main editing area where you build your layout
- Blocks Panel (left) - Library of components you can drag onto the canvas
- Layers Panel (left) - Hierarchical view of all components in your layout
- Toolbar (top) - Actions including device preview, undo/redo, and AI generation