Use in-app modal for recording start confirmation

2026-06-13 13:50:13 -05:00
parent e8f6e4cd09
commit 85b1f6f143
6 changed files with 58 additions and 106 deletions
@@ -693,6 +693,27 @@ function showInfoDialog(title, bodyText) {
  });
 }

+function showRecordingReminder() {
+  return new Promise((resolve) => {
+    const { close } = openModal({
+      title: 'Before recording starts',
+      body: el('div.recording-notice', {},
+        el('div.recording-notice__badge', {}, 'Recording tip'),
+        el('div.recording-notice__title', {}, 'StepForge will hide after you continue.'),
+        el('div.recording-notice__text', {},
+          'When you want to pause or stop, use the red tray icon in the system tray.',
+        ),
+      ),
+      footer: [
+        el('button.primary', {
+          onClick: () => { close(); resolve(true); },
+        }, 'Continue'),
+      ],
+      onClose: () => resolve(false),
+    });
+  });
+}
+
 window.StepForgeDialogs = {
  promptText,
  showQuickActions,
@@ -704,5 +725,6 @@ window.StepForgeDialogs = {
  showPlaceholdersDialog,
  showShortcutsDialog,
  showTemplateManager,
+  showRecordingReminder,
 };
 })();