@bendyline/docblocks-react 2.7.1 → 2.7.3

package/dist/chunk-ACQF63SB.js

@@ -0,0 +1,136 @@
+// src/DocBlocksShell/keyboard-shortcuts.ts
+var SHELL_SHORTCUTS = Object.freeze([
+  // Must work mid-sentence; that is the entire point of a save shortcut.
+  { id: "save", key: "s", accel: true, label: "Ctrl+S", whileTyping: true, action: "Save now" },
+  // Find is mostly invoked from inside the document being searched.
+  {
+    id: "find",
+    key: "f",
+    accel: true,
+    label: "Ctrl+F",
+    whileTyping: true,
+    action: "Find in document"
+  },
+  // Jumping elsewhere is as likely mid-sentence as from the tree.
+  {
+    id: "quick-open",
+    key: "p",
+    accel: true,
+    label: "Ctrl+P",
+    whileTyping: true,
+    action: "Go to document"
+  },
+  {
+    id: "workspace-search",
+    key: "f",
+    accel: true,
+    shift: true,
+    label: "Ctrl+Shift+F",
+    whileTyping: true,
+    action: "Search the workspace"
+  },
+  // Deliberately NOT Cmd+B — Squisq owns that for Bold. Cmd+\ is the VS Code
+  // convention for toggling the side bar.
+  {
+    id: "toggle-sidebar",
+    key: "\\",
+    accel: true,
+    label: "Ctrl+\\",
+    whileTyping: true,
+    action: "Show or hide the file pane"
+  },
+  // Leaving a text field for the files is the point of this key — the search
+  // box included, which Ctrl+Shift+F has just focused. It only moves focus.
+  {
+    id: "focus-files",
+    key: "e",
+    accel: true,
+    shift: true,
+    label: "Ctrl+Shift+E",
+    whileTyping: true,
+    action: "Move focus to the files"
+  },
+  // Starting another document is most often done from inside one. A dialog's
+  // own name box keeps these keys, so a second prompt can't stack.
+  {
+    id: "new-document",
+    key: "n",
+    accel: true,
+    label: "Ctrl+N",
+    whileEditing: true,
+    action: "New document",
+    browserReserved: true
+  },
+  {
+    id: "new-folder",
+    key: "n",
+    accel: true,
+    shift: true,
+    label: "Ctrl+Shift+N",
+    whileEditing: true,
+    action: "New folder",
+    browserReserved: true
+  },
+  // F1 is the help key and works mid-sentence; `?` is the web convention but
+  // is ordinary text while typing. Both open the same sheet.
+  {
+    id: "shortcuts",
+    key: "F1",
+    accel: false,
+    label: "F1",
+    whileTyping: true,
+    action: "Show keyboard shortcuts"
+  },
+  { id: "shortcuts", key: "?", accel: false, shift: true, label: "?" },
+  // Ctrl+, (settings) is deliberately absent: AppMenu owns that dialog's state
+  // internally and exposes no way to open it. Binding the key without first
+  // giving AppMenu a controlled `settingsOpen` prop would ship a dead shortcut.
+  { id: "close-overlay", key: "Escape", accel: false, label: "Esc", whileTyping: true }
+]);
+function isTypingTarget(target) {
+  if (!(target instanceof HTMLElement)) return false;
+  if (isDocumentEditorTarget(target)) return true;
+  const tag = target.tagName;
+  return tag === "INPUT" || tag === "TEXTAREA" || tag === "SELECT";
+}
+function isDocumentEditorTarget(target) {
+  return target.isContentEditable || target.closest(".monaco-editor") !== null;
+}
+function matchShortcut(event, _layoutMode) {
+  return SHELL_SHORTCUTS.find((binding) => bindingMatches(binding, event))?.id ?? null;
+}
+function bindingMatches(binding, event) {
+  if (event.altKey) return false;
+  const accel = event.ctrlKey || event.metaKey;
+  const key = event.key.length === 1 ? event.key.toLowerCase() : event.key;
+  if (binding.accel !== accel) return false;
+  if ((binding.shift ?? false) !== event.shiftKey) return false;
+  if (binding.key !== key) return false;
+  if (binding.whileTyping === true || !isTypingTarget(event.target)) return true;
+  return binding.whileEditing === true && event.target instanceof HTMLElement && isDocumentEditorTarget(event.target);
+}
+function isFindShortcut(event) {
+  const binding = SHELL_SHORTCUTS.find((candidate) => candidate.id === "find");
+  return binding !== void 0 && bindingMatches(binding, event);
+}
+function findShortcutLabel() {
+  return shortcutLabel("find", isApplePlatform());
+}
+function isApplePlatform() {
+  if (typeof navigator === "undefined") return false;
+  return /Mac|iPhone|iPad|iPod/u.test(navigator.platform || navigator.userAgent);
+}
+function shortcutLabel(id, isApple) {
+  const binding = SHELL_SHORTCUTS.find((candidate) => candidate.id === id);
+  if (!binding) return "";
+  return isApple ? binding.label.replace("Ctrl+", "\u2318") : binding.label;
+}
+
+export {
+  SHELL_SHORTCUTS,
+  matchShortcut,
+  isFindShortcut,
+  findShortcutLabel,
+  isApplePlatform,
+  shortcutLabel
+};

