npm - @bendyline/squisq-editor-react - Versions diffs - 2.13.15 → 2.13.16 - Mend

@bendyline/squisq-editor-react 2.13.15 → 2.13.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (9) hide show

package/dist/{chunk-CLULTEKS.js → chunk-54MN2HG7.js} +384 -361
package/dist/{chunk-FOKUOC7E.js → chunk-ECS2FFXA.js} +252 -177
package/dist/{chunk-F4D3VBAS.js → chunk-RHH2PVCL.js} +1 -1
package/dist/index.d.ts +18 -1
package/dist/index.js +3 -3
package/dist/{narrationTimingsFromAudio-ICMDSWPI.js → narrationTimingsFromAudio-O67QKISS.js} +5 -1
package/dist/recorder/index.js +2 -2
package/dist/shell/index.js +2 -2
package/package.json +6 -6

package/dist/{chunk-CLULTEKS.js → chunk-54MN2HG7.js} RENAMED Viewed

@@ -46,13 +46,12 @@ import {
   ShapePalette
 } from "./chunk-HLU6ZBS7.js";
 import {
-  BlockThumbnail,
   RecorderPanel,
   buildPreviewDoc,
   documentTitleFromFileName,
   resolveBlockVisual,
   useModalDialog
-} from "./chunk-FOKUOC7E.js";
+} from "./chunk-ECS2FFXA.js";
 import {
   Icon
 } from "./chunk-UYB5CPRE.js";
@@ -35732,7 +35731,7 @@ function startNarrationTimingJob(input) {
     else jobs.delete(input.src);
     notify();
   };
