@bendyline/squisq-editor-react 2.13.15 → 2.13.16

package/dist/{chunk-FOKUOC7E.js → chunk-ECS2FFXA.js}

@@ -1806,22 +1806,28 @@ function resolveBlockVisual(doc, block, theme, viewport, position = {
 function buildRecorderSlideDeck(doc, theme, viewport) {
   const flat = flattenRenderableBlocks(doc.blocks);
   if (flat.length === 0) return [];
-  let slidesById;
+  let preview;
   try {
-    const preview = buildPreviewDoc2(doc, { interleaveImages: false });
-    slidesById = new Map(preview.blocks.map((slide) => [slide.id, slide]));
+    preview = buildPreviewDoc2(
+      {
+        ...doc,
+        documentMedia: doc.documentMedia?.filter((clip) => clip.anchor !== "document")
+      },
+      { interleaveImages: false }
+    );
   } catch {
-    slidesById = /* @__PURE__ */ new Map();
+    preview = null;
   }
+  if (preview?.presentationApplied) {
+    return presentationDeck(doc, flat, preview.blocks, theme, viewport);
+  }
+  const slidesById = new Map(
+    (preview?.blocks ?? []).map((slide) => [slide.id, slide])
+  );
   return flat.map((block, index) => {
-    const heading = block.title?.trim() || `Slide ${index + 1}`;
-    let bodyText = "";
-    try {
-      bodyText = getBlockBodyText(block);
-    } catch {
-      bodyText = "";
-    }
+    const { heading, bodyText } = blockNotes(block, index);
     return {
+      id: block.id,
       blockId: block.id,
       heading,
       bodyText,
@@ -1837,6 +1843,35 @@ function buildRecorderSlideDeck(doc, theme, viewport) {
     };
   });
 }
+function presentationDeck(doc, flat, slides, theme, viewport) {
+  const blockIndex = new Map(flat.map((block, index) => [block.id, index]));
+  let previous = 0;
+  return slides.map((slide, index) => {
+    const found = slide.sourceBlockId ? blockIndex.get(slide.sourceBlockId) : void 0;
+    const sourceIndex = found ?? previous;
+    previous = sourceIndex;
+    const block = flat[sourceIndex];
+    const { heading, bodyText } = blockNotes(block, sourceIndex);
+    return {
+      id: slide.id,
+      blockId: block.id,
+      ...slide.sourceCharOffset !== void 0 ? { sourceCharOffset: slide.sourceCharOffset } : {},
+      heading,
+      bodyText,
+      visual: resolveSlideVisual(doc, block, slide, theme, viewport, index, slides.length)
+    };
+  });
+}
+function blockNotes(block, index) {
+  const heading = block.title?.trim() || `Slide ${index + 1}`;
+  let bodyText = "";
+  try {
+    bodyText = getBlockBodyText(block);
+  } catch {
+    bodyText = "";
+  }
+  return { heading, bodyText };
+}
 function resolveSlideVisual(doc, block, slide, theme, viewport, index, totalBlocks) {
   if (slide) {
     try {
@@ -1855,36 +1890,15 @@ function resolveSlideVisual(doc, block, slide, theme, viewport, index, totalBloc
 }
 
 // src/recorder/slides/RecorderSlidesPanel.tsx
-import { useBuildNavigation } from "@bendyline/squisq-react";
+import { BlockRenderer, MediaContext, useBuildNavigation } from "@bendyline/squisq-react";
 import { blockBuildSteps, buildSourceText } from "@bendyline/squisq/doc";
-import { useCallback as useCallback3, useEffect as useEffect4 } from "react";
-
-// src/TimelineBlockPreview.tsx
-import { memo } from "react";
-import { VIEWPORT_PRESETS } from "@bendyline/squisq/schemas";
-import { BlockRenderer, MediaContext } from "@bendyline/squisq-react";
-import { jsx as jsx3 } from "react/jsx-runtime";
-var BlockThumbnail = memo(function BlockThumbnail2({
-  visual,
-  buildPlayback = "all",
-  viewport = VIEWPORT_PRESETS.landscape,
-  basePath = "/",
-  mediaProvider = null
-}) {
-  return /* @__PURE__ */ jsx3(MediaContext.Provider, { value: mediaProvider, children: /* @__PURE__ */ jsx3(
-    BlockRenderer,
-    {
-      buildPlayback,
-      block: visual,
-      blockTime: 0,
-      basePath,
-      viewport
-    }
-  ) });
-});
-
-// src/recorder/slides/RecorderSlidesPanel.tsx
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+import {
+  useCallback as useCallback3,
+  useEffect as useEffect4,
+  useRef as useRef2,
+  useState as useState3
+} from "react";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 var rootStyle = {
   flex: "1 1 auto",
   minHeight: 0,
@@ -2000,7 +2014,7 @@ function RecorderSlidesPanel({
     [step]
   );
   if (count === 0 || !active) {
-    return /* @__PURE__ */ jsx4("div", { style: { ...rootStyle, alignItems: "center", justifyContent: "center", padding: 24 }, children: /* @__PURE__ */ jsx4("p", { style: hintStyle, children: "This document has no slides yet." }) });
+    return /* @__PURE__ */ jsx3("div", { style: { ...rootStyle, alignItems: "center", justifyContent: "center", padding: 24 }, children: /* @__PURE__ */ jsx3("p", { style: hintStyle, children: "This document has no slides yet." }) });
   }
   return /* @__PURE__ */ jsxs3(
     "div",
@@ -2019,7 +2033,7 @@ function RecorderSlidesPanel({
             count,
             builds.count > 0 ? ` \xB7 Build ${builds.cursor.revealed} of ${builds.count}` : ""
           ] }),
-          /* @__PURE__ */ jsx4("span", { style: dotsStyle, "aria-hidden": "true", children: slides.map((slide, i) => /* @__PURE__ */ jsx4(
+          /* @__PURE__ */ jsx3("span", { style: dotsStyle, "aria-hidden": "true", children: slides.map((slide, i) => /* @__PURE__ */ jsx3(
             "span",
             {
               style: {
@@ -2029,9 +2043,9 @@ function RecorderSlidesPanel({
                 background: i === index ? "var(--squisq-recorder-accent)" : shownBlockIds?.has(slide.blockId) ? "var(--squisq-recorder-text)" : "var(--squisq-recorder-border)"
               }
             },
-            slide.blockId
+            slide.id
           )) }),
-          /* @__PURE__ */ jsx4(
+          /* @__PURE__ */ jsx3(
             "button",
             {
               type: "button",
@@ -2039,10 +2053,10 @@ function RecorderSlidesPanel({
               onClick: () => step(-1),
               disabled: index <= 0 && builds.cursor.revealed === 0,
               "aria-label": "Previous slide",
-              children: /* @__PURE__ */ jsx4(Icon, { icon: "fa-solid fa-chevron-left" })
+              children: /* @__PURE__ */ jsx3(Icon, { icon: "fa-solid fa-chevron-left" })
             }
           ),
-          /* @__PURE__ */ jsx4(
+          /* @__PURE__ */ jsx3(
             "button",
             {
               type: "button",
@@ -2050,11 +2064,11 @@ function RecorderSlidesPanel({
               onClick: () => step(1),
               disabled: index >= count - 1 && builds.cursor.revealed >= builds.count && builds.cursor.progress >= 1,
               "aria-label": "Next slide",
-              children: /* @__PURE__ */ jsx4(Icon, { icon: "fa-solid fa-chevron-right" })
+              children: /* @__PURE__ */ jsx3(Icon, { icon: "fa-solid fa-chevron-right" })
             }
           )
         ] }),
-        /* @__PURE__ */ jsx4("div", { style: stageStyle, children: /* @__PURE__ */ jsx4(
+        /* @__PURE__ */ jsx3("div", { style: stageStyle, children: /* @__PURE__ */ jsx3(
           "div",
           {
             style: {
@@ -2064,15 +2078,17 @@ function RecorderSlidesPanel({
               overflow: "hidden",
               background: "#000"
             },
-            children: active.visual ? /* @__PURE__ */ jsx4(
-              BlockThumbnail,
+            children: active.visual ? /* @__PURE__ */ jsx3(
+              RecorderSlideStage,
               {
                 visual: active.visual,
                 buildPlayback: builds.cursor,
                 viewport,
                 basePath,
-                mediaProvider
-              }
+                mediaProvider,
+                recording
+              },
+              active.id
             ) : /* @__PURE__ */ jsxs3(
               "div",
               {
@@ -2097,14 +2113,58 @@ function RecorderSlidesPanel({
           }
         ) }),
         /* @__PURE__ */ jsxs3("div", { style: notesStyle, "data-testid": "recorder-slide-notes", children: [
-          /* @__PURE__ */ jsx4("p", { style: headingStyle, children: active.heading }),
-          active.bodyText ? /* @__PURE__ */ jsx4("div", { children: active.bodyText }) : /* @__PURE__ */ jsx4("p", { style: hintStyle, children: "No additional narrative for this slide." }),
-          /* @__PURE__ */ jsx4("p", { style: { ...hintStyle, marginTop: 8 }, children: recording ? "Recording \u2014 each slide is timed from when you first show it." : "Use the arrow keys or the buttons to move through the deck." })
+          /* @__PURE__ */ jsx3("p", { style: headingStyle, children: active.heading }),
+          active.bodyText ? /* @__PURE__ */ jsx3("div", { children: active.bodyText }) : /* @__PURE__ */ jsx3("p", { style: hintStyle, children: "No additional narrative for this slide." }),
+          /* @__PURE__ */ jsx3("p", { style: { ...hintStyle, marginTop: 8 }, children: recording ? "Recording \u2014 each slide is timed from when you first show it." : "Use the arrow keys or the buttons to move through the deck." })
         ] })
       ]
     }
   );
 }
+function RecorderSlideStage({
+  visual,
+  buildPlayback,
+  viewport,
+  basePath,
+  mediaProvider,
+  recording
+}) {
+  const blockTime = useSlideClock(readsBlockClock(visual), recording);
+  return /* @__PURE__ */ jsx3(MediaContext.Provider, { value: mediaProvider, children: /* @__PURE__ */ jsx3(
+    BlockRenderer,
+    {
+      block: visual,
+      buildPlayback,
+      blockTime,
+      isPlaying: true,
+      muted: true,
+      basePath,
+      viewport
+    }
+  ) });
+}
+function readsBlockClock(visual) {
+  return (visual.layers ?? []).some(
+    (layer) => layer.type === "video" || layer.animation?.type === "countUp"
+  );
+}
+function useSlideClock(running, recording) {
+  const [seconds, setSeconds] = useState3(0);
+  const originRef = useRef2(null);
+  useEffect4(() => {
+    if (recording) originRef.current = null;
+  }, [recording]);
+  useEffect4(() => {
+    if (!running) return;
+    let frame = requestAnimationFrame(function tick(now) {
+      const origin = originRef.current ?? (originRef.current = now);
+      setSeconds((now - origin) / 1e3);
+      frame = requestAnimationFrame(tick);
+    });
+    return () => cancelAnimationFrame(frame);
+  }, [running]);
+  return seconds;
+}
 
 // src/recorder/RecorderModal.tsx
 import { recordBuildAdvance } from "@bendyline/squisq/schemas";
@@ -2114,19 +2174,21 @@ import {
   useEffect as useEffect5,
   useId as useId2,
   useMemo,
-  useRef as useRef2,
-  useState as useState3
+  useRef as useRef3,
+  useState as useState4
 } from "react";
-import { VIEWPORT_PRESETS as VIEWPORT_PRESETS2 } from "@bendyline/squisq/schemas";
+import { VIEWPORT_PRESETS } from "@bendyline/squisq/schemas";
 import {
   EMPTY_ADVANCE_LOG,
+  EMPTY_SLIDE_MARK_LOG,
   advanceCoverage,
   buildAdvanceTimingJson,
+  recordSlideMark,
   recordSlideShown
 } from "@bendyline/squisq/narration";
 
 // src/recorder/RecorderScreenSettings.tsx
-import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 var field = { display: "flex", flexDirection: "column", gap: 4, minWidth: 0 };
 var input = {
   width: "100%",
@@ -2156,7 +2218,7 @@ function RecorderScreenSettings({
         fontSize: 13
       },
       children: [
-        /* @__PURE__ */ jsx5("legend", { children: "What to record" }),
+        /* @__PURE__ */ jsx4("legend", { children: "What to record" }),
         /* @__PURE__ */ jsxs4(
           "div",
           {
@@ -2175,10 +2237,10 @@ function RecorderScreenSettings({
                     value: value.displaySurface ?? "",
                     onChange: (event) => onChange({ ...value, displaySurface: event.target.value || void 0 }),
                     children: [
-                      /* @__PURE__ */ jsx5("option", { value: "", children: "Any available surface" }),
-                      /* @__PURE__ */ jsx5("option", { value: "monitor", children: "Entire screen" }),
-                      /* @__PURE__ */ jsx5("option", { value: "window", children: "Application window" }),
-                      /* @__PURE__ */ jsx5("option", { value: "browser", children: "Browser tab (when available)" })
+                      /* @__PURE__ */ jsx4("option", { value: "", children: "Any available surface" }),
+                      /* @__PURE__ */ jsx4("option", { value: "monitor", children: "Entire screen" }),
+                      /* @__PURE__ */ jsx4("option", { value: "window", children: "Application window" }),
+                      /* @__PURE__ */ jsx4("option", { value: "browser", children: "Browser tab (when available)" })
                     ]
                   }
                 )
@@ -2195,13 +2257,13 @@ function RecorderScreenSettings({
                       crop: event.target.value === "region" ? { x: 0, y: 0, width: 1280, height: 720 } : void 0
                     }),
                     children: [
-                      /* @__PURE__ */ jsx5("option", { value: "full", children: "Whole selected surface" }),
-                      /* @__PURE__ */ jsx5("option", { value: "region", children: "Region by coordinates" })
+                      /* @__PURE__ */ jsx4("option", { value: "full", children: "Whole selected surface" }),
+                      /* @__PURE__ */ jsx4("option", { value: "region", children: "Region by coordinates" })
                     ]
                   }
                 )
               ] }),
-              crop && /* @__PURE__ */ jsx5(
+              crop && /* @__PURE__ */ jsx4(
                 "div",
                 {
                   style: {
@@ -2217,7 +2279,7 @@ function RecorderScreenSettings({
                       width: "Region width (px)",
                       height: "Region height (px)"
                     }[key],
-                    /* @__PURE__ */ jsx5(
+                    /* @__PURE__ */ jsx4(
                       "input",
                       {
                         style: input,
@@ -2239,7 +2301,7 @@ function RecorderScreenSettings({
           "Choose a screen, window or tab in the picker, then check the preview. Available choices depend on your browser or app.",
           value.crop && " Coordinates start at the selected surface\u2019s top-left, in captured pixels. Only this region is saved; audio is unchanged."
         ] }),
-        /* @__PURE__ */ jsx5(
+        /* @__PURE__ */ jsx4(
           "button",
           {
             type: "button",
@@ -2279,7 +2341,7 @@ function narrationCaptureSummary(withCamera) {
 }
 
 // src/recorder/RecorderModal.tsx
-import { Fragment as Fragment3, jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 var overlayStyle = {
   position: "fixed",
   inset: 0,
@@ -2637,26 +2699,26 @@ function RecorderModal({
   maxRecordingBytes
 }) {
   const initialToggles = toggleStateFromMode(initialMode);
-  const [micOn, setMicOn] = useState3(initialToggles.micOn);
-  const [cameraOn, setCameraOn] = useState3(initialToggles.cameraOn);
-  const [screenOn, setScreenOn] = useState3(initialToggles.screenOn);
-  const [sourceText, setSourceText] = useState3("");
-  const [basename, setBasename] = useState3("");
-  const [includeSystemAudio, setIncludeSystemAudio] = useState3(false);
-  const [isSaving, setIsSaving] = useState3(false);
-  const [saveError, setSaveError] = useState3(null);
-  const [playbackUrl, setPlaybackUrl] = useState3(null);
-  const [cameraPlaybackUrl, setCameraPlaybackUrl] = useState3(null);
-  const [playbackPositionMs, setPlaybackPositionMs] = useState3(0);
-  const [panelMode, setPanelMode] = useState3("none");
+  const [micOn, setMicOn] = useState4(initialToggles.micOn);
+  const [cameraOn, setCameraOn] = useState4(initialToggles.cameraOn);
+  const [screenOn, setScreenOn] = useState4(initialToggles.screenOn);
+  const [sourceText, setSourceText] = useState4("");
+  const [basename, setBasename] = useState4("");
+  const [includeSystemAudio, setIncludeSystemAudio] = useState4(false);
+  const [isSaving, setIsSaving] = useState4(false);
+  const [saveError, setSaveError] = useState4(null);
+  const [playbackUrl, setPlaybackUrl] = useState4(null);
+  const [cameraPlaybackUrl, setCameraPlaybackUrl] = useState4(null);
+  const [playbackPositionMs, setPlaybackPositionMs] = useState4(0);
+  const [panelMode, setPanelMode] = useState4("none");
   const narrationOn = panelMode === "narration" || panelMode === "both";
   const slidesOn = panelMode === "slides" || panelMode === "both";
   const narrationRecording = narrationOn && Boolean(narration?.recording);
   const expanded = isExpandedPanel(panelMode);
-  const [narrationRequesting, setNarrationRequesting] = useState3(false);
-  const [countingIn, setCountingIn] = useState3(false);
-  const [narrationPreview, setNarrationPreview] = useState3(null);
-  const [deviceSettings, setDeviceSettings] = useState3(() => ({
+  const [narrationRequesting, setNarrationRequesting] = useState4(false);
+  const [countingIn, setCountingIn] = useState4(false);
+  const [narrationPreview, setNarrationPreview] = useState4(null);
+  const [deviceSettings, setDeviceSettings] = useState4(() => ({
     ...DEFAULT_RECORDER_DEVICE_SETTINGS,
     audio: { ...DEFAULT_RECORDER_DEVICE_SETTINGS.audio },
     camera: { ...DEFAULT_RECORDER_DEVICE_SETTINGS.camera },
@@ -2664,11 +2726,11 @@ function RecorderModal({
     screenAudio: { ...DEFAULT_RECORDER_DEVICE_SETTINGS.screenAudio },
     encoding: { ...DEFAULT_RECORDER_DEVICE_SETTINGS.encoding }
   }));
-  const overlayRef = useRef2(null);
-  const dialogRef = useRef2(null);
+  const overlayRef = useRef3(null);
+  const dialogRef = useRef3(null);
   const headingId = useId2();
-  const previewRef = useRef2(null);
-  const cameraPreviewRef = useRef2(null);
+  const previewRef = useRef3(null);
+  const cameraPreviewRef = useRef3(null);
   const derivedSource = deriveSource({ micOn, cameraOn, screenOn });
   const canCapture = derivedSource !== null;
   const source = derivedSource ?? "mic";
@@ -2714,7 +2776,7 @@ function RecorderModal({
   });
   const filenameSeed = recordingFilenameSeed(source, recorder.stream, micOn || includeSystemAudio);
   const narrationAvailable = Boolean(narration?.doc);
-  const basenameRef = useRef2(basename);
+  const basenameRef = useRef3(basename);
   basenameRef.current = basename;
   const stage = useNarrationStage({
     doc: narration?.doc ?? null,
@@ -2740,18 +2802,18 @@ function RecorderModal({
       videoKeyFrameIntervalCount: encoding.videoKeyFrameIntervalCount
     }
   });
-  const stageRef = useRef2(stage);
+  const stageRef = useRef3(stage);
   stageRef.current = stage;
-  const slidesViewport = slides?.viewport ?? VIEWPORT_PRESETS2.landscape;
+  const slidesViewport = slides?.viewport ?? VIEWPORT_PRESETS.landscape;
   const slideDeck = useMemo(
     () => slides?.doc ? buildRecorderSlideDeck(slides.doc, slides.theme, slidesViewport) : [],
     [slides?.doc, slides?.theme, slidesViewport]
   );
   const slidesAvailable = slideDeck.length > 0;
   const slidesCaptureTimings = Boolean(slides?.captureTimings && slides?.doc);
-  const [slideIndex, setSlideIndex] = useState3(0);
-  const [buildLog, setBuildLog] = useState3([]);
-  const buildLogRef = useRef2(buildLog);
+  const [slideIndex, setSlideIndex] = useState4(0);
+  const [buildLog, setBuildLog] = useState4([]);
+  const buildLogRef = useRef3(buildLog);
   buildLogRef.current = buildLog;
   const handleBuildShown = useCallback4(
     (blockId, step, sourceText2) => {
@@ -2763,13 +2825,16 @@ function RecorderModal({
     },
     [recorder]
   );
-  const [advanceLog, setAdvanceLog] = useState3(EMPTY_ADVANCE_LOG);
-  const [applySlideTimings, setApplySlideTimings] = useState3(true);
-  const slideIndexRef = useRef2(slideIndex);
+  const [advanceLog, setAdvanceLog] = useState4(EMPTY_ADVANCE_LOG);
+  const [slideMarks, setSlideMarks] = useState4(EMPTY_SLIDE_MARK_LOG);
+  const slideMarksRef = useRef3(slideMarks);
+  slideMarksRef.current = slideMarks;
+  const [applySlideTimings, setApplySlideTimings] = useState4(true);
+  const slideIndexRef = useRef3(slideIndex);
   slideIndexRef.current = slideIndex;
-  const advanceLogRef = useRef2(advanceLog);
+  const advanceLogRef = useRef3(advanceLog);
   advanceLogRef.current = advanceLog;
-  const slideDeckRef = useRef2(slideDeck);
+  const slideDeckRef = useRef3(slideDeck);
   slideDeckRef.current = slideDeck;
   const shownBlockIds = useMemo(
     () => new Set(advanceLog.map((advance) => advance.blockId)),
@@ -2780,15 +2845,18 @@ function RecorderModal({
       const clamped = clampSlideIndex(next, slideDeckRef.current.length);
       setSlideIndex(clamped);
       const elapsedMs = recorder.getElapsedMs();
-      const blockId = slideDeckRef.current[clamped]?.blockId;
-      if (elapsedMs === null || !blockId) return;
-      setAdvanceLog((log) => recordSlideShown(log, blockId, elapsedMs));
+      const slide = slideDeckRef.current[clamped];
+      if (elapsedMs === null || !slide?.blockId) return;
+      setAdvanceLog((log) => recordSlideShown(log, slide.blockId, elapsedMs));
+      const offset = slide.sourceCharOffset;
+      if (offset !== void 0) setSlideMarks((log) => recordSlideMark(log, offset, elapsedMs));
     },
     [recorder]
   );
-  const slideDeckKey = slideDeck.map((slide) => slide.blockId).join("\0");
+  const slideDeckKey = [...new Set(slideDeck.map((slide) => slide.blockId))].join("\0");
   useEffect5(() => {
     setAdvanceLog(EMPTY_ADVANCE_LOG);
+    setSlideMarks(EMPTY_SLIDE_MARK_LOG);
     setBuildLog([]);
     setSlideIndex(0);
   }, [slidesOn, slideDeckKey]);
@@ -2819,7 +2887,7 @@ function RecorderModal({
       }
     );
   }, [narrationMicDeviceId, narrationRecording]);
-  const prevNarrationOnRef = useRef2(narrationOn);
+  const prevNarrationOnRef = useRef3(narrationOn);
   useEffect5(() => {
     const was = prevNarrationOnRef.current;
     prevNarrationOnRef.current = narrationOn;
@@ -2847,7 +2915,7 @@ function RecorderModal({
   }, [narrationOn]);
   const narrationMicLive = stage.controller.mic.status === "live";
   const narrationPreviewWanted = narrationRecording && stage.recorder.withCamera && narrationMicLive && stage.recorder.cameraStream === null && stage.recorder.state !== "processing" && stage.recorder.state !== "review" && stage.recorder.state !== "saving";
-  const narrationPreviewRef = useRef2(null);
+  const narrationPreviewRef = useRef3(null);
   useEffect5(() => {
     const existing = narrationPreviewRef.current;
     if (existing) {
@@ -2935,13 +3003,14 @@ function RecorderModal({
     };
   }, [cameraBlob]);
   const captureKey = `${source}:${cameraOn ? micOn : ""}:${includeSystemAudio}:${JSON.stringify(deviceSettings)}`;
-  const previousKeyRef = useRef2(captureKey);
-  const dualSaveProgressRef = useRef2({});
+  const previousKeyRef = useRef3(captureKey);
+  const dualSaveProgressRef = useRef3({});
   useEffect5(() => {
     if (previousKeyRef.current !== captureKey) {
       previousKeyRef.current = captureKey;
       dualSaveProgressRef.current = {};
       setAdvanceLog(EMPTY_ADVANCE_LOG);
+      setSlideMarks(EMPTY_SLIDE_MARK_LOG);
       recorder.cancel();
     }
   }, [captureKey, recorder]);
@@ -2995,8 +3064,13 @@ function RecorderModal({
     }
     setBuildLog([]);
     recorder.start();
-    const blockId = slideDeckRef.current[slideIndexRef.current]?.blockId;
-    setAdvanceLog(blockId ? recordSlideShown(EMPTY_ADVANCE_LOG, blockId, 0) : EMPTY_ADVANCE_LOG);
+    const slide = slideDeckRef.current[slideIndexRef.current];
+    setAdvanceLog(
+      slide?.blockId ? recordSlideShown(EMPTY_ADVANCE_LOG, slide.blockId, 0) : EMPTY_ADVANCE_LOG
+    );
+    setSlideMarks(
+      slide?.sourceCharOffset !== void 0 ? recordSlideMark(EMPTY_SLIDE_MARK_LOG, slide.sourceCharOffset, 0) : EMPTY_SLIDE_MARK_LOG
+    );
   }, [narrationOn, recorder]);
   const handleStop = useCallback4(async () => {
     setSaveError(null);
@@ -3013,7 +3087,7 @@ function RecorderModal({
       const log = advanceLogRef.current;
       if (log.length === 0) return null;
       const timing = {
-        ...buildAdvanceTimingJson(doc, log, durationSec),
+        ...buildAdvanceTimingJson(doc, log, durationSec, { slides: slideMarksRef.current }),
         builds: buildLogRef.current
       };
       const encoded = encodeNarrationTimingJson(timing);
@@ -3189,6 +3263,7 @@ function RecorderModal({
   const handleDiscard = useCallback4(() => {
     dualSaveProgressRef.current = {};
     setAdvanceLog(EMPTY_ADVANCE_LOG);
+    setSlideMarks(EMPTY_SLIDE_MARK_LOG);
     recorder.reset();
     if (narrationOn) stageRef.current.controller.restart();
   }, [narrationOn, recorder]);
@@ -3216,7 +3291,7 @@ function RecorderModal({
     () => slides?.doc && showTimingCheckbox ? advanceCoverage(slides.doc, advanceLog) : null,
     [slides?.doc, showTimingCheckbox, advanceLog]
   );
-  const [timingDownloadUrl, setTimingDownloadUrl] = useState3(null);
+  const [timingDownloadUrl, setTimingDownloadUrl] = useState4(null);
   const downloadFilename = useMemo(
     () => !recorder.blob ? "" : buildFilename(
       source === "mic" ? "audio" : "video",
@@ -3234,7 +3309,7 @@ function RecorderModal({
     }
     const duration = recorder.durationMs / 1e3;
     const encoded = slidesOn && slidesCaptureTimings && applySlideTimings && slides?.doc && advanceLog.length > 0 ? encodeNarrationTimingJson({
-      ...buildAdvanceTimingJson(slides.doc, advanceLog, duration),
+      ...buildAdvanceTimingJson(slides.doc, advanceLog, duration, { slides: slideMarks }),
       builds: buildLog
     }) : source === "mic" ? encodeTimingJson(buildTimingJson(sourceText, duration)) : null;
     if (encoded === null) {
@@ -3256,6 +3331,7 @@ function RecorderModal({
     applySlideTimings,
     slides?.doc,
     advanceLog,
+    slideMarks,
     source,
     sourceText
   ]);
@@ -3329,7 +3405,7 @@ function RecorderModal({
         };
     }
   };
-  return /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx5(
     "div",
     {
       ref: overlayRef,
@@ -3355,7 +3431,7 @@ function RecorderModal({
           "aria-labelledby": headingId,
           tabIndex: -1,
           children: [
-            /* @__PURE__ */ jsx6("h2", { id: headingId, style: titleStyle, children: title }),
+            /* @__PURE__ */ jsx5("h2", { id: headingId, style: titleStyle, children: title }),
             /* @__PURE__ */ jsxs5("div", { style: expanded ? bodyRowStyle : void 0, children: [
               /* @__PURE__ */ jsxs5(
                 "div",
@@ -3365,12 +3441,12 @@ function RecorderModal({
                     ...panelMode === "both" ? { flex: "0 0 min(280px, 24vw)" } : {}
                   } : void 0,
                   children: [
-                    /* @__PURE__ */ jsx6("div", { style: toggleRowStyle, role: "group", "aria-label": "Capture sources", children: TOGGLE_GROUPS.map((group, groupIndex) => /* @__PURE__ */ jsxs5(Fragment2, { children: [
-                      groupIndex > 0 && /* @__PURE__ */ jsx6("div", { "aria-hidden": "true", style: groupDividerStyle }),
-                      /* @__PURE__ */ jsx6("div", { style: toggleGroupStyle, children: group.toggles.map((t) => {
+                    /* @__PURE__ */ jsx5("div", { style: toggleRowStyle, role: "group", "aria-label": "Capture sources", children: TOGGLE_GROUPS.map((group, groupIndex) => /* @__PURE__ */ jsxs5(Fragment2, { children: [
+                      groupIndex > 0 && /* @__PURE__ */ jsx5("div", { "aria-hidden": "true", style: groupDividerStyle }),
+                      /* @__PURE__ */ jsx5("div", { style: toggleGroupStyle, children: group.toggles.map((t) => {
                         if (t.key === "systemAudio" && !canIncludeSystemAudio) return null;
                         const props = narrationRecording ? narrationToggleFor(t.key) : simpleToggleProps(t.key);
-                        return /* @__PURE__ */ jsx6(
+                        return /* @__PURE__ */ jsx5(
                           "button",
                           {
                             type: "button",
@@ -3385,10 +3461,10 @@ function RecorderModal({
                         );
                       }) })
                     ] }, group.label)) }),
-                    /* @__PURE__ */ jsx6("p", { style: summaryStyle, children: narrationRecording ? narrationCaptureSummary(stage.recorder.withCamera) : captureSummary(micOn, cameraOn, screenOn, includeSystemAudio) }),
+                    /* @__PURE__ */ jsx5("p", { style: summaryStyle, children: narrationRecording ? narrationCaptureSummary(stage.recorder.withCamera) : captureSummary(micOn, cameraOn, screenOn, includeSystemAudio) }),
                     /* @__PURE__ */ jsxs5("div", { style: modeTogglesStyle, children: [
                       narrationAvailable && /* @__PURE__ */ jsxs5("label", { style: checkboxRowStyle, children: [
-                        /* @__PURE__ */ jsx6(
+                        /* @__PURE__ */ jsx5(
                           "input",
                           {
                             type: "checkbox",
@@ -3402,7 +3478,7 @@ function RecorderModal({
                         "Show narration mode"
                       ] }),
                       slidesAvailable && /* @__PURE__ */ jsxs5("label", { style: checkboxRowStyle, children: [
-                        /* @__PURE__ */ jsx6(
+                        /* @__PURE__ */ jsx5(
                           "input",
                           {
                             type: "checkbox",
@@ -3416,7 +3492,7 @@ function RecorderModal({
                         "Show slides mode"
                       ] })
                     ] }),
-                    /* @__PURE__ */ jsx6(
+                    /* @__PURE__ */ jsx5(
                       RecorderDeviceQuickPicks,
                       {
                         devices: mediaDevices,
@@ -3435,7 +3511,7 @@ function RecorderModal({
                         disabled: deviceSettingsLocked
                       }
                     ),
-                    !narrationRecording && screenOn && /* @__PURE__ */ jsx6(
+                    !narrationRecording && screenOn && /* @__PURE__ */ jsx5(
                       RecorderScreenSettings,
                       {
                         value: deviceSettings.screen,
@@ -3448,7 +3524,7 @@ function RecorderModal({
                         }
                       }
                     ),
-                    /* @__PURE__ */ jsx6(
+                    /* @__PURE__ */ jsx5(
                       RecorderDeviceSettingsPanel,
                       {
                         value: deviceSettings,
@@ -3463,10 +3539,10 @@ function RecorderModal({
                         cameraStream: activeCameraStream
                       }
                     ),
-                    !narrationRecording && recorder.error && /* @__PURE__ */ jsx6("div", { style: errorStyle, children: recorder.error.message }),
+                    !narrationRecording && recorder.error && /* @__PURE__ */ jsx5("div", { style: errorStyle, children: recorder.error.message }),
                     !narrationRecording && saveError && /* @__PURE__ */ jsxs5("div", { role: "alert", style: errorStyle, children: [
                       saveError,
-                      /* @__PURE__ */ jsx6("p", { style: { marginBottom: 0 }, children: "Your recording is still available below. Download a copy before closing, or try saving again." })
+                      /* @__PURE__ */ jsx5("p", { style: { marginBottom: 0 }, children: "Your recording is still available below. Download a copy before closing, or try saving again." })
                     ] }),
                     /* @__PURE__ */ jsxs5("p", { style: summaryStyle, children: [
                       "Recording size:",
@@ -3482,9 +3558,9 @@ function RecorderModal({
                       " ",
                       "total. Final encoding may add more data."
                     ] }),
-                    !narrationRecording && recorder.limitReached && /* @__PURE__ */ jsx6("p", { role: "status", style: recordingStatusStyle, children: "Recording stopped at the size limit. Your complete recording is retained; download a copy or save it to the document." }),
-                    narrationOn && (stage.recorder.error ?? stage.controller.mic.error) && /* @__PURE__ */ jsx6("div", { style: errorStyle, children: (stage.recorder.error ?? stage.controller.mic.error)?.message }),
-                    narrationRecording && narrationCameraStream && /* @__PURE__ */ jsx6("div", { style: previewBoxStyle, children: /* @__PURE__ */ jsx6(
+                    !narrationRecording && recorder.limitReached && /* @__PURE__ */ jsx5("p", { role: "status", style: recordingStatusStyle, children: "Recording stopped at the size limit. Your complete recording is retained; download a copy or save it to the document." }),
+                    narrationOn && (stage.recorder.error ?? stage.controller.mic.error) && /* @__PURE__ */ jsx5("div", { style: errorStyle, children: (stage.recorder.error ?? stage.controller.mic.error)?.message }),
+                    narrationRecording && narrationCameraStream && /* @__PURE__ */ jsx5("div", { style: previewBoxStyle, children: /* @__PURE__ */ jsx5(
                       "video",
                       {
                         ref: previewRef,
@@ -3494,10 +3570,10 @@ function RecorderModal({
                         style: { width: "100%", height: "100%", objectFit: "contain" }
                       }
                     ) }),
-                    narrationRecording && !narrationCameraStream && narrationTakeDone && /* @__PURE__ */ jsx6("div", { style: audioMeterStyle, children: stage.recorder.take ? `\u2713 Recorded ${formatDurationMs(stage.recorder.take.durationSec * 1e3)}` : "\u25CF Processing take\u2026" }),
-                    narrationRecording && !narrationCameraStream && !narrationTakeDone && stage.recorder.withCamera && /* @__PURE__ */ jsx6("div", { style: previewBoxStyle, children: /* @__PURE__ */ jsx6("span", { children: narrationPreviewWanted ? "Camera starting\u2026" : "Click Start preview to turn on your camera." }) }),
+                    narrationRecording && !narrationCameraStream && narrationTakeDone && /* @__PURE__ */ jsx5("div", { style: audioMeterStyle, children: stage.recorder.take ? `\u2713 Recorded ${formatDurationMs(stage.recorder.take.durationSec * 1e3)}` : "\u25CF Processing take\u2026" }),
+                    narrationRecording && !narrationCameraStream && !narrationTakeDone && stage.recorder.withCamera && /* @__PURE__ */ jsx5("div", { style: previewBoxStyle, children: /* @__PURE__ */ jsx5("span", { children: narrationPreviewWanted ? "Camera starting\u2026" : "Click Start preview to turn on your camera." }) }),
                     narrationRecording && !narrationCameraStream && !narrationTakeDone && !stage.recorder.withCamera && /* @__PURE__ */ jsxs5("div", { style: { ...audioMeterStyle, position: "relative", overflow: "hidden" }, children: [
-                      /* @__PURE__ */ jsx6(
+                      /* @__PURE__ */ jsx5(
                         "div",
                         {
                           "aria-hidden": "true",
@@ -3507,11 +3583,11 @@ function RecorderModal({
                           }
                         }
                       ),
-                      /* @__PURE__ */ jsx6("span", { style: { position: "relative" }, children: stage.recorder.state === "recording" ? "\u25CF Recording narration" : narrationMicLive ? stage.controller.voiceActive ? "Voice detected" : "Microphone ready" : "Click Start preview to check your mic." })
+                      /* @__PURE__ */ jsx5("span", { style: { position: "relative" }, children: stage.recorder.state === "recording" ? "\u25CF Recording narration" : narrationMicLive ? stage.controller.voiceActive ? "Voice detected" : "Microphone ready" : "Click Start preview to check your mic." })
                     ] }),
-                    !narrationRecording && !showPreview && /* @__PURE__ */ jsx6("div", { style: previewBoxStyle, children: /* @__PURE__ */ jsx6("span", { children: screenOn ? "Choose a screen or window to preview what will be recorded." : "Click Start preview to prepare a recording." }) }),
+                    !narrationRecording && !showPreview && /* @__PURE__ */ jsx5("div", { style: previewBoxStyle, children: /* @__PURE__ */ jsx5("span", { children: screenOn ? "Choose a screen or window to preview what will be recorded." : "Click Start preview to prepare a recording." }) }),
                     !narrationRecording && showPreview && recorder.state !== "stopped" && !isAudioOnly && /* @__PURE__ */ jsxs5("div", { style: isDual ? { ...previewBoxStyle, position: "relative" } : previewBoxStyle, children: [
-                      /* @__PURE__ */ jsx6(
+                      /* @__PURE__ */ jsx5(
                         "video",
                         {
                           ref: previewRef,
@@ -3521,7 +3597,7 @@ function RecorderModal({
                           style: { width: "100%", height: "100%", objectFit: "contain" }
                         }
                       ),
-                      isDual && /* @__PURE__ */ jsx6(
+                      isDual && /* @__PURE__ */ jsx5(
                         "video",
                         {
                           ref: cameraPreviewRef,
@@ -3542,12 +3618,12 @@ function RecorderModal({
                         }
                       )
                     ] }),
-                    !narrationRecording && showPreview && recorder.state !== "stopped" && isAudioOnly && /* @__PURE__ */ jsx6("div", { style: audioMeterStyle, children: recorder.state === "recording" ? /* @__PURE__ */ jsxs5(Fragment3, { children: [
+                    !narrationRecording && showPreview && recorder.state !== "stopped" && isAudioOnly && /* @__PURE__ */ jsx5("div", { style: audioMeterStyle, children: recorder.state === "recording" ? /* @__PURE__ */ jsxs5(Fragment3, { children: [
                       "\u25CF Recording ",
                       formatDurationMs(recorder.durationMs)
-                    ] }) : /* @__PURE__ */ jsx6(Fragment3, { children: "Microphone ready" }) }),
+                    ] }) : /* @__PURE__ */ jsx5(Fragment3, { children: "Microphone ready" }) }),
                     !narrationRecording && recorder.state === "stopped" && playbackUrl && !isAudioOnly && /* @__PURE__ */ jsxs5("div", { style: { ...previewBoxStyle, position: "relative" }, children: [
-                      /* @__PURE__ */ jsx6(
+                      /* @__PURE__ */ jsx5(
                         "video",
                         {
                           src: playbackUrl,
@@ -3574,8 +3650,8 @@ function RecorderModal({
                       )
                     ] }),
                     !narrationRecording && recorder.state === "stopped" && isDual && cameraPlaybackUrl && /* @__PURE__ */ jsxs5("div", { style: { marginBottom: 12 }, children: [
-                      /* @__PURE__ */ jsx6("div", { style: summaryStyle, children: "Camera (picture-in-picture)" }),
-                      /* @__PURE__ */ jsx6(
+                      /* @__PURE__ */ jsx5("div", { style: summaryStyle, children: "Camera (picture-in-picture)" }),
+                      /* @__PURE__ */ jsx5(
                         "video",
                         {
                           src: cameraPlaybackUrl,
@@ -3596,7 +3672,7 @@ function RecorderModal({
                         "\u2713 Recorded ",
                         formatDurationMs(recorder.durationMs)
                       ] }),
-                      /* @__PURE__ */ jsx6("audio", { src: playbackUrl, controls: true, style: { width: "100%" } })
+                      /* @__PURE__ */ jsx5("audio", { src: playbackUrl, controls: true, style: { width: "100%" } })
                     ] }),
                     !narrationRecording && canSave && playbackUrl && /* @__PURE__ */ jsxs5(
                       "div",
@@ -3608,8 +3684,8 @@ function RecorderModal({
                           marginBottom: 12
                         },
                         children: [
-                          /* @__PURE__ */ jsx6("a", { href: playbackUrl, download: downloadFilename, style: btnSecondary, children: isDual ? "Download screen recording" : "Download recording" }),
-                          isDual && cameraPlaybackUrl && /* @__PURE__ */ jsx6(
+                          /* @__PURE__ */ jsx5("a", { href: playbackUrl, download: downloadFilename, style: btnSecondary, children: isDual ? "Download screen recording" : "Download recording" }),
+                          isDual && cameraPlaybackUrl && /* @__PURE__ */ jsx5(
                             "a",
                             {
                               href: cameraPlaybackUrl,
@@ -3623,7 +3699,7 @@ function RecorderModal({
                               children: "Download camera recording"
                             }
                           ),
-                          timingDownloadUrl && /* @__PURE__ */ jsx6(
+                          timingDownloadUrl && /* @__PURE__ */ jsx5(
                             "a",
                             {
                               href: timingDownloadUrl,
@@ -3636,8 +3712,8 @@ function RecorderModal({
                       }
                     ),
                     !narrationOn && !slidesTimingCapture && source === "mic" && /* @__PURE__ */ jsxs5(Fragment3, { children: [
-                      /* @__PURE__ */ jsx6("label", { style: labelStyle, htmlFor: "recorder-source-text", children: "Script (used to auto-match this narration to a block)" }),
-                      /* @__PURE__ */ jsx6(
+                      /* @__PURE__ */ jsx5("label", { style: labelStyle, htmlFor: "recorder-source-text", children: "Script (used to auto-match this narration to a block)" }),
+                      /* @__PURE__ */ jsx5(
                         "textarea",
                         {
                           id: "recorder-source-text",
@@ -3649,8 +3725,8 @@ function RecorderModal({
                         }
                       )
                     ] }),
-                    /* @__PURE__ */ jsx6("label", { style: labelStyle, htmlFor: "recorder-basename", children: "Filename (optional)" }),
-                    /* @__PURE__ */ jsx6(
+                    /* @__PURE__ */ jsx5("label", { style: labelStyle, htmlFor: "recorder-basename", children: "Filename (optional)" }),
+                    /* @__PURE__ */ jsx5(
                       "input",
                       {
                         id: "recorder-basename",
@@ -3668,7 +3744,7 @@ function RecorderModal({
                     ] }),
                     showTimingCheckbox && /* @__PURE__ */ jsxs5(Fragment3, { children: [
                       /* @__PURE__ */ jsxs5("label", { style: checkboxRowStyle, children: [
-                        /* @__PURE__ */ jsx6(
+                        /* @__PURE__ */ jsx5(
                           "input",
                           {
                             type: "checkbox",
@@ -3680,10 +3756,10 @@ function RecorderModal({
                         ),
                         SLIDE_TIMING_CHECKBOX_LABEL
                       ] }),
-                      applySlideTimings && slideCoverageWarning && /* @__PURE__ */ jsx6("p", { style: summaryStyle, children: slideCoverageWarning })
+                      applySlideTimings && slideCoverageWarning && /* @__PURE__ */ jsx5("p", { style: summaryStyle, children: slideCoverageWarning })
                     ] }),
                     /* @__PURE__ */ jsxs5("div", { style: buttonRowStyle, children: [
-                      /* @__PURE__ */ jsx6(
+                      /* @__PURE__ */ jsx5(
                         "button",
                         {
                           type: "button",
@@ -3694,7 +3770,7 @@ function RecorderModal({
                         }
                       ),
                       narrationRecording && /* @__PURE__ */ jsxs5(Fragment3, { children: [
-                        narrationRecorderIdle && !narrationMicLive && /* @__PURE__ */ jsx6(
+                        narrationRecorderIdle && !narrationMicLive && /* @__PURE__ */ jsx5(
                           "button",
                           {
                             type: "button",
@@ -3705,13 +3781,13 @@ function RecorderModal({
                           }
                         ),
                         narrationRecorderIdle && narrationMicLive && /* @__PURE__ */ jsxs5("button", { type: "button", style: btnRecord, onClick: handleNarrationRecord, children: [
-                          /* @__PURE__ */ jsx6(
+                          /* @__PURE__ */ jsx5(
                             "span",
                             {
                               className: "squisq-recorder-record-dot",
                               style: recordDotFrameStyle,
                               "aria-hidden": "true",
-                              children: /* @__PURE__ */ jsx6(
+                              children: /* @__PURE__ */ jsx5(
                                 "span",
                                 {
                                   className: "squisq-recorder-record-dot-center",
@@ -3722,7 +3798,7 @@ function RecorderModal({
                           ),
                           "Record"
                         ] }),
-                        (stage.recorder.state === "recording" || stage.recorder.state === "starting") && /* @__PURE__ */ jsx6(
+                        (stage.recorder.state === "recording" || stage.recorder.state === "starting") && /* @__PURE__ */ jsx5(
                           "button",
                           {
                             type: "button",
@@ -3731,11 +3807,11 @@ function RecorderModal({
                             children: "Stop"
                           }
                         ),
-                        stage.recorder.state === "processing" && /* @__PURE__ */ jsx6("span", { style: recordingStatusStyle, children: "Aligning take\u2026" }),
-                        stage.recorder.state === "saving" && /* @__PURE__ */ jsx6("span", { style: recordingStatusStyle, children: "Saving\u2026" }),
+                        stage.recorder.state === "processing" && /* @__PURE__ */ jsx5("span", { style: recordingStatusStyle, children: "Aligning take\u2026" }),
+                        stage.recorder.state === "saving" && /* @__PURE__ */ jsx5("span", { style: recordingStatusStyle, children: "Saving\u2026" }),
                         stage.recorder.state === "review" && stage.recorder.take && /* @__PURE__ */ jsxs5(Fragment3, { children: [
-                          /* @__PURE__ */ jsx6("button", { type: "button", style: btnSecondary, onClick: stage.handleRetake, children: "Discard & re-record" }),
-                          /* @__PURE__ */ jsx6(
+                          /* @__PURE__ */ jsx5("button", { type: "button", style: btnSecondary, onClick: stage.handleRetake, children: "Discard & re-record" }),
+                          /* @__PURE__ */ jsx5(
                             "button",
                             {
                               type: "button",
@@ -3747,7 +3823,7 @@ function RecorderModal({
                         ] })
                       ] }),
                       !narrationRecording && /* @__PURE__ */ jsxs5(Fragment3, { children: [
-                        (recorder.state === "idle" || recorder.state === "error" || recorder.state === "requesting") && /* @__PURE__ */ jsx6(
+                        (recorder.state === "idle" || recorder.state === "error" || recorder.state === "requesting") && /* @__PURE__ */ jsx5(
                           "button",
                           {
                             type: "button",
@@ -3765,13 +3841,13 @@ function RecorderModal({
                             onClick: () => void handleStart(),
                             disabled: isBusy,
                             children: [
-                              /* @__PURE__ */ jsx6(
+                              /* @__PURE__ */ jsx5(
                                 "span",
                                 {
                                   className: "squisq-recorder-record-dot",
                                   style: recordDotFrameStyle,
                                   "aria-hidden": "true",
-                                  children: /* @__PURE__ */ jsx6(
+                                  children: /* @__PURE__ */ jsx5(
                                     "span",
                                     {
                                       className: "squisq-recorder-record-dot-center",
@@ -3784,9 +3860,9 @@ function RecorderModal({
                             ]
                           }
                         ),
-                        canStop && /* @__PURE__ */ jsx6("button", { type: "button", style: btnDanger, onClick: handleStop, disabled: isBusy, children: "Stop" }),
+                        canStop && /* @__PURE__ */ jsx5("button", { type: "button", style: btnDanger, onClick: handleStop, disabled: isBusy, children: "Stop" }),
                         canSave && /* @__PURE__ */ jsxs5(Fragment3, { children: [
-                          /* @__PURE__ */ jsx6(
+                          /* @__PURE__ */ jsx5(
                             "button",
                             {
                               type: "button",
@@ -3796,7 +3872,7 @@ function RecorderModal({
                               children: "Discard & re-record"
                             }
                           ),
-                          /* @__PURE__ */ jsx6(
+                          /* @__PURE__ */ jsx5(
                             "button",
                             {
                               type: "button",
@@ -3812,7 +3888,7 @@ function RecorderModal({
                   ]
                 }
               ),
-              narrationOn && narration && /* @__PURE__ */ jsx6("div", { style: { ...rightColStyle, flex: "1 1 0" }, children: /* @__PURE__ */ jsx6(
+              narrationOn && narration && /* @__PURE__ */ jsx5("div", { style: { ...rightColStyle, flex: "1 1 0" }, children: /* @__PURE__ */ jsx5(
                 NarrationStage,
                 {
                   stage,
@@ -3824,7 +3900,7 @@ function RecorderModal({
                   showReviewActions: false
                 }
               ) }),
-              slidesOn && /* @__PURE__ */ jsx6("div", { style: { ...rightColStyle, flex: "1 1 0" }, children: /* @__PURE__ */ jsx6(
+              slidesOn && /* @__PURE__ */ jsx5("div", { style: { ...rightColStyle, flex: "1 1 0" }, children: /* @__PURE__ */ jsx5(
                 RecorderSlidesPanel,
                 {
                   slides: slideDeck,
@@ -3847,9 +3923,9 @@ function RecorderModal({
 }
 
 // src/recorder/RecorderPanel.tsx
-import { useCallback as useCallback5, useState as useState4 } from "react";
+import { useCallback as useCallback5, useState as useState5 } from "react";
 import { createPortal } from "react-dom";
-import { Fragment as Fragment4, jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 function RecorderPanel({
   mediaProvider,
   container = null,
@@ -3865,7 +3941,7 @@ function RecorderPanel({
   onOpenChange,
   showTrigger = true
 }) {
-  const [uncontrolledOpen, setUncontrolledOpen] = useState4(false);
+  const [uncontrolledOpen, setUncontrolledOpen] = useState5(false);
   const open = controlledOpen ?? uncontrolledOpen;
   const setOpen = useCallback5(
     (nextOpen) => {
@@ -3876,7 +3952,7 @@ function RecorderPanel({
   );
   const handleClose = useCallback5(() => setOpen(false), [setOpen]);
   return /* @__PURE__ */ jsxs6(Fragment4, { children: [
-    showTrigger && /* @__PURE__ */ jsx7(
+    showTrigger && /* @__PURE__ */ jsx6(
       "button",
       {
         type: "button",
@@ -3885,11 +3961,11 @@ function RecorderPanel({
         "aria-label": tooltip,
         "aria-expanded": open,
         onClick: () => setOpen(!open),
-        children: /* @__PURE__ */ jsx7(Icon, { icon: "fa-solid fa-microphone" })
+        children: /* @__PURE__ */ jsx6(Icon, { icon: "fa-solid fa-microphone" })
       }
     ),
     open && typeof document !== "undefined" && createPortal(
-      /* @__PURE__ */ jsx7(
+      /* @__PURE__ */ jsx6(
         RecorderModal,
         {
           mediaProvider,
@@ -3932,7 +4008,6 @@ export {
   documentTitleFromFileName,
   resolveBlockVisual,
   buildRecorderSlideDeck,
-  BlockThumbnail,
   RecorderSlidesPanel,
   useModalDialog,
   RecorderModal,