package/dist/chunk-DICE7VBJ.js

@@ -0,0 +1,77 @@
+// src/icons.tsx
+import {
+  ArrowDownAZ,
+  Clock,
+  Download,
+  Ellipsis,
+  FilePlus,
+  Folder,
+  FolderOpen,
+  FolderPlus,
+  FolderTree,
+  PanelLeft,
+  Pin,
+  Search,
+  Settings2
+} from "lucide-react";
+import { jsx } from "react/jsx-runtime";
+var ICON_SIZE = "1.15em";
+var STROKE_WIDTH = 1.75;
+function ShellIcon({ icon: Icon, size = ICON_SIZE }) {
+  return /* @__PURE__ */ jsx(Icon, { size, strokeWidth: STROKE_WIDTH, "aria-hidden": "true", focusable: "false" });
+}
+function NewFileIcon() {
+  return /* @__PURE__ */ jsx(ShellIcon, { icon: FilePlus });
+}
+function NewFolderIcon() {
+  return /* @__PURE__ */ jsx(ShellIcon, { icon: FolderPlus });
+}
+function OpenFolderIcon() {
+  return /* @__PURE__ */ jsx(ShellIcon, { icon: FolderOpen });
+}
+function SortByNameIcon() {
+  return /* @__PURE__ */ jsx(ShellIcon, { icon: ArrowDownAZ });
+}
+function SortByLastModifiedIcon() {
+  return /* @__PURE__ */ jsx(ShellIcon, { icon: Clock });
+}
+function FolderIcon() {
+  return /* @__PURE__ */ jsx(ShellIcon, { icon: Folder });
+}
+function MoreIcon() {
+  return /* @__PURE__ */ jsx(ShellIcon, { icon: Ellipsis });
+}
+function PinIcon() {
+  return /* @__PURE__ */ jsx(ShellIcon, { icon: Pin });
+}
+function WorkspaceIcon() {
+  return /* @__PURE__ */ jsx(ShellIcon, { icon: Settings2 });
+}
+function SplitViewIcon() {
+  return /* @__PURE__ */ jsx(ShellIcon, { icon: PanelLeft, size: 16 });
+}
+function SearchIcon() {
+  return /* @__PURE__ */ jsx(ShellIcon, { icon: Search });
+}
+function FilesIcon() {
+  return /* @__PURE__ */ jsx(ShellIcon, { icon: FolderTree });
+}
+function BackupIcon() {
+  return /* @__PURE__ */ jsx(ShellIcon, { icon: Download });
+}
+
+export {
+  NewFileIcon,
+  NewFolderIcon,
+  OpenFolderIcon,
+  SortByNameIcon,
+  SortByLastModifiedIcon,
+  FolderIcon,
+  MoreIcon,
+  PinIcon,
+  WorkspaceIcon,
+  SplitViewIcon,
+  SearchIcon,
+  FilesIcon,
+  BackupIcon
+};

package/dist/{chunk-EPOLZNFD.js → chunk-EOU2JWAQ.js}

