Replaces the misleading flat Konva canvas (for FLEXIBLE/Remotion templates) with a
real preview the user can edit against:
- ScenePreview shows the scene's rendered still (scene.image) centred, and overlays
labelled, clickable HOTSPOTS over each editable field (logo / text), positioned by
a layout heuristic tuned to our blocks (visual centred, text stacked below).
- Clicking a hotspot selects that field; BlockFieldForm highlights + scrolls to the
matching field (and focusing a field highlights its hotspot) — "click the logo to
edit it" works both ways.
- CanvasEditor branches to ScenePreview when isFlexStoryProject(); AE/Konva
templates keep the full editor.
Fixes: (1) clicking a scene now shows its real image centre-screen; (2)/(3) the logo
and text are visible placeholders you can click to edit.
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
soroush.asadi
866edbff8c