In-canvas editing: drag handle, click to edit, hover description

The live preview iframe in the editor isn't just for looking — you can edit directly inside it.

Drag to reorder:
When a block is selected, a small grip handle (six dots) appears at the top-left of the rendered block. Drag it up or down to reorder. A bright accent line shows where the block will land (above or below another block based on cursor position). Drop to commit; the change is folded into the undo stack so ⌘Z reverts.

Click to inline-edit:
Pure-content blocks let you click directly on the rendered text and type. As you type, the change syncs back to the block's data in the editor. Blocks that support inline edit today: Hero, Header, Text, CTA, Columns, Service Request, Gala Hero, Image caption, Video caption, FAQ heading + each Q/A pair.

Data-bound blocks (Products, Events, Restaurant Menu, etc.) don't support inline edit — their content lives in their module's collections, not on the block. Click them and the inspector opens in the sidebar instead.

Block picker hover description:
Inside the "+ Add block" picker, hover any block to see a one-line description of what it does and when to use it. After a 300ms delay a small popover slides in with the block's icon, label, and a "what visitors see / when to use" summary. Great for finding the right block when you know the use case but not the name.