@bendyline/squisq-editor-react 2.11.3 → 2.11.4

package/dist/{chunk-PMNNJYFD.js → chunk-34FRFDQ6.js}

@@ -1344,6 +1344,17 @@ import { useCallback as useCallback4, useEffect as useEffect5, useRef as useRef4
 import {
   alignNarration
 } from "@bendyline/squisq/narration";
+
+// src/recorder/recordingLimits.ts
+var DEFAULT_MAX_RECORDING_BYTES = 900 * 1024 * 1024;
+function resolveMaxRecordingBytes(value) {
+  return value !== void 0 && Number.isSafeInteger(value) && value > 0 ? value : DEFAULT_MAX_RECORDING_BYTES;
+}
+function formatRecordingBytes(bytes) {
+  return `${(bytes / (1024 * 1024)).toFixed(1)} MiB`;
+}
+
+// src/teleprompter/recording/useNarrationRecorder.ts
 var TRACE_INTERVAL_MS = 250;
 function mixdownToMono(buffer) {
   const channels = buffer.numberOfChannels;
@@ -1377,6 +1388,11 @@ function stopRecorder(recorder) {
 function useNarrationRecorder(options) {
   const [state, setState] = useState4("idle");
   const [error, setError] = useState4(null);
+  const [recordedBytes, setRecordedBytes] = useState4(0);
+  const [limitReached, setLimitReached] = useState4(false);
+  const maxRecordingBytes = resolveMaxRecordingBytes(options.maxRecordingBytes);
+  const stopRef = useRef4(async () => {
+  });
   const [withCamera, setWithCamera] = useState4(false);
   const [cameraStream, setCameraStream] = useState4(null);
   const [take, setTake] = useState4(null);
@@ -1423,8 +1439,11 @@ function useNarrationRecorder(options) {
     const superseded = () => generationRef.current !== generation;
     startingRef.current = true;
     setError(null);
+    setRecordedBytes(0);
+    setLimitReached(false);
     applyTake(null);
     setState("starting");
+    const recordingByteLimit = resolveMaxRecordingBytes(opts.maxRecordingBytes);
     let camera = null;
     let audioRecorder = null;
     let cameraRecorder = null;
@@ -1493,17 +1512,30 @@ function useNarrationRecorder(options) {
         traceTimer: null,
         startedAtMs: performance.now(),
         audioStartMs: null,
-        cameraStartMs: null
+        cameraStartMs: null,
+        recordedBytes: 0,
+        limitReached: false
+      };
+      const retainChunk = (chunks, chunk) => {
+        if (chunk.size === 0 || superseded()) return;
+        chunks.push(chunk);
+        capture.recordedBytes += chunk.size;
+        setRecordedBytes(capture.recordedBytes);
+        if (!capture.limitReached && capture.recordedBytes >= recordingByteLimit) {
+          capture.limitReached = true;
+          setLimitReached(true);
+          if (captureRef.current === capture) void stopRef.current();
+        }
       };
       audioRecorder.ondataavailable = (e) => {
-        if (e.data.size > 0) capture.audioChunks.push(e.data);
+        retainChunk(capture.audioChunks, e.data);
       };
       audioRecorder.onstart = () => {
         capture.audioStartMs = performance.now();
       };
       if (cameraRecorder) {
         cameraRecorder.ondataavailable = (e) => {
-          if (e.data.size > 0) capture.cameraChunks.push(e.data);
+          retainChunk(capture.cameraChunks, e.data);
         };
         cameraRecorder.onstart = () => {
           capture.cameraStartMs = performance.now();
@@ -1552,8 +1584,10 @@ function useNarrationRecorder(options) {
     optionsRef.current.onRecordingStop?.();
     processingRef.current = true;
     setState("processing");
-    await stopRecorder(capture.audioRecorder);
-    if (capture.cameraRecorder) await stopRecorder(capture.cameraRecorder);
+    await Promise.all([
+      stopRecorder(capture.audioRecorder),
+      ...capture.cameraRecorder ? [stopRecorder(capture.cameraRecorder)] : []
+    ]);
     for (const track of capture.cameraStream?.getTracks() ?? []) track.stop();
     setCameraStream(null);
     const audioMime = capture.audioRecorder.mimeType || capture.audioMime;
@@ -1613,16 +1647,21 @@ function useNarrationRecorder(options) {
     });
     setState("review");
   }, [applyTake, cancelPendingStart]);
+  stopRef.current = stop;
   const retake = useCallback4(() => {
     teardownCapture();
     applyTake(null);
     setError(null);
+    setRecordedBytes(0);
+    setLimitReached(false);
     setState("idle");
   }, [applyTake, teardownCapture]);
   const discard = useCallback4(() => {
     teardownCapture();
     applyTake(null);
     setError(null);
+    setRecordedBytes(0);
+    setLimitReached(false);
     setState("idle");
   }, [applyTake, teardownCapture]);
   const beginSave = useCallback4(() => setState("saving"), []);
@@ -1631,6 +1670,8 @@ function useNarrationRecorder(options) {
       if (ok) {
         applyTake(null);
         setError(null);
+        setRecordedBytes(0);
+        setLimitReached(false);
         setState("idle");
       } else {
         setError(saveError ?? new Error("Save failed"));
@@ -1658,6 +1699,9 @@ function useNarrationRecorder(options) {
   return {
     state,
     error,
+    recordedBytes,
+    maxRecordingBytes,
+    limitReached,
     withCamera,
     setWithCamera,
     cameraStream,
@@ -1818,6 +1862,7 @@ function useNarrationStage(opts) {
     getWordPos: () => controllerRef.current.wordPos,
     getMicDeviceId: () => controllerRef.current.prefs.micDeviceId,
     cameraConstraints: opts.cameraConstraints,
+    maxRecordingBytes: opts.maxRecordingBytes,
     audioRecorderOptions: opts.audioRecorderOptions,
     cameraRecorderOptions: opts.cameraRecorderOptions,
     onRecordingStart: () => controllerRef.current.play(),
@@ -2379,7 +2424,7 @@ function TeleprompterControls({
 }
 
 // src/teleprompter/NarrationStage.tsx
-import { useCallback as useCallback6, useEffect as useEffect8, useMemo as useMemo5, useRef as useRef8 } from "react";
+import { useCallback as useCallback6, useEffect as useEffect8, useMemo as useMemo5, useRef as useRef8, useState as useState6 } from "react";
 import { createPortal } from "react-dom";
 
 // src/teleprompter/TeleprompterSelfView.tsx
@@ -2517,6 +2562,47 @@ function drawPrompterFrame(canvas, frame) {
 
 // src/teleprompter/NarrationStage.tsx
 import { Fragment as Fragment3, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+function NarrationTakeBackups({ take, baseWpm }) {
+  const [downloads, setDownloads] = useState6(
+    []
+  );
+  useEffect8(() => {
+    const timing = buildNarrationSavePlan({
+      script: take.script,
+      alignment: take.alignment,
+      durationSec: take.durationSec,
+      audioExt: take.audioExt,
+      cameraExt: take.cameraExt,
+      cameraOffsetSec: take.cameraOffsetSec,
+      baseWpm
+    }).sidecarPayload;
+    const assets = [
+      {
+        label: "Download audio backup",
+        blob: take.audioBlob,
+        filename: "narration" + take.audioExt
+      },
+      ...take.cameraBlob ? [
+        {
+          label: "Download camera backup",
+          blob: take.cameraBlob,
+          filename: "narration-camera" + (take.cameraExt ?? ".webm")
+        }
+      ] : [],
+      {
+        label: "Download timing backup",
+        blob: new Blob([JSON.stringify(timing, null, 2)], { type: "application/json" }),
+        filename: "narration" + take.audioExt + ".timing.json"
+      }
+    ];
+    const next = assets.map(({ blob, ...asset }) => ({ ...asset, url: URL.createObjectURL(blob) }));
+    setDownloads(next);
+    return () => {
+      for (const download of next) URL.revokeObjectURL(download.url);
+    };
+  }, [take, baseWpm]);
+  return downloads.map(({ label, url, filename }) => /* @__PURE__ */ jsx4("a", { href: url, download: filename, children: label }, label));
+}
 function NarrationStage(props) {
   const {
     stage,
@@ -2632,32 +2718,45 @@ function NarrationStage(props) {
   const script = controller.script;
   const portalOpen = float.portalTarget !== null;
   const busyRecording = recorder.state === "recording" || recorder.state === "starting";
-  const recordSlot = recording && showRecordSlot ? /* @__PURE__ */ jsx4("span", { className: "squisq-teleprompter-group", "data-testid": "teleprompter-record", children: recorder.state === "idle" || recorder.state === "error" ? /* @__PURE__ */ jsxs3(Fragment3, { children: [
-    /* @__PURE__ */ jsx4(
-      "button",
-      {
-        type: "button",
-        onClick: () => void recorder.start(),
-        title: "Record narration while you read",
-        children: "\u23FA Record"
-      }
-    ),
-    showCameraToggleInRecordSlot ? /* @__PURE__ */ jsxs3("label", { title: "Also capture your camera as a separate video file", children: [
+  const recordSlot = recording && showRecordSlot ? /* @__PURE__ */ jsxs3("span", { className: "squisq-teleprompter-group", "data-testid": "teleprompter-record", children: [
+    /* @__PURE__ */ jsxs3("span", { children: [
+      "Auto-stops at ",
+      formatRecordingBytes(recorder.maxRecordingBytes),
+      "."
+    ] }),
+    recorder.state === "idle" || recorder.state === "error" ? /* @__PURE__ */ jsxs3(Fragment3, { children: [
       /* @__PURE__ */ jsx4(
-        "input",
+        "button",
         {
-          type: "checkbox",
-          checked: recorder.withCamera,
-          onChange: (e) => recorder.setWithCamera(e.target.checked)
+          type: "button",
+          onClick: () => void recorder.start(),
+          title: "Record narration while you read",
+          children: "\u23FA Record"
         }
       ),
-      "camera"
-    ] }) : null,
-    recorder.state === "error" ? /* @__PURE__ */ jsxs3("span", { title: recorder.error?.message, children: [
-      "\u26A0 ",
-      recorder.error?.message
-    ] }) : null
-  ] }) : busyRecording ? /* @__PURE__ */ jsx4("button", { type: "button", onClick: () => void recorder.stop(), children: "\u23F9 Stop" }) : recorder.state === "processing" ? /* @__PURE__ */ jsx4("span", { children: "Aligning take\u2026" }) : recorder.state === "saving" ? /* @__PURE__ */ jsx4("span", { children: "Saving\u2026" }) : null }) : null;
+      showCameraToggleInRecordSlot ? /* @__PURE__ */ jsxs3("label", { title: "Also capture your camera as a separate video file", children: [
+        /* @__PURE__ */ jsx4(
+          "input",
+          {
+            type: "checkbox",
+            checked: recorder.withCamera,
+            onChange: (e) => recorder.setWithCamera(e.target.checked)
+          }
+        ),
+        "camera"
+      ] }) : null,
+      recorder.state === "error" ? /* @__PURE__ */ jsxs3("span", { title: recorder.error?.message, children: [
+        "\u26A0 ",
+        recorder.error?.message
+      ] }) : null
+    ] }) : busyRecording ? /* @__PURE__ */ jsxs3(Fragment3, { children: [
+      /* @__PURE__ */ jsxs3("span", { children: [
+        formatRecordingBytes(recorder.recordedBytes),
+        " recorded"
+      ] }),
+      /* @__PURE__ */ jsx4("button", { type: "button", onClick: () => void recorder.stop(), children: "\u23F9 Stop" })
+    ] }) : recorder.state === "processing" ? /* @__PURE__ */ jsx4("span", { children: "Aligning take\u2026" }) : recorder.state === "saving" ? /* @__PURE__ */ jsx4("span", { children: "Saving\u2026" }) : null
+  ] }) : null;
   return /* @__PURE__ */ jsxs3("div", { ref: rootRef, className: "squisq-teleprompter-root", "data-testid": "teleprompter-view", children: [
     /* @__PURE__ */ jsxs3("div", { className: "squisq-teleprompter-stage", children: [
       portalOpen ? /* @__PURE__ */ jsxs3("div", { className: "squisq-teleprompter-float-note", children: [
@@ -2689,6 +2788,11 @@ function NarrationStage(props) {
       ) : null,
       showSelfView ? /* @__PURE__ */ jsx4(TeleprompterSelfView, { stream: recorder.cameraStream }) : null
     ] }),
+    recorder.limitReached ? /* @__PURE__ */ jsxs3("div", { className: "squisq-teleprompter-review", role: "status", children: [
+      "Recording stopped at the ",
+      formatRecordingBytes(recorder.maxRecordingBytes),
+      " size limit. The complete take is retained; save it or download a backup before leaving."
+    ] }) : null,
     recorder.state === "review" && recorder.take ? /* @__PURE__ */ jsxs3("div", { className: "squisq-teleprompter-review", "data-testid": "teleprompter-review", children: [
       /* @__PURE__ */ jsxs3("span", { children: [
         "Take: ",
@@ -2704,14 +2808,16 @@ function NarrationStage(props) {
           onTimeUpdate: stage.handleReviewTimeUpdate
         }
       ) : null,
+      /* @__PURE__ */ jsx4(NarrationTakeBackups, { take: recorder.take, baseWpm: controller.prefs.baseWpm }),
       showReviewActions ? /* @__PURE__ */ jsxs3(Fragment3, { children: [
         /* @__PURE__ */ jsx4("button", { type: "button", onClick: () => void stage.handleSave(), children: "\u2713 Save narration" }),
         /* @__PURE__ */ jsx4("button", { type: "button", onClick: stage.handleRetake, children: "\u21BA Retake" }),
         /* @__PURE__ */ jsx4("button", { type: "button", onClick: stage.handleDiscard, children: "\u2715 Discard" })
       ] }) : null,
-      recorder.error ? /* @__PURE__ */ jsxs3("span", { children: [
+      recorder.error ? /* @__PURE__ */ jsxs3("span", { role: "alert", children: [
         "\u26A0 ",
-        recorder.error.message
+        recorder.error.message,
+        " Your take is still available. Download a backup before leaving."
       ] }) : null
     ] }) : null,
     stage.saveNotice ? /* @__PURE__ */ jsxs3("div", { className: "squisq-teleprompter-review", "data-testid": "teleprompter-save-notice", children: [
@@ -2731,6 +2837,8 @@ function NarrationStage(props) {
 }
 
 export {
+  resolveMaxRecordingBytes,
+  formatRecordingBytes,
   resolveFormat,
   supportsMediaRecorder,
   supportsUserMedia,

package/dist/{chunk-7RRYZULY.js → chunk-BJ3TXAIQ.js}

@@ -7,9 +7,11 @@ import {
   buildTimingJson,
   encodeNarrationTimingJson,
   encodeTimingJson,
+  formatRecordingBytes,
   requestCameraStream,
   requestMicStream,
   resolveFormat,
+  resolveMaxRecordingBytes,
   supportsDisplayMedia,
   supportsMediaRecorder,
   supportsSystemAudioCapture,
@@ -17,7 +19,7 @@ import {
   timingPathFor,
   useNarrationStage,
   useStreamPreview
-} from "./chunk-PMNNJYFD.js";
+} from "./chunk-34FRFDQ6.js";
 
 // src/recorder/sources/screenStream.ts
 function mixAudioTracks(streams) {
@@ -245,6 +247,9 @@ function getCaptureKind(source) {
 }
 function useMediaRecorder(options = {}) {
   const [state, setState] = useState("idle");
+  const [recordedBytes, setRecordedBytes] = useState(0);
+  const [limitReached, setLimitReached] = useState(false);
+  const recordedBytesRef = useRef(0);
   const [stream, setStream] = useState(null);
   const [blob, setBlob] = useState(null);
   const [format, setFormat] = useState(null);
@@ -320,7 +325,23 @@ function useMediaRecorder(options = {}) {
     setCamera(null);
     setCameraOffsetSec(null);
   }, []);
+  const resetByteCount = useCallback(() => {
+    recordedBytesRef.current = 0;
+    setRecordedBytes(0);
+    setLimitReached(false);
+  }, []);
+  const recordChunk = useCallback((data, chunks) => {
+    if (data.size === 0) return;
+    chunks.push(data);
+    recordedBytesRef.current += data.size;
+    setRecordedBytes(recordedBytesRef.current);
+    if (stateRef.current === "recording" && recordedBytesRef.current >= resolveMaxRecordingBytes(optionsRef.current.maxRecordingBytes)) {
+      setLimitReached(true);
+      void stopFnRef.current?.();
+    }
+  }, []);
   const reset = useCallback(() => {
+    resetByteCount();
     setBlob(null);
     setDurationMs(0);
     setError(null);
@@ -336,8 +357,9 @@ function useMediaRecorder(options = {}) {
     } else {
       cancelFnRef.current?.();
     }
-  }, [clearTicker, transition]);
+  }, [clearTicker, resetByteCount, transition]);
   const cancel = useCallback(() => {
+    resetByteCount();
     lifecycleRef.current += 1;
     const rec = recorderRef.current;
     if (rec && rec.state !== "inactive") {
@@ -363,7 +385,7 @@ function useMediaRecorder(options = {}) {
     setDurationMs(0);
     setError(null);
     transition("idle");
-  }, [clearTicker, releaseStream, releaseSecondary, transition]);
+  }, [clearTicker, releaseStream, releaseSecondary, resetByteCount, transition]);
   const request = useCallback(async () => {
     if (requestPromiseRef.current) return requestPromiseRef.current;
     if (recorderRef.current?.stream.active) return;
@@ -471,7 +493,8 @@ function useMediaRecorder(options = {}) {
             stopPromiseRef.current = null;
           };
           primary.ondataavailable = (e) => {
-            if (e.data && e.data.size > 0) chunksRef.current.push(e.data);
+            if (lifecycle !== lifecycleRef.current || recorderRef.current !== primary) return;
+            if (e.data) recordChunk(e.data, chunksRef.current);
           };
           primary.onstart = () => {
             primaryStartMsRef.current = performance.now();
@@ -479,7 +502,9 @@ function useMediaRecorder(options = {}) {
           primary.onstop = () => laneStopped(primary);
           primary.onerror = (e) => laneError(primary, e);
           secondary.ondataavailable = (e) => {
-            if (e.data && e.data.size > 0) secondaryRef.current?.chunks.push(e.data);
+            const lane = secondaryRef.current;
+            if (lifecycle !== lifecycleRef.current || lane?.recorder !== secondary) return;
+            if (e.data) recordChunk(e.data, lane.chunks);
           };
           secondary.onstart = () => {
             secondaryStartMsRef.current = performance.now();
@@ -526,7 +551,8 @@ function useMediaRecorder(options = {}) {
         }
         const recorder = new MediaRecorder(nextStream, recorderOptions);
         recorder.ondataavailable = (e) => {
-          if (e.data && e.data.size > 0) chunksRef.current.push(e.data);
+          if (lifecycle !== lifecycleRef.current || recorderRef.current !== recorder) return;
+          if (e.data) recordChunk(e.data, chunksRef.current);
         };
         recorder.onstop = () => {
           if (recorderRef.current !== recorder || lifecycle !== lifecycleRef.current) return;
@@ -585,7 +611,7 @@ function useMediaRecorder(options = {}) {
     })();
     requestPromiseRef.current = requestPromise;
     return requestPromise;
-  }, [clearTicker, deactivateCapture, transition]);
+  }, [clearTicker, deactivateCapture, recordChunk, transition]);
   const start = useCallback(() => {
     const rec = recorderRef.current;
     if (!rec) {
@@ -595,6 +621,7 @@ function useMediaRecorder(options = {}) {
       return;
     }
     if (rec.state === "recording") return;
+    resetByteCount();
     chunksRef.current = [];
     if (secondaryRef.current) secondaryRef.current.chunks = [];
     setBlob(null);
@@ -634,7 +661,7 @@ function useMediaRecorder(options = {}) {
         setDurationMs(Date.now() - startTimestampRef.current);
       }
     }, 100);
-  }, [clearTicker, deactivateCapture, transition]);
+  }, [clearTicker, deactivateCapture, resetByteCount, transition]);
   const getElapsedMs = useCallback(() => {
     if (stateRef.current !== "recording") return null;
     const startedAt = startTimestampRef.current;
@@ -647,6 +674,10 @@ function useMediaRecorder(options = {}) {
       return Promise.resolve(blob);
     }
     transition("stopping");
+    clearTicker();
+    if (startTimestampRef.current !== null) {
+      setDurationMs(Math.max(0, Date.now() - startTimestampRef.current));
+    }
     const secondary = secondaryRef.current;
     const secondaryActive = secondary != null && secondary.recorder.state !== "inactive";
     pendingLanesRef.current = secondaryActive ? 2 : 1;
@@ -706,6 +737,9 @@ function useMediaRecorder(options = {}) {
     };
   }, [releaseStream, releaseSecondary, clearTicker]);
   return {
+    recordedBytes,
+    maxRecordingBytes: resolveMaxRecordingBytes(options.maxRecordingBytes),
+    limitReached,
     state,
     stream,
     blob,
@@ -2397,7 +2431,8 @@ function RecorderModal({
   onSave,
   narration = null,
   slides = null,
-  title = "Record media"
+  title = "Record media",
+  maxRecordingBytes
 }) {
   const initialToggles = toggleStateFromMode(initialMode);
   const [micOn, setMicOn] = useState3(initialToggles.micOn);
@@ -2454,6 +2489,7 @@ function RecorderModal({
   const encoding = deviceSettings.encoding;
   const recorder = useMediaRecorder({
     source,
+    maxRecordingBytes,
     includeMicrophone: cameraOn ? micOn : void 0,
     audioConstraints,
     videoConstraints: cameraConstraints,
@@ -2477,6 +2513,7 @@ function RecorderModal({
   basenameRef.current = basename;
   const stage = useNarrationStage({
     doc: narration?.doc ?? null,
+    maxRecordingBytes,
     recording: narration?.recording ?? null,
     getAudioBasename: () => basenameRef.current.trim() || void 0,
     micConstraints: audioConstraints,
@@ -2681,6 +2718,13 @@ function RecorderModal({
     }
   }, [captureKey, recorder]);
   const handleClose = useCallback4(() => {
+    if (!narrationOn) {
+      if (isSaving || recorder.state === "stopping" || recorder.state === "requesting") return;
+      if ((recorder.blob || recorder.camera?.blob || recorder.state === "recording") && !window.confirm(
+        "Discard this recording? Download or save it before closing to keep a copy."
+      ))
+        return;
+    }
     const s = stageRef.current;
     if (closeNeedsConfirm(narrationOn, s.recorder.state, s.recorder.take !== null)) {
       if (!window.confirm("Discard the current narration take?")) return;
@@ -2694,7 +2738,7 @@ function RecorderModal({
     }
     recorder.cancel();
     onClose();
-  }, [narrationOn, recorder, onClose]);
+  }, [narrationOn, recorder, onClose, isSaving]);
   useModalDialog({
     rootRef: overlayRef,
     dialogRef,
@@ -2822,7 +2866,8 @@ function RecorderModal({
         };
         dualSaveProgressRef.current = {};
         onSave?.(result);
-        handleClose();
+        recorder.cancel();
+        onClose();
       } catch (err) {
         setSaveError(err instanceof Error ? err.message : "Failed to save recording");
       } finally {
@@ -2876,7 +2921,8 @@ function RecorderModal({
         result.sourceText = slideTiming ? void 0 : sourceText;
       }
       onSave?.(result);
-      handleClose();
+      recorder.cancel();
+      onClose();
     } catch (err) {
       setSaveError(err instanceof Error ? err.message : "Failed to save recording");
     } finally {
@@ -2895,7 +2941,7 @@ function RecorderModal({
     mediaProvider,
     container,
     onSave,
-    handleClose,
+    onClose,
     writeSlideTimingSidecar
   ]);
   const handleDiscard = useCallback4(() => {
@@ -2927,8 +2973,47 @@ function RecorderModal({
     () => slides?.doc && showTimingCheckbox ? advanceCoverage(slides.doc, advanceLog) : null,
     [slides?.doc, showTimingCheckbox, advanceLog]
   );
+  const [timingDownloadUrl, setTimingDownloadUrl] = useState3(null);
+  const downloadFilename = useMemo(
+    () => !recorder.blob ? "" : buildFilename(
+      source === "mic" ? "audio" : "video",
+      recorder.extension ?? ".webm",
+      isDual && basename.trim() ? `${basename.trim()}-screen` : basename,
+      filenameSeed
+    ),
+    [source, recorder.extension, recorder.blob, isDual, basename, filenameSeed]
+  );
+  const timingDownloadFilename = `${downloadFilename}.timing.json`;
+  useEffect4(() => {
+    if (narrationOn || !canSave) {
+      setTimingDownloadUrl(null);
+      return;
+    }
+    const duration = recorder.durationMs / 1e3;
+    const encoded = slidesOn && slidesCaptureTimings && applySlideTimings && slides?.doc && advanceLog.length > 0 ? encodeNarrationTimingJson(buildAdvanceTimingJson(slides.doc, advanceLog, duration)) : source === "mic" ? encodeTimingJson(buildTimingJson(sourceText, duration)) : null;
+    if (encoded === null) {
+      setTimingDownloadUrl(null);
+      return;
+    }
+    const url = URL.createObjectURL(
+      new Blob([new Uint8Array(encoded)], { type: "application/json" })
+    );
+    setTimingDownloadUrl(url);
+    return () => URL.revokeObjectURL(url);
+  }, [
+    narrationOn,
+    canSave,
+    recorder.durationMs,
+    slidesOn,
+    slidesCaptureTimings,
+    applySlideTimings,
+    slides?.doc,
+    advanceLog,
+    source,
+    sourceText
+  ]);
   const slideCoverageWarning = slideCoverage ? unshownSlidesWarning(slideCoverage.total, slideCoverage.unshown) : null;
-  const togglesLocked = recorder.state === "recording" || recorder.state === "requesting" || canSave;
+  const togglesLocked = recorder.state === "recording" || recorder.state === "requesting" || recorder.state === "stopping" || canSave;
   const toggleLockReason = canSave ? "Save or discard this recording before changing sources" : void 0;
   const systemAudioHasCompanion = micOn || cameraOn || screenOn;
   const simpleToggleProps = (key) => {
@@ -3110,7 +3195,25 @@ function RecorderModal({
                   }
                 ),
                 !narrationOn && recorder.error && /* @__PURE__ */ jsx5("div", { style: errorStyle, children: recorder.error.message }),
-                !narrationOn && saveError && /* @__PURE__ */ jsx5("div", { style: errorStyle, children: saveError }),
+                !narrationOn && saveError && /* @__PURE__ */ jsxs4("div", { role: "alert", style: errorStyle, children: [
+                  saveError,
+                  /* @__PURE__ */ jsx5("p", { style: { marginBottom: 0 }, children: "Your recording is still available below. Download a copy before closing, or try saving again." })
+                ] }),
+                /* @__PURE__ */ jsxs4("p", { style: summaryStyle, children: [
+                  "Recording size:",
+                  " ",
+                  formatRecordingBytes(
+                    narrationOn ? stage.recorder.recordedBytes : recorder.recordedBytes
+                  ),
+                  ". Automatically stops at",
+                  " ",
+                  formatRecordingBytes(
+                    narrationOn ? stage.recorder.maxRecordingBytes : recorder.maxRecordingBytes
+                  ),
+                  " ",
+                  "total. Final encoding may add more data."
+                ] }),
+                !narrationOn && 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 }),
                 narrationOn && narrationCameraStream && /* @__PURE__ */ jsx5("div", { style: previewBoxStyle, children: /* @__PURE__ */ jsx5(
                   "video",
@@ -3226,6 +3329,43 @@ function RecorderModal({
                   ] }),
                   /* @__PURE__ */ jsx5("audio", { src: playbackUrl, controls: true, style: { width: "100%" } })
                 ] }),
+                !narrationOn && canSave && playbackUrl && /* @__PURE__ */ jsxs4(
+                  "div",
+                  {
+                    style: {
+                      ...buttonRowStyle,
+                      flexWrap: "wrap",
+                      justifyContent: "flex-start",
+                      marginBottom: 12
+                    },
+                    children: [
+                      /* @__PURE__ */ jsx5("a", { href: playbackUrl, download: downloadFilename, style: btnSecondary, children: isDual ? "Download screen recording" : "Download recording" }),
+                      isDual && cameraPlaybackUrl && /* @__PURE__ */ jsx5(
+                        "a",
+                        {
+                          href: cameraPlaybackUrl,
+                          download: buildFilename(
+                            "video",
+                            recorder.camera?.extension ?? ".webm",
+                            basename.trim() ? `${basename.trim()}-camera` : void 0,
+                            micOn ? "camera-audio" : "camera"
+                          ),
+                          style: btnSecondary,
+                          children: "Download camera recording"
+                        }
+                      ),
+                      timingDownloadUrl && /* @__PURE__ */ jsx5(
+                        "a",
+                        {
+                          href: timingDownloadUrl,
+                          download: timingDownloadFilename,
+                          style: btnSecondary,
+                          children: "Download recording timings"
+                        }
+                      )
+                    ]
+                  }
+                ),
                 !narrationOn && !slidesTimingCapture && source === "mic" && /* @__PURE__ */ jsxs4(Fragment3, { children: [
                   /* @__PURE__ */ jsx5("label", { style: labelStyle, htmlFor: "recorder-source-text", children: "Script (used to auto-match this narration to a block)" }),
                   /* @__PURE__ */ jsx5(

package/dist/{chunk-AAIZHMVD.js → chunk-CDISORBP.js}

@@ -6,7 +6,7 @@ import {
 import {
   markdownToTiptap,
   tiptapToMarkdown
-} from "./chunk-A2W4GYPG.js";
+} from "./chunk-ES6CPRCW.js";
 import {
   ImageEditor,
   ImageViewer,
@@ -19,13 +19,13 @@ import {
   documentTitleFromFileName,
   resolveBlockVisual,
   useModalDialog
-} from "./chunk-7RRYZULY.js";
+} from "./chunk-BJ3TXAIQ.js";
 import {
   Icon
 } from "./chunk-GS7QWYFT.js";
 import {
   TeleprompterView
-} from "./chunk-UNOKKSAC.js";
+} from "./chunk-ENDRPV6T.js";
 
 // src/fileKind.ts
 var DATA_MODE_EXTENSIONS = /* @__PURE__ */ new Set(["csv", "tsv", "parquet"]);

package/dist/{chunk-VH45VMPL.js → chunk-DN6XFOY2.js}

@@ -1,6 +1,6 @@
 import {
   RecorderModal
-} from "./chunk-7RRYZULY.js";
+} from "./chunk-BJ3TXAIQ.js";
 
 // src/recorder/RecorderButton.tsx
 import { useCallback, useState } from "react";

package/dist/{chunk-UNOKKSAC.js → chunk-ENDRPV6T.js}

@@ -1,7 +1,7 @@
 import {
   NarrationStage,
   useNarrationStage
-} from "./chunk-PMNNJYFD.js";
+} from "./chunk-34FRFDQ6.js";
 
 // src/teleprompter/TeleprompterView.tsx
 import { jsx } from "react/jsx-runtime";

package/dist/{chunk-A2W4GYPG.js → chunk-ES6CPRCW.js}

@@ -10,8 +10,8 @@ var RE_BOLD_UNDER = /(?<![\p{L}\p{N}_])__(?![\s_])(.+?)(?<![\s_])__(?![\p{L}\p{N
 var RE_ITALIC_STAR = /\*(?![\s*])(.+?)(?<![\s*])\*/g;
 var RE_ITALIC_UNDER = /(?<![\p{L}\p{N}_])_(?![\s_])(.+?)(?<![\s_])_(?![\p{L}\p{N}_])/gu;
 var RE_STRIKETHROUGH = /~~(.+?)~~/g;
-var RE_LEGACY_BOLD_STAR = /\*\*(?![\s*])(.+?)(?<![\s*])([ \t]+)\*\*(?=$|[^\s*])/g;
-var RE_LEGACY_ITALIC_STAR = /(?<!\*)\*(?![\s*])(.+?)(?<![\s*])([ \t]+)\*(?=$|[^\s*])/g;
+var RE_LEGACY_BOLD_STAR = /\*\*(?![\s*])((?:(?!\*\*).)+?)(?<![\s*])([ \t]+)\*\*(?=$|[^\s*])/g;
+var RE_LEGACY_ITALIC_STAR = /(?<!\*)\*(?![\s*])([^*]+?)(?<![\s*])([ \t]+)\*(?=$|[^\s*])/g;
 var ESCAPABLE_MD_CHARS = ["*", "_", "~", "\\"];
 var RE_MD_ESCAPE = /\\([*_~\\])/g;
 var RE_INLINE_CODE = /`(.+?)`/g;
@@ -445,7 +445,7 @@ function tiptapToMarkdown(html) {
         while ((cellExec = cellRegex.exec(rowHtml)) !== null) {
           const tag = cellExec[1];
           const attrs = cellExec[2];
-          const content = htmlToTableCell(cellExec[3].replace(/<\/?p>/g, ""));
+          const content = htmlToTableCell(cellExec[3]);
           const alignExec = attrs.match(/text-align:\s*(left|center|right)/);
           cells.push({
             content,
@@ -1075,7 +1075,8 @@ function htmlToInline(html) {
   return restoreLeadingSpaces(unescapeHtml(result));
 }
 function htmlToTableCell(html) {
-  return htmlToInline(html).replace(/ {2}\n/g, "<br>");
+  const withParagraphBreaks = html.replace(/<\/p>\s*<p(?:\s[^>]*)?>/gi, "<br>").replace(/^\s*<p(?:\s[^>]*)?>/i, "").replace(/<\/p>\s*$/i, "");
+  return htmlToInline(withParagraphBreaks).replace(/ {2}\n/g, "<br>");
 }
 function preserveLeadingSpaces(html) {
   return html.replace(/^ +/, (spaces) => "&nbsp;".repeat(spaces.length));

package/dist/{chunk-SK3MQSHQ.js → chunk-UYKOTWJM.js}

@@ -1,7 +1,7 @@
 import {
   markdownToTiptap,
   tiptapToMarkdown
-} from "./chunk-A2W4GYPG.js";
+} from "./chunk-ES6CPRCW.js";
 
 // src/jsonEditor/JsonEditorContext.tsx
 import { createContext, useContext, useEffect, useMemo } from "react";

package/dist/index.d.ts

@@ -26,9 +26,9 @@ import { FenceRendererMap } from '@bendyline/squisq/fence';
 import { TableViewState } from '@bendyline/squisq/table';
 import { EditJournal } from '@bendyline/squisq-grid-react';
 export { JsonEditor, JsonEditorProps } from './json-editor/index.js';
-export { C as CameraStreamOptions, D as DEFAULT_RECORDER_DEVICE_SETTINGS, M as MediaDeviceInventory, R as RecordedBookmark, a as RecordedMediaKind, b as RecorderAudioDeviceSettings, c as RecorderButton, d as RecorderButtonProps, e as RecorderCameraDeviceSettings, f as RecorderCameraSaveResult, g as RecorderColorScheme, h as RecorderConstraintMode, i as RecorderDeviceOption, j as RecorderDeviceQuickPicks, k as RecorderDeviceQuickPicksProps, l as RecorderDeviceSettings, m as RecorderDeviceSettingsPanel, n as RecorderDeviceSettingsPanelProps, o as RecorderEncodingSettings, p as RecorderModal, q as RecorderModalProps, r as RecorderNarrationOptions, s as RecorderPanel, t as RecorderPanelProps, u as RecorderSaveResult, v as RecorderScreenAudioSettings, w as RecorderScreenDeviceSettings, x as RecorderSlidesOptions, S as ScreenStreamHandle, y as ScreenStreamOptions, z as SlideTimingSaveResult, T as TimingJson, A as buildRecorderAudioConstraints, B as buildRecorderCameraConstraints, E as buildRecorderScreenAudioConstraints, F as buildRecorderScreenConstraints, G as buildTimingJson, H as encodeTimingJson, I as hasRecorderDeviceChoice, J as recordedMediaKind, K as recorderBitsPerSecond, L as recorderDeviceGroups, N as recorderDeviceOptions, O as requestCameraStream, P as requestMicStream, Q as requestScreenStream, U as timingPathFor, V as useMediaDevices, W as useStreamPreview } from './recorder-GrEh4xE8.js';
-import { R as RecorderState } from './useNarrationStage-B6r9Zlq-.js';
-export { C as CanvasSink, a as CaptureKind, D as DEFAULT_TELEPROMPTER_PREFS, F as FloatOpenOptions, b as FloatTier, c as FloatingWindowHandle, d as FloatingWindowManager, M as MicAnalysisHandle, e as MicAnalysisStatus, N as NarrationRecorderController, f as NarrationRecorderState, g as NarrationStageHandle, h as NarrationTake, P as PrompterTransport, i as RecorderAudioBitrateMode, j as RecorderCameraLane, k as RecorderExtendedMediaOptions, l as RecorderSource, m as ResolvedFormat, T as TeleprompterController, n as TeleprompterPrefs, o as TeleprompterRecordingDeps, U as UseMediaRecorderOptions, p as UseMediaRecorderResult, q as UseNarrationStageOptions, r as buildFilename, s as createFloatingWindowManager, t as detectFloatTiers, u as getCaptureKind, v as resolveFormat, w as supportsDisplayMedia, x as supportsMediaRecorder, y as supportsUserMedia, z as useFloatingWindow, A as useMediaRecorder, B as useMicAnalysis, E as useNarrationRecorder, G as useNarrationStage, H as useTeleprompter, I as vadConfigForSensitivity } from './useNarrationStage-B6r9Zlq-.js';
+export { C as CameraStreamOptions, D as DEFAULT_RECORDER_DEVICE_SETTINGS, M as MediaDeviceInventory, R as RecordedBookmark, a as RecordedMediaKind, b as RecorderAudioDeviceSettings, c as RecorderButton, d as RecorderButtonProps, e as RecorderCameraDeviceSettings, f as RecorderCameraSaveResult, g as RecorderColorScheme, h as RecorderConstraintMode, i as RecorderDeviceOption, j as RecorderDeviceQuickPicks, k as RecorderDeviceQuickPicksProps, l as RecorderDeviceSettings, m as RecorderDeviceSettingsPanel, n as RecorderDeviceSettingsPanelProps, o as RecorderEncodingSettings, p as RecorderModal, q as RecorderModalProps, r as RecorderNarrationOptions, s as RecorderPanel, t as RecorderPanelProps, u as RecorderSaveResult, v as RecorderScreenAudioSettings, w as RecorderScreenDeviceSettings, x as RecorderSlidesOptions, S as ScreenStreamHandle, y as ScreenStreamOptions, z as SlideTimingSaveResult, T as TimingJson, A as buildRecorderAudioConstraints, B as buildRecorderCameraConstraints, E as buildRecorderScreenAudioConstraints, F as buildRecorderScreenConstraints, G as buildTimingJson, H as encodeTimingJson, I as hasRecorderDeviceChoice, J as recordedMediaKind, K as recorderBitsPerSecond, L as recorderDeviceGroups, N as recorderDeviceOptions, O as requestCameraStream, P as requestMicStream, Q as requestScreenStream, U as timingPathFor, V as useMediaDevices, W as useStreamPreview } from './recorder-B6MtQH5u.js';
+import { R as RecorderState } from './useNarrationStage-D3Sgcf0L.js';
+export { C as CanvasSink, a as CaptureKind, D as DEFAULT_TELEPROMPTER_PREFS, F as FloatOpenOptions, b as FloatTier, c as FloatingWindowHandle, d as FloatingWindowManager, M as MicAnalysisHandle, e as MicAnalysisStatus, N as NarrationRecorderController, f as NarrationRecorderState, g as NarrationStageHandle, h as NarrationTake, P as PrompterTransport, i as RecorderAudioBitrateMode, j as RecorderCameraLane, k as RecorderExtendedMediaOptions, l as RecorderSource, m as ResolvedFormat, T as TeleprompterController, n as TeleprompterPrefs, o as TeleprompterRecordingDeps, U as UseMediaRecorderOptions, p as UseMediaRecorderResult, q as UseNarrationStageOptions, r as buildFilename, s as createFloatingWindowManager, t as detectFloatTiers, u as getCaptureKind, v as resolveFormat, w as supportsDisplayMedia, x as supportsMediaRecorder, y as supportsUserMedia, z as useFloatingWindow, A as useMediaRecorder, B as useMicAnalysis, E as useNarrationRecorder, G as useNarrationStage, H as useTeleprompter, I as vadConfigForSensitivity } from './useNarrationStage-D3Sgcf0L.js';
 export { EYE_LINE_FRACTION, NarrationSavePlan, NarrationSaveResult, NarrationStage, NarrationStageProps, PCM_WORKLET_NAME, PCM_WORKLET_SOURCE, TELEPROMPTER_CSS, TeleprompterControls, TeleprompterControlsProps, TeleprompterSurface, TeleprompterSurfaceProps, TeleprompterView, TeleprompterViewProps, TokenLineMap, buildNarrationSavePlan, cameraVideoLine, ensureTeleprompterStyles, executeNarrationSave, insertNarrationPreamble, measureTokenLines, narrationAnnotationLine, prompterVarsFromTheme, registerPcmWorklet, stepScroll, targetOffsetFor } from './teleprompter/index.js';
 export { H as HarperProofingConfig, P as ProofingCapability, a as ProofingDocumentRef, b as ProofingIgnoreStore, c as ProofingLanguage, d as ProofingLintOptions, e as ProofingProvider, f as ProofingProviderFactory } from './types-B_aHRuSc.js';
 export { createHarperProofingProvider } from './proofing/index.js';

package/dist/index.js

@@ -229,15 +229,15 @@ import {
   useTreeViewData,
   viewStateFromBinding,
   writeHeadingViewState
-} from "./chunk-AAIZHMVD.js";
+} from "./chunk-CDISORBP.js";
 import "./chunk-V4NBQF5C.js";
 import {
   JsonEditor
-} from "./chunk-SK3MQSHQ.js";
+} from "./chunk-UYKOTWJM.js";
 import {
   markdownToTiptap,
   tiptapToMarkdown
-} from "./chunk-A2W4GYPG.js";
+} from "./chunk-ES6CPRCW.js";
 import {
   ImageEditor,
   ImageViewer,
@@ -247,7 +247,7 @@ import {
 } from "./chunk-V44VP242.js";
 import {
   RecorderButton
-} from "./chunk-VH45VMPL.js";
+} from "./chunk-DN6XFOY2.js";
 import {
   DEFAULT_RECORDER_DEVICE_SETTINGS,
   RecorderDeviceQuickPicks,
@@ -278,11 +278,11 @@ import {
   unshownSlidesWarning,
   useMediaDevices,
   useMediaRecorder
-} from "./chunk-7RRYZULY.js";
+} from "./chunk-BJ3TXAIQ.js";
 import "./chunk-GS7QWYFT.js";
 import {
   TeleprompterView
-} from "./chunk-UNOKKSAC.js";
+} from "./chunk-ENDRPV6T.js";
 import {
   DEFAULT_TELEPROMPTER_PREFS,
   EYE_LINE_FRACTION,
@@ -322,7 +322,7 @@ import {
   useStreamPreview,
   useTeleprompter,
   vadConfigForSensitivity
-} from "./chunk-PMNNJYFD.js";
+} from "./chunk-34FRFDQ6.js";
 
 // src/FolderView.tsx
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/json-editor/index.js

@@ -1,7 +1,7 @@
 import {
   JsonEditor
-} from "../chunk-SK3MQSHQ.js";
-import "../chunk-A2W4GYPG.js";
+} from "../chunk-UYKOTWJM.js";
+import "../chunk-ES6CPRCW.js";
 export {
   JsonEditor
 };

package/dist/recorder/index.d.ts

@@ -1,5 +1,5 @@
-export { C as CameraStreamOptions, D as DEFAULT_RECORDER_DEVICE_SETTINGS, M as MediaDeviceInventory, R as RecordedBookmark, a as RecordedMediaKind, b as RecorderAudioDeviceSettings, c as RecorderButton, d as RecorderButtonProps, e as RecorderCameraDeviceSettings, f as RecorderCameraSaveResult, g as RecorderColorScheme, h as RecorderConstraintMode, i as RecorderDeviceOption, j as RecorderDeviceQuickPicks, k as RecorderDeviceQuickPicksProps, l as RecorderDeviceSettings, m as RecorderDeviceSettingsPanel, n as RecorderDeviceSettingsPanelProps, o as RecorderEncodingSettings, p as RecorderModal, q as RecorderModalProps, s as RecorderPanel, t as RecorderPanelProps, u as RecorderSaveResult, v as RecorderScreenAudioSettings, w as RecorderScreenDeviceSettings, S as ScreenStreamHandle, y as ScreenStreamOptions, T as TimingJson, A as buildRecorderAudioConstraints, B as buildRecorderCameraConstraints, E as buildRecorderScreenAudioConstraints, F as buildRecorderScreenConstraints, G as buildTimingJson, H as encodeTimingJson, I as hasRecorderDeviceChoice, J as recordedMediaKind, K as recorderBitsPerSecond, L as recorderDeviceGroups, N as recorderDeviceOptions, O as requestCameraStream, P as requestMicStream, Q as requestScreenStream, U as timingPathFor, V as useMediaDevices, W as useStreamPreview } from '../recorder-GrEh4xE8.js';
-export { a as CaptureKind, i as RecorderAudioBitrateMode, j as RecorderCameraLane, k as RecorderExtendedMediaOptions, l as RecorderSource, R as RecorderState, m as ResolvedFormat, U as UseMediaRecorderOptions, p as UseMediaRecorderResult, r as buildFilename, u as getCaptureKind, v as resolveFormat, w as supportsDisplayMedia, x as supportsMediaRecorder, y as supportsUserMedia, A as useMediaRecorder } from '../useNarrationStage-B6r9Zlq-.js';
+export { C as CameraStreamOptions, D as DEFAULT_RECORDER_DEVICE_SETTINGS, M as MediaDeviceInventory, R as RecordedBookmark, a as RecordedMediaKind, b as RecorderAudioDeviceSettings, c as RecorderButton, d as RecorderButtonProps, e as RecorderCameraDeviceSettings, f as RecorderCameraSaveResult, g as RecorderColorScheme, h as RecorderConstraintMode, i as RecorderDeviceOption, j as RecorderDeviceQuickPicks, k as RecorderDeviceQuickPicksProps, l as RecorderDeviceSettings, m as RecorderDeviceSettingsPanel, n as RecorderDeviceSettingsPanelProps, o as RecorderEncodingSettings, p as RecorderModal, q as RecorderModalProps, s as RecorderPanel, t as RecorderPanelProps, u as RecorderSaveResult, v as RecorderScreenAudioSettings, w as RecorderScreenDeviceSettings, S as ScreenStreamHandle, y as ScreenStreamOptions, T as TimingJson, A as buildRecorderAudioConstraints, B as buildRecorderCameraConstraints, E as buildRecorderScreenAudioConstraints, F as buildRecorderScreenConstraints, G as buildTimingJson, H as encodeTimingJson, I as hasRecorderDeviceChoice, J as recordedMediaKind, K as recorderBitsPerSecond, L as recorderDeviceGroups, N as recorderDeviceOptions, O as requestCameraStream, P as requestMicStream, Q as requestScreenStream, U as timingPathFor, V as useMediaDevices, W as useStreamPreview } from '../recorder-B6MtQH5u.js';
+export { a as CaptureKind, i as RecorderAudioBitrateMode, j as RecorderCameraLane, k as RecorderExtendedMediaOptions, l as RecorderSource, R as RecorderState, m as ResolvedFormat, U as UseMediaRecorderOptions, p as UseMediaRecorderResult, r as buildFilename, u as getCaptureKind, v as resolveFormat, w as supportsDisplayMedia, x as supportsMediaRecorder, y as supportsUserMedia, A as useMediaRecorder } from '../useNarrationStage-D3Sgcf0L.js';
 import 'react/jsx-runtime';
 import '@bendyline/squisq/schemas';
 import '@bendyline/squisq/storage';

package/dist/recorder/index.js

@@ -1,6 +1,6 @@
 import {
   RecorderButton
-} from "../chunk-VH45VMPL.js";
+} from "../chunk-DN6XFOY2.js";
 import {
   DEFAULT_RECORDER_DEVICE_SETTINGS,
   RecorderDeviceQuickPicks,
@@ -20,7 +20,7 @@ import {
   requestScreenStream,
   useMediaDevices,
   useMediaRecorder
-} from "../chunk-7RRYZULY.js";
+} from "../chunk-BJ3TXAIQ.js";
 import "../chunk-GS7QWYFT.js";
 import {
   buildFilename,
@@ -34,7 +34,7 @@ import {
   supportsUserMedia,
   timingPathFor,
   useStreamPreview
-} from "../chunk-PMNNJYFD.js";
+} from "../chunk-34FRFDQ6.js";
 export {
   DEFAULT_RECORDER_DEVICE_SETTINGS,
   RecorderButton,

package/dist/{recorder-GrEh4xE8.d.ts → recorder-B6MtQH5u.d.ts}

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Doc, Theme, ViewportConfig, MediaProvider } from '@bendyline/squisq/schemas';
 import { ContentContainer } from '@bendyline/squisq/storage';
-import { l as RecorderSource, o as TeleprompterRecordingDeps } from './useNarrationStage-B6r9Zlq-.js';
+import { l as RecorderSource, o as TeleprompterRecordingDeps } from './useNarrationStage-D3Sgcf0L.js';
 import { CSSProperties, RefObject } from 'react';
 
 type RecordedMediaKind = 'audio' | 'video';
@@ -61,6 +61,8 @@ interface RecorderSlidesOptions {
     captureTimings?: boolean;
 }
 interface RecorderModalProps {
+    /** Combined recording byte threshold. Defaults to 90 MiB; final chunks are retained. */
+    maxRecordingBytes?: number;
     /** Required — recordings are written here. */
     mediaProvider: MediaProvider;
     /**
@@ -155,7 +157,7 @@ interface SlideTimingSaveResult {
     /** Take length the block ranges were normalized against. */
     durationSec: number;
 }
-declare function RecorderModal({ mediaProvider, container, initialMode, colorScheme, onClose, onSave, narration, slides, title, }: RecorderModalProps): react_jsx_runtime.JSX.Element;
+declare function RecorderModal({ mediaProvider, container, initialMode, colorScheme, onClose, onSave, narration, slides, title, maxRecordingBytes, }: RecorderModalProps): react_jsx_runtime.JSX.Element;
 
 interface RecorderButtonProps {
     /** Where to write the resulting recording. Required. */

package/dist/shell/index.js

@@ -7,14 +7,14 @@ import {
   WysiwygEditor,
   useEditorContext,
   useEditorContextMenuItems
-} from "../chunk-AAIZHMVD.js";
+} from "../chunk-CDISORBP.js";
 import "../chunk-V4NBQF5C.js";
-import "../chunk-A2W4GYPG.js";
+import "../chunk-ES6CPRCW.js";
 import "../chunk-V44VP242.js";
-import "../chunk-7RRYZULY.js";
+import "../chunk-BJ3TXAIQ.js";
 import "../chunk-GS7QWYFT.js";
-import "../chunk-UNOKKSAC.js";
-import "../chunk-PMNNJYFD.js";
+import "../chunk-ENDRPV6T.js";
+import "../chunk-34FRFDQ6.js";
 export {
   EditorContextMenuProvider,
   EditorProvider,

package/dist/teleprompter/index.d.ts

@@ -1,8 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Doc, Theme, MediaProvider } from '@bendyline/squisq/schemas';
 import { ContentContainer } from '@bendyline/squisq/storage';
-import { o as TeleprompterRecordingDeps, g as NarrationStageHandle, T as TeleprompterController, c as FloatingWindowHandle } from '../useNarrationStage-B6r9Zlq-.js';
-export { C as CanvasSink, D as DEFAULT_TELEPROMPTER_PREFS, F as FloatOpenOptions, b as FloatTier, d as FloatingWindowManager, M as MicAnalysisHandle, e as MicAnalysisStatus, N as NarrationRecorderController, f as NarrationRecorderState, h as NarrationTake, P as PrompterTransport, J as TELEPROMPTER_PREF_LIMITS, n as TeleprompterPrefs, q as UseNarrationStageOptions, s as createFloatingWindowManager, t as detectFloatTiers, K as normalizeTeleprompterPrefs, z as useFloatingWindow, B as useMicAnalysis, E as useNarrationRecorder, G as useNarrationStage, H as useTeleprompter, I as vadConfigForSensitivity } from '../useNarrationStage-B6r9Zlq-.js';
+import { o as TeleprompterRecordingDeps, g as NarrationStageHandle, T as TeleprompterController, c as FloatingWindowHandle } from '../useNarrationStage-D3Sgcf0L.js';
+export { C as CanvasSink, D as DEFAULT_TELEPROMPTER_PREFS, F as FloatOpenOptions, b as FloatTier, d as FloatingWindowManager, M as MicAnalysisHandle, e as MicAnalysisStatus, N as NarrationRecorderController, f as NarrationRecorderState, h as NarrationTake, P as PrompterTransport, J as TELEPROMPTER_PREF_LIMITS, n as TeleprompterPrefs, q as UseNarrationStageOptions, s as createFloatingWindowManager, t as detectFloatTiers, K as normalizeTeleprompterPrefs, z as useFloatingWindow, B as useMicAnalysis, E as useNarrationRecorder, G as useNarrationStage, H as useTeleprompter, I as vadConfigForSensitivity } from '../useNarrationStage-D3Sgcf0L.js';
 import { NarrationTimingJsonV3, NarrationScript, NarrationAlignment } from '@bendyline/squisq/narration';
 import { ReactNode } from 'react';
 

package/dist/teleprompter/index.js

@@ -1,6 +1,6 @@
 import {
   TeleprompterView
-} from "../chunk-UNOKKSAC.js";
+} from "../chunk-ENDRPV6T.js";
 import {
   DEFAULT_TELEPROMPTER_PREFS,
   EYE_LINE_FRACTION,
@@ -31,7 +31,7 @@ import {
   useNarrationStage,
   useTeleprompter,
   vadConfigForSensitivity
-} from "../chunk-PMNNJYFD.js";
+} from "../chunk-34FRFDQ6.js";
 export {
   DEFAULT_TELEPROMPTER_PREFS,
   EYE_LINE_FRACTION,

package/dist/{useNarrationStage-B6r9Zlq-.d.ts → useNarrationStage-D3Sgcf0L.d.ts}

@@ -110,6 +110,12 @@ interface RecorderCameraLane {
     extension: string | null;
 }
 interface UseMediaRecorderOptions {
+    /**
+     * Combined byte threshold for automatically stopping every capture lane.
+     * Defaults to 90 MiB. Browser chunk delivery can be delayed, so the final
+     * blobs may exceed this threshold; all bytes are retained for recovery.
+     */
+    maxRecordingBytes?: number;
     /** Which capture pipeline to use (default: `'mic'`). */
     source?: RecorderSource;
     /**
@@ -171,6 +177,12 @@ interface UseMediaRecorderOptions {
     includeMicrophone?: boolean;
 }
 interface UseMediaRecorderResult {
+    /** Bytes received across all capture lanes, including the final flush. */
+    recordedBytes: number;
+    /** Effective byte threshold for this recorder. */
+    maxRecordingBytes: number;
+    /** Whether the recorder automatically stopped after reaching its byte threshold. */
+    limitReached: boolean;
     /** Current recorder state. */
     state: RecorderState;
     /** `MediaStream` acquired by `request()`; live during preview/recording and
@@ -492,6 +504,8 @@ interface UseNarrationRecorderOptions {
     audioRecorderOptions?: NarrationMediaRecorderOptions;
     /** MediaRecorder hints for the camera companion file. */
     cameraRecorderOptions?: NarrationMediaRecorderOptions;
+    /** Combined audio/camera soft stop threshold; defaults to 90 MiB. Final chunks are retained. */
+    maxRecordingBytes?: number;
     /** Fired when capture actually starts (View starts the prompter). */
     onRecordingStart?: () => void;
     onRecordingStop?: () => void;
@@ -499,6 +513,9 @@ interface UseNarrationRecorderOptions {
 interface NarrationRecorderController {
     state: NarrationRecorderState;
     error: Error | null;
+    recordedBytes: number;
+    maxRecordingBytes: number;
+    limitReached: boolean;
     withCamera: boolean;
     setWithCamera: (on: boolean) => void;
     /** Live camera stream for the self-view while recording. */
@@ -546,6 +563,8 @@ interface UseNarrationStageOptions {
     micConstraints?: MediaTrackConstraints;
     /** Constraints for the optional narration camera lane. */
     cameraConstraints?: MediaTrackConstraints;
+    /** Combined narration audio/camera soft stop threshold, in bytes. */
+    maxRecordingBytes?: number;
     /** MediaRecorder hints for the narration audio file. */
     audioRecorderOptions?: NarrationMediaRecorderOptions;
     /** MediaRecorder hints for the optional narration camera file. */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bendyline/squisq-editor-react",
-  "version": "2.11.3",
+  "version": "2.11.4",
   "description": "React editor shell with raw/WYSIWYG/preview modes for Squisq documents",
   "license": "MIT",
   "author": "Bendyline",
@@ -94,12 +94,12 @@
     }
   },
   "dependencies": {
-    "@bendyline/squisq": "2.11.3",
+    "@bendyline/squisq": "2.11.4",
     "@bendyline/squisq-calc": "2.11.0",
-    "@bendyline/squisq-formats": "2.6.3",
-    "@bendyline/squisq-grid-react": "2.11.4",
-    "@bendyline/squisq-react": "2.11.3",
-    "@bendyline/squisq-video-react": "2.4.7",
+    "@bendyline/squisq-formats": "2.6.4",
+    "@bendyline/squisq-grid-react": "2.11.5",
+    "@bendyline/squisq-react": "2.11.4",
+    "@bendyline/squisq-video-react": "2.4.8",
     "@fortawesome/fontawesome-free": "7.2.0",
     "@tiptap/core": "2.27.2",
     "@tiptap/extension-heading": "2.27.2",