a2nr
/
velxio
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(editor-toolbar): "Record simulation" overflow item (replay v2) 

Sixth overflow-menu item, Pro-badged. Dispatches
velxio-pro-replay-record-toggle (projectId in detail) which the pro
overlay handles — plan check, board-type check, start/stop the
recorder. OSS build has no listener → silent no-op.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
David Montero 2026-05-29 21:24:55 +02:00
parent 3a2abc48d9
commit 54f4e23d9f
1 changed files with 20 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
frontend/src/components/editor/EditorToolbar.tsx
View File

@ -1477,6 +1477,26 @@ export const EditorToolbar = ({
</svg>
<span className="tb-overflow-label">{t('editor.toolbar.shareLabel', 'Share / Embed')}</span>
</button>
{/* Record simulation — Pro feature. Dispatches a toggle the
pro overlay handles (plan check, board-type check,
start/stop the recorder). OSS build → no listener →
silent no-op. */}
<button
className="tb-overflow-item"
role="menuitem"
onClick={() => {
setMoreMenuOpen(false);
window.dispatchEvent(new CustomEvent('velxio-pro-replay-record-toggle', {
detail: { projectId: currentProject?.id ?? null },
}));
}}
>
<svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
<circle cx="12" cy="12" r="7" />
</svg>
<span className="tb-overflow-label">{t('editor.toolbar.recordLabel', 'Record simulation')}</span>
<span className="tb-overflow-pro">PRO</span>
</button>
</div>
)}
</div>