-  import("./narrationTimingsFromAudio-ICMDSWPI.js").then(
+  import("./narrationTimingsFromAudio-O67QKISS.js").then(
     ({ updateNarrationTimingsFromAudio }) => updateNarrationTimingsFromAudio({
       ...input,
       signal: job.abort.signal,
@@ -39338,13 +39337,37 @@ import { useCallback as useCallback49, useEffect as useEffect64, useMemo as useM
 import {
   resolveMediaSchedule as resolveMediaSchedule2,
   getDocPlaybackDuration,
-  VIEWPORT_PRESETS as VIEWPORT_PRESETS6
+  VIEWPORT_PRESETS as VIEWPORT_PRESETS7
 } from "@bendyline/squisq/schemas";
 import { flattenBlocks as flattenBlocks5, DEFAULT_THEME as DEFAULT_THEME6, getPinnedBlockMeta } from "@bendyline/squisq/doc";
 import { createMediaTimeMap } from "@bendyline/squisq/mediaEdit";
 import { usesDynamicPresentation } from "@bendyline/squisq/transform";
 import { useProcessedAudio as useProcessedAudio2 } from "@bendyline/squisq-video-react/media-edit";
-import { MediaClipLayer, MediaContext as MediaContext5 } from "@bendyline/squisq-react";
+import { MediaClipLayer, MediaContext as MediaContext6 } from "@bendyline/squisq-react";
+// src/TimelineBlockPreview.tsx
+import { memo as memo2 } from "react";
+import { VIEWPORT_PRESETS as VIEWPORT_PRESETS6 } from "@bendyline/squisq/schemas";
+import { BlockRenderer as BlockRenderer4, MediaContext as MediaContext5 } from "@bendyline/squisq-react";
+import { jsx as jsx78 } from "react/jsx-runtime";
+var BlockThumbnail = memo2(function BlockThumbnail2({
+  visual,
+  buildPlayback = "all",
+  viewport = VIEWPORT_PRESETS6.landscape,
+  basePath = "/",
+  mediaProvider = null
+}) {
+  return /* @__PURE__ */ jsx78(MediaContext5.Provider, { value: mediaProvider, children: /* @__PURE__ */ jsx78(
+    BlockRenderer4,
+    {
+      buildPlayback,
+      block: visual,
+      blockTime: 0,
+      basePath,
+      viewport
+    }
+  ) });
+});
 // src/useTimelineClock.ts
 import { useCallback as useCallback48, useEffect as useEffect62, useRef as useRef56, useState as useState73 } from "react";
@@ -39479,7 +39502,7 @@ function timelineBars(clips) {
 // src/TimelineItemMenu.tsx
 import { useEffect as useEffect63, useLayoutEffect as useLayoutEffect14, useRef as useRef57, useState as useState74 } from "react";
 import { createPortal as createPortal16 } from "react-dom";
-import { Fragment as Fragment27, jsx as jsx78, jsxs as jsxs63 } from "react/jsx-runtime";
+import { Fragment as Fragment27, jsx as jsx79, jsxs as jsxs63 } from "react/jsx-runtime";
 function TimelineItemMenu({
   anchor,
   target,
@@ -39540,10 +39563,10 @@ function TimelineItemMenu({
         style: { ...style, ...accentStyle(accentColor) },
         children: [
           /* @__PURE__ */ jsxs63("div", { className: "squisq-timeline-item-menu-header", children: [
-            /* @__PURE__ */ jsx78("span", { className: "squisq-timeline-item-menu-kind", children: target.kind === "block" ? "Block" : "Video" }),
-            /* @__PURE__ */ jsx78("span", { className: "squisq-timeline-item-menu-title", title: target.title, children: target.title })
+            /* @__PURE__ */ jsx79("span", { className: "squisq-timeline-item-menu-kind", children: target.kind === "block" ? "Block" : "Video" }),
+            /* @__PURE__ */ jsx79("span", { className: "squisq-timeline-item-menu-title", title: target.title, children: target.title })
           ] }),
-          target.kind === "block" ? /* @__PURE__ */ jsx78(
+          target.kind === "block" ? /* @__PURE__ */ jsx79(
             BlockMenu,
             {
               target,
@@ -39555,8 +39578,8 @@ function TimelineItemMenu({
               onTransition: onBlockTransition
             }
           ) : /* @__PURE__ */ jsxs63(Fragment27, { children: [
-            /* @__PURE__ */ jsx78(VideoMenu, { target, onPatch: onVideoPatch }),
-            onEditMedia && /* @__PURE__ */ jsx78(
+            /* @__PURE__ */ jsx79(VideoMenu, { target, onPatch: onVideoPatch }),
+            onEditMedia && /* @__PURE__ */ jsx79(
               "button",
               {
                 type: "button",
@@ -39607,7 +39630,7 @@ function BlockMenu({
         "Dynamic slides time each slide from the narration or reading pace, so this section's length and start can't be pinned.",
         pinned && " A pinned time here stops a narrated deck from playing."
       ] }),
-      pinned && onClearTiming && /* @__PURE__ */ jsx78(
+      pinned && onClearTiming && /* @__PURE__ */ jsx79(
         "button",
         {
           type: "button",
@@ -39622,7 +39645,7 @@ function BlockMenu({
       )
     ] }) : /* @__PURE__ */ jsxs63(Fragment27, { children: [
       /* @__PURE__ */ jsxs63("label", { className: "squisq-timeline-item-menu-check", children: [
-        /* @__PURE__ */ jsx78(
+        /* @__PURE__ */ jsx79(
           "input",
           {
             type: "checkbox",
@@ -39630,10 +39653,10 @@ function BlockMenu({
             onChange: (event) => toggleAutotime(event.target.checked)
           }
         ),
-        /* @__PURE__ */ jsx78("span", { children: "Autotime block" })
+        /* @__PURE__ */ jsx79("span", { children: "Autotime block" })
       ] }),
-      /* @__PURE__ */ jsx78("p", { className: "squisq-timeline-item-menu-hint", children: "Uses narration, content, and interior media when no explicit duration is set." }),
-      /* @__PURE__ */ jsx78(
+      /* @__PURE__ */ jsx79("p", { className: "squisq-timeline-item-menu-hint", children: "Uses narration, content, and interior media when no explicit duration is set." }),
+      /* @__PURE__ */ jsx79(
         MenuNumberField,
         {
           label: "Duration",
@@ -39647,7 +39670,7 @@ function BlockMenu({
           }
         }
       ),
-      /* @__PURE__ */ jsx78(
+      /* @__PURE__ */ jsx79(
         MenuNumberField,
         {
           label: "Start time",
@@ -39662,8 +39685,8 @@ function BlockMenu({
       )
     ] }),
     /* @__PURE__ */ jsxs63("div", { className: "squisq-timeline-item-menu-row", children: [
-      /* @__PURE__ */ jsx78("span", { className: "squisq-timeline-item-menu-label", children: "Transition" }),
-      /* @__PURE__ */ jsx78(
+      /* @__PURE__ */ jsx79("span", { className: "squisq-timeline-item-menu-label", children: "Transition" }),
+      /* @__PURE__ */ jsx79(
         TransitionPicker,
         {
           value: transition,
@@ -39695,14 +39718,14 @@ function VideoMenu({
   ];
   return /* @__PURE__ */ jsxs63("div", { className: "squisq-timeline-item-menu-body", children: [
     /* @__PURE__ */ jsxs63("div", { className: "squisq-timeline-item-menu-field", children: [
-      /* @__PURE__ */ jsx78("span", { className: "squisq-timeline-item-menu-label", children: "Placement" }),
-      /* @__PURE__ */ jsx78(
+      /* @__PURE__ */ jsx79("span", { className: "squisq-timeline-item-menu-label", children: "Placement" }),
+      /* @__PURE__ */ jsx79(
         "div",
         {
           className: "squisq-timeline-item-menu-segments",
           role: "group",
           "aria-label": "Video placement",
-          children: placementOptions.map((option) => /* @__PURE__ */ jsx78(
+          children: placementOptions.map((option) => /* @__PURE__ */ jsx79(
             "button",
             {
               type: "button",
@@ -39724,7 +39747,7 @@ function VideoMenu({
     ] }),
     placed && /* @__PURE__ */ jsxs63(Fragment27, { children: [
       /* @__PURE__ */ jsxs63("label", { className: "squisq-timeline-item-menu-check", children: [
-        /* @__PURE__ */ jsx78(
+        /* @__PURE__ */ jsx79(
           "input",
           {
             type: "checkbox",
@@ -39738,11 +39761,11 @@ function VideoMenu({
             }
           }
         ),
-        /* @__PURE__ */ jsx78("span", { children: "Lock to block" })
+        /* @__PURE__ */ jsx79("span", { children: "Lock to block" })
       ] }),
       placement === "picture-in-picture" && /* @__PURE__ */ jsxs63(Fragment27, { children: [
         /* @__PURE__ */ jsxs63("label", { className: "squisq-timeline-item-menu-field", children: [
-          /* @__PURE__ */ jsx78("span", { className: "squisq-timeline-item-menu-label", children: "PIP size" }),
+          /* @__PURE__ */ jsx79("span", { className: "squisq-timeline-item-menu-label", children: "PIP size" }),
           /* @__PURE__ */ jsxs63(
             "select",
             {
@@ -39759,14 +39782,14 @@ function VideoMenu({
                   titleCase(target.defaultPipSize),
                   ")"
                 ] }),
-                /* @__PURE__ */ jsx78("option", { value: "small", children: "Small" }),
-                /* @__PURE__ */ jsx78("option", { value: "large", children: "Large" })
+                /* @__PURE__ */ jsx79("option", { value: "small", children: "Small" }),
+                /* @__PURE__ */ jsx79("option", { value: "large", children: "Large" })
               ]
             }
           )
         ] }),
         /* @__PURE__ */ jsxs63("label", { className: "squisq-timeline-item-menu-field", children: [
-          /* @__PURE__ */ jsx78("span", { className: "squisq-timeline-item-menu-label", children: "PIP shape" }),
+          /* @__PURE__ */ jsx79("span", { className: "squisq-timeline-item-menu-label", children: "PIP shape" }),
           /* @__PURE__ */ jsxs63(
             "select",
             {
@@ -39783,14 +39806,14 @@ function VideoMenu({
                   titleCase(target.defaultPipShape),
                   ")"
                 ] }),
-                /* @__PURE__ */ jsx78("option", { value: "square", children: "Square" }),
-                /* @__PURE__ */ jsx78("option", { value: "wide", children: "Wide (16:9)" })
+                /* @__PURE__ */ jsx79("option", { value: "square", children: "Square" }),
+                /* @__PURE__ */ jsx79("option", { value: "wide", children: "Wide (16:9)" })
               ]
             }
           )
         ] }),
         /* @__PURE__ */ jsxs63("label", { className: "squisq-timeline-item-menu-field", children: [
-          /* @__PURE__ */ jsx78("span", { className: "squisq-timeline-item-menu-label", children: "PIP position" }),
+          /* @__PURE__ */ jsx79("span", { className: "squisq-timeline-item-menu-label", children: "PIP position" }),
           /* @__PURE__ */ jsxs63(
             "select",
             {
@@ -39807,10 +39830,10 @@ function VideoMenu({
                   positionLabel(target.defaultPipPosition),
                   ")"
                 ] }),
-                /* @__PURE__ */ jsx78("option", { value: "top-left", children: "Top left" }),
-                /* @__PURE__ */ jsx78("option", { value: "top-right", children: "Top right" }),
-                /* @__PURE__ */ jsx78("option", { value: "bottom-left", children: "Bottom left" }),
-                /* @__PURE__ */ jsx78("option", { value: "bottom-right", children: "Bottom right" })
+                /* @__PURE__ */ jsx79("option", { value: "top-left", children: "Top left" }),
+                /* @__PURE__ */ jsx79("option", { value: "top-right", children: "Top right" }),
+                /* @__PURE__ */ jsx79("option", { value: "bottom-left", children: "Bottom left" }),
+                /* @__PURE__ */ jsx79("option", { value: "bottom-right", children: "Bottom right" })
               ]
             }
           )
@@ -39828,9 +39851,9 @@ function MenuNumberField({
   onChange
 }) {
   return /* @__PURE__ */ jsxs63("label", { className: "squisq-timeline-item-menu-field", children: [
-    /* @__PURE__ */ jsx78("span", { className: "squisq-timeline-item-menu-label", children: label }),
+    /* @__PURE__ */ jsx79("span", { className: "squisq-timeline-item-menu-label", children: label }),
     /* @__PURE__ */ jsxs63("span", { className: "squisq-timeline-item-menu-number", children: [
-      /* @__PURE__ */ jsx78(
+      /* @__PURE__ */ jsx79(
         "input",
         {
           type: "number",
@@ -39843,7 +39866,7 @@ function MenuNumberField({
           onChange: (event) => onChange(event.target.value)
         }
       ),
-      /* @__PURE__ */ jsx78("span", { children: "sec" })
+      /* @__PURE__ */ jsx79("span", { children: "sec" })
     ] })
   ] });
 }
@@ -39888,8 +39911,8 @@ function menuStyle(anchor, element) {
 }
 // src/TimelineTrack.tsx
-import { jsx as jsx79, jsxs as jsxs64 } from "react/jsx-runtime";
-var PREVIEW_VIEWPORT = VIEWPORT_PRESETS6.landscape;
+import { jsx as jsx80, jsxs as jsxs64 } from "react/jsx-runtime";
+var PREVIEW_VIEWPORT = VIEWPORT_PRESETS7.landscape;
 var DEFAULT_PX_PER_SECOND = 18;
 var ZOOM_MIN = 4;
 var ZOOM_MAX = 160;
@@ -39911,9 +39934,9 @@ function TimelineVideoFilmstrip({
     FILMSTRIP_MAX_FRAMES,
     Math.max(1, Math.ceil(width / FILMSTRIP_FRAME_WIDTH))
   );
-  return /* @__PURE__ */ jsx79("div", { className: "squisq-timeline-video-filmstrip", "aria-hidden": "true", children: Array.from({ length: frameCount }, (_2, index2) => {
+  return /* @__PURE__ */ jsx80("div", { className: "squisq-timeline-video-filmstrip", "aria-hidden": "true", children: Array.from({ length: frameCount }, (_2, index2) => {
     const sampleTime = Math.max(0, sourceStart) + Math.max(0, sourceLength) * ((index2 + 0.5) / frameCount);
-    return /* @__PURE__ */ jsx79(
+    return /* @__PURE__ */ jsx80(
       "video",
       {
         src: resolvedSrc,
@@ -40225,7 +40248,7 @@ function TimelineTrack({
   for (let t = 0; t <= rulerEnd + 1e-3 && ticks.length < 1e3; t += tickSeconds) ticks.push(t);
   return /* @__PURE__ */ jsxs64("div", { className: "squisq-timeline", style: { height }, "data-testid": "timeline-track", children: [
     /* @__PURE__ */ jsxs64("div", { className: "squisq-timeline-controls", children: [
-      /* @__PURE__ */ jsx79(
+      /* @__PURE__ */ jsx80(
         "button",
         {
           type: "button",
@@ -40242,7 +40265,7 @@ function TimelineTrack({
         " / ",
         formatClock3(total)
       ] }),
-      /* @__PURE__ */ jsx79(
+      /* @__PURE__ */ jsx80(
         "button",
         {
           type: "button",
@@ -40254,7 +40277,7 @@ function TimelineTrack({
           children: "\u2212"
         }
       ),
-      /* @__PURE__ */ jsx79(
+      /* @__PURE__ */ jsx80(
         "button",
         {
           type: "button",
@@ -40267,8 +40290,8 @@ function TimelineTrack({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx79("div", { className: "squisq-timeline-scroll", ref: scrollRef, children: /* @__PURE__ */ jsxs64("div", { className: "squisq-timeline-inner", style: { width }, children: [
-      /* @__PURE__ */ jsx79("div", { className: "squisq-timeline-row squisq-timeline-row--blocks", children: blocks.map((b, i) => {
+    /* @__PURE__ */ jsx80("div", { className: "squisq-timeline-scroll", ref: scrollRef, children: /* @__PURE__ */ jsxs64("div", { className: "squisq-timeline-inner", style: { width }, children: [
+      /* @__PURE__ */ jsx80("div", { className: "squisq-timeline-row squisq-timeline-row--blocks", children: blocks.map((b, i) => {
         const line = headingLine(b);
         const isActive = line != null && line === activeBlockStartLine;
         const left = previewLeft(i);
@@ -40285,7 +40308,7 @@ function TimelineTrack({
               if (line != null) goToBlockByLine(line);
             },
             children: [
-              visualByBlock.has(b.id) && /* @__PURE__ */ jsx79("div", { className: "squisq-timeline-block-thumb", "aria-hidden": true, children: /* @__PURE__ */ jsx79(
+              visualByBlock.has(b.id) && /* @__PURE__ */ jsx80("div", { className: "squisq-timeline-block-thumb", "aria-hidden": true, children: /* @__PURE__ */ jsx80(
                 BlockThumbnail,
                 {
                   visual: visualByBlock.get(b.id),
@@ -40293,7 +40316,7 @@ function TimelineTrack({
                   mediaProvider
                 }
               ) }),
-              !timingLocked && prev && headingLine(prev) != null && /* @__PURE__ */ jsx79(
+              !timingLocked && prev && headingLine(prev) != null && /* @__PURE__ */ jsx80(
                 "span",
                 {
                   className: "squisq-timeline-edge squisq-timeline-edge--left",
@@ -40314,8 +40337,8 @@ function TimelineTrack({
                   )
                 }
               ),
-              /* @__PURE__ */ jsx79("span", { className: "squisq-timeline-block-label", children: b.title ?? b.id }),
-              line != null && /* @__PURE__ */ jsx79(
+              /* @__PURE__ */ jsx80("span", { className: "squisq-timeline-block-label", children: b.title ?? b.id }),
+              line != null && /* @__PURE__ */ jsx80(
                 "button",
                 {
                   type: "button",
@@ -40337,7 +40360,7 @@ function TimelineTrack({
                   children: "\u2026"
                 }
               ),
-              !timingLocked && line != null && /* @__PURE__ */ jsx79(
+              !timingLocked && line != null && /* @__PURE__ */ jsx80(
                 "span",
                 {
                   className: "squisq-timeline-edge squisq-timeline-edge--right",
@@ -40386,7 +40409,7 @@ function TimelineTrack({
               ...raw.edits ? { edits: raw.edits } : {}
             } : { kind: c.kind, src: c.src, clipStart: c.sourceIn };
           };
-          return /* @__PURE__ */ jsx79(
+          return /* @__PURE__ */ jsx80(
             "div",
             {
               className: "squisq-timeline-row squisq-timeline-row--media",
@@ -40423,7 +40446,7 @@ function TimelineTrack({
                     if (next) setMarkdownSource(next);
                   },
                   children: [
-                    c.kind === "video" && /* @__PURE__ */ jsx79(
+                    c.kind === "video" && /* @__PURE__ */ jsx80(
                       TimelineVideoFilmstrip,
                       {
                         src: c.src,
@@ -40432,8 +40455,8 @@ function TimelineTrack({
                         width: clipWidth
                       }
                     ),
-                    /* @__PURE__ */ jsx79("span", { className: "squisq-timeline-clip-label", children: timelineMediaLabel(c.src, c.kind) }),
-                    cutMarks.map((at2) => /* @__PURE__ */ jsx79(
+                    /* @__PURE__ */ jsx80("span", { className: "squisq-timeline-clip-label", children: timelineMediaLabel(c.src, c.kind) }),
+                    cutMarks.map((at2) => /* @__PURE__ */ jsx80(
                       "span",
                       {
                         className: "squisq-timeline-cut-mark",
@@ -40442,7 +40465,7 @@ function TimelineTrack({
                       },
                       at2
                     )),
-                    c.kind === "video" && c.sourceLine != null && /* @__PURE__ */ jsx79(
+                    c.kind === "video" && c.sourceLine != null && /* @__PURE__ */ jsx80(
                       "button",
                       {
                         type: "button",
@@ -40468,7 +40491,7 @@ function TimelineTrack({
                         children: "\u2026"
                       }
                     ),
-                    editable && /* @__PURE__ */ jsx79(
+                    editable && /* @__PURE__ */ jsx80(
                       "span",
                       {
                         className: "squisq-timeline-edge squisq-timeline-edge--right",
@@ -40518,7 +40541,7 @@ function TimelineTrack({
               ...m.clipStart != null ? { clipStart: m.clipStart } : {},
               ...m.clipEnd != null ? { clipEnd: m.clipEnd } : {}
             };
-            return /* @__PURE__ */ jsx79(
+            return /* @__PURE__ */ jsx80(
               "div",
               {
                 className: "squisq-timeline-row squisq-timeline-row--media",
@@ -40545,7 +40568,7 @@ function TimelineTrack({
                       { onClick: () => selectClipAt(b.startTime, b.id) }
                     ),
                     children: [
-                      m.kind === "video" && /* @__PURE__ */ jsx79(
+                      m.kind === "video" && /* @__PURE__ */ jsx80(
                         TimelineVideoFilmstrip,
                         {
                           src: m.src,
@@ -40554,8 +40577,8 @@ function TimelineTrack({
                           width: clipWidth
                         }
                       ),
-                      /* @__PURE__ */ jsx79("span", { className: "squisq-timeline-clip-label", children: timelineMediaLabel(m.src, m.kind) }),
-                      m.kind === "video" && m.sourceLine != null && /* @__PURE__ */ jsx79(
+                      /* @__PURE__ */ jsx80("span", { className: "squisq-timeline-clip-label", children: timelineMediaLabel(m.src, m.kind) }),
+                      m.kind === "video" && m.sourceLine != null && /* @__PURE__ */ jsx80(
                         "button",
                         {
                           type: "button",
@@ -40580,7 +40603,7 @@ function TimelineTrack({
                           children: "\u2026"
                         }
                       ),
-                      m.sourceLine != null && /* @__PURE__ */ jsx79(
+                      m.sourceLine != null && /* @__PURE__ */ jsx80(
                         "span",
                         {
                           className: "squisq-timeline-edge squisq-timeline-edge--right",
@@ -40602,7 +40625,7 @@ function TimelineTrack({
           })
         )
       ] }),
-      /* @__PURE__ */ jsx79(
+      /* @__PURE__ */ jsx80(
         "div",
         {
           className: "squisq-timeline-row squisq-timeline-row--ruler",
@@ -40610,10 +40633,10 @@ function TimelineTrack({
             const rect = e2.currentTarget.getBoundingClientRect();
             seek((e2.clientX - rect.left) / pxPerSecond);
           },
-          children: ticks.map((t) => /* @__PURE__ */ jsx79("div", { className: "squisq-timeline-tick", style: { left: t * pxPerSecond }, children: /* @__PURE__ */ jsx79("span", { className: "squisq-timeline-tick-label", children: formatDur(t) }) }, t))
+          children: ticks.map((t) => /* @__PURE__ */ jsx80("div", { className: "squisq-timeline-tick", style: { left: t * pxPerSecond }, children: /* @__PURE__ */ jsx80("span", { className: "squisq-timeline-tick-label", children: formatDur(t) }) }, t))
         }
       ),
-      /* @__PURE__ */ jsx79(
+      /* @__PURE__ */ jsx80(
         "div",
         {
           className: "squisq-timeline-playhead",
@@ -40625,11 +40648,11 @@ function TimelineTrack({
             pause();
             setScrubbing(true);
           },
-          children: /* @__PURE__ */ jsx79("div", { className: "squisq-timeline-playhead-knob" })
+          children: /* @__PURE__ */ jsx80("div", { className: "squisq-timeline-playhead-knob" })
         }
       )
     ] }) }),
-    /* @__PURE__ */ jsx79("div", { ref: activeClock.registerMediaHost, className: "squisq-timeline-media-host", "aria-hidden": true, children: /* @__PURE__ */ jsx79(MediaContext5.Provider, { value: mediaProvider ?? null, children: /* @__PURE__ */ jsx79(
+    /* @__PURE__ */ jsx80("div", { ref: activeClock.registerMediaHost, className: "squisq-timeline-media-host", "aria-hidden": true, children: /* @__PURE__ */ jsx80(MediaContext6.Provider, { value: mediaProvider ?? null, children: /* @__PURE__ */ jsx80(
       MediaClipLayer,
       {
         schedule: playbackClips,
@@ -40638,7 +40661,7 @@ function TimelineTrack({
         basePath
       }
     ) }) }),
-    itemMenu && itemMenuTarget && /* @__PURE__ */ jsx79(
+    itemMenu && itemMenuTarget && /* @__PURE__ */ jsx80(
       TimelineItemMenu,
       {
         anchor: itemMenu.anchor,
@@ -40709,7 +40732,7 @@ function formatDur(seconds) {
 // src/TimelineVideoPanel.tsx
 import { useMemo as useMemo50 } from "react";
 import { MediaClipLayer as MediaClipLayer2 } from "@bendyline/squisq-react";
-import { jsx as jsx80, jsxs as jsxs65 } from "react/jsx-runtime";
+import { jsx as jsx81, jsxs as jsxs65 } from "react/jsx-runtime";
 function TimelineVideoPanel({
   schedule,
   currentTime,
@@ -40730,10 +40753,10 @@ function TimelineVideoPanel({
       "aria-label": "Timeline video preview",
       children: [
         /* @__PURE__ */ jsxs65("header", { className: "squisq-timeline-video-header", children: [
-          /* @__PURE__ */ jsx80("span", { className: "squisq-timeline-video-title", children: "Video monitor" }),
-          /* @__PURE__ */ jsx80("span", { className: "squisq-timeline-video-label", title: activeLabel, children: activeLabel }),
-          /* @__PURE__ */ jsx80("span", { className: "squisq-timeline-video-time", children: formatClock4(currentTime) }),
-          onClose && /* @__PURE__ */ jsx80(
+          /* @__PURE__ */ jsx81("span", { className: "squisq-timeline-video-title", children: "Video monitor" }),
+          /* @__PURE__ */ jsx81("span", { className: "squisq-timeline-video-label", title: activeLabel, children: activeLabel }),
+          /* @__PURE__ */ jsx81("span", { className: "squisq-timeline-video-time", children: formatClock4(currentTime) }),
+          onClose && /* @__PURE__ */ jsx81(
             "button",
             {
               type: "button",
@@ -40745,8 +40768,8 @@ function TimelineVideoPanel({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx80("div", { className: "squisq-timeline-video-body", children: /* @__PURE__ */ jsxs65("div", { className: "squisq-timeline-video-stage", children: [
-          /* @__PURE__ */ jsx80(
+        /* @__PURE__ */ jsx81("div", { className: "squisq-timeline-video-body", children: /* @__PURE__ */ jsxs65("div", { className: "squisq-timeline-video-stage", children: [
+          /* @__PURE__ */ jsx81(
             MediaClipLayer2,
             {
               schedule: videos,
@@ -40758,7 +40781,7 @@ function TimelineVideoPanel({
               muted: true
             }
           ),
-          activeVideos.length === 0 && /* @__PURE__ */ jsx80("div", { className: "squisq-timeline-video-empty", children: "Move the playhead onto a video clip" })
+          activeVideos.length === 0 && /* @__PURE__ */ jsx81("div", { className: "squisq-timeline-video-empty", children: "Move the playhead onto a video clip" })
         ] }) })
       ]
     }
@@ -40774,7 +40797,7 @@ function formatClock4(seconds) {
 import { useMemo as useMemo51 } from "react";
 import { getDocPlaybackDuration as getDocPlaybackDuration2, resolveMediaSchedule as resolveMediaSchedule3 } from "@bendyline/squisq/schemas";
 import { DocPlayer } from "@bendyline/squisq-react";
-import { jsx as jsx81, jsxs as jsxs66 } from "react/jsx-runtime";
+import { jsx as jsx82, jsxs as jsxs66 } from "react/jsx-runtime";
 function TimelineCompositionPanel({
   doc,
   clock,
@@ -40846,11 +40869,11 @@ function TimelineCompositionPanel({
       "aria-label": "Timeline video composition preview",
       children: [
         /* @__PURE__ */ jsxs66("header", { className: "squisq-timeline-video-header", children: [
-          /* @__PURE__ */ jsx81("span", { className: "squisq-timeline-video-title", children: "Video composition" }),
-          /* @__PURE__ */ jsx81("span", { className: "squisq-timeline-video-label", children: formatPresentation(effectiveVideoPresentation) }),
-          /* @__PURE__ */ jsx81(PreviewToolbarControls, { displayMode: "video" }),
-          /* @__PURE__ */ jsx81("span", { className: "squisq-timeline-video-time", children: formatClock5(clock.currentTime) }),
-          onClose && /* @__PURE__ */ jsx81(
+          /* @__PURE__ */ jsx82("span", { className: "squisq-timeline-video-title", children: "Video composition" }),
+          /* @__PURE__ */ jsx82("span", { className: "squisq-timeline-video-label", children: formatPresentation(effectiveVideoPresentation) }),
+          /* @__PURE__ */ jsx82(PreviewToolbarControls, { displayMode: "video" }),
+          /* @__PURE__ */ jsx82("span", { className: "squisq-timeline-video-time", children: formatClock5(clock.currentTime) }),
+          onClose && /* @__PURE__ */ jsx82(
             "button",
             {
               type: "button",
@@ -40862,7 +40885,7 @@ function TimelineCompositionPanel({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx81("div", { className: "squisq-timeline-video-body", children: /* @__PURE__ */ jsx81("div", { className: "squisq-timeline-composition-stage", children: playerDoc ? /* @__PURE__ */ jsx81(
+        /* @__PURE__ */ jsx82("div", { className: "squisq-timeline-video-body", children: /* @__PURE__ */ jsx82("div", { className: "squisq-timeline-composition-stage", children: playerDoc ? /* @__PURE__ */ jsx82(
           DocPlayer,
           {
             doc: playerDoc,
@@ -40888,7 +40911,7 @@ function TimelineCompositionPanel({
             enableSwipe: false,
             globalKeyboardShortcuts: false
           }
-        ) : /* @__PURE__ */ jsx81("div", { className: "squisq-timeline-video-empty", children: "Preparing video composition\u2026" }) }) })
+        ) : /* @__PURE__ */ jsx82("div", { className: "squisq-timeline-video-empty", children: "Preparing video composition\u2026" }) }) })
       ]
     }
   );
@@ -40905,7 +40928,7 @@ function formatPresentation(presentation) {
 }
 // src/TimelineToolbar.tsx
-import { jsx as jsx82, jsxs as jsxs67 } from "react/jsx-runtime";
+import { jsx as jsx83, jsxs as jsxs67 } from "react/jsx-runtime";
 function TimelineToolbar({
   literalVideoVisible,
   compositionVisible,
@@ -40922,7 +40945,7 @@ function TimelineToolbar({
       "aria-label": "Timeline view controls",
       "data-testid": "timeline-toolbar",
       children: [
-        /* @__PURE__ */ jsx82("span", { className: "squisq-timeline-toolbar-title", children: "Preview panes" }),
+        /* @__PURE__ */ jsx83("span", { className: "squisq-timeline-toolbar-title", children: "Preview panes" }),
         /* @__PURE__ */ jsxs67(
           "button",
           {
@@ -40935,7 +40958,7 @@ function TimelineToolbar({
             "data-tooltip": literalVideoVisible ? "Hide literal video" : "Show literal video",
             children: [
               /* @__PURE__ */ jsxs67("svg", { width: "15", height: "15", viewBox: "0 0 15 15", "aria-hidden": "true", children: [
-                /* @__PURE__ */ jsx82(
+                /* @__PURE__ */ jsx83(
                   "rect",
                   {
                     x: "1.5",
@@ -40948,7 +40971,7 @@ function TimelineToolbar({
                     strokeWidth: "1.4"
                   }
                 ),
-                /* @__PURE__ */ jsx82(
+                /* @__PURE__ */ jsx83(
                   "path",
                   {
                     d: "M10 5.5 13.5 4v7L10 9.5z",
@@ -40959,7 +40982,7 @@ function TimelineToolbar({
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsx82("span", { children: "Video monitor" })
+              /* @__PURE__ */ jsx83("span", { children: "Video monitor" })
             ]
           }
         ),
@@ -40975,7 +40998,7 @@ function TimelineToolbar({
             "data-tooltip": compositionVisible ? "Hide video composition" : "Show video composition",
             children: [
               /* @__PURE__ */ jsxs67("svg", { width: "15", height: "15", viewBox: "0 0 15 15", "aria-hidden": "true", children: [
-                /* @__PURE__ */ jsx82(
+                /* @__PURE__ */ jsx83(
                   "rect",
                   {
                     x: "1.5",
@@ -40988,10 +41011,10 @@ function TimelineToolbar({
                     strokeWidth: "1.4"
                   }
                 ),
-                /* @__PURE__ */ jsx82("path", { d: "M5 13h5M7.5 11v2", stroke: "currentColor", strokeWidth: "1.4" }),
-                /* @__PURE__ */ jsx82("path", { d: "m6.3 5 3 1.5-3 1.5z", fill: "currentColor" })
+                /* @__PURE__ */ jsx83("path", { d: "M5 13h5M7.5 11v2", stroke: "currentColor", strokeWidth: "1.4" }),
+                /* @__PURE__ */ jsx83("path", { d: "m6.3 5 3 1.5-3 1.5z", fill: "currentColor" })
               ] }),
-              /* @__PURE__ */ jsx82("span", { children: "Video composition" })
+              /* @__PURE__ */ jsx83("span", { children: "Video composition" })
             ]
           }
         )
@@ -41045,7 +41068,7 @@ function isFontAwesomeRule(rule) {
 }
 // src/PlainHtmlPreview.tsx
-import { jsx as jsx83 } from "react/jsx-runtime";
+import { jsx as jsx84 } from "react/jsx-runtime";
 var cachedRender = null;
 var cachedRenderPromise = null;
 function loadRenderFn() {
@@ -41387,7 +41410,7 @@ function PlainHtmlPreview({
     document.addEventListener("keydown", handleKeyDown);
     return () => document.removeEventListener("keydown", handleKeyDown);
   }, [globalKeyboardShortcuts]);
-  return /* @__PURE__ */ jsx83(
+  return /* @__PURE__ */ jsx84(
     "iframe",
     {
       ref: setIframeRef,
@@ -41602,7 +41625,7 @@ import {
 } from "react";
 import { createPortal as createPortal17 } from "react-dom";
 import { inferDocumentTitle as inferDocumentTitle2 } from "@bendyline/squisq/markdown";
-import { jsx as jsx84, jsxs as jsxs68 } from "react/jsx-runtime";
+import { jsx as jsx85, jsxs as jsxs68 } from "react/jsx-runtime";
 var PresentationModeContext = createContext7(null);
 function usePresentationMode() {
   const value = useContext7(PresentationModeContext);
@@ -41996,8 +42019,8 @@ function PresentationModeProvider({
       "aria-label": "Exit presentation mode",
       title: "Exit presentation mode (Esc)",
       children: [
-        /* @__PURE__ */ jsx84(Icon, { icon: "fa-solid fa-compress" }),
-        /* @__PURE__ */ jsx84("span", { children: "Exit presentation" })
+        /* @__PURE__ */ jsx85(Icon, { icon: "fa-solid fa-compress" }),
+        /* @__PURE__ */ jsx85("span", { children: "Exit presentation" })
       ]
     }
   ) : null;
@@ -42006,7 +42029,7 @@ function PresentationModeProvider({
     (activeTarget === "control" || activeTarget === "fullscreen") && exitButton,
     activeTarget === "window" && popupRoot && exitButton ? createPortal17(exitButton, popupRoot) : null,
     error && typeof document !== "undefined" ? createPortal17(
-      /* @__PURE__ */ jsx84("div", { className: "squisq-presentation-error", "data-theme": colorScheme, role: "alert", children: error }),
+      /* @__PURE__ */ jsx85("div", { className: "squisq-presentation-error", "data-theme": colorScheme, role: "alert", children: error }),
       document.body
     ) : null
   ] });
@@ -42103,7 +42126,7 @@ function PresentationModeControl() {
     (checked ?? first)?.focus();
   }, [anchor, open]);
   return /* @__PURE__ */ jsxs68("div", { className: "squisq-presentation-control", children: [
-    /* @__PURE__ */ jsx84(
+    /* @__PURE__ */ jsx85(
       "button",
       {
         type: "button",
@@ -42112,10 +42135,10 @@ function PresentationModeControl() {
         "aria-pressed": activeTarget !== null,
         "data-tooltip": activeTarget ? "Exit presentation" : `Present: ${selected.label}`,
         onClick: () => void (activeTarget ? stop() : start()),
-        children: /* @__PURE__ */ jsx84(Icon, { icon: "fa-solid fa-display" })
+        children: /* @__PURE__ */ jsx85(Icon, { icon: "fa-solid fa-display" })
       }
     ),
-    options.length > 1 && /* @__PURE__ */ jsx84(
+    options.length > 1 && /* @__PURE__ */ jsx85(
       "button",
       {
         ref: triggerRef,
@@ -42131,11 +42154,11 @@ function PresentationModeControl() {
           event.preventDefault();
           openMenu();
         },
-        children: /* @__PURE__ */ jsx84("svg", { width: "10", height: "10", viewBox: "0 0 10 10", "aria-hidden": "true", children: /* @__PURE__ */ jsx84("path", { d: "M2 3.5 5 6.5 8 3.5", fill: "none", stroke: "currentColor", strokeWidth: "1.4" }) })
+        children: /* @__PURE__ */ jsx85("svg", { width: "10", height: "10", viewBox: "0 0 10 10", "aria-hidden": "true", children: /* @__PURE__ */ jsx85("path", { d: "M2 3.5 5 6.5 8 3.5", fill: "none", stroke: "currentColor", strokeWidth: "1.4" }) })
       }
     ),
     open && anchor ? createPortal17(
-      /* @__PURE__ */ jsx84(
+      /* @__PURE__ */ jsx85(
         "div",
         {
           ref: menuRef,
@@ -42181,24 +42204,24 @@ function PresentationModeControl() {
                   if (!alreadyThere) void start(option.target);
                 },
                 children: [
-                  /* @__PURE__ */ jsx84(
+                  /* @__PURE__ */ jsx85(
                     "span",
                     {
                       className: "squisq-use-mode-menu-icon squisq-presentation-menu-icon",
                       "aria-hidden": "true",
-                      children: /* @__PURE__ */ jsx84(Icon, { icon: option.icon })
+                      children: /* @__PURE__ */ jsx85(Icon, { icon: option.icon })
                     }
                   ),
                   /* @__PURE__ */ jsxs68("span", { className: "squisq-use-mode-menu-copy squisq-presentation-menu-copy", children: [
-                    /* @__PURE__ */ jsx84("span", { className: "squisq-use-mode-menu-label squisq-presentation-menu-label", children: option.label }),
-                    /* @__PURE__ */ jsx84("span", { className: "squisq-use-mode-menu-summary squisq-presentation-menu-summary", children: disabled ? "Full screen is unavailable." : option.summary })
+                    /* @__PURE__ */ jsx85("span", { className: "squisq-use-mode-menu-label squisq-presentation-menu-label", children: option.label }),
+                    /* @__PURE__ */ jsx85("span", { className: "squisq-use-mode-menu-summary squisq-presentation-menu-summary", children: disabled ? "Full screen is unavailable." : option.summary })
                   ] }),
-                  /* @__PURE__ */ jsx84(
+                  /* @__PURE__ */ jsx85(
                     "span",
                     {
                       className: "squisq-use-mode-menu-check squisq-presentation-menu-check",
                       "aria-hidden": "true",
-                      children: isSelected && /* @__PURE__ */ jsx84(Icon, { icon: "fa-solid fa-check" })
+                      children: isSelected && /* @__PURE__ */ jsx85(Icon, { icon: "fa-solid fa-check" })
                     }
                   )
                 ]
@@ -42223,7 +42246,7 @@ import {
   useRef as useRef61,
   useState as useState78
 } from "react";
-import { jsx as jsx85, jsxs as jsxs69 } from "react/jsx-runtime";
+import { jsx as jsx86, jsxs as jsxs69 } from "react/jsx-runtime";
 var PrintModeContext = createContext8(null);
 function usePrintMode() {
   const value = useContext8(PrintModeContext);
@@ -42334,7 +42357,7 @@ function PrintModeProvider({ rootRef, children }) {
     }),
     [active, close, open, print, registerPrintHandler, slidesPerPage]
   );
-  return /* @__PURE__ */ jsx85(PrintModeContext.Provider, { value, children });
+  return /* @__PURE__ */ jsx86(PrintModeContext.Provider, { value, children });
 }
 function PrintModeControl() {
   const { open } = usePrintMode();
@@ -42347,8 +42370,8 @@ function PrintModeControl() {
       "aria-label": "Print",
       "data-tooltip": "Print",
       children: [
-        /* @__PURE__ */ jsx85(Icon, { icon: "fa-solid fa-print" }),
-        /* @__PURE__ */ jsx85("span", { children: "Print" })
+        /* @__PURE__ */ jsx86(Icon, { icon: "fa-solid fa-print" }),
+        /* @__PURE__ */ jsx86("span", { children: "Print" })
       ]
     }
   );
@@ -42358,8 +42381,8 @@ function PrintPreviewToolbar() {
   const { activeDisplayMode } = usePreviewSettings();
   const { slidesPerPage, setSlidesPerPage, print, close } = usePrintMode();
   return /* @__PURE__ */ jsxs69("div", { className: "squisq-print-toolbar", "aria-label": "Print preview controls", children: [
-    /* @__PURE__ */ jsx85("span", { className: "squisq-print-toolbar-title", children: "Print preview" }),
-    activeDisplayMode === "slideshow" && /* @__PURE__ */ jsx85("div", { className: "squisq-print-density", role: "group", "aria-label": "Slides per page", children: SLIDES_PER_PAGE_OPTIONS.map((value) => /* @__PURE__ */ jsxs69(
+    /* @__PURE__ */ jsx86("span", { className: "squisq-print-toolbar-title", children: "Print preview" }),
+    activeDisplayMode === "slideshow" && /* @__PURE__ */ jsx86("div", { className: "squisq-print-density", role: "group", "aria-label": "Slides per page", children: SLIDES_PER_PAGE_OPTIONS.map((value) => /* @__PURE__ */ jsxs69(
       "button",
       {
         type: "button",
@@ -42368,7 +42391,7 @@ function PrintPreviewToolbar() {
         "aria-label": `${value} ${value === 1 ? "slide" : "slides"} per page`,
         onClick: () => setSlidesPerPage(value),
         children: [
-          /* @__PURE__ */ jsx85("span", { children: value }),
+          /* @__PURE__ */ jsx86("span", { children: value }),
           /* @__PURE__ */ jsxs69("span", { className: "squisq-print-density-label", children: [
             " ",
             value === 1 ? "slide" : "slides",
@@ -42378,14 +42401,14 @@ function PrintPreviewToolbar() {
       },
       value
     )) }),
-    /* @__PURE__ */ jsx85("div", { className: "squisq-print-toolbar-spacer" }),
+    /* @__PURE__ */ jsx86("div", { className: "squisq-print-toolbar-spacer" }),
     /* @__PURE__ */ jsxs69("button", { type: "button", className: "squisq-print-action", onClick: print, children: [
-      /* @__PURE__ */ jsx85(Icon, { icon: "fa-solid fa-print" }),
-      /* @__PURE__ */ jsx85("span", { children: "Print" })
+      /* @__PURE__ */ jsx86(Icon, { icon: "fa-solid fa-print" }),
+      /* @__PURE__ */ jsx86("span", { children: "Print" })
     ] }),
     /* @__PURE__ */ jsxs69("button", { type: "button", className: "squisq-print-close", onClick: close, children: [
-      /* @__PURE__ */ jsx85(Icon, { icon: "fa-solid fa-xmark" }),
-      /* @__PURE__ */ jsx85("span", { children: "Close" })
+      /* @__PURE__ */ jsx86(Icon, { icon: "fa-solid fa-xmark" }),
+      /* @__PURE__ */ jsx86("span", { children: "Close" })
     ] })
   ] });
 }
@@ -42393,7 +42416,7 @@ function PrintPreviewToolbar() {
 // src/print/PrintPreview.tsx
 import { useCallback as useCallback53, useEffect as useEffect68, useMemo as useMemo55, useRef as useRef62 } from "react";
 import {
-  BlockRenderer as BlockRenderer4,
+  BlockRenderer as BlockRenderer5,
   FlashcardFaceView,
   LinearDocView,
   useDocPlayback,
@@ -42404,7 +42427,7 @@ import {
 } from "@bendyline/squisq/schemas";
 import { expandCoverBlock as expandCoverBlock2, materializeFlashcards } from "@bendyline/squisq/doc";
 import { resolveTransformStyle } from "@bendyline/squisq/transform";
-import { jsx as jsx86, jsxs as jsxs70 } from "react/jsx-runtime";
+import { jsx as jsx87, jsxs as jsxs70 } from "react/jsx-runtime";
 function chunk(values, size) {
   const groups = [];
   for (let index2 = 0; index2 < values.length; index2 += size) {
@@ -42458,7 +42481,7 @@ function PrintPreview({
   }, [isTextDocument, registerPrintHandler]);
   const title = contentDoc?.frontmatter?.title ?? contentDoc?.startBlock?.title ?? void 0;
   if (isTextDocument) {
-    return /* @__PURE__ */ jsx86("div", { className: "squisq-print-preview squisq-print-preview--document", children: /* @__PURE__ */ jsx86("div", { className: "squisq-print-document-paper", children: /* @__PURE__ */ jsx86(
+    return /* @__PURE__ */ jsx87("div", { className: "squisq-print-preview squisq-print-preview--document", children: /* @__PURE__ */ jsx87("div", { className: "squisq-print-document-paper", children: /* @__PURE__ */ jsx87(
       PlainHtmlPreview,
       {
         markdown: documentMarkdown,
@@ -42473,8 +42496,8 @@ function PrintPreview({
   }
   if (displayMode === "linear") {
     return /* @__PURE__ */ jsxs70("div", { className: "squisq-print-preview squisq-print-preview--page", children: [
-      /* @__PURE__ */ jsx86("style", { children: "@page { margin: 0; }" }),
-      /* @__PURE__ */ jsx86("div", { className: "squisq-print-page-paper", children: /* @__PURE__ */ jsx86(
+      /* @__PURE__ */ jsx87("style", { children: "@page { margin: 0; }" }),
+      /* @__PURE__ */ jsx87("div", { className: "squisq-print-page-paper", children: /* @__PURE__ */ jsx87(
         LinearDocView,
         {
           className: "squisq-print-linear",
@@ -42509,7 +42532,7 @@ function PrintPreview({
           "--squisq-print-flashcard-surface": theme.colors.backgroundLight
         },
         children: [
-          /* @__PURE__ */ jsx86("style", { children: "@page { size: landscape; margin: 0; }" }),
+          /* @__PURE__ */ jsx87("style", { children: "@page { size: landscape; margin: 0; }" }),
           flashcardDeck?.cards.map((card, index2) => /* @__PURE__ */ jsxs70("article", { className: "squisq-print-flashcard-sheet", children: [
             /* @__PURE__ */ jsxs70("header", { children: [
               /* @__PURE__ */ jsxs70("span", { children: [
@@ -42518,25 +42541,25 @@ function PrintPreview({
                 " of ",
                 flashcardDeck.cards.length
               ] }),
-              card.label && /* @__PURE__ */ jsx86("strong", { children: card.label })
+              card.label && /* @__PURE__ */ jsx87("strong", { children: card.label })
             ] }),
             /* @__PURE__ */ jsxs70("div", { className: "squisq-print-flashcard-pair", children: [
               /* @__PURE__ */ jsxs70("section", { className: "squisq-print-flashcard-face", "aria-label": "Question side", children: [
-                /* @__PURE__ */ jsx86("small", { children: "Front" }),
-                /* @__PURE__ */ jsx86(FlashcardFaceView, { ...faceProps, face: card.front }),
-                card.kind === "multiple-choice" && /* @__PURE__ */ jsx86("ol", { className: "squisq-print-flashcard-choices", children: card.choices?.map((choice) => /* @__PURE__ */ jsx86("li", { children: /* @__PURE__ */ jsx86(FlashcardFaceView, { ...faceProps, face: choice.content }) }, choice.id)) })
+                /* @__PURE__ */ jsx87("small", { children: "Front" }),
+                /* @__PURE__ */ jsx87(FlashcardFaceView, { ...faceProps, face: card.front }),
+                card.kind === "multiple-choice" && /* @__PURE__ */ jsx87("ol", { className: "squisq-print-flashcard-choices", children: card.choices?.map((choice) => /* @__PURE__ */ jsx87("li", { children: /* @__PURE__ */ jsx87(FlashcardFaceView, { ...faceProps, face: choice.content }) }, choice.id)) })
               ] }),
               /* @__PURE__ */ jsxs70("section", { className: "squisq-print-flashcard-face", "aria-label": "Answer side", children: [
-                /* @__PURE__ */ jsx86("small", { children: "Back" }),
-                /* @__PURE__ */ jsx86(FlashcardFaceView, { ...faceProps, face: card.back }),
+                /* @__PURE__ */ jsx87("small", { children: "Back" }),
+                /* @__PURE__ */ jsx87(FlashcardFaceView, { ...faceProps, face: card.back }),
                 card.explanation && /* @__PURE__ */ jsxs70("div", { className: "squisq-print-flashcard-explanation", children: [
-                  /* @__PURE__ */ jsx86("small", { children: "Explanation" }),
-                  /* @__PURE__ */ jsx86(FlashcardFaceView, { ...faceProps, face: card.explanation })
+                  /* @__PURE__ */ jsx87("small", { children: "Explanation" }),
+                  /* @__PURE__ */ jsx87(FlashcardFaceView, { ...faceProps, face: card.explanation })
                 ] })
               ] })
             ] })
           ] }, card.id)),
-          (!flashcardDeck || flashcardDeck.cards.length === 0) && /* @__PURE__ */ jsx86("p", { className: "squisq-print-empty", children: "Nothing to print." })
+          (!flashcardDeck || flashcardDeck.cards.length === 0) && /* @__PURE__ */ jsx87("p", { className: "squisq-print-empty", children: "Nothing to print." })
         ]
       }
     );
@@ -42556,15 +42579,15 @@ function PrintPreview({
       "data-slides-per-page": density,
       style: previewStyle,
       children: [
-        /* @__PURE__ */ jsx86("style", { children: `@page { size: ${orientation}; margin: 0; }` }),
-        sheets.map((sheet, pageIndex) => /* @__PURE__ */ jsx86(
+        /* @__PURE__ */ jsx87("style", { children: `@page { size: ${orientation}; margin: 0; }` }),
+        sheets.map((sheet, pageIndex) => /* @__PURE__ */ jsx87(
           "div",
           {
             className: "squisq-print-sheet",
             "data-slides-per-page": density,
             "aria-label": `Print page ${pageIndex + 1}`,
-            children: sheet.map((block) => /* @__PURE__ */ jsx86("div", { className: "squisq-print-slide-cell", children: /* @__PURE__ */ jsx86("div", { className: "squisq-print-slide-frame", children: /* @__PURE__ */ jsx86(
-              BlockRenderer4,
+            children: sheet.map((block) => /* @__PURE__ */ jsx87("div", { className: "squisq-print-slide-cell", children: /* @__PURE__ */ jsx87("div", { className: "squisq-print-slide-frame", children: /* @__PURE__ */ jsx87(
+              BlockRenderer5,
               {
                 block,
                 blockTime: Math.max(0, block.duration),
@@ -42577,7 +42600,7 @@ function PrintPreview({
           },
           `${density}-${pageIndex}`
         )),
-        sheets.length === 0 && /* @__PURE__ */ jsx86("p", { className: "squisq-print-empty", children: "Nothing to print." })
+        sheets.length === 0 && /* @__PURE__ */ jsx87("p", { className: "squisq-print-empty", children: "Nothing to print." })
       ]
     }
   );
@@ -42631,7 +42654,7 @@ function collectSlideshowDataSources(doc) {
 }
 // src/slideshow/SlideshowDataGrid.tsx
-import { Fragment as Fragment28, jsx as jsx87 } from "react/jsx-runtime";
+import { Fragment as Fragment28, jsx as jsx88 } from "react/jsx-runtime";
 var EMPTY_CONTEXT = {
   container: null,
   mediaRevision: 0,
@@ -42649,7 +42672,7 @@ function SlideshowDataGridProvider({
     () => ({ container: container ?? null, mediaRevision, sources }),
     [container, mediaRevision, sources]
   );
-  return /* @__PURE__ */ jsx87(SlideshowDataGridContext.Provider, { value, children });
+  return /* @__PURE__ */ jsx88(SlideshowDataGridContext.Provider, { value, children });
 }
 var EMPTY_VIEW = { sort: [], filter: [] };
 function sourceKey(source) {
@@ -42761,7 +42784,7 @@ function SlideshowDataGridRenderer({
   const initialView = ready?.initialView ?? EMPTY_VIEW;
   const [view, setView] = useState79(initialView);
   useEffect69(() => setView(initialView), [initialView, provider]);
-  if (!provider || !ingest || !gridModule) return /* @__PURE__ */ jsx87(Fragment28, { children: fallback });
+  if (!provider || !ingest || !gridModule) return /* @__PURE__ */ jsx88(Fragment28, { children: fallback });
   const { style } = layer.content;
   const rowHeight = Math.max(32, style.fontSize * 2.1);
   const footerHeight = Math.max(28, style.fontSize * 1.5);
@@ -42790,7 +42813,7 @@ function SlideshowDataGridRenderer({
     "--squisq-grid-accent": style.headerBackground,
     "--squisq-grid-resize-handle": style.headerBackground
   };
-  return /* @__PURE__ */ jsx87("div", { className: "squisq-slideshow-data-grid", style: gridStyle, children: /* @__PURE__ */ jsx87(
+  return /* @__PURE__ */ jsx88("div", { className: "squisq-slideshow-data-grid", style: gridStyle, children: /* @__PURE__ */ jsx88(
     gridModule.DataGrid,
     {
       provider,
@@ -42806,7 +42829,7 @@ function SlideshowDataGridRenderer({
 // src/PreviewPanel.tsx
 import { useProcessedAudio as useProcessedAudio3 } from "@bendyline/squisq-video-react/media-edit";
-import { jsx as jsx88, jsxs as jsxs71 } from "react/jsx-runtime";
+import { jsx as jsx89, jsxs as jsxs71 } from "react/jsx-runtime";
 function PreviewPanel({
   basePath = "/",
   className,
@@ -42964,22 +42987,22 @@ function PreviewPanel({
     presentation?.popupRoot
   ]);
   if (isParsing && !isNarrateMode && !previewDoc) {
-    return /* @__PURE__ */ jsx88("div", { className: `squisq-preview-status ${className || ""}`, "data-testid": "preview-panel", children: /* @__PURE__ */ jsx88("p", { children: "Parsing\u2026" }) });
+    return /* @__PURE__ */ jsx89("div", { className: `squisq-preview-status ${className || ""}`, "data-testid": "preview-panel", children: /* @__PURE__ */ jsx89("p", { children: "Parsing\u2026" }) });
   }
   if (parseError && !isNarrateMode) {
     return /* @__PURE__ */ jsxs71("div", { className: `squisq-preview-status ${className || ""}`, "data-testid": "preview-panel", children: [
-      /* @__PURE__ */ jsx88("h3", { children: "Parse Error" }),
-      /* @__PURE__ */ jsx88("pre", { children: parseError })
+      /* @__PURE__ */ jsx89("h3", { children: "Parse Error" }),
+      /* @__PURE__ */ jsx89("pre", { children: parseError })
     ] });
   }
   if (!previewDoc && !isDocumentMode && !isNarrateMode) {
-    return /* @__PURE__ */ jsx88("div", { className: `squisq-preview-status ${className || ""}`, "data-testid": "preview-panel", children: /* @__PURE__ */ jsx88("p", { children: "No content to preview. Start typing in the editor." }) });
+    return /* @__PURE__ */ jsx89("div", { className: `squisq-preview-status ${className || ""}`, "data-testid": "preview-panel", children: /* @__PURE__ */ jsx89("p", { children: "No content to preview. Start typing in the editor." }) });
   }
   const fillsContainer = printMode?.active || isDocumentMode || isPageMode || isNarrateMode || isFlashcardsMode ? "stretch" : "center";
   const audienceWindowOpen = presentation?.activeTarget === "window";
   const renderSurface = (audience) => {
     if (!audience && printMode?.active) {
-      return /* @__PURE__ */ jsx88(
+      return /* @__PURE__ */ jsx89(
         PrintPreview,
         {
           displayMode: activeDisplayMode,
@@ -42997,7 +43020,7 @@ function PreviewPanel({
       );
     }
     if (isDocumentMode) {
-      return /* @__PURE__ */ jsx88(
+      return /* @__PURE__ */ jsx89(
         PlainHtmlPreview,
         {
           markdown: documentMarkdown,
@@ -43016,7 +43039,7 @@ function PreviewPanel({
     }
     if (isNarrateMode) {
       if (audience) return null;
-      return /* @__PURE__ */ jsx88(
+      return /* @__PURE__ */ jsx89(
         TeleprompterView,
         {
           doc,
@@ -43035,7 +43058,7 @@ function PreviewPanel({
       );
     }
     if (isPageMode) {
-      return /* @__PURE__ */ jsx88(
+      return /* @__PURE__ */ jsx89(
         LinearDocView2,
         {
           doc: contentDoc ?? doc,
@@ -43052,7 +43075,7 @@ function PreviewPanel({
       );
     }
     if (isFlashcardsMode) {
-      return /* @__PURE__ */ jsx88(
+      return /* @__PURE__ */ jsx89(
         FlashcardView,
         {
           doc: contentDoc ?? doc,
@@ -43067,7 +43090,7 @@ function PreviewPanel({
       );
     }
     if (isDashboardMode) {
-      return /* @__PURE__ */ jsx88("div", { className: "squisq-dashboard-fit", children: /* @__PURE__ */ jsx88(
+      return /* @__PURE__ */ jsx89("div", { className: "squisq-dashboard-fit", children: /* @__PURE__ */ jsx89(
         DashboardView,
         {
           doc: contentDoc ?? doc,
@@ -43082,10 +43105,10 @@ function PreviewPanel({
       ) });
     }
     if (audience && !followerAudioController) {
-      return /* @__PURE__ */ jsx88("div", { className: "squisq-presentation-connecting", children: "Connecting presentation..." });
+      return /* @__PURE__ */ jsx89("div", { className: "squisq-presentation-connecting", children: "Connecting presentation..." });
     }
     const audienceCaptionMode = playbackState?.captionMode;
-    return /* @__PURE__ */ jsx88(
+    return /* @__PURE__ */ jsx89(
       DocPlayer2,
       {
         doc: previewDoc,
@@ -43136,7 +43159,7 @@ function PreviewPanel({
       container: workspaceContainer,
       mediaRevision,
       children: [
-        /* @__PURE__ */ jsx88(
+        /* @__PURE__ */ jsx89(
           "div",
           {
             className: `squisq-preview-container ${className || ""}`,
@@ -43149,16 +43172,16 @@ function PreviewPanel({
               overflow: "hidden",
               background: "var(--squisq-bg)"
             },
-            children: /* @__PURE__ */ jsx88("div", { ref: mainSurfaceRef, className: "squisq-preview-player", style: surfaceStyle, children: renderSurface(false) })
+            children: /* @__PURE__ */ jsx89("div", { ref: mainSurfaceRef, className: "squisq-preview-player", style: surfaceStyle, children: renderSurface(false) })
           }
         ),
         audienceWindowOpen && presentation?.popupRoot && !isNarrateMode ? createPortal18(
-          /* @__PURE__ */ jsx88(
+          /* @__PURE__ */ jsx89(
             "div",
             {
               className: "squisq-editor-shell squisq-presentation-window",
               "data-theme": colorScheme,
-              children: /* @__PURE__ */ jsx88("div", { className: "squisq-preview-container squisq-presentation-window-preview", children: /* @__PURE__ */ jsx88(
+              children: /* @__PURE__ */ jsx89("div", { className: "squisq-preview-container squisq-presentation-window-preview", children: /* @__PURE__ */ jsx89(
                 "div",
                 {
                   ref: popupSurfaceRef,
@@ -43184,7 +43207,7 @@ import { sanitizedSvgImageUrl as sanitizedSvgImageUrl2 } from "@bendyline/squisq
 // src/MediaPreviewDialog.tsx
 import { useEffect as useEffect71, useId as useId16, useRef as useRef64, useState as useState81 } from "react";
-import { jsx as jsx89, jsxs as jsxs72 } from "react/jsx-runtime";
+import { jsx as jsx90, jsxs as jsxs72 } from "react/jsx-runtime";
 function MediaPreviewDialog({
   kind,
   name,
@@ -43202,13 +43225,13 @@ function MediaPreviewDialog({
   useEffect71(() => setPlaybackFailed(false), [src]);
   let body;
   if (failed || playbackFailed || src === "") {
-    body = /* @__PURE__ */ jsx89("div", { className: "squisq-media-preview-message", children: "This file can\u2019t be previewed." });
+    body = /* @__PURE__ */ jsx90("div", { className: "squisq-media-preview-message", children: "This file can\u2019t be previewed." });
   } else if (src === null) {
-    body = /* @__PURE__ */ jsx89("div", { className: "squisq-media-preview-message", children: "Loading\u2026" });
+    body = /* @__PURE__ */ jsx90("div", { className: "squisq-media-preview-message", children: "Loading\u2026" });
   } else if (kind === "image") {
-    body = /* @__PURE__ */ jsx89(ImageViewer, { src, alt: name, theme: isDark ? "dark" : "light" });
+    body = /* @__PURE__ */ jsx90(ImageViewer, { src, alt: name, theme: isDark ? "dark" : "light" });
   } else if (kind === "video") {
-    body = /* @__PURE__ */ jsx89(
+    body = /* @__PURE__ */ jsx90(
       "video",
       {
         className: "squisq-media-preview-video",
@@ -43221,11 +43244,11 @@ function MediaPreviewDialog({
     );
   } else {
     body = /* @__PURE__ */ jsxs72("div", { className: "squisq-media-preview-audio", children: [
-      /* @__PURE__ */ jsx89("span", { className: "squisq-media-preview-audio-icon", "aria-hidden": "true", children: "\u{1F50A}" }),
-      /* @__PURE__ */ jsx89("audio", { src, controls: true, autoPlay: true, onError: () => setPlaybackFailed(true) })
+      /* @__PURE__ */ jsx90("span", { className: "squisq-media-preview-audio-icon", "aria-hidden": "true", children: "\u{1F50A}" }),
+      /* @__PURE__ */ jsx90("audio", { src, controls: true, autoPlay: true, onError: () => setPlaybackFailed(true) })
     ] });
   }
-  return /* @__PURE__ */ jsx89(
+  return /* @__PURE__ */ jsx90(
     "div",
     {
       ref: overlayRef,
@@ -43247,9 +43270,9 @@ function MediaPreviewDialog({
           "data-testid": "media-preview-dialog",
           children: [
             /* @__PURE__ */ jsxs72("header", { className: "squisq-media-preview-header", children: [
-              /* @__PURE__ */ jsx89("span", { id: titleId, className: "squisq-media-preview-title", title: name, children: name }),
-              /* @__PURE__ */ jsx89("span", { className: "squisq-media-preview-detail", children: detail }),
-              /* @__PURE__ */ jsx89(
+              /* @__PURE__ */ jsx90("span", { id: titleId, className: "squisq-media-preview-title", title: name, children: name }),
+              /* @__PURE__ */ jsx90("span", { className: "squisq-media-preview-detail", children: detail }),
+              /* @__PURE__ */ jsx90(
                 "button",
                 {
                   type: "button",
@@ -43260,7 +43283,7 @@ function MediaPreviewDialog({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx89("div", { className: "squisq-media-preview-body", children: body })
+            /* @__PURE__ */ jsx90("div", { className: "squisq-media-preview-body", children: body })
           ]
         }
       )
@@ -43269,7 +43292,7 @@ function MediaPreviewDialog({
 }
 // src/MediaBin.tsx
-import { Fragment as Fragment29, jsx as jsx90, jsxs as jsxs73 } from "react/jsx-runtime";
+import { Fragment as Fragment29, jsx as jsx91, jsxs as jsxs73 } from "react/jsx-runtime";
 function formatSize(bytes) {
   if (bytes < 1024) return `${bytes} B`;
   if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
@@ -43634,8 +43657,8 @@ function MediaBin({
                   "aria-haspopup": "dialog",
                   "aria-expanded": isRecorderOpen,
                   children: [
-                    /* @__PURE__ */ jsx90("span", { className: "squisq-media-bin-action-icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx90("span", { className: "squisq-media-bin-record-dot" }) }),
-                    /* @__PURE__ */ jsx90("span", { children: "Record" })
+                    /* @__PURE__ */ jsx91("span", { className: "squisq-media-bin-action-icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx91("span", { className: "squisq-media-bin-record-dot" }) }),
+                    /* @__PURE__ */ jsx91("span", { children: "Record" })
                   ]
                 }
               ),
@@ -43648,8 +43671,8 @@ function MediaBin({
                   disabled: !mediaProvider || loading,
                   title: mediaProvider ? "Upload files" : "Load a content zip or select a storage slot first",
                   children: [
-                    /* @__PURE__ */ jsx90("span", { className: "squisq-media-bin-action-icon", children: "+" }),
-                    /* @__PURE__ */ jsx90("span", { children: "Upload" })
+                    /* @__PURE__ */ jsx91("span", { className: "squisq-media-bin-action-icon", children: "+" }),
+                    /* @__PURE__ */ jsx91("span", { children: "Upload" })
                   ]
                 }
               )
@@ -43658,10 +43681,10 @@ function MediaBin({
           /* @__PURE__ */ jsxs73("div", { className: "squisq-media-bin-list", ref: listRef, children: [
             !mediaProvider && /* @__PURE__ */ jsxs73("div", { className: "squisq-media-bin-empty", children: [
               "No media context.",
-              /* @__PURE__ */ jsx90("br", {}),
+              /* @__PURE__ */ jsx91("br", {}),
               "Load a content zip or select a storage slot."
             ] }),
-            mediaProvider && entries.length === 0 && !loading && /* @__PURE__ */ jsx90("div", { className: "squisq-media-bin-empty", children: "No files yet." }),
+            mediaProvider && entries.length === 0 && !loading && /* @__PURE__ */ jsx91("div", { className: "squisq-media-bin-empty", children: "No files yet." }),
             entries.map((entry) => {
               const thumb = thumbUrls[entry.name];
               const basename = basenameForPath(entry.name);
@@ -43700,7 +43723,7 @@ ${formatSize(entry.size)}`,
                   onDragStart: handleDragStart,
                   onKeyDown: (e2) => handleItemKeyDown(entry, e2),
                   children: [
-                    thumb ? /* @__PURE__ */ jsx90(
+                    thumb ? /* @__PURE__ */ jsx91(
                       "img",
                       {
                         src: thumb,
@@ -43708,15 +43731,15 @@ ${formatSize(entry.size)}`,
                         className: "squisq-media-bin-thumb",
                         draggable: false
                       }
-                    ) : /* @__PURE__ */ jsx90("span", { className: "squisq-media-bin-icon", children: iconForMime(entry.mimeType) }),
+                    ) : /* @__PURE__ */ jsx91("span", { className: "squisq-media-bin-icon", children: iconForMime(entry.mimeType) }),
                     /* @__PURE__ */ jsxs73("div", { className: "squisq-media-bin-meta", children: [
-                      /* @__PURE__ */ jsx90("div", { className: "squisq-media-bin-name", children: basename }),
+                      /* @__PURE__ */ jsx91("div", { className: "squisq-media-bin-name", children: basename }),
                       /* @__PURE__ */ jsxs73("div", { className: "squisq-media-bin-detail-row", children: [
-                        /* @__PURE__ */ jsx90("span", { className: "squisq-media-bin-size", children: formatSize(entry.size) }),
-                        isUnused && /* @__PURE__ */ jsx90("span", { className: "squisq-media-bin-unused-badge", title: "Not used in document", children: "Unused" })
+                        /* @__PURE__ */ jsx91("span", { className: "squisq-media-bin-size", children: formatSize(entry.size) }),
+                        isUnused && /* @__PURE__ */ jsx91("span", { className: "squisq-media-bin-unused-badge", title: "Not used in document", children: "Unused" })
                       ] })
                     ] }),
-                    allowBinaryDownloads && /* @__PURE__ */ jsx90(
+                    allowBinaryDownloads && /* @__PURE__ */ jsx91(
                       "button",
                       {
                         type: "button",
@@ -43730,7 +43753,7 @@ ${formatSize(entry.size)}`,
                           void handleDownloadEntry(entry);
                         },
                         onDragStart: (event) => event.preventDefault(),
-                        children: /* @__PURE__ */ jsx90("span", { "aria-hidden": "true", children: downloadingPath === entry.name ? "\u2026" : "\u2193" })
+                        children: /* @__PURE__ */ jsx91("span", { "aria-hidden": "true", children: downloadingPath === entry.name ? "\u2026" : "\u2193" })
                       }
                     )
                   ]
@@ -43740,11 +43763,11 @@ ${formatSize(entry.size)}`,
             })
           ] }),
           isDropActive && /* @__PURE__ */ jsxs73("div", { className: "squisq-media-bin-drop-target", "aria-hidden": "true", children: [
-            /* @__PURE__ */ jsx90("span", { className: "squisq-media-bin-drop-target-icon", children: "+" }),
-            /* @__PURE__ */ jsx90("strong", { children: "Drop media here" }),
-            /* @__PURE__ */ jsx90("span", { children: "Attach to this document" })
+            /* @__PURE__ */ jsx91("span", { className: "squisq-media-bin-drop-target-icon", children: "+" }),
+            /* @__PURE__ */ jsx91("strong", { children: "Drop media here" }),
+            /* @__PURE__ */ jsx91("span", { children: "Attach to this document" })
           ] }),
-          contextMenu && /* @__PURE__ */ jsx90(
+          contextMenu && /* @__PURE__ */ jsx91(
             "div",
             {
               ref: contextMenuRef,
@@ -43752,7 +43775,7 @@ ${formatSize(entry.size)}`,
               role: "menu",
               "aria-label": `${contextMenu.entry.name} actions`,
               style: contextMenuStyle,
-              children: /* @__PURE__ */ jsx90(
+              children: /* @__PURE__ */ jsx91(
                 "button",
                 {
                   type: "button",
@@ -43765,7 +43788,7 @@ ${formatSize(entry.size)}`,
               )
             }
           ),
-          /* @__PURE__ */ jsx90(
+          /* @__PURE__ */ jsx91(
             "input",
             {
               ref: fileInputRef,
@@ -43778,7 +43801,7 @@ ${formatSize(entry.size)}`,
         ]
       }
     ),
-    preview && previewKind !== "file" && /* @__PURE__ */ jsx90(
+    preview && previewKind !== "file" && /* @__PURE__ */ jsx91(
       MediaPreviewDialog,
       {
         kind: previewKind,
@@ -43795,7 +43818,7 @@ ${formatSize(entry.size)}`,
 // src/DropZoneOverlay.tsx
 import { useState as useState83 } from "react";
-import { Fragment as Fragment30, jsx as jsx91, jsxs as jsxs74 } from "react/jsx-runtime";
+import { Fragment as Fragment30, jsx as jsx92, jsxs as jsxs74 } from "react/jsx-runtime";
 function DropZoneOverlay({
   dragContentType,
   zoneProps,
@@ -43803,8 +43826,8 @@ function DropZoneOverlay({
 }) {
   const showMedia = dragContentType === "media" || dragContentType === "mixed";
   const showText = dragContentType === "text" || dragContentType === "mixed";
-  return /* @__PURE__ */ jsx91("div", { className: "squisq-drop-overlay", children: /* @__PURE__ */ jsxs74("div", { className: "squisq-drop-overlay-inner", children: [
-    showMedia && /* @__PURE__ */ jsx91(
+  return /* @__PURE__ */ jsx92("div", { className: "squisq-drop-overlay", children: /* @__PURE__ */ jsxs74("div", { className: "squisq-drop-overlay-inner", children: [
+    showMedia && /* @__PURE__ */ jsx92(
       DropZone,
       {
         target: "media",
@@ -43817,7 +43840,7 @@ function DropZoneOverlay({
       }
     ),
     showText && /* @__PURE__ */ jsxs74(Fragment30, { children: [
-      /* @__PURE__ */ jsx91(
+      /* @__PURE__ */ jsx92(
         DropZone,
         {
           target: "insert",
@@ -43828,7 +43851,7 @@ function DropZoneOverlay({
           variant: "insert"
         }
       ),
-      /* @__PURE__ */ jsx91(
+      /* @__PURE__ */ jsx92(
         DropZone,
         {
           target: "replace",
@@ -43886,9 +43909,9 @@ function DropZone({
         props.onDrop(e2);
       },
       children: [
-        /* @__PURE__ */ jsx91("span", { className: "squisq-drop-zone-icon", children: icon }),
-        /* @__PURE__ */ jsx91("span", { className: "squisq-drop-zone-label", children: label }),
-        /* @__PURE__ */ jsx91("span", { className: "squisq-drop-zone-desc", children: description })
+        /* @__PURE__ */ jsx92("span", { className: "squisq-drop-zone-icon", children: icon }),
+        /* @__PURE__ */ jsx92("span", { className: "squisq-drop-zone-label", children: label }),
+        /* @__PURE__ */ jsx92("span", { className: "squisq-drop-zone-desc", children: description })
       ]
     }
   );
@@ -43908,7 +43931,7 @@ function clampTooltipLeft(anchorX, tooltipWidth, viewportWidth, edgePadding = ED
 }
 // src/Tooltip.tsx
-import { jsx as jsx92 } from "react/jsx-runtime";
+import { jsx as jsx93 } from "react/jsx-runtime";
 var SHOW_DELAY_MS = 180;
 function TooltipLayer() {
   const [state, setState3] = useState84(null);
@@ -44011,7 +44034,7 @@ function TooltipLayer() {
   }, []);
   if (!state) return null;
   return createPortal19(
-    /* @__PURE__ */ jsx92(
+    /* @__PURE__ */ jsx93(
       "div",
       {
         role: "tooltip",
@@ -44035,14 +44058,14 @@ import { useEffect as useEffect80, useRef as useRef75, useState as useState91, u
 // src/BlockPreviewPanel.tsx
 import { useMemo as useMemo58 } from "react";
-import { VIEWPORT_PRESETS as VIEWPORT_PRESETS7 } from "@bendyline/squisq/schemas";
+import { VIEWPORT_PRESETS as VIEWPORT_PRESETS8 } from "@bendyline/squisq/schemas";
 import { flattenBlocks as flattenBlocks6, DEFAULT_THEME as DEFAULT_THEME7 } from "@bendyline/squisq/doc";
-import { jsx as jsx93 } from "react/jsx-runtime";
+import { jsx as jsx94 } from "react/jsx-runtime";
 function BlockPreviewPanel({ basePath = "/" }) {
   const { doc, activeBlockStartLine, mediaProvider, workspaceContainer, fileName, mediaRevision } = useEditorContext();
   const previewSettings = usePreviewSettingsOptional();
   const theme = previewSettings?.activeTheme ?? DEFAULT_THEME7;
-  const viewport = previewSettings?.activeViewport ?? VIEWPORT_PRESETS7.landscape;
+  const viewport = previewSettings?.activeViewport ?? VIEWPORT_PRESETS8.landscape;
   const projection = usePreviewProjection(doc, "", workspaceContainer, fileName, mediaRevision);
   const previewDoc = projection?.contentDoc ?? doc;
   const block = useMemo58(() => {
@@ -44056,12 +44079,12 @@ function BlockPreviewPanel({ basePath = "/" }) {
     [previewDoc, block, theme, viewport]
   );
   if (!visual) return null;
-  return /* @__PURE__ */ jsx93("div", { className: "squisq-block-preview-panel", "data-testid": "block-preview-panel", "aria-hidden": true, children: /* @__PURE__ */ jsx93(
+  return /* @__PURE__ */ jsx94("div", { className: "squisq-block-preview-panel", "data-testid": "block-preview-panel", "aria-hidden": true, children: /* @__PURE__ */ jsx94(
     "div",
     {
       className: "squisq-block-preview-frame",
       style: { aspectRatio: `${viewport.width} / ${viewport.height}` },
-      children: /* @__PURE__ */ jsx93(
+      children: /* @__PURE__ */ jsx94(
         BlockThumbnail,
         {
           visual,
@@ -44079,13 +44102,13 @@ import { useCallback as useCallback57, useEffect as useEffect75, useId as useId1
 // src/BlockPreviewList.tsx
 import { useCallback as useCallback56, useRef as useRef67 } from "react";
-import { VIEWPORT_PRESETS as VIEWPORT_PRESETS8 } from "@bendyline/squisq/schemas";
+import { VIEWPORT_PRESETS as VIEWPORT_PRESETS9 } from "@bendyline/squisq/schemas";
 import { flattenBlocks as flattenBlocks7 } from "@bendyline/squisq/doc";
-import { BlockRenderer as BlockRenderer5, MediaContext as MediaContext6 } from "@bendyline/squisq-react";
-import { Fragment as Fragment31, jsx as jsx94, jsxs as jsxs75 } from "react/jsx-runtime";
+import { BlockRenderer as BlockRenderer6, MediaContext as MediaContext7 } from "@bendyline/squisq-react";
+import { Fragment as Fragment31, jsx as jsx95, jsxs as jsxs75 } from "react/jsx-runtime";
 function BlockPreviewList({
   basePath = "/",
-  viewport = VIEWPORT_PRESETS8.landscape,
+  viewport = VIEWPORT_PRESETS9.landscape,
   mediaProvider = null,
   onNavigate
 }) {
@@ -44118,9 +44141,9 @@ function BlockPreviewList({
     [activeView, doc, goToBlockByLine, layoutMode, monacoEditor, onNavigate]
   );
   if (items.length === 0) {
-    return /* @__PURE__ */ jsx94("div", { className: "squisq-preview-list-empty", children: /* @__PURE__ */ jsx94("p", { children: "Add some content to see block previews." }) });
+    return /* @__PURE__ */ jsx95("div", { className: "squisq-preview-list-empty", children: /* @__PURE__ */ jsx95("p", { children: "Add some content to see block previews." }) });
   }
-  return /* @__PURE__ */ jsx94(MediaContext6.Provider, { value: mediaProvider, children: /* @__PURE__ */ jsx94("ul", { ref: listRef, className: "squisq-preview-list", "aria-label": "Block previews", children: items.map((item) => /* @__PURE__ */ jsx94("li", { children: /* @__PURE__ */ jsxs75(
+  return /* @__PURE__ */ jsx95(MediaContext7.Provider, { value: mediaProvider, children: /* @__PURE__ */ jsx95("ul", { ref: listRef, className: "squisq-preview-list", "aria-label": "Block previews", children: items.map((item) => /* @__PURE__ */ jsx95("li", { children: /* @__PURE__ */ jsxs75(
     "button",
     {
       type: "button",
@@ -44129,20 +44152,20 @@ function BlockPreviewList({
       onClick: () => handleSelect(item),
       children: [
         /* @__PURE__ */ jsxs75("span", { className: "squisq-inline-preview-card-label", children: [
-          /* @__PURE__ */ jsx94("span", { className: "squisq-inline-preview-card-template", children: templateLabel(item.template) }),
+          /* @__PURE__ */ jsx95("span", { className: "squisq-inline-preview-card-template", children: templateLabel(item.template) }),
           item.headingText && /* @__PURE__ */ jsxs75(Fragment31, { children: [
-            /* @__PURE__ */ jsx94("span", { className: "squisq-inline-preview-card-sep", "aria-hidden": "true", children: "\u2014" }),
-            /* @__PURE__ */ jsx94("span", { className: "squisq-inline-preview-card-title", children: item.headingText })
+            /* @__PURE__ */ jsx95("span", { className: "squisq-inline-preview-card-sep", "aria-hidden": "true", children: "\u2014" }),
+            /* @__PURE__ */ jsx95("span", { className: "squisq-inline-preview-card-title", children: item.headingText })
           ] })
         ] }),
-        /* @__PURE__ */ jsx94(
+        /* @__PURE__ */ jsx95(
           "span",
           {
             className: "squisq-inline-preview-card-svg",
             "aria-hidden": "true",
             style: { aspectRatio: `${viewport.width} / ${viewport.height}` },
-            children: /* @__PURE__ */ jsx94(
-              BlockRenderer5,
+            children: /* @__PURE__ */ jsx95(
+              BlockRenderer6,
               {
                 block: item.block,
                 buildPlayback: "all",
@@ -44282,7 +44305,7 @@ function useNavigationSheetSwipe({
 }
 // src/NavigationSheet.tsx
-import { Fragment as Fragment32, jsx as jsx95, jsxs as jsxs76 } from "react/jsx-runtime";
+import { Fragment as Fragment32, jsx as jsx96, jsxs as jsxs76 } from "react/jsx-runtime";
 var PANEL_LABELS = {
   outline: "Outline",
   previews: "Block previews"
@@ -44363,8 +44386,8 @@ function NavigationSheet({
       "data-state": open ? "open" : dragPanel ? "dragging" : "closed",
       "data-testid": "navigation-sheet",
       children: [
-        /* @__PURE__ */ jsx95("div", { ref: scrimRef, className: "squisq-navigation-sheet-scrim", onClick: close }),
-        /* @__PURE__ */ jsx95(
+        /* @__PURE__ */ jsx96("div", { ref: scrimRef, className: "squisq-navigation-sheet-scrim", onClick: close }),
+        /* @__PURE__ */ jsx96(
           "div",
           {
             ref: panelRef,
@@ -44374,7 +44397,7 @@ function NavigationSheet({
             tabIndex: -1,
             children: content && /* @__PURE__ */ jsxs76(Fragment32, { children: [
               /* @__PURE__ */ jsxs76("div", { className: "squisq-navigation-sheet-header", children: [
-                /* @__PURE__ */ jsx95("div", { className: "squisq-navigation-sheet-tabs", role: "tablist", children: PANELS.map((option) => /* @__PURE__ */ jsx95(
+                /* @__PURE__ */ jsx96("div", { className: "squisq-navigation-sheet-tabs", role: "tablist", children: PANELS.map((option) => /* @__PURE__ */ jsx96(
                   "button",
                   {
                     type: "button",
@@ -44388,25 +44411,25 @@ function NavigationSheet({
                   },
                   option
                 )) }),
-                /* @__PURE__ */ jsx95(
+                /* @__PURE__ */ jsx96(
                   "button",
                   {
                     type: "button",
                     className: "squisq-navigation-sheet-close",
                     "aria-label": "Close",
                     onClick: close,
-                    children: /* @__PURE__ */ jsx95(Icon, { icon: "xmark" })
+                    children: /* @__PURE__ */ jsx96(Icon, { icon: "xmark" })
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsx95(
+              /* @__PURE__ */ jsx96(
                 "div",
                 {
                   id: `${tabIdPrefix}-body`,
                   className: "squisq-navigation-sheet-body",
                   role: "tabpanel",
                   "aria-labelledby": `${tabIdPrefix}-${content}`,
-                  children: content === "outline" ? /* @__PURE__ */ jsx95(OutlinePanel, { presentation: "sheet", readOnly, onNavigate: close }) : /* @__PURE__ */ jsx95(
+                  children: content === "outline" ? /* @__PURE__ */ jsx96(OutlinePanel, { presentation: "sheet", readOnly, onNavigate: close }) : /* @__PURE__ */ jsx96(
                     BlockPreviewList,
                     {
                       basePath,
@@ -44425,7 +44448,7 @@ function NavigationSheet({
 }
 // src/proofing/ProofingPanel.tsx
-import { jsx as jsx96, jsxs as jsxs77 } from "react/jsx-runtime";
+import { jsx as jsx97, jsxs as jsxs77 } from "react/jsx-runtime";
 var CATEGORY_LABELS = {
   spelling: "Spelling",
   grammar: "Grammar",
@@ -44439,10 +44462,10 @@ function ProofingPanel() {
     /* @__PURE__ */ jsxs77("div", { className: "squisq-proof-panel-header", children: [
       /* @__PURE__ */ jsxs77("span", { className: "squisq-proof-panel-title", children: [
         "Proofing",
-        /* @__PURE__ */ jsx96("span", { className: "squisq-proof-panel-count", children: findings.length })
+        /* @__PURE__ */ jsx97("span", { className: "squisq-proof-panel-count", children: findings.length })
       ] }),
       /* @__PURE__ */ jsxs77("span", { className: "squisq-proof-panel-actions", children: [
-        /* @__PURE__ */ jsx96(
+        /* @__PURE__ */ jsx97(
           "button",
           {
             type: "button",
@@ -44454,7 +44477,7 @@ function ProofingPanel() {
             children: "\u2191"
           }
         ),
-        /* @__PURE__ */ jsx96(
+        /* @__PURE__ */ jsx97(
           "button",
           {
             type: "button",
@@ -44466,7 +44489,7 @@ function ProofingPanel() {
             children: "\u2193"
           }
         ),
-        /* @__PURE__ */ jsx96(
+        /* @__PURE__ */ jsx97(
           "button",
           {
             type: "button",
@@ -44479,20 +44502,20 @@ function ProofingPanel() {
         )
       ] })
     ] }),
-    state.status === "loading" && /* @__PURE__ */ jsx96("div", { className: "squisq-proof-panel-empty", children: "Loading proofing engine\u2026" }),
+    state.status === "loading" && /* @__PURE__ */ jsx97("div", { className: "squisq-proof-panel-empty", children: "Loading proofing engine\u2026" }),
     state.status === "error" && /* @__PURE__ */ jsxs77("div", { className: "squisq-proof-panel-empty", children: [
       "Proofing failed to load.",
-      /* @__PURE__ */ jsx96("button", { type: "button", className: "squisq-proof-panel-retry", onClick: state.retrySetup, children: "Retry" })
+      /* @__PURE__ */ jsx97("button", { type: "button", className: "squisq-proof-panel-retry", onClick: state.retrySetup, children: "Retry" })
     ] }),
-    state.status === "ready" && findings.length === 0 && /* @__PURE__ */ jsx96("div", { className: "squisq-proof-panel-empty", children: "No issues found." }),
-    /* @__PURE__ */ jsx96("ul", { className: "squisq-proof-panel-list", children: findings.map((finding) => /* @__PURE__ */ jsx96("li", { children: /* @__PURE__ */ jsxs77(
+    state.status === "ready" && findings.length === 0 && /* @__PURE__ */ jsx97("div", { className: "squisq-proof-panel-empty", children: "No issues found." }),
+    /* @__PURE__ */ jsx97("ul", { className: "squisq-proof-panel-list", children: findings.map((finding) => /* @__PURE__ */ jsx97("li", { children: /* @__PURE__ */ jsxs77(
       "button",
       {
         type: "button",
         className: finding.id === activeFindingId ? "squisq-proof-panel-row squisq-proof-panel-row--active" : "squisq-proof-panel-row",
         onClick: () => state.selectFinding(finding.id),
         children: [
-          /* @__PURE__ */ jsx96(
+          /* @__PURE__ */ jsx97(
             "span",
             {
               className: `squisq-proof-dot squisq-proof-dot--${finding.category}`,
@@ -44501,8 +44524,8 @@ function ProofingPanel() {
             }
           ),
           /* @__PURE__ */ jsxs77("span", { className: "squisq-proof-panel-row-body", children: [
-            /* @__PURE__ */ jsx96("span", { className: "squisq-proof-panel-excerpt", children: finding.originalText }),
-            /* @__PURE__ */ jsx96("span", { className: "squisq-proof-panel-message", children: proofMessageText(finding) })
+            /* @__PURE__ */ jsx97("span", { className: "squisq-proof-panel-excerpt", children: finding.originalText }),
+            /* @__PURE__ */ jsx97("span", { className: "squisq-proof-panel-message", children: proofMessageText(finding) })
           ] })
         ]
       }
@@ -44517,7 +44540,7 @@ import {
   MemoryContentContainer,
   scopeContainer
 } from "@bendyline/squisq/storage";
-import { jsx as jsx97, jsxs as jsxs78 } from "react/jsx-runtime";
+import { jsx as jsx98, jsxs as jsxs78 } from "react/jsx-runtime";
 function ImageEditModal({
   relativePath,
   container,
@@ -44576,7 +44599,7 @@ function ImageEditModal({
     },
     [mediaProvider, relativePath, onSaved]
   );
-  return /* @__PURE__ */ jsx97(
+  return /* @__PURE__ */ jsx98(
     "div",
     {
       ref: modalRef,
@@ -44590,9 +44613,9 @@ function ImageEditModal({
       },
       children: /* @__PURE__ */ jsxs78("div", { ref: surfaceRef, className: "squisq-image-edit-modal__surface", children: [
         /* @__PURE__ */ jsxs78("header", { className: "squisq-image-edit-modal__header", children: [
-          /* @__PURE__ */ jsx97("span", { className: "squisq-image-edit-modal__title", children: "Edit image" }),
-          /* @__PURE__ */ jsx97("span", { className: "squisq-image-edit-modal__path", children: relativePath }),
-          /* @__PURE__ */ jsx97(
+          /* @__PURE__ */ jsx98("span", { className: "squisq-image-edit-modal__title", children: "Edit image" }),
+          /* @__PURE__ */ jsx98("span", { className: "squisq-image-edit-modal__path", children: relativePath }),
+          /* @__PURE__ */ jsx98(
             "button",
             {
               type: "button",
@@ -44604,10 +44627,10 @@ function ImageEditModal({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx97("div", { className: "squisq-image-edit-modal__body", children: resolveError ? /* @__PURE__ */ jsxs78("div", { className: "squisq-image-edit-modal__error", children: [
+        /* @__PURE__ */ jsx98("div", { className: "squisq-image-edit-modal__body", children: resolveError ? /* @__PURE__ */ jsxs78("div", { className: "squisq-image-edit-modal__error", children: [
           "Failed to load image: ",
           resolveError
-        ] }) : !saveFormat ? /* @__PURE__ */ jsx97("div", { className: "squisq-image-edit-modal__error", children: "Editing supports PNG, JPEG, and WebP images without changing the asset type." }) : !initialSrc ? /* @__PURE__ */ jsx97("div", { className: "squisq-image-edit-modal__loading", children: "Loading image\u2026" }) : /* @__PURE__ */ jsx97(
+        ] }) : !saveFormat ? /* @__PURE__ */ jsx98("div", { className: "squisq-image-edit-modal__error", children: "Editing supports PNG, JPEG, and WebP images without changing the asset type." }) : !initialSrc ? /* @__PURE__ */ jsx98("div", { className: "squisq-image-edit-modal__loading", children: "Loading image\u2026" }) : /* @__PURE__ */ jsx98(
           ImageEditor,
           {
             filesContainer: sidecar,
@@ -44778,7 +44801,7 @@ function centeredCrop(ratio, frameWidth, frameHeight) {
 }
 // src/mediaEdit/MediaEditAudioSection.tsx
-import { Fragment as Fragment33, jsx as jsx98, jsxs as jsxs79 } from "react/jsx-runtime";
+import { Fragment as Fragment33, jsx as jsx99, jsxs as jsxs79 } from "react/jsx-runtime";
 var STAGES = [
   {
     id: "highpass",
@@ -44924,26 +44947,26 @@ function usePreviewPlayer(preview) {
   return { playing, play, stop, seek, position, duration };
 }
 function PlayIcon() {
-  return /* @__PURE__ */ jsx98(
+  return /* @__PURE__ */ jsx99(
     "svg",
     {
       className: "squisq-media-edit-icon",
       viewBox: "0 0 10 10",
       "aria-hidden": "true",
       focusable: "false",
-      children: /* @__PURE__ */ jsx98("path", { d: "M2 1 9 5 2 9Z" })
+      children: /* @__PURE__ */ jsx99("path", { d: "M2 1 9 5 2 9Z" })
     }
   );
 }
 function StopIcon() {
-  return /* @__PURE__ */ jsx98(
+  return /* @__PURE__ */ jsx99(
     "svg",
     {
       className: "squisq-media-edit-icon",
       viewBox: "0 0 10 10",
       "aria-hidden": "true",
       focusable: "false",
-      children: /* @__PURE__ */ jsx98("rect", { x: "1.5", y: "1.5", width: "7", height: "7", rx: "1" })
+      children: /* @__PURE__ */ jsx99("rect", { x: "1.5", y: "1.5", width: "7", height: "7", rx: "1" })
     }
   );
 }
@@ -44995,11 +45018,11 @@ function MediaEditAudioSection({
   }, [draftFx.ops.length, manager, item.src, knownFx, previewFrom]);
   return /* @__PURE__ */ jsxs79("div", { className: "squisq-media-edit-section", children: [
     /* @__PURE__ */ jsxs79("div", { className: "squisq-media-edit-presets", role: "group", "aria-label": "Presets", children: [
-      /* @__PURE__ */ jsx98("button", { type: "button", onClick: () => onChange({ ...draft, fx: presetFx("voice") }), children: "Clean up voice" }),
-      /* @__PURE__ */ jsx98("button", { type: "button", onClick: () => onChange({ ...draft, fx: presetFx("levels") }), children: "Levels only" }),
-      /* @__PURE__ */ jsx98("button", { type: "button", onClick: () => onChange({ ...draft, fx: presetFx("none") }), children: "None" })
+      /* @__PURE__ */ jsx99("button", { type: "button", onClick: () => onChange({ ...draft, fx: presetFx("voice") }), children: "Clean up voice" }),
+      /* @__PURE__ */ jsx99("button", { type: "button", onClick: () => onChange({ ...draft, fx: presetFx("levels") }), children: "Levels only" }),
+      /* @__PURE__ */ jsx99("button", { type: "button", onClick: () => onChange({ ...draft, fx: presetFx("none") }), children: "None" })
     ] }),
-    /* @__PURE__ */ jsx98("ul", { className: "squisq-media-edit-stages", children: STAGES.map((stage) => {
+    /* @__PURE__ */ jsx99("ul", { className: "squisq-media-edit-stages", children: STAGES.map((stage) => {
       const s = draft.fx[stage.id];
       const inputId = `${idPrefix}-${stage.id}`;
       return /* @__PURE__ */ jsxs79(
@@ -45009,7 +45032,7 @@ function MediaEditAudioSection({
           "data-enabled": s.enabled ? "true" : "false",
           children: [
             /* @__PURE__ */ jsxs79("label", { className: "squisq-media-edit-stage__toggle", children: [
-              /* @__PURE__ */ jsx98(
+              /* @__PURE__ */ jsx99(
                 "input",
                 {
                   type: "checkbox",
@@ -45017,9 +45040,9 @@ function MediaEditAudioSection({
                   onChange: (e2) => setStage(stage.id, { enabled: e2.target.checked })
                 }
               ),
-              /* @__PURE__ */ jsx98("span", { className: "squisq-media-edit-stage__label", children: stage.label })
+              /* @__PURE__ */ jsx99("span", { className: "squisq-media-edit-stage__label", children: stage.label })
             ] }),
-            /* @__PURE__ */ jsx98(
+            /* @__PURE__ */ jsx99(
               "input",
               {
                 id: inputId,
@@ -45035,9 +45058,9 @@ function MediaEditAudioSection({
                 onChange: (e2) => setStage(stage.id, { value: stage.toValue(Number(e2.target.value)) })
               }
             ),
-            /* @__PURE__ */ jsx98("output", { className: "squisq-media-edit-stage__value", htmlFor: inputId, children: stage.format(s.value) }),
-            /* @__PURE__ */ jsx98("p", { className: "squisq-media-edit-stage__hint", children: stage.hint }),
-            stage.id === "loudness" && s.enabled && /* @__PURE__ */ jsx98("div", { className: "squisq-media-edit-chips", role: "group", "aria-label": "Targets", children: LOUDNESS_PRESETS.map((preset) => /* @__PURE__ */ jsxs79(
+            /* @__PURE__ */ jsx99("output", { className: "squisq-media-edit-stage__value", htmlFor: inputId, children: stage.format(s.value) }),
+            /* @__PURE__ */ jsx99("p", { className: "squisq-media-edit-stage__hint", children: stage.hint }),
+            stage.id === "loudness" && s.enabled && /* @__PURE__ */ jsx99("div", { className: "squisq-media-edit-chips", role: "group", "aria-label": "Targets", children: LOUDNESS_PRESETS.map((preset) => /* @__PURE__ */ jsxs79(
               "button",
               {
                 type: "button",
@@ -45064,7 +45087,7 @@ function MediaEditAudioSection({
           previewFrom.toFixed(0),
           " s"
         ] }),
-        /* @__PURE__ */ jsx98(
+        /* @__PURE__ */ jsx99(
           "input",
           {
             type: "range",
@@ -45076,7 +45099,7 @@ function MediaEditAudioSection({
           }
         )
       ] }),
-      /* @__PURE__ */ jsx98("div", { className: "squisq-media-edit-preview__actions", children: /* @__PURE__ */ jsx98(
+      /* @__PURE__ */ jsx99("div", { className: "squisq-media-edit-preview__actions", children: /* @__PURE__ */ jsx99(
         "button",
         {
           type: "button",
@@ -45087,8 +45110,8 @@ function MediaEditAudioSection({
       ) }),
       preview != null && player.duration > 0 && /* @__PURE__ */ jsxs79(Fragment33, { children: [
         /* @__PURE__ */ jsxs79("div", { className: "squisq-media-edit-playback", "data-playing": player.playing ?? void 0, children: [
-          /* @__PURE__ */ jsx98("span", { className: "squisq-media-edit-playback__label", children: player.playing ? `${player.playing === "original" ? "Original" : "Processed"} from ${Math.round(preview.startSec)} s` : "Stopped" }),
-          /* @__PURE__ */ jsx98(
+          /* @__PURE__ */ jsx99("span", { className: "squisq-media-edit-playback__label", children: player.playing ? `${player.playing === "original" ? "Original" : "Processed"} from ${Math.round(preview.startSec)} s` : "Stopped" }),
+          /* @__PURE__ */ jsx99(
             "input",
             {
               type: "range",
@@ -45117,7 +45140,7 @@ function MediaEditAudioSection({
               disabled: previewing,
               onClick: () => player.play("original"),
               children: [
-                /* @__PURE__ */ jsx98(PlayIcon, {}),
+                /* @__PURE__ */ jsx99(PlayIcon, {}),
                 "Original"
               ]
             }
@@ -45130,26 +45153,26 @@ function MediaEditAudioSection({
               disabled: previewing,
               onClick: () => player.play("processed"),
               children: [
-                /* @__PURE__ */ jsx98(PlayIcon, {}),
+                /* @__PURE__ */ jsx99(PlayIcon, {}),
                 "Processed"
               ]
             }
           ),
           /* @__PURE__ */ jsxs79("button", { type: "button", disabled: !player.playing, onClick: player.stop, children: [
-            /* @__PURE__ */ jsx98(StopIcon, {}),
+            /* @__PURE__ */ jsx99(StopIcon, {}),
             "Stop"
           ] })
         ] })
       ] }),
-      preview != null && previewedFx !== knownFx && /* @__PURE__ */ jsx98("p", { className: "squisq-media-edit-note", children: "Settings changed \u2014 update the preview to hear them." }),
-      previewError && /* @__PURE__ */ jsx98("p", { className: "squisq-media-edit-note squisq-media-edit-note--error", role: "alert", children: previewError })
+      preview != null && previewedFx !== knownFx && /* @__PURE__ */ jsx99("p", { className: "squisq-media-edit-note", children: "Settings changed \u2014 update the preview to hear them." }),
+      previewError && /* @__PURE__ */ jsx99("p", { className: "squisq-media-edit-note squisq-media-edit-note--error", role: "alert", children: previewError })
     ] })
   ] });
 }
 // src/mediaEdit/MediaEditTimingSection.tsx
 import { useCallback as useCallback60, useEffect as useEffect78, useRef as useRef72, useState as useState88 } from "react";
-import { jsx as jsx99, jsxs as jsxs80 } from "react/jsx-runtime";
+import { jsx as jsx100, jsxs as jsxs80 } from "react/jsx-runtime";
 var DEFAULT_MAX_PAUSE = 0.8;
 function formatDb(value) {
   if (value === 0) return "0 dB";
@@ -45192,8 +45215,8 @@ function MediaEditTimingSection({
   const saved = cutSeconds(draft.cuts);
   return /* @__PURE__ */ jsxs80("div", { className: "squisq-media-edit-section", children: [
     /* @__PURE__ */ jsxs80("div", { className: "squisq-media-edit-row", children: [
-      /* @__PURE__ */ jsx99("label", { className: "squisq-media-edit-row__label", htmlFor: `${idPrefix}-pause`, children: "Shorten pauses longer than" }),
-      /* @__PURE__ */ jsx99(
+      /* @__PURE__ */ jsx100("label", { className: "squisq-media-edit-row__label", htmlFor: `${idPrefix}-pause`, children: "Shorten pauses longer than" }),
+      /* @__PURE__ */ jsx100(
         "input",
         {
           id: `${idPrefix}-pause`,
@@ -45212,8 +45235,8 @@ function MediaEditTimingSection({
       ] })
     ] }),
     /* @__PURE__ */ jsxs80("div", { className: "squisq-media-edit-preview__actions", children: [
-      /* @__PURE__ */ jsx99("button", { type: "button", onClick: findPauses, disabled: finding, children: finding ? "Finding pauses\u2026" : "Find pauses" }),
-      /* @__PURE__ */ jsx99(
+      /* @__PURE__ */ jsx100("button", { type: "button", onClick: findPauses, disabled: finding, children: finding ? "Finding pauses\u2026" : "Find pauses" }),
+      /* @__PURE__ */ jsx100(
         "button",
         {
           type: "button",
@@ -45223,11 +45246,11 @@ function MediaEditTimingSection({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx99("p", { className: "squisq-media-edit-note", role: "status", "aria-live": "polite", children: draft.cuts.length === 0 ? "No pauses shortened." : `${draft.cuts.length} ${draft.cuts.length === 1 ? "pause" : "pauses"} shortened, saving ${formatClock6(saved)}.` }),
-    error && /* @__PURE__ */ jsx99("p", { className: "squisq-media-edit-note squisq-media-edit-note--error", role: "alert", children: error }),
+    /* @__PURE__ */ jsx100("p", { className: "squisq-media-edit-note", role: "status", "aria-live": "polite", children: draft.cuts.length === 0 ? "No pauses shortened." : `${draft.cuts.length} ${draft.cuts.length === 1 ? "pause" : "pauses"} shortened, saving ${formatClock6(saved)}.` }),
+    error && /* @__PURE__ */ jsx100("p", { className: "squisq-media-edit-note squisq-media-edit-note--error", role: "alert", children: error }),
     /* @__PURE__ */ jsxs80("div", { className: "squisq-media-edit-row", children: [
-      /* @__PURE__ */ jsx99("label", { className: "squisq-media-edit-row__label", htmlFor: `${idPrefix}-gain`, children: "Volume" }),
-      /* @__PURE__ */ jsx99(
+      /* @__PURE__ */ jsx100("label", { className: "squisq-media-edit-row__label", htmlFor: `${idPrefix}-gain`, children: "Volume" }),
+      /* @__PURE__ */ jsx100(
         "input",
         {
           id: `${idPrefix}-gain`,
@@ -45240,11 +45263,11 @@ function MediaEditTimingSection({
           onChange: (e2) => onChange({ ...draft, gain: Number(e2.target.value) })
         }
       ),
-      /* @__PURE__ */ jsx99("output", { htmlFor: `${idPrefix}-gain`, children: formatDb(draft.gain) })
+      /* @__PURE__ */ jsx100("output", { htmlFor: `${idPrefix}-gain`, children: formatDb(draft.gain) })
     ] }),
     ["fadeIn", "fadeOut"].map((key) => /* @__PURE__ */ jsxs80("div", { className: "squisq-media-edit-row", children: [
-      /* @__PURE__ */ jsx99("label", { className: "squisq-media-edit-row__label", htmlFor: `${idPrefix}-${key}`, children: key === "fadeIn" ? "Fade in" : "Fade out" }),
-      /* @__PURE__ */ jsx99(
+      /* @__PURE__ */ jsx100("label", { className: "squisq-media-edit-row__label", htmlFor: `${idPrefix}-${key}`, children: key === "fadeIn" ? "Fade in" : "Fade out" }),
+      /* @__PURE__ */ jsx100(
         "input",
         {
           id: `${idPrefix}-${key}`,
@@ -45257,7 +45280,7 @@ function MediaEditTimingSection({
           onChange: (e2) => onChange({ ...draft, [key]: Number(e2.target.value) })
         }
       ),
-      /* @__PURE__ */ jsx99("output", { htmlFor: `${idPrefix}-${key}`, children: draft[key] === 0 ? "Off" : `${draft[key].toFixed(1)} s` })
+      /* @__PURE__ */ jsx100("output", { htmlFor: `${idPrefix}-${key}`, children: draft[key] === 0 ? "Off" : `${draft[key].toFixed(1)} s` })
     ] }, key))
   ] });
 }
@@ -45269,7 +45292,7 @@ import {
   useState as useState89
 } from "react";
 import { normalizeMediaCrop } from "@bendyline/squisq/mediaEdit";
-import { jsx as jsx100, jsxs as jsxs81 } from "react/jsx-runtime";
+import { jsx as jsx101, jsxs as jsxs81 } from "react/jsx-runtime";
 var FULL = { x: 0, y: 0, w: 1, h: 1 };
 var MIN_EDGE = 0.05;
 var NUDGE = 0.01;
@@ -45351,7 +45374,7 @@ function MediaEditFrameSection({ item, draft, onChange }) {
   const pct = (n) => `${(n * 100).toFixed(2)}%`;
   return /* @__PURE__ */ jsxs81("div", { className: "squisq-media-edit-section", children: [
     /* @__PURE__ */ jsxs81("div", { className: "squisq-media-edit-chips", role: "group", "aria-label": "Crop aspect", children: [
-      ASPECTS.map((option) => /* @__PURE__ */ jsx100(
+      ASPECTS.map((option) => /* @__PURE__ */ jsx101(
         "button",
         {
           type: "button",
@@ -45366,7 +45389,7 @@ function MediaEditFrameSection({ item, draft, onChange }) {
         },
         option.label
       )),
-      /* @__PURE__ */ jsx100(
+      /* @__PURE__ */ jsx101(
         "button",
         {
           type: "button",
@@ -45386,7 +45409,7 @@ function MediaEditFrameSection({ item, draft, onChange }) {
         className: "squisq-media-edit-crop",
         style: frame ? { aspectRatio: `${frame.w} / ${frame.h}` } : void 0,
         children: [
-          src && /* @__PURE__ */ jsx100(
+          src && /* @__PURE__ */ jsx101(
             "video",
             {
               src,
@@ -45402,7 +45425,7 @@ function MediaEditFrameSection({ item, draft, onChange }) {
               }
             }
           ),
-          /* @__PURE__ */ jsx100(
+          /* @__PURE__ */ jsx101(
             "div",
             {
               className: "squisq-media-edit-crop__rect",
@@ -45413,7 +45436,7 @@ function MediaEditFrameSection({ item, draft, onChange }) {
               style: { left: pct(crop.x), top: pct(crop.y), width: pct(crop.w), height: pct(crop.h) },
               onPointerDown: startDrag("move"),
               onKeyDown,
-              children: ["nw", "ne", "sw", "se"].map((handle) => /* @__PURE__ */ jsx100(
+              children: ["nw", "ne", "sw", "se"].map((handle) => /* @__PURE__ */ jsx101(
                 "span",
                 {
                   className: `squisq-media-edit-crop__handle squisq-media-edit-crop__handle--${handle}`,
@@ -45426,12 +45449,12 @@ function MediaEditFrameSection({ item, draft, onChange }) {
         ]
       }
     ),
-    /* @__PURE__ */ jsx100("p", { className: "squisq-media-edit-note", children: draft.crop ? "Only the framed area is shown and exported." : "Drag the corners or pick an aspect to crop." })
+    /* @__PURE__ */ jsx101("p", { className: "squisq-media-edit-note", children: draft.crop ? "Only the framed area is shown and exported." : "Drag the corners or pick an aspect to crop." })
   ] });
 }
 // src/mediaEdit/MediaEditModal.tsx
-import { Fragment as Fragment34, jsx as jsx101, jsxs as jsxs82 } from "react/jsx-runtime";
+import { Fragment as Fragment34, jsx as jsx102, jsxs as jsxs82 } from "react/jsx-runtime";
 var TABS = [
   { id: "audio", label: "Audio cleanup" },
   { id: "timing", label: "Timing" },
@@ -45466,9 +45489,9 @@ function RenderStatusText({
 }) {
   switch (status.state) {
     case "ready":
-      return /* @__PURE__ */ jsx101(Fragment34, { children: "Processed audio is in use." });
+      return /* @__PURE__ */ jsx102(Fragment34, { children: "Processed audio is in use." });
     case "queued":
-      return /* @__PURE__ */ jsx101(Fragment34, { children: "Waiting to process\u2026" });
+      return /* @__PURE__ */ jsx102(Fragment34, { children: "Waiting to process\u2026" });
     case "rendering":
       return /* @__PURE__ */ jsxs82(Fragment34, { children: [
         "Processing\u2026 ",
@@ -45479,7 +45502,7 @@ function RenderStatusText({
         "Processing failed: ",
         status.error,
         " ",
-        /* @__PURE__ */ jsx101("button", { type: "button", onClick: onRetry, children: "Retry" })
+        /* @__PURE__ */ jsx102("button", { type: "button", onClick: onRetry, children: "Retry" })
       ] });
   }
 }
@@ -45530,7 +45553,7 @@ function MediaEditModal({ target, onClose }) {
   const tabbed = item != null && mediaEditRenders != null;
   const tabId = (tab) => `${titleId}-tab-${tab}`;
   const panelId = (tab) => `${titleId}-panel-${tab}`;
-  return /* @__PURE__ */ jsx101(
+  return /* @__PURE__ */ jsx102(
     "div",
     {
       ref: modalRef,
@@ -45549,10 +45572,10 @@ function MediaEditModal({ target, onClose }) {
           "aria-labelledby": titleId,
           children: [
             /* @__PURE__ */ jsxs82("header", { className: "squisq-media-edit-modal__header", children: [
-              /* @__PURE__ */ jsx101("span", { id: titleId, className: "squisq-media-edit-modal__title", children: title }),
-              /* @__PURE__ */ jsx101("span", { className: "squisq-media-edit-modal__path", children: target.src }),
-              renderStatus && /* @__PURE__ */ jsx101(RenderStatusBadge, { status: renderStatus }),
-              /* @__PURE__ */ jsx101(
+              /* @__PURE__ */ jsx102("span", { id: titleId, className: "squisq-media-edit-modal__title", children: title }),
+              /* @__PURE__ */ jsx102("span", { className: "squisq-media-edit-modal__path", children: target.src }),
+              renderStatus && /* @__PURE__ */ jsx102(RenderStatusBadge, { status: renderStatus }),
+              /* @__PURE__ */ jsx102(
                 "button",
                 {
                   type: "button",
@@ -45563,8 +45586,8 @@ function MediaEditModal({ target, onClose }) {
                 }
               )
             ] }),
-            !item ? /* @__PURE__ */ jsx101("p", { className: "squisq-media-edit-modal__empty", children: "This clip is no longer in the document." }) : !mediaEditRenders ? /* @__PURE__ */ jsx101("p", { className: "squisq-media-edit-modal__empty", children: "Media editing needs a media folder for this document." }) : /* @__PURE__ */ jsxs82(Fragment34, { children: [
-              /* @__PURE__ */ jsx101("div", { className: "squisq-media-edit-tabs", role: "tablist", "aria-label": "Edit sections", children: tabs.map((tab, index2) => {
+            !item ? /* @__PURE__ */ jsx102("p", { className: "squisq-media-edit-modal__empty", children: "This clip is no longer in the document." }) : !mediaEditRenders ? /* @__PURE__ */ jsx102("p", { className: "squisq-media-edit-modal__empty", children: "Media editing needs a media folder for this document." }) : /* @__PURE__ */ jsxs82(Fragment34, { children: [
+              /* @__PURE__ */ jsx102("div", { className: "squisq-media-edit-tabs", role: "tablist", "aria-label": "Edit sections", children: tabs.map((tab, index2) => {
                 const selected = tab.id === activeTab;
                 const edited = tabHasEdits(tab.id, draft);
                 return /* @__PURE__ */ jsxs82(
@@ -45586,21 +45609,21 @@ function MediaEditModal({ target, onClose }) {
                     onKeyDown: (e2) => onTabKeyDown(e2, index2),
                     children: [
                       tab.label,
-                      edited && /* @__PURE__ */ jsx101("span", { className: "squisq-sr-only", children: " (edited)" })
+                      edited && /* @__PURE__ */ jsx102("span", { className: "squisq-sr-only", children: " (edited)" })
                     ]
                   },
                   tab.id
                 );
               }) }),
               /* @__PURE__ */ jsxs82("div", { className: "squisq-media-edit-modal__body", children: [
-                /* @__PURE__ */ jsx101(
+                /* @__PURE__ */ jsx102(
                   "div",
                   {
                     role: "tabpanel",
                     id: panelId("audio"),
                     "aria-labelledby": tabId("audio"),
                     hidden: activeTab !== "audio",
-                    children: /* @__PURE__ */ jsx101(
+                    children: /* @__PURE__ */ jsx102(
                       MediaEditAudioSection,
                       {
                         item,
@@ -45612,14 +45635,14 @@ function MediaEditModal({ target, onClose }) {
                     )
                   }
                 ),
-                /* @__PURE__ */ jsx101(
+                /* @__PURE__ */ jsx102(
                   "div",
                   {
                     role: "tabpanel",
                     id: panelId("timing"),
                     "aria-labelledby": tabId("timing"),
                     hidden: activeTab !== "timing",
-                    children: /* @__PURE__ */ jsx101(
+                    children: /* @__PURE__ */ jsx102(
                       MediaEditTimingSection,
                       {
                         item,
@@ -45631,14 +45654,14 @@ function MediaEditModal({ target, onClose }) {
                     )
                   }
                 ),
-                item.kind === "video" && /* @__PURE__ */ jsx101(
+                item.kind === "video" && /* @__PURE__ */ jsx102(
                   "div",
                   {
                     role: "tabpanel",
                     id: panelId("frame"),
                     "aria-labelledby": tabId("frame"),
                     hidden: activeTab !== "frame",
-                    children: /* @__PURE__ */ jsx101(MediaEditFrameSection, { item, draft, onChange: setDraft })
+                    children: /* @__PURE__ */ jsx102(MediaEditFrameSection, { item, draft, onChange: setDraft })
                   }
                 ),
                 companions.length > 0 && /* @__PURE__ */ jsxs82("p", { className: "squisq-media-edit-note", children: [
@@ -45652,15 +45675,15 @@ function MediaEditModal({ target, onClose }) {
               ] })
             ] }),
             /* @__PURE__ */ jsxs82("footer", { className: "squisq-media-edit-modal__footer", children: [
-              /* @__PURE__ */ jsx101("p", { className: "squisq-media-edit-status", role: "status", "data-state": renderStatus?.state, children: renderStatus && item && mediaEditRenders && /* @__PURE__ */ jsx101(
+              /* @__PURE__ */ jsx102("p", { className: "squisq-media-edit-status", role: "status", "data-state": renderStatus?.state, children: renderStatus && item && mediaEditRenders && /* @__PURE__ */ jsx102(
                 RenderStatusText,
                 {
                   status: renderStatus,
                   onRetry: () => mediaEditRenders.retry(item.clip)
                 }
               ) }),
-              /* @__PURE__ */ jsx101("button", { type: "button", onClick: onClose, children: "Cancel" }),
-              /* @__PURE__ */ jsx101(
+              /* @__PURE__ */ jsx102("button", { type: "button", onClick: onClose, children: "Cancel" }),
+              /* @__PURE__ */ jsx102(
                 "button",
                 {
                   type: "button",
@@ -45920,12 +45943,12 @@ import {
   MemoryContentContainer as MemoryContentContainer2,
   createMediaProviderFromContainer
 } from "@bendyline/squisq/storage";
-import { MediaContext as MediaContext7, useMediaClipDurations } from "@bendyline/squisq-react";
+import { MediaContext as MediaContext8, useMediaClipDurations } from "@bendyline/squisq-react";
 import {
   createMediaEditRenderManager,
   useProcessedAudio as useProcessedAudio4
 } from "@bendyline/squisq-video-react/media-edit";
-import { Fragment as Fragment35, jsx as jsx102, jsxs as jsxs83 } from "react/jsx-runtime";
+import { Fragment as Fragment35, jsx as jsx103, jsxs as jsxs83 } from "react/jsx-runtime";
 function EditorShell({
   ariaLabel,
   initialMarkdown = "",
@@ -46035,7 +46058,7 @@ function EditorShell({
   const effectiveMediaEditRenders = mediaEditRenders === void 0 ? ownedMediaEditRenders : mediaEditRenders;
   const filesToggleEnabled = showFilesToggle ?? effectiveMediaProvider !== void 0;
   const effectiveInitialView = hostMode === "chat" || !showPlayTab && initialView === "preview" ? "wysiwyg" : initialView;
-  return /* @__PURE__ */ jsx102(MediaContext7.Provider, { value: effectiveMediaProvider ?? null, children: /* @__PURE__ */ jsx102(
+  return /* @__PURE__ */ jsx103(MediaContext8.Provider, { value: effectiveMediaProvider ?? null, children: /* @__PURE__ */ jsx103(
     EditorProvider,
     {
       initialMarkdown,
@@ -46081,7 +46104,7 @@ function EditorShell({
       themeInheritance,
       viewPreferences,
       onViewPreferencesChange,
-      children: /* @__PURE__ */ jsx102(ProofingRoot, { children: /* @__PURE__ */ jsx102(ReviewRoot, { providers: reviewProviders, children: /* @__PURE__ */ jsx102(PageTemplateContext.Provider, { value: pageTemplates, children: /* @__PURE__ */ jsx102(
+      children: /* @__PURE__ */ jsx103(ProofingRoot, { children: /* @__PURE__ */ jsx103(ReviewRoot, { providers: reviewProviders, children: /* @__PURE__ */ jsx103(PageTemplateContext.Provider, { value: pageTemplates, children: /* @__PURE__ */ jsx103(
         EditorShellInner,
         {
           ariaLabel: ariaLabel ?? (hostMode === "chat" ? "Message" : fileName ? `Edit ${fileName}` : "Document editor"),
@@ -46147,11 +46170,11 @@ function UseModeToolbarControls({
   summarizationDesigner
 }) {
   const printMode = usePrintMode();
-  if (printMode.active) return /* @__PURE__ */ jsx102(PrintPreviewToolbar, {});
+  if (printMode.active) return /* @__PURE__ */ jsx103(PrintPreviewToolbar, {});
   return /* @__PURE__ */ jsxs83(Fragment35, { children: [
-    /* @__PURE__ */ jsx102(PreviewToolbarControls, { summarizationDesigner }),
-    /* @__PURE__ */ jsx102(PresentationModeControl, {}),
-    allowPrint && /* @__PURE__ */ jsx102(PrintModeControl, {})
+    /* @__PURE__ */ jsx103(PreviewToolbarControls, { summarizationDesigner }),
+    /* @__PURE__ */ jsx103(PresentationModeControl, {}),
+    allowPrint && /* @__PURE__ */ jsx103(PrintModeControl, {})
   ] });
 }
 function UseModeProviders({
@@ -46160,13 +46183,13 @@ function UseModeProviders({
   allowPresentationWindow,
   allowPresentationFullscreen
 }) {
-  return /* @__PURE__ */ jsx102(
+  return /* @__PURE__ */ jsx103(
     PresentationModeProvider,
     {
       rootRef,
       allowWindow: allowPresentationWindow,
       allowFullscreen: allowPresentationFullscreen,
-      children: /* @__PURE__ */ jsx102(PrintModeProvider, { rootRef, children })
+      children: /* @__PURE__ */ jsx103(PrintModeProvider, { rootRef, children })
     }
   );
 }
@@ -46560,7 +46583,7 @@ function EditorShellInner({
       },
       ...containerProps,
       children: [
-        /* @__PURE__ */ jsx102(CustomThemeProvider, { docThemes, onDocThemesChange, children: /* @__PURE__ */ jsx102(
+        /* @__PURE__ */ jsx103(CustomThemeProvider, { docThemes, onDocThemesChange, children: /* @__PURE__ */ jsx103(
           PreviewSettingsProvider,
           {
             doc,
@@ -46577,16 +46600,16 @@ function EditorShellInner({
                 children: [
                   isImageMode ? (toolbarSlotLeft || toolbarSlotRight) && /* @__PURE__ */ jsxs83("div", { className: "squisq-editor-header squisq-editor-header--image", children: [
                     toolbarSlotLeft,
-                    /* @__PURE__ */ jsx102("div", { style: { flex: 1 } }),
+                    /* @__PURE__ */ jsx103("div", { style: { flex: 1 } }),
                     toolbarSlotRight
-                  ] }) : /* @__PURE__ */ jsx102("div", { className: "squisq-editor-header", children: /* @__PURE__ */ jsx102(
+                  ] }) : /* @__PURE__ */ jsx103("div", { className: "squisq-editor-header", children: /* @__PURE__ */ jsx103(
                     Toolbar,
                     {
                       showFiles,
                       fileCount: mediaCount,
                       onToggleFiles: !isCodeMode && filesToggleEnabled ? handleToggleFiles : void 0,
                       slotLeft: toolbarSlotLeft,
-                      slotAfterTabs: !isCodeMode && isPreview && /* @__PURE__ */ jsx102(
+                      slotAfterTabs: !isCodeMode && isPreview && /* @__PURE__ */ jsx103(
                         UseModeToolbarControls,
                         {
                           allowPrint,
@@ -46628,7 +46651,7 @@ function EditorShellInner({
                               position: "relative"
                             },
                             children: [
-                              isImageMode && imageSrc && (imageMode === "edit" && imageEditorContainer ? /* @__PURE__ */ jsx102(
+                              isImageMode && imageSrc && (imageMode === "edit" && imageEditorContainer ? /* @__PURE__ */ jsx103(
                                 ImageEditor,
                                 {
                                   filesContainer: imageEditorContainer,
@@ -46638,7 +46661,7 @@ function EditorShellInner({
                                   onExport: onImageExport,
                                   surface: colorScheme === "dark" ? DARK_SURFACE2 : LIGHT_SURFACE2
                                 }
-                              ) : /* @__PURE__ */ jsx102(ImageViewer, { src: imageSrc, alt: imageAlt, theme: colorScheme })),
+                              ) : /* @__PURE__ */ jsx103(ImageViewer, { src: imageSrc, alt: imageAlt, theme: colorScheme })),
                               !isImageMode && editingView === "raw" && /* @__PURE__ */ jsxs83(
                                 "div",
                                 {
@@ -46646,8 +46669,8 @@ function EditorShellInner({
                                   hidden: isPreview,
                                   style: isPreview ? { display: "none" } : void 0,
                                   children: [
-                                    isMarkdownMode && outlineVisible && /* @__PURE__ */ jsx102(OutlinePanel, { width: outlineWidth, readOnly }, "outline"),
-                                    /* @__PURE__ */ jsx102(
+                                    isMarkdownMode && outlineVisible && /* @__PURE__ */ jsx103(OutlinePanel, { width: outlineWidth, readOnly }, "outline"),
+                                    /* @__PURE__ */ jsx103(
                                       BlockCardView,
                                       {
                                         active: isCardMode,
@@ -46656,7 +46679,7 @@ function EditorShellInner({
                                         onPrev: prevBlock,
                                         onNext: nextBlock,
                                         onAdd: addBlock,
-                                        children: /* @__PURE__ */ jsx102("div", { className: "squisq-raw-editor-container", children: /* @__PURE__ */ jsx102(
+                                        children: /* @__PURE__ */ jsx103("div", { className: "squisq-raw-editor-container", children: /* @__PURE__ */ jsx103(
                                           RawEditor,
                                           {
                                             ariaLabel: `${ariaLabel} \u2014 source`,
@@ -46668,9 +46691,9 @@ function EditorShellInner({
                                       },
                                       "raw-frame"
                                     ),
-                                    isCodeMode && codeContext && /* @__PURE__ */ jsx102(CodeContextZones, { options: codeContext }, "code-context"),
-                                    isMarkdownMode && isCardMode && inlinePreviewVisible && /* @__PURE__ */ jsx102(BlockPreviewPanel, { basePath }, "block-preview"),
-                                    isMarkdownMode && !isCardMode && inlinePreviewVisible && /* @__PURE__ */ jsx102(
+                                    isCodeMode && codeContext && /* @__PURE__ */ jsx103(CodeContextZones, { options: codeContext }, "code-context"),
+                                    isMarkdownMode && isCardMode && inlinePreviewVisible && /* @__PURE__ */ jsx103(BlockPreviewPanel, { basePath }, "block-preview"),
+                                    isMarkdownMode && !isCardMode && inlinePreviewVisible && /* @__PURE__ */ jsx103(
                                       InlinePreviewGutter,
                                       {
                                         width: inlinePreviewWidth,
@@ -46679,7 +46702,7 @@ function EditorShellInner({
                                       },
                                       "inline"
                                     ),
-                                    isMarkdownMode && /* @__PURE__ */ jsx102(
+                                    isMarkdownMode && /* @__PURE__ */ jsx103(
                                       NavigationSheet,
                                       {
                                         panel: navigationSheetPanel,
@@ -46701,8 +46724,8 @@ function EditorShellInner({
                                   hidden: isPreview,
                                   style: isPreview ? { display: "none" } : void 0,
                                   children: [
-                                    outlineVisible && /* @__PURE__ */ jsx102(OutlinePanel, { width: outlineWidth, readOnly }, "outline"),
-                                    /* @__PURE__ */ jsx102(
+                                    outlineVisible && /* @__PURE__ */ jsx103(OutlinePanel, { width: outlineWidth, readOnly }, "outline"),
+                                    /* @__PURE__ */ jsx103(
                                       BlockCardView,
                                       {
                                         active: isCardMode,
@@ -46711,7 +46734,7 @@ function EditorShellInner({
                                         onPrev: prevBlock,
                                         onNext: nextBlock,
                                         onAdd: addBlock,
-                                        children: /* @__PURE__ */ jsx102(
+                                        children: /* @__PURE__ */ jsx103(
                                           WysiwygEditor,
                                           {
                                             ariaLabel,
@@ -46729,8 +46752,8 @@ function EditorShellInner({
                                       },
                                       "wysiwyg-frame"
                                     ),
-                                    isCardMode && inlinePreviewVisible && /* @__PURE__ */ jsx102(BlockPreviewPanel, { basePath }, "block-preview"),
-                                    !isCardMode && inlinePreviewVisible && /* @__PURE__ */ jsx102(
+                                    isCardMode && inlinePreviewVisible && /* @__PURE__ */ jsx103(BlockPreviewPanel, { basePath }, "block-preview"),
+                                    !isCardMode && inlinePreviewVisible && /* @__PURE__ */ jsx103(
                                       InlinePreviewGutter,
                                       {
                                         width: inlinePreviewWidth,
@@ -46739,7 +46762,7 @@ function EditorShellInner({
                                       },
                                       "inline"
                                     ),
-                                    /* @__PURE__ */ jsx102(
+                                    /* @__PURE__ */ jsx103(
                                       NavigationSheet,
                                       {
                                         panel: navigationSheetPanel,
@@ -46754,7 +46777,7 @@ function EditorShellInner({
                                 },
                                 "wysiwyg-shell"
                               ),
-                              isMarkdownMode && isPreview && /* @__PURE__ */ jsx102(
+                              isMarkdownMode && isPreview && /* @__PURE__ */ jsx103(
                                 PreviewPanel,
                                 {
                                   basePath,
@@ -46767,7 +46790,7 @@ function EditorShellInner({
                             ]
                           }
                         ),
-                        isTimelineMode && timelineVideoVisible && /* @__PURE__ */ jsx102(
+                        isTimelineMode && timelineVideoVisible && /* @__PURE__ */ jsx103(
                           TimelineVideoPanel,
                           {
                             schedule: timelineVideoSchedule,
@@ -46777,7 +46800,7 @@ function EditorShellInner({
                             onClose: () => setTimelineVideoVisible(false)
                           }
                         ),
-                        isTimelineMode && timelineCompositionVisible && /* @__PURE__ */ jsx102(
+                        isTimelineMode && timelineCompositionVisible && /* @__PURE__ */ jsx103(
                           TimelineCompositionPanel,
                           {
                             doc,
@@ -46787,7 +46810,7 @@ function EditorShellInner({
                             onClose: () => setTimelineCompositionVisible(false)
                           }
                         ),
-                        isMarkdownMode && showFiles && /* @__PURE__ */ jsx102(
+                        isMarkdownMode && showFiles && /* @__PURE__ */ jsx103(
                           MediaBin,
                           {
                             mediaProvider,
@@ -46803,11 +46826,11 @@ function EditorShellInner({
                             highlightPath: filesFocusPath
                           }
                         ),
-                        isMarkdownMode && /* @__PURE__ */ jsx102(ProofingPanel, {}),
-                        isMarkdownMode && /* @__PURE__ */ jsx102(ReviewPanel, {}),
+                        isMarkdownMode && /* @__PURE__ */ jsx103(ProofingPanel, {}),
+                        isMarkdownMode && /* @__PURE__ */ jsx103(ReviewPanel, {}),
                         isMarkdownMode && sidePanelSlot,
-                        isMarkdownMode && /* @__PURE__ */ jsx102(ThemeDesignerDock, {}),
-                        isMarkdownMode && isDragging && !(activeView === "wysiwyg" && dragContentType === "media") && /* @__PURE__ */ jsx102(
+                        isMarkdownMode && /* @__PURE__ */ jsx103(ThemeDesignerDock, {}),
+                        isMarkdownMode && isDragging && !(activeView === "wysiwyg" && dragContentType === "media") && /* @__PURE__ */ jsx103(
                           DropZoneOverlay,
                           {
                             dragContentType,
@@ -46818,7 +46841,7 @@ function EditorShellInner({
                       ]
                     }
                   ),
-                  isTimelineMode && /* @__PURE__ */ jsx102(
+                  isTimelineMode && /* @__PURE__ */ jsx103(
                     TimelineToolbar,
                     {
                       literalVideoVisible: timelineVideoVisible,
@@ -46829,7 +46852,7 @@ function EditorShellInner({
                       onToggleComposition: () => setTimelineCompositionVisible((visible) => !visible)
                     }
                   ),
-                  isTimelineMode && /* @__PURE__ */ jsx102(
+                  isTimelineMode && /* @__PURE__ */ jsx103(
                     TimelineTrack,
                     {
                       doc: timelineDoc,
@@ -46838,8 +46861,8 @@ function EditorShellInner({
                       basePath
                     }
                   ),
-                  statusBarVisible && !isImageMode && /* @__PURE__ */ jsx102(StatusBar, { slotRight: statusBarSlotRight }),
-                  isMarkdownMode && allowRecording && mediaProvider && /* @__PURE__ */ jsx102(
+                  statusBarVisible && !isImageMode && /* @__PURE__ */ jsx103(StatusBar, { slotRight: statusBarSlotRight }),
+                  isMarkdownMode && allowRecording && mediaProvider && /* @__PURE__ */ jsx103(
                     RecorderEntry,
                     {
                       open: mediaBinRecorderOpen,
@@ -46852,8 +46875,8 @@ function EditorShellInner({
             )
           }
         ) }),
-        /* @__PURE__ */ jsx102(TooltipLayer, {}),
-        imageEditTarget !== null && mediaProvider && /* @__PURE__ */ jsx102(
+        /* @__PURE__ */ jsx103(TooltipLayer, {}),
+        imageEditTarget !== null && mediaProvider && /* @__PURE__ */ jsx103(
           ImageEditModal,
           {
             relativePath: imageEditTarget,
@@ -46869,12 +46892,12 @@ function EditorShellInner({
             shellTheme: colorScheme
           }
         ),
-        mediaEditTarget !== null && /* @__PURE__ */ jsx102(MediaEditModal, { target: mediaEditTarget, onClose: closeMediaEdit })
+        mediaEditTarget !== null && /* @__PURE__ */ jsx103(MediaEditModal, { target: mediaEditTarget, onClose: closeMediaEdit })
       ]
     }
   );
   return /* @__PURE__ */ jsxs83(EditorContextMenuProvider, { rootRef: shellRef, readOnly, children: [
-    /* @__PURE__ */ jsx102(MediaEditContextMenuItems, {}),
+    /* @__PURE__ */ jsx103(MediaEditContextMenuItems, {}),
     shell
   ] });
 }