@@ -1,6 +1,7 @@
 import {
+  AiReportButton,
   chatOnce
-} from "./chunk-NAH52736.js";
+} from "./chunk-YPIVCCTB.js";
 import {
   unavailableSentence,
   useAiStatus
@@ -78,6 +79,7 @@ async function refinePresentationPlan(ai, plan, options = {}) {
     const passage = plan.sourceText.slice(beat.sourceStart, beat.sourceEnd);
     if (passage.length > 2400) {
       retained++;
+      options.onBeat?.(index, null);
       continue;
     }
     let replacement = null;
@@ -117,6 +119,7 @@ async function refinePresentationPlan(ai, plan, options = {}) {
       beats[index] = replacement;
       refined.push(index);
     } else retained++;
+    options.onBeat?.(index, replacement);
   }
   options.onProgress?.(plan.beats.length, plan.beats.length);
   return {
@@ -136,15 +139,49 @@ var LABELS = {
   steps: "Steps diagram",
   image: "Image"
 };
+function sectionAt(sections, offset) {
+  return sections.find((item) => offset >= item.sourceStart && offset < item.sourceEnd);
+}
+function withSuggestion(current, sections, sourceText, item) {
+  const parent = sectionAt(sections, item.sourceStart);
+  if (!parent) return current;
+  const source = sourceText.slice(item.sourceStart, item.sourceEnd);
+  const existing = current.blocks.find((block) => block.blockId === parent.blockId);
+  const target = {
+    ...existing ?? { blockId: parent.blockId },
+    ai: [
+      ...(existing?.ai ?? []).filter((entry) => entry.source !== source),
+      { source, layout: item.layout, headline: item.headline, points: [...item.points] }
+    ].slice(-80)
+  };
+  return {
+    ...current,
+    blocks: [...current.blocks.filter((block) => block.blockId !== parent.blockId), target]
+  };
+}
 function PresentationMaker({
   ai,
   onClose
 }) {
   return createPortal(/* @__PURE__ */ jsx(PresentationDialog, { ai, onClose }), document.body);
 }
+function AiSuggestionReport({ ai, hints }) {
+  const status = useAiStatus(ai);
+  const suggestions = hints.blocks.flatMap((block) => block.ai ?? []);
+  if (suggestions.length === 0) return null;
+  return /* @__PURE__ */ jsx(
+    AiReportButton,
+    {
+      feature: "Suggest slides",
+      getOutput: () => suggestions.map((entry) => [entry.headline, ...entry.points.map((point) => `- ${point}`)].join("\n")).join("\n\n"),
+      model: status?.kind === "ready" ? status.model?.label ?? null : null
+    }
+  );
+}
 function AiRefineButton({
   ai,
   disabled,
+  buttonRef,
   onRefine
 }) {
   const status = useAiStatus(ai);
@@ -152,6 +189,7 @@ function AiRefineButton({
   return /* @__PURE__ */ jsx(
     "button",
     {
+      ref: buttonRef,
       type: "button",
       disabled: disabled || !ready,
       title: ready ? "Suggest layouts and shorter slide wording from the current text." : unavailableSentence(status),
@@ -173,6 +211,9 @@ function PresentationDialog({ ai, onClose }) {
   const [notice, setNotice] = useState("");
   const [progress, setProgress] = useState(null);
   const controller = useRef(null);
+  const follow = useRef(false);
+  const suggestButton = useRef(null);
+  const stopButton = useRef(null);
   useEffect(() => {
     let disposed = false;
     const parsed = markdownToDoc(parseMarkdown(markdownSource));
@@ -187,6 +228,14 @@ function PresentationDialog({ ai, onClose }) {
       controller.current?.abort();
     };
   }, [markdownSource, workspaceContainer]);
+  const running = progress !== null;
+  const wasRunning = useRef(false);
+  useEffect(() => {
+    if (wasRunning.current === running) return;
+    wasRunning.current = running;
+    if (document.activeElement === null || document.activeElement === document.body)
+      (running ? stopButton.current : suggestButton.current)?.focus();
+  }, [running]);
   const doc = loaded?.source === markdownSource ? loaded.doc : null;
   const generated = useMemo(() => {
     if (!doc) return null;
@@ -219,6 +268,15 @@ function PresentationDialog({ ai, onClose }) {
       };
     }
   }, [doc, plan, preview?.activeTheme]);
+  const aiEntries = useMemo(() => {
+    const entries = /* @__PURE__ */ new Map();
+    for (const block of hints.blocks)
+      entries.set(
+        block.blockId,
+        new Map((block.ai ?? []).map((entry) => [entry.source, entry.layout]))
+      );
+    return entries;
+  }, [hints]);
   const selectedIndex = Math.max(
     0,
     plan?.beats.findIndex(
@@ -226,9 +284,7 @@ function PresentationDialog({ ai, onClose }) {
     ) ?? -1
   );
   const beat = plan?.beats[selectedIndex];
-  const section = sections.find(
-    (item) => beat && beat.sourceStart >= item.sourceStart && beat.sourceStart < item.sourceEnd
-  );
+  const section = beat && sectionAt(sections, beat.sourceStart);
   const hint = hints.blocks.find((item) => item.blockId === section?.blockId);
   const visual = projection?.blocks.find((block) => block.id === beat?.id);
   const updateHint = (patch) => {
@@ -250,52 +306,47 @@ function PresentationDialog({ ai, onClose }) {
     setHints(next);
   };
   const refine = async () => {
-    if (!ai || !plan || progress) return;
+    if (!ai || !plan || controller.current) return;
     const run = new AbortController();
     controller.current = run;
+    follow.current = true;
+    const total = plan.beats.length;
+    const outcome = { done: 0, refined: 0, retained: 0 };
     setError(null);
     setNotice("");
     try {
-      const result = await refinePresentationPlan(ai, plan, {
+      await refinePresentationPlan(ai, plan, {
         signal: run.signal,
-        onProgress: (done, total) => setProgress(`Suggesting slide ${Math.min(done + 1, total)} of ${total}\u2026`)
-      });
-      if (!run.signal.aborted) {
-        setHints((current) => {
-          const blocks = current.blocks.map((item) => ({
-            ...item,
-            ai: item.ai ? [...item.ai] : void 0
-          }));
-          for (const index of result.refined) {
-            const item = result.plan.beats[index];
-            const parent = sections.find(
-              (s) => item.sourceStart >= s.sourceStart && item.sourceStart < s.sourceEnd
-            );
-            if (!parent) continue;
-            let target = blocks.find((b) => b.blockId === parent.blockId);
-            if (!target) {
-              target = { blockId: parent.blockId, ai: void 0 };
-              blocks.push(target);
-            }
-            const source = plan.sourceText.slice(item.sourceStart, item.sourceEnd);
-            target.ai = [
-              ...(target.ai ?? []).filter((v) => v.source !== source),
-              {
-                source,
-                layout: item.layout,
-                headline: item.headline,
-                points: item.points
-              }
-            ].slice(-80);
+        onProgress: (done) => {
+          outcome.done = done;
+          const next = plan.beats[done];
+          setProgress({
+            done,
+            total,
+            active: next ? { sourceStart: next.sourceStart, sourceEnd: next.sourceEnd } : null
+          });
+          if (next && follow.current) setSelectedSourceStart(next.sourceStart);
+        },
+        // Each accepted slide reaches the list and preview as soon as it
+        // resolves, so stopping early keeps everything suggested so far.
+        onBeat: (_index, item) => {
+          if (!item) {
+            outcome.retained++;
+            return;
           }
-          return { ...current, blocks };
-        });
-        setNotice(
-          result.retained ? `Kept automatic summaries for ${result.retained} slides because the AI suggestions could not be validated.` : "AI summaries are ready to review. They will be saved with their source passages."
-        );
-      }
+          outcome.refined++;
+          setHints((current) => withSuggestion(current, sections, plan.sourceText, item));
+        }
+      });
+      setNotice(
+        outcome.retained ? `Kept automatic summaries for ${outcome.retained} slides because the AI suggestions could not be validated.` : "AI summaries are ready to review. They will be saved with their source passages."
+      );
     } catch (cause) {
       if (!run.signal.aborted) setError(cause instanceof Error ? cause.message : String(cause));
+      else if (controller.current === run)
+        setNotice(
+          `Stopped after ${outcome.done} of ${total} slides. ${outcome.refined === 0 ? "No slides changed." : outcome.refined === 1 ? "The one AI suggestion is kept." : `The ${outcome.refined} AI suggestions are kept.`}`
+        );
     } finally {
       if (controller.current === run) {
         controller.current = null;
@@ -304,7 +355,7 @@ function PresentationDialog({ ai, onClose }) {
     }
   };
   const apply = () => {
-    if (!doc || !plan || progress) return;
+    if (!doc || !plan || running) return;
     try {
       const next = setFrontmatterValues(markdownSource, {
         [PRESENTATION_HINTS_KEY]: serializePresentationHints(hints),
@@ -328,10 +379,11 @@ function PresentationDialog({ ai, onClose }) {
       onClose,
       closeOnBackdrop: false,
       footer: /* @__PURE__ */ jsxs(Fragment, { children: [
-        progress ? /* @__PURE__ */ jsx("button", { type: "button", onClick: () => controller.current?.abort(), children: "Cancel suggestions" }) : /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx(
           "button",
           {
             type: "button",
+            disabled: running,
             onClick: () => {
               setHints(defaultPresentationHints());
               setSelectedSourceStart(0);
@@ -341,8 +393,46 @@ function PresentationDialog({ ai, onClose }) {
             children: "Reset design"
           }
         ),
-        ai && /* @__PURE__ */ jsx(AiRefineButton, { ai, disabled: !plan || !!progress, onRefine: () => void refine() }),
-        /* @__PURE__ */ jsx("button", { type: "button", disabled: !plan || !!progress || !!error, onClick: apply, children: "Use dynamic slides" })
+        ai && !progress && /* @__PURE__ */ jsx(
+          AiRefineButton,
+          {
+            ai,
+            buttonRef: suggestButton,
+            disabled: !plan,
+            onRefine: () => void refine()
+          }
+        ),
+        ai && progress && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsxs("div", { className: "db-presentation-progress", role: "status", children: [
+            /* @__PURE__ */ jsx("span", { className: "db-ai-spinner", "aria-hidden": "true" }),
+            /* @__PURE__ */ jsxs("span", { children: [
+              "Suggesting slide ",
+              Math.min(progress.done + 1, progress.total),
+              " of ",
+              progress.total,
+              "\u2026"
+            ] }),
+            /* @__PURE__ */ jsx(
+              "progress",
+              {
+                max: progress.total,
+                value: progress.done,
+                "aria-label": "Slides suggested so far"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              ref: stopButton,
+              type: "button",
+              title: "Stop suggesting. Slides already suggested keep their new wording.",
+              onClick: () => controller.current?.abort(),
+              children: "Stop"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx("button", { type: "button", disabled: !plan || running || !!error, onClick: apply, children: "Use dynamic slides" })
       ] }),
       children: [
         /* @__PURE__ */ jsx("p", { className: "db-presentation-intro", children: "Design how your text is summarized for presentation in slides and video. Note that your document text and narration will remain unchanged." }),
@@ -353,7 +443,7 @@ function PresentationDialog({ ai, onClose }) {
               "select",
               {
                 value: hints.density,
-                disabled: !!progress,
+                disabled: running,
                 onChange: (event) => setHints({ ...hints, density: event.target.value }),
                 children: [
                   /* @__PURE__ */ jsx("option", { value: "concise", children: "Concise \u2014 shorter passages per slide" }),
@@ -369,7 +459,7 @@ function PresentationDialog({ ai, onClose }) {
               {
                 type: "checkbox",
                 checked: hints.inbetweens,
-                disabled: !!progress,
+                disabled: running,
                 onChange: (event) => setHints({ ...hints, inbetweens: event.target.checked })
               }
             ),
@@ -377,28 +467,53 @@ function PresentationDialog({ ai, onClose }) {
             "Add supporting visual slides where useful"
           ] })
         ] }),
-        /* @__PURE__ */ jsx("p", { role: "status", "aria-live": "polite", children: progress ?? (plan && projection?.doc ? `${plan.beats.length} slides \xB7 ${projection.doc.duration.toFixed(1)} seconds \xB7 ${doc?.presentationNarration ? "Follows narration" : "Estimated pacing \u2014 add narration to synchronize"}` : "Preparing dynamic slides\u2026") }),
+        /* @__PURE__ */ jsx("p", { role: "status", "aria-live": "polite", children: plan && projection?.doc ? `${plan.beats.length} slides \xB7 ${projection.doc.duration.toFixed(1)} seconds \xB7 ${doc?.presentationNarration ? "Follows narration" : "Estimated pacing \u2014 add narration to synchronize"}` : "Preparing dynamic slides\u2026" }),
         (error || generated?.error || projection?.error) && /* @__PURE__ */ jsx("p", { role: "alert", children: error ?? generated?.error ?? projection?.error }),
-        notice && /* @__PURE__ */ jsx("p", { role: "status", children: notice }),
+        notice && /* @__PURE__ */ jsxs("p", { role: "status", children: [
+          notice,
+          ai && !running && /* @__PURE__ */ jsxs(Fragment, { children: [
+            " ",
+            /* @__PURE__ */ jsx(AiSuggestionReport, { ai, hints })
+          ] })
+        ] }),
         plan && beat && section && /* @__PURE__ */ jsxs("div", { className: "db-presentation-workspace", children: [
-          /* @__PURE__ */ jsx("nav", { className: "db-presentation-beats", "aria-label": "Presentation slides", children: plan.beats.map((item, index) => /* @__PURE__ */ jsxs(
-            "button",
-            {
-              type: "button",
-              "aria-current": index === selectedIndex ? "step" : void 0,
-              title: item.headline,
-              onClick: () => setSelectedSourceStart(item.sourceStart),
-              children: [
-                /* @__PURE__ */ jsxs("span", { className: "db-presentation-beat-title", children: [
-                  index + 1,
-                  ". ",
-                  item.headline
-                ] }),
-                /* @__PURE__ */ jsx("small", { children: LABELS[item.layout] })
-              ]
-            },
-            item.id
-          )) }),
+          /* @__PURE__ */ jsx("nav", { className: "db-presentation-beats", "aria-label": "Presentation slides", children: plan.beats.map((item, index) => {
+            const owner = sectionAt(sections, item.sourceStart);
+            const layout = owner && aiEntries.get(owner.blockId)?.get(plan.sourceText.slice(item.sourceStart, item.sourceEnd));
+            const suggested = layout !== void 0 && (layout !== "image" || !!item.imageSrc);
+            const active = progress?.active;
+            const pending = !!active && active.sourceStart === item.sourceStart && active.sourceEnd === item.sourceEnd;
+            return /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                "aria-current": index === selectedIndex ? "step" : void 0,
+                title: item.headline,
+                onClick: () => {
+                  follow.current = false;
+                  setSelectedSourceStart(item.sourceStart);
+                },
+                children: [
+                  /* @__PURE__ */ jsxs("span", { className: "db-presentation-beat-title", children: [
+                    index + 1,
+                    ". ",
+                    item.headline
+                  ] }),
+                  /* @__PURE__ */ jsxs("span", { className: "db-presentation-beat-tags", children: [
+                    /* @__PURE__ */ jsx("small", { children: LABELS[item.layout] }),
+                    pending ? /* @__PURE__ */ jsxs("small", { className: "db-presentation-beat-ai", children: [
+                      /* @__PURE__ */ jsx("span", { className: "db-ai-spinner", "aria-hidden": "true" }),
+                      "Suggesting\u2026"
+                    ] }) : suggested ? /* @__PURE__ */ jsxs("small", { className: "db-presentation-beat-ai", children: [
+                      /* @__PURE__ */ jsx("span", { className: "db-visually-hidden", children: "Suggested by " }),
+                      "AI"
+                    ] }) : null
+                  ] })
+                ]
+              },
+              item.id
+            );
+          }) }),
           /* @__PURE__ */ jsxs("div", { className: "db-presentation-detail", children: [
             /* @__PURE__ */ jsx(
               "div",
@@ -425,7 +540,7 @@ function PresentationDialog({ ai, onClose }) {
                   "select",
                   {
                     value: hint?.layout ?? "",
-                    disabled: !!progress,
+                    disabled: running,
                     onChange: (event) => updateHint({
                       layout: event.target.value || void 0
                     }),
@@ -444,7 +559,7 @@ function PresentationDialog({ ai, onClose }) {
                   "select",
                   {
                     value: hint?.inbetweens === void 0 ? "" : String(hint.inbetweens),
-                    disabled: !!progress,
+                    disabled: running,
                     onChange: (event) => updateHint({
                       inbetweens: event.target.value === "" ? void 0 : event.target.value === "true"
                     }),
@@ -474,7 +589,7 @@ function PresentationDialog({ ai, onClose }) {
                   {
                     defaultValue: beat.headline,
                     maxLength: 110,
-                    disabled: !!progress,
+                    disabled: running,
                     onBlur: (event) => updateHint({
                       wording: {
                         ...hint?.wording?.source === section.text ? hint.wording : {},
@@ -493,7 +608,7 @@ function PresentationDialog({ ai, onClose }) {
                   {
                     rows: 3,
                     defaultValue: beat.points.join("\n"),
-                    disabled: !!progress,
+                    disabled: running,
                     onBlur: (event) => updateHint({
                       wording: {
                         ...hint?.wording?.source === section.text ? hint.wording : {},