@arbidocs/blocks 0.5.123 → 0.5.125

package/dist/{chunk-DWMWEALB.cjs → chunk-TSFNLY3K.cjs}

@@ -1,12 +1,13 @@
 "use client";
 'use strict';
 
+var chunkJY7UUZQG_cjs = require('./chunk-JY7UUZQG.cjs');
 var chunkWOOOMTTA_cjs = require('./chunk-WOOOMTTA.cjs');
-var chunk5GCCUXMT_cjs = require('./chunk-5GCCUXMT.cjs');
+var chunkWVZLAAIZ_cjs = require('./chunk-WVZLAAIZ.cjs');
+var chunkADPRIBSH_cjs = require('./chunk-ADPRIBSH.cjs');
+var chunkORNLCBNE_cjs = require('./chunk-ORNLCBNE.cjs');
 var chunk2F57IO7S_cjs = require('./chunk-2F57IO7S.cjs');
 var chunkUFT22LAB_cjs = require('./chunk-UFT22LAB.cjs');
-var chunkWFMWKPGY_cjs = require('./chunk-WFMWKPGY.cjs');
-var chunk4TTX6ZNS_cjs = require('./chunk-4TTX6ZNS.cjs');
 var chunk7JLJH5CW_cjs = require('./chunk-7JLJH5CW.cjs');
 var chunkVZOOGA47_cjs = require('./chunk-VZOOGA47.cjs');
 var chunkTKHCIHE2_cjs = require('./chunk-TKHCIHE2.cjs');
@@ -15,234 +16,11 @@ var react = require('react');
 var lucideReact = require('lucide-react');
 var ui = require('@arbidocs/react/ui');
 var reactDom = require('react-dom');
-var viewers = require('@arbidocs/react/viewers');
 var jsxRuntime = require('react/jsx-runtime');
 var react$1 = require('@arbidocs/react');
 var documentTools = require('@arbidocs/react/document-tools');
+var viewers = require('@arbidocs/react/viewers');
 
-function cropStyle(rect) {
-  return {
-    position: "absolute",
-    width: `${100 / rect.w}%`,
-    height: `${100 / rect.h}%`,
-    left: `${-rect.x / rect.w * 100}%`,
-    top: `${-rect.y / rect.h * 100}%`,
-    maxWidth: "none"
-  };
-}
-function MediaClip({
-  clip,
-  className,
-  live
-}) {
-  const url = chunkWOOOMTTA_cjs.useObjectUrl(clip.source);
-  const videoRef = react.useRef(null);
-  react.useEffect(() => {
-    const video = videoRef.current;
-    if (!video) return;
-    const toStart = () => {
-      video.currentTime = clip.start ?? 0;
-    };
-    if (video.readyState >= 1) toStart();
-    else video.addEventListener("loadedmetadata", toStart, { once: true });
-    return () => video.removeEventListener("loadedmetadata", toStart);
-  }, [clip.start, url]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: ui.cn("relative h-full w-full overflow-hidden bg-black", className),
-      "data-testid": `clip-image-${clip.id}`,
-      children: clip.kind === "video" ? /* @__PURE__ */ jsxRuntime.jsx(
-        "video",
-        {
-          ref: videoRef,
-          src: url,
-          muted: !live,
-          playsInline: true,
-          preload: "auto",
-          className: "pointer-events-none block select-none",
-          style: cropStyle(clip.rect),
-          ...live ? { [chunkWFMWKPGY_cjs.STAGE_VIDEO_ATTRIBUTE]: "" } : {}
-        }
-      ) : /* @__PURE__ */ jsxRuntime.jsx(
-        "img",
-        {
-          src: url,
-          alt: clip.caption,
-          draggable: false,
-          className: "pointer-events-none block select-none",
-          style: cropStyle(clip.rect)
-        }
-      )
-    }
-  );
-}
-var WIDTH_STEP = 160;
-var SETTLE_MS = 150;
-var ClipImage = react.memo(function ClipImage2({
-  clip,
-  className,
-  live = false
-}) {
-  return clip.kind === "pdf" ? /* @__PURE__ */ jsxRuntime.jsx(PdfClip, { clip, className }) : /* @__PURE__ */ jsxRuntime.jsx(MediaClip, { clip, className, live });
-});
-var sameRect = (a, b) => a.x === b.x && a.y === b.y && a.w === b.w && a.h === b.h;
-function PdfClip({ clip, className }) {
-  const canvasRef = react.useRef(null);
-  const [size, setSize] = react.useState({ width: 0, height: 0 });
-  const [rendered, setRendered] = react.useState(null);
-  const [failed, setFailed] = react.useState(false);
-  react.useEffect(() => {
-    const canvas = canvasRef.current;
-    const view = canvas?.ownerDocument.defaultView;
-    if (!canvas || !view) return;
-    const measure = () => {
-      const box2 = canvas.getBoundingClientRect();
-      const dpr = view.devicePixelRatio || 1;
-      const width = Math.max(1, Math.round(box2.width * dpr));
-      const height = Math.max(1, Math.round(box2.height * dpr));
-      setSize((s) => s.width === width && s.height === height ? s : { width, height });
-    };
-    measure();
-    const Observer = view.ResizeObserver ?? ResizeObserver;
-    const observer = new Observer(measure);
-    observer.observe(canvas);
-    return () => observer.disconnect();
-  }, []);
-  react.useLayoutEffect(() => {
-    const canvas = canvasRef.current;
-    const context = canvas?.getContext("2d");
-    if (!canvas || !context || !size.width) return;
-    if (canvas.width !== size.width) canvas.width = size.width;
-    if (canvas.height !== size.height) canvas.height = size.height;
-    context.fillStyle = "#fff";
-    context.fillRect(0, 0, size.width, size.height);
-    if (!rendered) return;
-    const { rect } = clip;
-    const sx = size.width / rect.w;
-    const sy = size.height / rect.h;
-    try {
-      context.drawImage(
-        rendered.image,
-        (rendered.rect.x - rect.x) * sx,
-        (rendered.rect.y - rect.y) * sy,
-        rendered.rect.w * sx,
-        rendered.rect.h * sy
-      );
-    } catch {
-      setRendered(null);
-    }
-  }, [size, rendered, clip]);
-  const wanted = Math.ceil(size.width / WIDTH_STEP) * WIDTH_STEP;
-  const stale = wanted > 0 && (!rendered || !sameRect(rendered.rect, clip.rect) || wanted > rendered.width || wanted < rendered.width / 2);
-  react.useEffect(() => {
-    if (!stale) return;
-    const controller = new AbortController();
-    const rect = clip.rect;
-    const timer = setTimeout(() => {
-      viewers.renderPdfRegion({
-        file: clip.source,
-        page: clip.page,
-        rect,
-        masks: clip.masks,
-        width: wanted,
-        signal: controller.signal
-      }).then((image) => {
-        if (controller.signal.aborted) return viewers.closePdfRegionImage(image);
-        setFailed(false);
-        setRendered({ image, rect, width: wanted });
-      }).catch(() => !controller.signal.aborted && setFailed(true));
-    }, SETTLE_MS);
-    return () => {
-      clearTimeout(timer);
-      controller.abort();
-    };
-  }, [stale, wanted, clip.source, clip.page, clip.rect, clip.masks]);
-  const previous = react.useRef(null);
-  react.useEffect(() => {
-    if (previous.current && previous.current !== rendered) {
-      viewers.closePdfRegionImage(previous.current.image);
-    }
-    previous.current = rendered;
-  }, [rendered]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      className: ui.cn("relative h-full w-full overflow-hidden bg-white", className),
-      "data-testid": `clip-image-${clip.id}`,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "canvas",
-          {
-            ref: canvasRef,
-            className: "pointer-events-none block h-full w-full",
-            role: "img",
-            "aria-label": clip.caption,
-            "aria-busy": !rendered
-          }
-        ),
-        failed && !rendered && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 flex items-center justify-center p-2 text-center text-xs text-neutral-500", children: "Couldn't draw this clip" })
-      ]
-    }
-  );
-}
-var DRAG_THRESHOLD = 6;
-var DROP_ATTRIBUTE = "data-presentation-drop";
-function dropAt(doc, clipId, x, y) {
-  const target = doc.elementFromPoint(x, y)?.closest(`[${DROP_ATTRIBUTE}]`);
-  if (!target) return false;
-  const state = chunk4TTX6ZNS_cjs.usePresentation.getState();
-  if (target.getAttribute(DROP_ATTRIBUTE) === "slide") {
-    const index2 = Number(target.getAttribute("data-slide-index"));
-    if (!Number.isInteger(index2)) return false;
-    state.goTo(index2);
-    state.place(clipId);
-    return true;
-  }
-  const index = Number(target.getAttribute("data-slide-index"));
-  if (target.hasAttribute("data-slide-index") && Number.isInteger(index)) state.goTo(index);
-  const box2 = target.getBoundingClientRect();
-  state.place(clipId, { x: (x - box2.left) / box2.width, y: (y - box2.top) / box2.height });
-  return true;
-}
-function useClipDrag(clipId, onTap) {
-  const press = react.useRef(null);
-  const [ghost, setGhost] = react.useState(null);
-  const end = () => {
-    press.current = null;
-    setGhost(null);
-    chunk4TTX6ZNS_cjs.usePresentation.getState().setDragging(null);
-  };
-  return {
-    ghost,
-    handlers: {
-      onPointerDown: (event) => {
-        if (event.button !== 0) return;
-        press.current = { x: event.clientX, y: event.clientY, dragging: false };
-      },
-      onPointerMove: (event) => {
-        const p = press.current;
-        if (!p) return;
-        if (!p.dragging) {
-          if (Math.hypot(event.clientX - p.x, event.clientY - p.y) < DRAG_THRESHOLD) return;
-          p.dragging = true;
-          event.currentTarget.setPointerCapture(event.pointerId);
-          chunk4TTX6ZNS_cjs.usePresentation.getState().setDragging(clipId);
-        }
-        event.preventDefault();
-        setGhost({ x: event.clientX, y: event.clientY });
-      },
-      onPointerUp: (event) => {
-        const p = press.current;
-        if (p?.dragging)
-          dropAt(event.currentTarget.ownerDocument, clipId, event.clientX, event.clientY);
-        else if (p) onTap();
-        end();
-      },
-      onPointerCancel: end
-    }
-  };
-}
 var TILE_HEIGHT = 72;
 var TILE_WIDTH = { min: 56, max: 168 };
 function tileSize(aspect, height = TILE_HEIGHT) {
@@ -252,7 +30,7 @@ function tileSize(aspect, height = TILE_HEIGHT) {
 function Fitted({ clip, box: box2 }) {
   const wide = clip.aspect > box2.width / box2.height;
   const size = wide ? { width: box2.width, height: box2.width / clip.aspect } : { width: box2.height * clip.aspect, height: box2.height };
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pointer-events-none", style: size, children: /* @__PURE__ */ jsxRuntime.jsx(ClipImage, { clip }) });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pointer-events-none", style: size, children: /* @__PURE__ */ jsxRuntime.jsx(chunkJY7UUZQG_cjs.ClipImage, { clip }) });
 }
 function Label({ clip }) {
   const [editing, setEditing] = react.useState(false);
@@ -265,7 +43,7 @@ function Label({ clip }) {
         "aria-label": "Clip label",
         className: "w-full rounded border border-input bg-background px-1 text-[11px] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
         onBlur: (event) => {
-          chunk4TTX6ZNS_cjs.usePresentation.getState().setCaption(clip.id, event.target.value);
+          chunkORNLCBNE_cjs.usePresentation.getState().setCaption(clip.id, event.target.value);
           setEditing(false);
         },
         onKeyDown: (event) => {
@@ -287,8 +65,8 @@ function Label({ clip }) {
   );
 }
 function TrayTile({ clip, onSlide }) {
-  const { place, removeClip } = chunk4TTX6ZNS_cjs.usePresentation.getState();
-  const drag = useClipDrag(clip.id, () => !onSlide && place(clip.id));
+  const { place, removeClip } = chunkORNLCBNE_cjs.usePresentation.getState();
+  const drag = chunkJY7UUZQG_cjs.useClipDrag(clip.id, () => !onSlide && place(clip.id));
   const itemRef = react.useRef(null);
   const size = tileSize(clip.aspect);
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -354,9 +132,9 @@ function TrayTile({ clip, onSlide }) {
   );
 }
 function ClipTray({ start }) {
-  const all = chunk4TTX6ZNS_cjs.usePresentation((s) => s.clips);
+  const all = chunkORNLCBNE_cjs.usePresentation((s) => s.clips);
   const clips = react.useMemo(() => all.filter((clip) => !clip.plain), [all]);
-  const slide = chunk4TTX6ZNS_cjs.usePresentation(chunk4TTX6ZNS_cjs.currentSlide);
+  const slide = chunkORNLCBNE_cjs.usePresentation(chunkORNLCBNE_cjs.currentSlide);
   const onSlide = new Set(slide?.items.map((item) => item.clipId));
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "shrink-0 border-t border-border bg-background", "data-testid": "clip-tray-bar", children: clips.length || start ? /* @__PURE__ */ jsxRuntime.jsxs(
     "ul",
@@ -411,7 +189,7 @@ function CustomColor({
           "input",
           {
             type: "color",
-            value: chunk4TTX6ZNS_cjs.isHexColor(value) ? value : "#1f2937",
+            value: chunkORNLCBNE_cjs.isHexColor(value) ? value : "#1f2937",
             onChange: (event) => onChange(event.target.value),
             "aria-label": label,
             className: "absolute inset-0 cursor-pointer opacity-0"
@@ -422,10 +200,10 @@ function CustomColor({
   );
 }
 function DesignMenu({ onChooseLogo }) {
-  const theme = chunk4TTX6ZNS_cjs.usePresentation((s) => s.theme);
-  const setTheme = chunk4TTX6ZNS_cjs.usePresentation((s) => s.setTheme);
-  const customBackground = chunk4TTX6ZNS_cjs.isHexColor(theme.background);
-  const customAccent = !chunk4TTX6ZNS_cjs.ACCENTS.some((accent) => accent.color === theme.accent);
+  const theme = chunkORNLCBNE_cjs.usePresentation((s) => s.theme);
+  const setTheme = chunkORNLCBNE_cjs.usePresentation((s) => s.setTheme);
+  const customBackground = chunkORNLCBNE_cjs.isHexColor(theme.background);
+  const customAccent = !chunkORNLCBNE_cjs.ACCENTS.some((accent) => accent.color === theme.accent);
   return /* @__PURE__ */ jsxRuntime.jsxs(ui.Popover, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(ui.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
       ui.Button,
@@ -442,7 +220,7 @@ function DesignMenu({ onChooseLogo }) {
     ) }),
     /* @__PURE__ */ jsxRuntime.jsxs(ui.PopoverContent, { align: "end", className: "flex w-[21.5rem] flex-col gap-4 overflow-x-hidden p-4", children: [
       /* @__PURE__ */ jsxRuntime.jsx(Section, { title: "Background", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-7 gap-2", children: [
-        chunk4TTX6ZNS_cjs.BACKGROUNDS.map((preset) => /* @__PURE__ */ jsxRuntime.jsx(
+        chunkORNLCBNE_cjs.BACKGROUNDS.map((preset) => /* @__PURE__ */ jsxRuntime.jsx(
           "button",
           {
             type: "button",
@@ -454,7 +232,7 @@ function DesignMenu({ onChooseLogo }) {
               "size-8 rounded-md border border-border shadow-sm",
               theme.background === preset.id && "ring-2 ring-primary ring-offset-1 ring-offset-background"
             ),
-            style: { background: chunk4TTX6ZNS_cjs.backgroundCss(preset.id), containerType: "inline-size" },
+            style: { background: chunkORNLCBNE_cjs.backgroundCss(preset.id), containerType: "inline-size" },
             "data-testid": `design-background-${preset.id}`
           },
           preset.id
@@ -469,7 +247,7 @@ function DesignMenu({ onChooseLogo }) {
           }
         )
       ] }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(Section, { title: "Typeface", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-3 gap-2", children: Object.keys(chunk4TTX6ZNS_cjs.FONTS).map((font) => /* @__PURE__ */ jsxRuntime.jsxs(
+      /* @__PURE__ */ jsxRuntime.jsx(Section, { title: "Typeface", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-3 gap-2", children: Object.keys(chunkORNLCBNE_cjs.FONTS).map((font) => /* @__PURE__ */ jsxRuntime.jsxs(
         "button",
         {
           type: "button",
@@ -481,14 +259,14 @@ function DesignMenu({ onChooseLogo }) {
           ),
           "data-testid": `design-font-${font}`,
           children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xl leading-tight", style: { fontFamily: chunk4TTX6ZNS_cjs.FONTS[font].css }, children: "Aa" }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[11px] text-muted-foreground", children: chunk4TTX6ZNS_cjs.FONTS[font].label })
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xl leading-tight", style: { fontFamily: chunkORNLCBNE_cjs.FONTS[font].css }, children: "Aa" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[11px] text-muted-foreground", children: chunkORNLCBNE_cjs.FONTS[font].label })
           ]
         },
         font
       )) }) }),
       /* @__PURE__ */ jsxRuntime.jsx(Section, { title: "Accent", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-        chunk4TTX6ZNS_cjs.ACCENTS.map((accent) => /* @__PURE__ */ jsxRuntime.jsx(
+        chunkORNLCBNE_cjs.ACCENTS.map((accent) => /* @__PURE__ */ jsxRuntime.jsx(
           "button",
           {
             type: "button",
@@ -500,7 +278,7 @@ function DesignMenu({ onChooseLogo }) {
               "flex size-8 items-center justify-center rounded-full border border-black/10 shadow-sm",
               theme.accent === accent.color && "ring-2 ring-primary ring-offset-1 ring-offset-background"
             ),
-            style: { background: chunk4TTX6ZNS_cjs.accentColor(accent.color) },
+            style: { background: chunkORNLCBNE_cjs.accentColor(accent.color) },
             children: theme.accent === accent.color && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "size-3.5 text-black/70" })
           },
           accent.color
@@ -508,7 +286,7 @@ function DesignMenu({ onChooseLogo }) {
         /* @__PURE__ */ jsxRuntime.jsx(
           CustomColor,
           {
-            value: chunk4TTX6ZNS_cjs.accentColor(theme.accent),
+            value: chunkORNLCBNE_cjs.accentColor(theme.accent),
             selected: customAccent,
             label: "Your own accent colour",
             round: true,
@@ -571,13 +349,13 @@ var at = (box2) => ({
   height: `${box2.h * 100}%`
 });
 function LayoutThumb({ layout, className }) {
-  const geometry = chunk4TTX6ZNS_cjs.slideGeometry({ layout, caption: "Title" }, { labels: false, logo: null });
+  const geometry = chunkORNLCBNE_cjs.slideGeometry({ layout, caption: "Title" }, { labels: false, logo: null });
   const { top, right = 0, bottom = 0, columns } = geometry.reserve;
   const room = {
-    x: chunk4TTX6ZNS_cjs.STAGE_MARGIN,
-    y: chunk4TTX6ZNS_cjs.STAGE_MARGIN + top,
-    w: 1 - 2 * chunk4TTX6ZNS_cjs.STAGE_MARGIN - right,
-    h: 1 - 2 * chunk4TTX6ZNS_cjs.STAGE_MARGIN - top - bottom
+    x: chunkORNLCBNE_cjs.STAGE_MARGIN,
+    y: chunkORNLCBNE_cjs.STAGE_MARGIN + top,
+    w: 1 - 2 * chunkORNLCBNE_cjs.STAGE_MARGIN - right,
+    h: 1 - 2 * chunkORNLCBNE_cjs.STAGE_MARGIN - top - bottom
   };
   const blocks = layout === "title" || layout === "section" || layout === "free" ? [] : columns === 2 ? [
     { ...room, w: room.w / 2 - 0.02 },
@@ -628,10 +406,10 @@ function LayoutMenu({
   className,
   compact = false
 }) {
-  const layout = chunk4TTX6ZNS_cjs.usePresentation(
-    (s) => (index === void 0 ? chunk4TTX6ZNS_cjs.currentSlide(s) : s.slides[index])?.layout ?? "clips"
+  const layout = chunkORNLCBNE_cjs.usePresentation(
+    (s) => (index === void 0 ? chunkORNLCBNE_cjs.currentSlide(s) : s.slides[index])?.layout ?? "clips"
   );
-  const setSlideLayout = chunk4TTX6ZNS_cjs.usePresentation((s) => s.setSlideLayout);
+  const setSlideLayout = chunkORNLCBNE_cjs.usePresentation((s) => s.setSlideLayout);
   return /* @__PURE__ */ jsxRuntime.jsxs(ui.DropdownMenu, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(ui.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
       ui.Button,
@@ -644,7 +422,7 @@ function LayoutMenu({
           className
         ),
         title: "Slide layout",
-        "aria-label": `Slide layout: ${chunk4TTX6ZNS_cjs.LAYOUT_INFO[layout].label}`,
+        "aria-label": `Slide layout: ${chunkORNLCBNE_cjs.LAYOUT_INFO[layout].label}`,
         "data-testid": "presentation-layout",
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(LayoutThumb, { layout, className: compact ? "w-6" : "w-7" }),
@@ -652,7 +430,7 @@ function LayoutMenu({
         ]
       }
     ) }),
-    /* @__PURE__ */ jsxRuntime.jsx(ui.DropdownMenuContent, { align: "start", className: "w-56", children: chunk4TTX6ZNS_cjs.SLIDE_LAYOUTS.map((option) => /* @__PURE__ */ jsxRuntime.jsxs(
+    /* @__PURE__ */ jsxRuntime.jsx(ui.DropdownMenuContent, { align: "start", className: "w-56", children: chunkORNLCBNE_cjs.SLIDE_LAYOUTS.map((option) => /* @__PURE__ */ jsxRuntime.jsxs(
       ui.DropdownMenuItem,
       {
         onSelect: () => setSlideLayout(option, index),
@@ -660,7 +438,7 @@ function LayoutMenu({
         "data-testid": `presentation-layout-${option}`,
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(LayoutThumb, { layout: option, className: "w-12" }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { children: chunk4TTX6ZNS_cjs.LAYOUT_INFO[option].label })
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: chunkORNLCBNE_cjs.LAYOUT_INFO[option].label })
         ]
       },
       option
@@ -668,11 +446,11 @@ function LayoutMenu({
   ] });
 }
 function Notice() {
-  const notice = chunk4TTX6ZNS_cjs.usePresentation((s) => s.notice);
+  const notice = chunkORNLCBNE_cjs.usePresentation((s) => s.notice);
   react.useEffect(() => {
     if (!notice) return;
     const timer = setTimeout(
-      () => chunk4TTX6ZNS_cjs.usePresentation.getState().clearNotice(notice.id),
+      () => chunkORNLCBNE_cjs.usePresentation.getState().clearNotice(notice.id),
       notice.kind === "error" ? 8e3 : 3e3
     );
     return () => clearTimeout(timer);
@@ -693,7 +471,7 @@ function Notice() {
             type: "button",
             className: "ml-1 rounded p-0.5 text-muted-foreground hover:text-foreground",
             "aria-label": "Dismiss",
-            onClick: () => chunk4TTX6ZNS_cjs.usePresentation.getState().clearNotice(notice.id),
+            onClick: () => chunkORNLCBNE_cjs.usePresentation.getState().clearNotice(notice.id),
             children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "size-3.5" })
           }
         )
@@ -701,1274 +479,6 @@ function Notice() {
     }
   );
 }
-var PAN_STEP = 0.1;
-var MAX_ZOOM = 800;
-var HOLD_DELAY = 350;
-var HOLD_EVERY = 90;
-var BUTTON = "flex size-7 items-center justify-center rounded-full border border-border bg-background text-foreground hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:opacity-30 pointer-coarse:size-11";
-function HoldButton({
-  label,
-  disabled,
-  onStep,
-  className,
-  children
-}) {
-  const timer = react.useRef(null);
-  const stop = () => {
-    if (timer.current) clearTimeout(timer.current);
-    timer.current = null;
-  };
-  react.useEffect(() => stop, []);
-  react.useEffect(() => {
-    if (disabled) stop();
-  }, [disabled]);
-  const start = (event) => {
-    event.stopPropagation();
-    if (disabled || event.button !== 0) return;
-    onStep();
-    const repeat = () => {
-      onStep();
-      timer.current = setTimeout(repeat, HOLD_EVERY);
-    };
-    timer.current = setTimeout(repeat, HOLD_DELAY);
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "button",
-    {
-      type: "button",
-      className: ui.cn(BUTTON, className),
-      title: label,
-      "aria-label": label,
-      disabled,
-      onPointerDown: start,
-      onPointerUp: stop,
-      onPointerLeave: stop,
-      onPointerCancel: stop,
-      onClick: (event) => event.detail === 0 && onStep(),
-      children
-    }
-  );
-}
-function ClipViewControls({ clip }) {
-  const { panClip, setClipZoom } = chunk4TTX6ZNS_cjs.usePresentation.getState();
-  const { rect } = clip;
-  const zoomBase = clip.zoomBase ?? rect.w;
-  const minZoom = Math.min(100, Math.floor(zoomBase / Math.min(1, rect.w / rect.h) * 100));
-  const pan = (dx, dy) => () => panClip(clip.id, dx * rect.w, dy * rect.h);
-  const zoom = Math.round(zoomBase / rect.w * 100);
-  const edge = 1e-6;
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      className: "flex flex-col items-center gap-2 p-1",
-      onPointerDown: (event) => event.stopPropagation(),
-      "data-testid": "clip-view-controls",
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-3 grid-rows-3 place-items-center gap-0.5", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            HoldButton,
-            {
-              label: "Show more above",
-              disabled: rect.y <= edge,
-              onStep: pan(0, -PAN_STEP),
-              className: "col-start-2 row-start-1",
-              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronUp, { className: "size-4" })
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            HoldButton,
-            {
-              label: "Show more on the left",
-              disabled: rect.x <= edge,
-              onStep: pan(-PAN_STEP, 0),
-              className: "col-start-1 row-start-2",
-              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeft, { className: "size-4" })
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            HoldButton,
-            {
-              label: "Show more on the right",
-              disabled: rect.x + rect.w >= 1 - edge,
-              onStep: pan(PAN_STEP, 0),
-              className: "col-start-3 row-start-2",
-              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "size-4" })
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            HoldButton,
-            {
-              label: "Show more below",
-              disabled: rect.y + rect.h >= 1 - edge,
-              onStep: pan(0, PAN_STEP),
-              className: "col-start-2 row-start-3",
-              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "size-4" })
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { "data-testid": "clip-zoom-control", children: /* @__PURE__ */ jsxRuntime.jsx(
-          chunk5GCCUXMT_cjs.ZoomSlider,
-          {
-            value: zoom,
-            min: minZoom,
-            max: Math.max(MAX_ZOOM, zoom),
-            zoomOutStep: 25,
-            onChange: (value) => setClipZoom(clip.id, value),
-            label: "Zoom",
-            valueLabel: /* @__PURE__ */ jsxRuntime.jsxs("span", { "data-testid": "clip-zoom", children: [
-              zoom,
-              "%"
-            ] }),
-            className: "pointer-coarse:h-11",
-            sliderClassName: "w-28"
-          }
-        ) })
-      ]
-    }
-  );
-}
-var ACTION = "inline-flex size-7 items-center justify-center rounded text-foreground hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring pointer-coarse:size-11";
-var SIZES = [
-  { command: "fit", label: "Fit the slide", icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Maximize2, { className: "size-4" }) },
-  { command: "fullWidth", label: "Full width", icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MoveHorizontal, { className: "size-4" }) },
-  { command: "fullHeight", label: "Full height", icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MoveVertical, { className: "size-4" }) }
-];
-var ALIGNMENTS = [
-  { alignment: "left", label: "Left", icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlignStartVertical, { className: "size-4" }) },
-  { alignment: "centre", label: "Centre", icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlignCenterVertical, { className: "size-4" }) },
-  { alignment: "right", label: "Right", icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlignEndVertical, { className: "size-4" }) },
-  { alignment: "top", label: "Top", icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlignStartHorizontal, { className: "size-4" }) },
-  { alignment: "middle", label: "Middle", icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlignCenterHorizontal, { className: "size-4" }) },
-  { alignment: "bottom", label: "Bottom", icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlignEndHorizontal, { className: "size-4" }) }
-];
-function Action({
-  label,
-  onClick,
-  children
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: ACTION, title: label, "aria-label": label, onClick, children });
-}
-function ClipActionBar({
-  clipId,
-  at: at2,
-  onRemoved,
-  onEditImage,
-  onCropImage
-}) {
-  const actions = chunk4TTX6ZNS_cjs.usePresentation.getState();
-  const clip = chunk4TTX6ZNS_cjs.usePresentation((state) => state.clips.find((entry) => entry.id === clipId));
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      role: "toolbar",
-      "aria-label": "Clip",
-      className: "absolute z-20 flex items-center gap-0.5 rounded-md border border-border bg-background p-0.5 shadow-md",
-      style: { left: `${at2.x * 100}%`, top: `calc(${at2.y * 100}% - 40px)` },
-      onPointerDown: (event) => event.stopPropagation(),
-      "data-testid": "clip-action-bar",
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(Action, { label: "Fit the slide", onClick: () => actions.applyFrame(clipId, "fit"), children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Maximize2, { className: "size-4" }) }),
-        /* @__PURE__ */ jsxRuntime.jsxs(ui.DropdownMenu, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ui.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: ACTION, title: "Align", "aria-label": "Align", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlignCenterHorizontal, { className: "size-4" }) }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.DropdownMenuContent, { align: "start", children: ALIGNMENTS.map(({ alignment, label, icon }) => /* @__PURE__ */ jsxRuntime.jsxs(ui.DropdownMenuItem, { onSelect: () => actions.align(clipId, alignment), children: [
-            icon,
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-2", children: label })
-          ] }, alignment)) })
-        ] }),
-        clip && /* @__PURE__ */ jsxRuntime.jsxs(ui.Popover, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ui.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
-            {
-              type: "button",
-              className: ACTION,
-              title: "View: scroll or zoom what the clip shows (or scroll over it)",
-              "aria-label": "View",
-              "data-testid": "clip-view-button",
-              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ZoomIn, { className: "size-4" })
-            }
-          ) }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.PopoverContent, { align: "start", className: "w-auto p-2", children: /* @__PURE__ */ jsxRuntime.jsx(ClipViewControls, { clip }) })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs(ui.DropdownMenu, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ui.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
-            {
-              type: "button",
-              className: ACTION,
-              title: "More",
-              "aria-label": "More",
-              "data-testid": "clip-more-menu",
-              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MoreHorizontal, { className: "size-4" })
-            }
-          ) }),
-          /* @__PURE__ */ jsxRuntime.jsxs(ui.DropdownMenuContent, { align: "start", children: [
-            SIZES.filter(({ command }) => command !== "fit").map(({ command, label, icon }) => /* @__PURE__ */ jsxRuntime.jsxs(ui.DropdownMenuItem, { onSelect: () => actions.applyFrame(clipId, command), children: [
-              icon,
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-2", children: label })
-            ] }, command)),
-            onCropImage && /* @__PURE__ */ jsxRuntime.jsxs(ui.DropdownMenuItem, { onSelect: onCropImage, children: [
-              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Crop, { className: "size-4" }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-2", children: "Crop" })
-            ] }),
-            onEditImage && /* @__PURE__ */ jsxRuntime.jsxs(ui.DropdownMenuItem, { onSelect: onEditImage, children: [
-              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Sparkles, { className: "size-4" }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-2", children: "Edit image" })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.DropdownMenuSeparator, {}),
-            /* @__PURE__ */ jsxRuntime.jsxs(ui.DropdownMenuItem, { onSelect: () => actions.bringToFront(clipId), children: [
-              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.BringToFront, { className: "size-4" }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-2", children: "Bring to front" })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs(ui.DropdownMenuItem, { onSelect: () => actions.sendToBack(clipId), children: [
-              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SendToBack, { className: "size-4" }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-2", children: "Send to back" })
-            ] })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-0.5 h-5 w-px bg-border" }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "button",
-          {
-            type: "button",
-            className: ui.cn(ACTION, "text-destructive hover:bg-destructive/10"),
-            title: "Remove from slide (Delete)",
-            "aria-label": "Remove from slide",
-            onClick: () => {
-              actions.unplace(clipId);
-              onRemoved();
-            },
-            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2, { className: "size-4" })
-          }
-        )
-      ]
-    }
-  );
-}
-var boxStyle = (box2) => ({
-  left: `${box2.x * 100}%`,
-  top: `${box2.y * 100}%`,
-  width: `${box2.w * 100}%`,
-  height: `${box2.h * 100}%`
-});
-var textStyle = (box2, color) => ({
-  ...boxStyle(box2),
-  fontSize: `${box2.size * 100}cqw`,
-  fontWeight: box2.weight,
-  lineHeight: box2.leading,
-  color,
-  letterSpacing: box2.tone === "title" ? "-0.01em" : void 0
-});
-var PLACEHOLDER_COLOR = "rgba(255,255,255,0.32)";
-function Text({
-  box: box2,
-  lines,
-  accent,
-  placeholder,
-  onEdit,
-  testId
-}) {
-  const empty = lines.length === 0;
-  if (empty && !placeholder) return null;
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: ui.cn(
-        "absolute flex flex-col overflow-hidden",
-        onEdit ? "pointer-events-auto cursor-text rounded-[0.3cqw] hover:outline hover:outline-1 hover:outline-white/25" : "pointer-events-none",
-        box2.align === "center" && "text-center",
-        box2.bullets && "gap-[0.6cqw]",
-        box2.anchor === "middle" && "justify-center",
-        box2.anchor === "bottom" && "justify-end"
-      ),
-      style: textStyle(box2, empty ? PLACEHOLDER_COLOR : chunk4TTX6ZNS_cjs.TEXT_COLORS[box2.tone]),
-      onPointerDown: onEdit ? (event) => event.stopPropagation() : void 0,
-      onClick: onEdit,
-      "data-testid": testId,
-      children: (empty ? [placeholder] : lines).map(
-        (line, index) => box2.bullets ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-baseline gap-[0.8em]", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "span",
-            {
-              "aria-hidden": true,
-              className: "inline-block size-[0.42em] shrink-0 -translate-y-[0.12em]",
-              style: { background: empty ? "currentColor" : accent }
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { children: line })
-        ] }, index) : /* @__PURE__ */ jsxRuntime.jsx("div", { children: line }, index)
-      )
-    }
-  );
-}
-function TextField({
-  box: box2,
-  value,
-  placeholder,
-  multiline,
-  onChange,
-  onDone,
-  testId
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "textarea",
-    {
-      autoFocus: true,
-      value,
-      placeholder,
-      onChange: (event) => onChange(multiline ? event.target.value : event.target.value.replace(/\n/g, " ")),
-      onBlur: onDone,
-      onPointerDown: (event) => event.stopPropagation(),
-      onKeyDown: (event) => {
-        if (event.key === "Escape" || !multiline && event.key === "Enter") {
-          event.preventDefault();
-          event.currentTarget.blur();
-        }
-      },
-      className: ui.cn(
-        "pointer-events-auto absolute resize-none overflow-hidden rounded-[0.3cqw] bg-white/5 p-0 outline outline-1 outline-white/40 placeholder:text-white/30 focus:outline-white/60",
-        box2.align === "center" && "text-center"
-      ),
-      style: {
-        ...textStyle(box2, chunk4TTX6ZNS_cjs.TEXT_COLORS[box2.tone]),
-        fontFamily: "inherit",
-        // Bulleted lines keep their indent while typed.
-        paddingLeft: box2.bullets ? "1.22em" : void 0
-      },
-      "aria-label": placeholder,
-      "data-testid": testId
-    }
-  );
-}
-function Logo({ image, box: box2 }) {
-  const url = chunkWOOOMTTA_cjs.useObjectUrl(image);
-  if (!url) return null;
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "img",
-    {
-      src: url,
-      alt: "",
-      className: "pointer-events-none absolute object-contain opacity-90",
-      style: { ...boxStyle(box2), objectPosition: box2.x < 0.5 ? "left bottom" : "right bottom" },
-      "data-testid": "stage-logo"
-    }
-  );
-}
-var SlideDecor = react.memo(function SlideDecor2({
-  slide,
-  theme,
-  labels,
-  logoImage,
-  editable,
-  editing,
-  dim
-}) {
-  const [typing, setTyping] = react.useState(null);
-  const geometry = chunk4TTX6ZNS_cjs.slideGeometry(slide, { labels, logo: theme.logo?.corner ?? null });
-  const title = slide.caption.trim();
-  const titled = slide.layout === "title" || slide.layout === "section";
-  const info = chunk4TTX6ZNS_cjs.LAYOUT_INFO[slide.layout];
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ui.cn("pointer-events-none absolute inset-0", dim && "opacity-30"), children: [
-    !geometry.title ? null : editing && typing === "title" ? /* @__PURE__ */ jsxRuntime.jsx(
-      TextField,
-      {
-        box: geometry.title,
-        value: slide.caption,
-        placeholder: "Title",
-        multiline: false,
-        onChange: editing.onTitle,
-        onDone: () => setTyping(null),
-        testId: "stage-slide-caption-input"
-      }
-    ) : /* @__PURE__ */ jsxRuntime.jsx(
-      Text,
-      {
-        box: geometry.title,
-        lines: title ? [title] : [],
-        accent: chunk4TTX6ZNS_cjs.accentColor(theme.accent),
-        placeholder: editable && (titled || editing) ? "Click to add a title" : void 0,
-        onEdit: editing ? () => setTyping("title") : void 0,
-        testId: "stage-slide-caption"
-      }
-    ),
-    geometry.rule && (title || editable && titled) && /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        className: "absolute",
-        style: { ...boxStyle(geometry.rule), background: chunk4TTX6ZNS_cjs.accentColor(theme.accent) }
-      }
-    ),
-    geometry.text && (editing && typing === "text" ? /* @__PURE__ */ jsxRuntime.jsx(
-      TextField,
-      {
-        box: geometry.text,
-        value: slide.points,
-        placeholder: info.text ?? "",
-        multiline: true,
-        onChange: editing.onPoints,
-        onDone: () => setTyping(null),
-        testId: "stage-slide-points-input"
-      }
-    ) : /* @__PURE__ */ jsxRuntime.jsx(
-      Text,
-      {
-        box: geometry.text,
-        lines: chunk4TTX6ZNS_cjs.textLines(slide.points),
-        accent: chunk4TTX6ZNS_cjs.accentColor(theme.accent),
-        placeholder: editable ? info.text : void 0,
-        onEdit: editing ? () => setTyping("text") : void 0,
-        testId: "stage-slide-points"
-      }
-    )),
-    geometry.logo && logoImage && /* @__PURE__ */ jsxRuntime.jsx(Logo, { image: logoImage, box: geometry.logo })
-  ] });
-});
-var isEdge = (kind) => kind === "n" || kind === "e" || kind === "s" || kind === "w";
-var EDGES = [
-  { edge: "n", left: "50%", top: "0%", cursor: "ns-resize", label: "top" },
-  { edge: "e", left: "100%", top: "50%", cursor: "ew-resize", label: "right" },
-  { edge: "s", left: "50%", top: "100%", cursor: "ns-resize", label: "bottom" },
-  { edge: "w", left: "0%", top: "50%", cursor: "ew-resize", label: "left" }
-];
-var CORNERS = [
-  { corner: "nw", left: "0%", top: "0%", cursor: "nwse-resize" },
-  { corner: "ne", left: "100%", top: "0%", cursor: "nesw-resize" },
-  { corner: "sw", left: "0%", top: "100%", cursor: "nesw-resize" },
-  { corner: "se", left: "100%", top: "100%", cursor: "nwse-resize" }
-];
-var EDGE_CSS = chunk4TTX6ZNS_cjs.clipEdgeCss();
-var StageItem = react.memo(function StageItem2({
-  clip,
-  frame,
-  editable,
-  selected,
-  dim,
-  label,
-  host
-}) {
-  const element = react.useRef(null);
-  const gesture = react.useRef(null);
-  const [reshape, setReshape] = react.useState(null);
-  const shown = reshape ? { ...clip, ...reshape.shape } : clip;
-  const box2 = reshape?.frame ?? frame;
-  const view = () => element.current?.ownerDocument.defaultView ?? window;
-  const apply = () => {
-    const g = gesture.current;
-    const el = element.current;
-    if (!g) return;
-    g.request = null;
-    const next = g.next;
-    if (!next || !el) return;
-    if (next.shape) {
-      setReshape({ frame: next.frame, shape: next.shape });
-    } else {
-      const dx = (next.frame.x - g.frame.x) * g.stage.width;
-      const dy = (next.frame.y - g.frame.y) * g.stage.height;
-      const scale = next.frame.w / g.frame.w;
-      el.style.transform = `translate3d(${dx}px, ${dy}px, 0) scale(${scale})`;
-    }
-    const key = next.guides.map((guide) => `${guide.axis}${guide.at}`).join();
-    if (key !== g.guidesKey) {
-      g.guidesKey = key;
-      host.guides(next.guides);
-    }
-  };
-  const start = (event, kind) => {
-    if (!editable || event.button !== 0) return;
-    const stage = host.stageBox();
-    if (!stage) return;
-    event.preventDefault();
-    event.stopPropagation();
-    host.select(clip.id);
-    event.currentTarget.setPointerCapture(event.pointerId);
-    gesture.current = {
-      kind,
-      pointer: { x: event.clientX, y: event.clientY },
-      frame,
-      shape: { rect: clip.rect, aspect: clip.aspect },
-      stage,
-      others: host.others(clip.id),
-      next: null,
-      request: null,
-      guidesKey: ""
-    };
-  };
-  const move = (event) => {
-    const g = gesture.current;
-    if (!g) return;
-    if (!g.next) {
-      host.dragging(true);
-      if (element.current) element.current.style.willChange = "transform";
-    }
-    const dx = (event.clientX - g.pointer.x) / g.stage.width;
-    const dy = (event.clientY - g.pointer.y) / g.stage.height;
-    const free = event.altKey;
-    if (isEdge(g.kind)) {
-      const result = chunk4TTX6ZNS_cjs.reshapeFrame(g.frame, g.shape, g.kind, dx, dy, g.others, free);
-      g.next = {
-        frame: result.frame,
-        shape: { rect: result.rect, aspect: result.aspect },
-        guides: result.guides
-      };
-    } else {
-      g.next = g.kind === "move" ? chunk4TTX6ZNS_cjs.moveFrame(g.frame, g.shape.aspect, dx, dy, g.others, free) : chunk4TTX6ZNS_cjs.resizeFrame(g.frame, g.shape.aspect, g.kind, dx, dy, g.others, free);
-    }
-    g.request ??= view().requestAnimationFrame(apply);
-  };
-  const end = () => {
-    const g = gesture.current;
-    gesture.current = null;
-    if (!g) return;
-    if (g.request !== null) view().cancelAnimationFrame(g.request);
-    const el = element.current;
-    if (el) {
-      el.style.transform = "";
-      el.style.willChange = "";
-    }
-    if (!g.next) return;
-    setReshape(null);
-    host.dragging(false);
-    host.guides([]);
-    host.commit(clip.id, g.next.frame, g.next.shape);
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      ref: element,
-      className: ui.cn(
-        "absolute origin-top-left",
-        // Lifted off the background (a picture that is part of the slide's design is not).
-        !clip.plain && "rounded-[0.6cqw] shadow-[0_0.5cqw_1.6cqw_rgba(0,0,0,0.5)]",
-        editable && "cursor-move touch-none",
-        selected && "outline outline-2 outline-offset-2 outline-primary",
-        dim && "opacity-30"
-      ),
-      style: {
-        left: `${box2.x * 100}%`,
-        top: `${box2.y * 100}%`,
-        width: `${box2.w * 100}%`,
-        height: `${chunk4TTX6ZNS_cjs.frameHeight(box2, shown.aspect) * 100}%`
-      },
-      onPointerDown: (event) => start(event, "move"),
-      onPointerMove: move,
-      onPointerUp: end,
-      onPointerCancel: end,
-      "data-testid": `stage-item-${clip.id}`,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ui.cn("absolute inset-0 overflow-hidden", !clip.plain && "rounded-[0.6cqw]"), children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ClipImage, { clip: shown, live: !editable }),
-          clip.kind === "pdf" && !clip.plain && /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
-            {
-              className: "pointer-events-none absolute inset-0",
-              style: { background: EDGE_CSS },
-              "data-testid": "stage-clip-edge"
-            }
-          ),
-          !clip.plain && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pointer-events-none absolute inset-0 rounded-[0.6cqw] ring-1 ring-inset ring-white/15" })
-        ] }),
-        label && !clip.plain && // Under the clip, in the room the layout keeps (CAPTION_SPACE): never over it.
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            className: "pointer-events-none absolute left-0 top-full mt-[0.5cqw] max-w-full truncate text-[1.7cqw] leading-tight",
-            style: { color: chunk4TTX6ZNS_cjs.TEXT_COLORS.muted },
-            children: label
-          }
-        ),
-        selected && CORNERS.map(({ corner, left, top, cursor }) => /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            className: "absolute flex size-6 -translate-x-1/2 -translate-y-1/2 items-center justify-center pointer-coarse:size-11",
-            style: { left, top, cursor, touchAction: "none" },
-            onPointerDown: (event) => start(event, corner),
-            "aria-label": `Resize from the ${corner} corner`,
-            "data-testid": `stage-item-resize-${corner}`,
-            children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pointer-events-none size-3 rounded-full border-2 border-primary bg-background" })
-          },
-          corner
-        )),
-        selected && EDGES.map(({ edge, left, top, cursor, label: side }) => /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            className: "absolute flex size-6 -translate-x-1/2 -translate-y-1/2 items-center justify-center pointer-coarse:size-11",
-            style: { left, top, cursor, touchAction: "none" },
-            onPointerDown: (event) => start(event, edge),
-            "aria-label": `Show more or less at the ${side}`,
-            title: "Drag to show more or less of the page",
-            "data-testid": `stage-item-reshape-${edge}`,
-            children: /* @__PURE__ */ jsxRuntime.jsx(
-              "span",
-              {
-                className: ui.cn(
-                  "pointer-events-none rounded-full border-2 border-primary bg-background",
-                  edge === "n" || edge === "s" ? "h-2 w-4" : "h-4 w-2"
-                )
-              }
-            )
-          },
-          edge
-        ))
-      ]
-    }
-  );
-});
-
-// src/presentation/box-style.ts
-var cqw = (points) => `${chunk4TTX6ZNS_cjs.pointsToStage(points) * 100}cqw`;
-function runStyle(run, font) {
-  return {
-    fontSize: cqw(run.size ?? chunk4TTX6ZNS_cjs.DEFAULT_TEXT_SIZE),
-    fontWeight: run.bold ? 700 : 400,
-    fontStyle: run.italic ? "italic" : void 0,
-    textDecoration: run.underline ? "underline" : void 0,
-    color: run.color ?? chunk4TTX6ZNS_cjs.TEXT_COLORS.body,
-    fontFamily: run.font ? `"${run.font}", ${font}` : font
-  };
-}
-var HANDLES = [
-  { handle: "nw", left: "0%", top: "0%", cursor: "nwse-resize" },
-  { handle: "n", left: "50%", top: "0%", cursor: "ns-resize" },
-  { handle: "ne", left: "100%", top: "0%", cursor: "nesw-resize" },
-  { handle: "e", left: "100%", top: "50%", cursor: "ew-resize" },
-  { handle: "se", left: "100%", top: "100%", cursor: "nwse-resize" },
-  { handle: "s", left: "50%", top: "100%", cursor: "ns-resize" },
-  { handle: "sw", left: "0%", top: "100%", cursor: "nesw-resize" },
-  { handle: "w", left: "0%", top: "50%", cursor: "ew-resize" }
-];
-var withAlpha = (hex3, alpha = 1) => {
-  if (alpha >= 1) return hex3;
-  const n = parseInt(hex3.slice(1), 16);
-  return `rgba(${n >> 16 & 255}, ${n >> 8 & 255}, ${n & 255}, ${alpha})`;
-};
-function shapeStyle(box2) {
-  const { frame } = box2;
-  const line = box2.line;
-  const shorter = Math.min(frame.w, frame.h * 1 / chunk4TTX6ZNS_cjs.STAGE_ASPECT);
-  return {
-    background: box2.fill && box2.shape !== "line" ? withAlpha(box2.fill, box2.fillAlpha) : void 0,
-    border: line && box2.shape !== "line" ? `${cqw(line.width)} ${line.dash ? "dashed" : "solid"} ${line.color}` : void 0,
-    borderRadius: box2.shape === "ellipse" ? "50%" : box2.shape === "roundRect" ? `${shorter * 16.67}cqw` : void 0
-  };
-}
-function Paragraphs({
-  paragraphs,
-  font
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: paragraphs.map((paragraph, index) => {
-    const first = paragraph.runs[0];
-    const size = first?.size ?? chunk4TTX6ZNS_cjs.DEFAULT_TEXT_SIZE;
-    const indent = (paragraph.level ?? 0) * 0.5 * size;
-    const empty = !paragraph.runs.some((run) => run.text);
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        className: "whitespace-pre-wrap break-words",
-        style: {
-          textAlign: paragraph.align ?? "left",
-          lineHeight: 1.2,
-          paddingLeft: cqw(indent + (paragraph.bullet ? size * 0.9 : 0)),
-          textIndent: paragraph.bullet ? cqw(-size * 0.9) : void 0,
-          // An empty line keeps its height.
-          fontSize: cqw(size)
-        },
-        children: [
-          paragraph.bullet && /* @__PURE__ */ jsxRuntime.jsx(
-            "span",
-            {
-              style: {
-                ...runStyle(first ?? { }, font),
-                display: "inline-block",
-                width: cqw(size * 0.9),
-                textIndent: 0
-              },
-              children: "\u2022"
-            }
-          ),
-          empty ? "\u200B" : paragraph.runs.map((run, i) => /* @__PURE__ */ jsxRuntime.jsx("span", { style: runStyle(run, font), children: run.text }, i))
-        ]
-      },
-      index
-    );
-  }) });
-}
-var StageBox = react.memo(function StageBox2({
-  box: box2,
-  font,
-  editable,
-  selected,
-  host
-}) {
-  const element = react.useRef(null);
-  const gesture = react.useRef(null);
-  const [typing, setTyping] = react.useState(false);
-  const [dragging, setDragging] = react.useState(false);
-  const { frame } = box2;
-  const view = () => element.current?.ownerDocument.defaultView ?? window;
-  const apply = () => {
-    const g = gesture.current;
-    const el = element.current;
-    if (!g || !el) return;
-    g.request = null;
-    if (!g.next) return;
-    if (g.handle === "move") {
-      el.style.translate = `${(g.next.x - g.frame.x) * g.stage.width}px ${(g.next.y - g.frame.y) * g.stage.height}px`;
-    } else {
-      el.style.left = `${g.next.x * 100}%`;
-      el.style.top = `${g.next.y * 100}%`;
-      el.style.width = `${g.next.w * 100}%`;
-      el.style.height = `${g.next.h * 100}%`;
-    }
-  };
-  const start = (event, handle) => {
-    if (!editable || typing || event.button !== 0) return;
-    const stage = host.stageBox();
-    if (!stage) return;
-    event.preventDefault();
-    event.stopPropagation();
-    host.select(box2.id);
-    event.currentTarget.setPointerCapture(event.pointerId);
-    gesture.current = {
-      handle,
-      pointer: { x: event.clientX, y: event.clientY },
-      frame,
-      stage,
-      next: null,
-      request: null,
-      wasSelected: selected
-    };
-  };
-  const move = (event) => {
-    const g = gesture.current;
-    if (!g) return;
-    const dx = (event.clientX - g.pointer.x) / g.stage.width;
-    const dy = (event.clientY - g.pointer.y) / g.stage.height;
-    if (!g.next) setDragging(true);
-    g.next = g.handle === "move" ? chunk4TTX6ZNS_cjs.moveBox(g.frame, dx, dy) : chunk4TTX6ZNS_cjs.stretchBox(g.frame, g.handle, dx, dy);
-    g.request ??= view().requestAnimationFrame(apply);
-  };
-  const end = () => {
-    const g = gesture.current;
-    gesture.current = null;
-    if (!g) return;
-    if (g.request !== null) view().cancelAnimationFrame(g.request);
-    if (!g.next) {
-      if (g.wasSelected && g.handle === "move" && hasText) setTyping(true);
-      return;
-    }
-    const el = element.current;
-    if (el) {
-      el.style.translate = "";
-      el.style.left = `${g.frame.x * 100}%`;
-      el.style.top = `${g.frame.y * 100}%`;
-      el.style.width = `${g.frame.w * 100}%`;
-      el.style.height = `${g.frame.h * 100}%`;
-    }
-    setDragging(false);
-    host.commit(box2.id, g.next);
-  };
-  const hasText = box2.shape !== "line";
-  const inset = cqw(box2.inset ?? chunk4TTX6ZNS_cjs.DEFAULT_INSET);
-  const run = chunk4TTX6ZNS_cjs.firstRun(box2);
-  const transform = box2.rotation ? `rotate(${box2.rotation}deg)` : void 0;
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      ref: element,
-      className: ui.cn(
-        "absolute",
-        editable ? "pointer-events-auto" : "pointer-events-none",
-        editable && !typing && "cursor-move touch-none",
-        editable && !selected && "hover:outline hover:outline-1 hover:outline-white/30",
-        selected && "outline outline-2 outline-offset-1 outline-primary"
-      ),
-      style: {
-        left: `${frame.x * 100}%`,
-        top: `${frame.y * 100}%`,
-        width: `${frame.w * 100}%`,
-        height: `${frame.h * 100}%`,
-        transform,
-        willChange: dragging ? "translate" : void 0
-      },
-      onPointerDown: (event) => start(event, "move"),
-      onPointerMove: move,
-      onPointerUp: end,
-      onPointerCancel: end,
-      onDoubleClick: () => editable && hasText && setTyping(true),
-      onKeyDown: (event) => {
-        if (selected && !typing && event.key === "Enter" && hasText) {
-          event.preventDefault();
-          setTyping(true);
-        }
-      },
-      tabIndex: editable ? 0 : void 0,
-      "data-testid": `stage-box-${box2.id}`,
-      children: [
-        box2.shape === "line" ? /* @__PURE__ */ jsxRuntime.jsx(
-          "svg",
-          {
-            className: "absolute inset-0 size-full overflow-visible",
-            preserveAspectRatio: "none",
-            "aria-hidden": true,
-            children: /* @__PURE__ */ jsxRuntime.jsx(
-              "line",
-              {
-                x1: "0%",
-                y1: box2.flipV ? "100%" : "0%",
-                x2: "100%",
-                y2: box2.flipV ? "0%" : "100%",
-                stroke: box2.line?.color ?? chunk4TTX6ZNS_cjs.TEXT_COLORS.body,
-                style: { strokeWidth: cqw(box2.line?.width ?? 1) },
-                strokeDasharray: box2.line?.dash ? "6 4" : void 0
-              }
-            )
-          }
-        ) : /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            className: ui.cn(
-              "absolute inset-0 box-border flex flex-col overflow-hidden",
-              box2.anchor === "middle" && "justify-center",
-              box2.anchor === "bottom" && "justify-end"
-            ),
-            style: { ...shapeStyle(box2), padding: inset },
-            children: typing ? /* @__PURE__ */ jsxRuntime.jsx(
-              "textarea",
-              {
-                autoFocus: true,
-                defaultValue: chunk4TTX6ZNS_cjs.boxText(box2),
-                className: "pointer-events-auto w-full flex-1 resize-none bg-transparent p-0 outline-none",
-                style: {
-                  ...runStyle(run ?? { }, font),
-                  lineHeight: 1.2,
-                  textAlign: box2.paragraphs[0]?.align ?? "left"
-                },
-                onPointerDown: (event) => event.stopPropagation(),
-                onBlur: (event) => {
-                  host.setText(box2.id, event.currentTarget.value);
-                  setTyping(false);
-                },
-                onKeyDown: (event) => {
-                  event.stopPropagation();
-                  if (event.key === "Escape") event.currentTarget.blur();
-                },
-                "aria-label": "Text",
-                "data-testid": "stage-box-text-input"
-              }
-            ) : chunk4TTX6ZNS_cjs.boxText(box2) || !editable ? /* @__PURE__ */ jsxRuntime.jsx(Paragraphs, { paragraphs: box2.paragraphs, font }) : box2.shape === "text" && /* @__PURE__ */ jsxRuntime.jsx(
-              "span",
-              {
-                className: "text-white/40",
-                style: { fontSize: cqw(run?.size ?? chunk4TTX6ZNS_cjs.DEFAULT_TEXT_SIZE) },
-                children: "Double-click to type"
-              }
-            )
-          }
-        ),
-        selected && !typing && !dragging && HANDLES.filter(
-          ({ handle }) => box2.shape !== "line" || handle === "e" || handle === "w" || handle === "n" || handle === "s"
-        ).map(({ handle, left, top, cursor }) => /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            className: "absolute flex size-5 -translate-x-1/2 -translate-y-1/2 items-center justify-center pointer-coarse:size-11",
-            style: { left, top, cursor, touchAction: "none" },
-            onPointerDown: (event) => start(event, handle),
-            "aria-label": `Resize from ${handle}`,
-            "data-testid": `stage-box-resize-${handle}`,
-            children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pointer-events-none size-2.5 rounded-full border-2 border-primary bg-background" })
-          },
-          handle
-        ))
-      ]
-    }
-  );
-});
-var SIZE_STEPS = [8, 10, 12, 14, 16, 18, 20, 24, 28, 32, 36, 44, 54, 66, 80, 96];
-var nextSize = (size, up) => up ? SIZE_STEPS.find((step) => step > size + 0.5) ?? size : [...SIZE_STEPS].reverse().find((step) => step < size - 0.5) ?? size;
-var ALIGN_ICON = {
-  left: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlignLeft, { className: "size-4" }),
-  center: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlignCenter, { className: "size-4" }),
-  right: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlignRight, { className: "size-4" }),
-  justify: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlignLeft, { className: "size-4" })
-};
-function ColorAction({
-  label,
-  value,
-  onChange,
-  children
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("label", { className: ui.cn(ACTION, "relative cursor-pointer"), title: label, "aria-label": label, children: [
-    children,
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "span",
-      {
-        className: "pointer-events-none absolute inset-x-1.5 bottom-0.5 h-0.5 rounded-full",
-        style: { background: value }
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "input",
-      {
-        type: "color",
-        value,
-        onChange: (event) => onChange(event.target.value),
-        className: "absolute inset-0 size-full cursor-pointer opacity-0",
-        "aria-label": label
-      }
-    )
-  ] });
-}
-function BoxActionBar({ box: box2, onRemoved }) {
-  const actions = chunk4TTX6ZNS_cjs.usePresentation.getState();
-  const run = chunk4TTX6ZNS_cjs.firstRun(box2);
-  const size = run?.size ?? chunk4TTX6ZNS_cjs.DEFAULT_TEXT_SIZE;
-  const align = box2.paragraphs[0]?.align ?? "left";
-  const update = (change) => actions.updateBox(box2.id, change);
-  const text = box2.shape !== "line";
-  const top = Math.max(0, box2.frame.y);
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      role: "toolbar",
-      "aria-label": "Text box",
-      className: "absolute z-20 flex items-center gap-0.5 rounded-md border border-border bg-background p-0.5 shadow-md",
-      style: {
-        left: `${Math.min(Math.max(0, box2.frame.x), 0.6) * 100}%`,
-        top: `calc(${top * 100}% - 40px)`
-      },
-      onPointerDown: (event) => event.stopPropagation(),
-      "data-testid": "box-action-bar",
-      children: [
-        text && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            Action,
-            {
-              label: "Smaller",
-              onClick: () => update((b) => chunk4TTX6ZNS_cjs.styleRuns(b, (r) => ({ ...r, size: nextSize(r.size ?? size, false) }))),
-              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AArrowDown, { className: "size-4" })
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "span",
-            {
-              className: "w-7 text-center text-xs tabular-nums text-muted-foreground",
-              "data-testid": "box-text-size",
-              children: Math.round(size)
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            Action,
-            {
-              label: "Larger",
-              onClick: () => update((b) => chunk4TTX6ZNS_cjs.styleRuns(b, (r) => ({ ...r, size: nextSize(r.size ?? size, true) }))),
-              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AArrowUp, { className: "size-4" })
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            Action,
-            {
-              label: "Bold",
-              onClick: () => update((b) => chunk4TTX6ZNS_cjs.styleRuns(b, (r) => ({ ...r, bold: !run?.bold }))),
-              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Bold, { className: ui.cn("size-4", run?.bold && "text-primary") })
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            ColorAction,
-            {
-              label: "Text colour",
-              value: run?.color ?? chunk4TTX6ZNS_cjs.TEXT_COLORS.body,
-              onChange: (color) => update((b) => chunk4TTX6ZNS_cjs.styleRuns(b, (r) => ({ ...r, color }))),
-              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Baseline, { className: "size-4" })
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          ColorAction,
-          {
-            label: box2.shape === "line" ? "Line colour" : "Fill",
-            value: (box2.shape === "line" ? box2.line?.color : box2.fill) ?? "#ffffff",
-            onChange: (color) => update(
-              (b) => b.shape === "line" ? { ...b, line: { width: b.line?.width ?? 2, ...b.line, color } } : { ...b, fill: color, shape: b.shape === "text" ? "rect" : b.shape }
-            ),
-            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PaintBucket, { className: "size-4" })
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsxs(ui.DropdownMenu, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ui.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
-            {
-              type: "button",
-              className: ACTION,
-              title: "More",
-              "aria-label": "More",
-              "data-testid": "box-more-menu",
-              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MoreHorizontal, { className: "size-4" })
-            }
-          ) }),
-          /* @__PURE__ */ jsxRuntime.jsxs(ui.DropdownMenuContent, { align: "start", children: [
-            text && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-              /* @__PURE__ */ jsxRuntime.jsxs(
-                ui.DropdownMenuCheckboxItem,
-                {
-                  checked: !!run?.italic,
-                  onCheckedChange: () => update((b) => chunk4TTX6ZNS_cjs.styleRuns(b, (r) => ({ ...r, italic: !run?.italic }))),
-                  children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Italic, { className: "size-4" }),
-                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-2", children: "Italic" })
-                  ]
-                }
-              ),
-              ["left", "center", "right"].map((value) => /* @__PURE__ */ jsxRuntime.jsxs(
-                ui.DropdownMenuCheckboxItem,
-                {
-                  checked: align === value,
-                  onCheckedChange: () => update((b) => ({
-                    ...b,
-                    paragraphs: b.paragraphs.map((p) => ({ ...p, align: value }))
-                  })),
-                  children: [
-                    ALIGN_ICON[value],
-                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-2", children: value === "left" ? "Align left" : value === "center" ? "Centre" : "Align right" })
-                  ]
-                },
-                value
-              )),
-              /* @__PURE__ */ jsxRuntime.jsx(ui.DropdownMenuSeparator, {})
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs(ui.DropdownMenuItem, { onSelect: () => actions.restackBox(box2.id, "front"), children: [
-              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.BringToFront, { className: "size-4" }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-2", children: "In front of the clips" })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs(ui.DropdownMenuItem, { onSelect: () => actions.restackBox(box2.id, "back"), children: [
-              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SendToBack, { className: "size-4" }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-2", children: "Behind the clips" })
-            ] })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "button",
-          {
-            type: "button",
-            className: ui.cn(ACTION, "text-destructive hover:bg-destructive/10"),
-            title: "Delete (Delete)",
-            "aria-label": "Delete",
-            onClick: () => {
-              actions.removeBox(box2.id);
-              onRemoved();
-            },
-            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2, { className: "size-4" })
-          }
-        )
-      ]
-    }
-  );
-}
-var GuideLayer = react.memo(
-  react.forwardRef(function GuideLayer2(_, ref) {
-    const [guides, setGuides] = react.useState([]);
-    react.useImperativeHandle(ref, () => ({ set: setGuides }), []);
-    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: guides.map((guide) => /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        className: "pointer-events-none absolute z-10 bg-primary",
-        style: guide.axis === "x" ? { left: `${guide.at * 100}%`, top: 0, bottom: 0, width: 1 } : { top: `${guide.at * 100}%`, left: 0, right: 0, height: 1 },
-        "data-testid": `stage-guide-${guide.axis}`
-      },
-      `${guide.axis}-${guide.at}`
-    )) });
-  })
-);
-function PresentationStage({
-  editable = false,
-  slideIndex,
-  selected = null,
-  onSelect,
-  onEditImage,
-  onCropImage,
-  textEditing,
-  overlay,
-  className
-}) {
-  const index = chunk4TTX6ZNS_cjs.usePresentation((s) => slideIndex ?? s.current);
-  const slide = chunk4TTX6ZNS_cjs.usePresentation((s) => s.slides[index]);
-  const clips = chunk4TTX6ZNS_cjs.usePresentation((s) => s.clips);
-  const blank = chunk4TTX6ZNS_cjs.usePresentation((s) => s.blank && !editable);
-  const captions = chunk4TTX6ZNS_cjs.usePresentation((s) => s.captions);
-  const columnValues = chunk4TTX6ZNS_cjs.usePresentation((s) => s.columnValues);
-  const theme = chunk4TTX6ZNS_cjs.usePresentation((s) => s.theme);
-  const logoImage = chunk4TTX6ZNS_cjs.usePresentation((s) => s.logoImage);
-  const media = chunk4TTX6ZNS_cjs.usePresentation((s) => s.media);
-  const stageRef = react.useRef(null);
-  const guideLayer = react.useRef(null);
-  const dropping = chunk4TTX6ZNS_cjs.usePresentation((s) => editable && s.dragging !== null);
-  const [dragging, setDragging] = react.useState(false);
-  const latest = react.useRef({ slide, clips, index, onSelect });
-  latest.current = { slide, clips, index, onSelect };
-  const host = react.useMemo(
-    () => ({
-      stageBox: () => stageRef.current?.getBoundingClientRect() ?? null,
-      others: (clipId) => {
-        const { slide: current2, clips: all } = latest.current;
-        return (current2?.items ?? []).filter((item) => item.clipId !== clipId).map((item) => ({
-          frame: item.frame,
-          aspect: all.find((clip) => clip.id === item.clipId)?.aspect ?? 1
-        }));
-      },
-      select: (clipId) => {
-        chunk4TTX6ZNS_cjs.usePresentation.getState().goTo(latest.current.index);
-        latest.current.onSelect?.(clipId);
-      },
-      guides: (guides) => guideLayer.current?.set(guides),
-      dragging: setDragging,
-      commit: (clipId, frame, shape) => {
-        const state = chunk4TTX6ZNS_cjs.usePresentation.getState();
-        state.goTo(latest.current.index);
-        if (shape) state.reshapeClip(clipId, frame, shape.rect, shape.aspect);
-        else state.setFrame(clipId, frame);
-      }
-    }),
-    []
-  );
-  const boxHost = react.useMemo(
-    () => ({
-      stageBox: () => stageRef.current?.getBoundingClientRect() ?? null,
-      select: (boxId) => {
-        chunk4TTX6ZNS_cjs.usePresentation.getState().goTo(latest.current.index);
-        latest.current.onSelect?.(boxId);
-      },
-      commit: (boxId, frame) => chunk4TTX6ZNS_cjs.usePresentation.getState().updateBox(boxId, (box2) => ({ ...box2, frame })),
-      setText: (boxId, text) => chunk4TTX6ZNS_cjs.usePresentation.getState().setBoxText(boxId, text)
-    }),
-    []
-  );
-  const font = chunk4TTX6ZNS_cjs.FONTS[theme.font].css;
-  const boxes = slide?.boxes ?? [];
-  const selectedBox = selected ? boxes.find((box2) => box2.id === selected) : void 0;
-  const renderBoxes = (front) => boxes.filter((box2) => !!box2.front === front).map((box2) => /* @__PURE__ */ jsxRuntime.jsx(
-    StageBox,
-    {
-      box: box2,
-      font,
-      editable,
-      selected: editable && selected === box2.id,
-      host: boxHost
-    },
-    box2.id
-  ));
-  const clipOf = (id) => clips.find((clip) => clip.id === id);
-  const selectedFrame = selected ? slide?.items.find((item) => item.clipId === selected)?.frame : void 0;
-  react.useEffect(() => {
-    const stage = stageRef.current;
-    const view = stage?.ownerDocument.defaultView;
-    if (!editable || !selected || !stage || !view) return;
-    let sum = { x: 0, y: 0 };
-    let request = null;
-    const onWheel = (event) => {
-      const item = event.target?.closest?.(
-        `[data-testid="stage-item-${selected}"]`
-      );
-      const clip = chunk4TTX6ZNS_cjs.usePresentation.getState().clips.find((entry) => entry.id === selected);
-      if (!item || !clip) return;
-      event.preventDefault();
-      const box2 = item.getBoundingClientRect();
-      const horizontal = event.shiftKey && !event.deltaX;
-      const deltaX = horizontal ? event.deltaY : event.deltaX;
-      const deltaY = horizontal ? 0 : event.deltaY;
-      sum = {
-        x: sum.x + deltaX / box2.width * clip.rect.w,
-        y: sum.y + deltaY / box2.height * clip.rect.h
-      };
-      request ??= view.requestAnimationFrame(() => {
-        request = null;
-        chunk4TTX6ZNS_cjs.usePresentation.getState().panClip(selected, sum.x, sum.y);
-        sum = { x: 0, y: 0 };
-      });
-    };
-    stage.addEventListener("wheel", onWheel, { passive: false });
-    return () => {
-      stage.removeEventListener("wheel", onWheel);
-      if (request !== null) view.cancelAnimationFrame(request);
-    };
-  }, [editable, selected]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: ui.cn("relative h-full w-full", !editable && "overflow-hidden bg-black", className),
-      style: { containerType: "size" },
-      "data-testid": editable ? "presentation-stage-editor" : "presentation-stage",
-      children: /* @__PURE__ */ jsxRuntime.jsxs(
-        "div",
-        {
-          ref: stageRef,
-          className: ui.cn(
-            "absolute inset-0 m-auto",
-            editable ? "shadow-md" : "overflow-hidden",
-            dropping && "outline outline-2 outline-offset-2 outline-primary"
-          ),
-          style: {
-            width: "min(100cqw, calc(100cqh * 16 / 9))",
-            height: "min(100cqh, calc(100cqw * 9 / 16))",
-            containerType: "inline-size",
-            background: slide?.background ? chunk4TTX6ZNS_cjs.slideBackgroundCss(slide.background, media) : chunk4TTX6ZNS_cjs.backgroundCss(theme.background),
-            fontFamily: chunk4TTX6ZNS_cjs.FONTS[theme.font].css
-          },
-          onPointerDown: () => {
-            if (!editable) return;
-            chunk4TTX6ZNS_cjs.usePresentation.getState().goTo(index);
-            onSelect?.(null);
-          },
-          ...editable ? { [DROP_ATTRIBUTE]: "stage", "data-slide-index": index } : {},
-          "aria-label": `Slide ${index + 1}`,
-          children: [
-            blank && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 z-20 bg-black" }),
-            slide && /* @__PURE__ */ jsxRuntime.jsx(
-              SlideDecor,
-              {
-                slide,
-                theme,
-                labels: captions,
-                logoImage,
-                editable,
-                editing: textEditing
-              }
-            ),
-            renderBoxes(false),
-            slide?.items.map((item) => {
-              const clip = clipOf(item.clipId);
-              if (!clip) return null;
-              return /* @__PURE__ */ jsxRuntime.jsx(
-                StageItem,
-                {
-                  clip,
-                  frame: item.frame,
-                  editable,
-                  selected: editable && selected === clip.id,
-                  dim: false,
-                  label: captions ? chunk4TTX6ZNS_cjs.clipLabel(clip, columnValues) : "",
-                  host
-                },
-                clip.id
-              );
-            }),
-            renderBoxes(true),
-            editable && /* @__PURE__ */ jsxRuntime.jsx(GuideLayer, { ref: guideLayer }),
-            editable && selectedFrame && selected && !dragging && /* @__PURE__ */ jsxRuntime.jsx(
-              ClipActionBar,
-              {
-                clipId: selected,
-                at: selectedFrame,
-                onRemoved: () => onSelect?.(null),
-                onEditImage: onEditImage && clipOf(selected)?.kind === "image" ? () => onEditImage(selected) : void 0,
-                onCropImage: onCropImage && clipOf(selected)?.kind === "image" ? () => onCropImage(selected) : void 0
-              }
-            ),
-            editable && selectedBox && /* @__PURE__ */ jsxRuntime.jsx(BoxActionBar, { box: selectedBox, onRemoved: () => onSelect?.(null) }),
-            overlay
-          ]
-        }
-      )
-    }
-  );
-}
 var SlideCard = react.memo(function SlideCard2({
   index,
   count,
@@ -1978,20 +488,20 @@ var SlideCard = react.memo(function SlideCard2({
   onEditImage,
   onCropImage
 }) {
-  const empty = chunk4TTX6ZNS_cjs.usePresentation((s) => {
+  const empty = chunkORNLCBNE_cjs.usePresentation((s) => {
     const slide = s.slides[index];
     return !!slide && !slide.items.length && !slide.boxes.length && !slide.points.trim() && slide.layout !== "title" && slide.layout !== "section";
   });
-  const notes = chunk4TTX6ZNS_cjs.usePresentation((s) => s.slides[index]?.notes ?? "");
+  const notes = chunkORNLCBNE_cjs.usePresentation((s) => s.slides[index]?.notes ?? "");
   const textEditing = react.useMemo(
     () => ({
-      onTitle: (title) => chunk4TTX6ZNS_cjs.usePresentation.getState().setSlideCaption(title, index),
-      onPoints: (points) => chunk4TTX6ZNS_cjs.usePresentation.getState().setSlidePoints(points, index)
+      onTitle: (title) => chunkORNLCBNE_cjs.usePresentation.getState().setSlideCaption(title, index),
+      onPoints: (points) => chunkORNLCBNE_cjs.usePresentation.getState().setSlidePoints(points, index)
     }),
     [index]
   );
   const select = react.useCallback((clipId) => onSelect(index, clipId), [onSelect, index]);
-  const actions = chunk4TTX6ZNS_cjs.usePresentation.getState();
+  const actions = chunkORNLCBNE_cjs.usePresentation.getState();
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "group relative flex gap-2", "data-testid": `slide-${index}`, children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-9 shrink-0 flex-col items-center gap-0.5", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -2083,7 +593,7 @@ var SlideCard = react.memo(function SlideCard2({
         ),
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(
-            PresentationStage,
+            chunkJY7UUZQG_cjs.PresentationStage,
             {
               editable: true,
               slideIndex: index,
@@ -2101,7 +611,7 @@ var SlideCard = react.memo(function SlideCard2({
               value: notes,
               rows: notes.split("\n").length,
               placeholder: "Speaker notes",
-              onChange: (event) => chunk4TTX6ZNS_cjs.usePresentation.getState().setSlideNotes(event.target.value, index),
+              onChange: (event) => chunkORNLCBNE_cjs.usePresentation.getState().setSlideNotes(event.target.value, index),
               className: "mt-2 block w-full resize-none rounded-sm border-0 bg-transparent px-1 py-0.5 text-xs text-muted-foreground placeholder:text-muted-foreground/50 focus:bg-background focus:text-foreground focus:outline-none focus:ring-1 focus:ring-ring",
               "aria-label": `Speaker notes for slide ${index + 1}`,
               "data-testid": `slide-notes-${index}`
@@ -2125,10 +635,10 @@ var INSERTS = [
 ];
 function InsertMenu({ onInserted }) {
   const insert = (shape) => {
-    const state = chunk4TTX6ZNS_cjs.usePresentation.getState();
+    const state = chunkORNLCBNE_cjs.usePresentation.getState();
     const slide = state.slides[state.current];
-    const box2 = chunk4TTX6ZNS_cjs.newBox(shape, chunk4TTX6ZNS_cjs.accentColor(state.theme.accent));
-    const dark = chunk4TTX6ZNS_cjs.isLightBackground(slide?.background);
+    const box2 = chunkORNLCBNE_cjs.newBox(shape, chunkORNLCBNE_cjs.accentColor(state.theme.accent));
+    const dark = chunkORNLCBNE_cjs.isLightBackground(slide?.background);
     const { id, ...rest } = dark ? {
       ...box2,
       paragraphs: box2.paragraphs.map((p) => ({
@@ -2171,7 +681,7 @@ function InsertSlide({ after, always }) {
     "button",
     {
       type: "button",
-      onClick: () => chunk4TTX6ZNS_cjs.usePresentation.getState().addSlide(void 0, after),
+      onClick: () => chunkORNLCBNE_cjs.usePresentation.getState().addSlide(void 0, after),
       className: ui.cn(
         "flex items-center gap-1 rounded-full border border-dashed border-border bg-background px-2.5 py-0.5 text-xs text-muted-foreground transition-opacity hover:border-solid hover:text-foreground focus-visible:opacity-100",
         !always && "opacity-0 group-hover/insert:opacity-100 pointer-coarse:opacity-100"
@@ -2194,11 +704,11 @@ function SlidesEditor({
   onEditImage,
   onCropImage
 }) {
-  const ids = chunk4TTX6ZNS_cjs.usePresentation((s) => s.slides.map((slide) => slide.id).join(" "));
+  const ids = chunkORNLCBNE_cjs.usePresentation((s) => s.slides.map((slide) => slide.id).join(" "));
   const slideIds = react.useMemo(() => ids.split(" "), [ids]);
-  const current2 = chunk4TTX6ZNS_cjs.usePresentation((s) => s.current);
-  const captions = chunk4TTX6ZNS_cjs.usePresentation((s) => s.captions);
-  const presenting = chunk4TTX6ZNS_cjs.usePresentation((s) => s.presenting);
+  const current2 = chunkORNLCBNE_cjs.usePresentation((s) => s.current);
+  const captions = chunkORNLCBNE_cjs.usePresentation((s) => s.captions);
+  const presenting = chunkORNLCBNE_cjs.usePresentation((s) => s.presenting);
   const [selection, setSelection] = react.useState(null);
   const [view, setView] = react.useState(null);
   const list = react.useRef(null);
@@ -2212,7 +722,7 @@ function SlidesEditor({
     () => ({ clipId: selection?.clipId ?? null, clear: () => setSelection(null) }),
     [selection]
   );
-  chunkWFMWKPGY_cjs.usePresenterKeys(view, false, keySelection);
+  chunkADPRIBSH_cjs.usePresenterKeys(view, false, keySelection);
   react.useEffect(() => {
     const card = list.current?.querySelector(`[data-testid="slide-${current2}"]`);
     card?.scrollIntoView?.({ block: "nearest", behavior: "smooth" });
@@ -2268,7 +778,7 @@ function SlidesEditor({
                     ui.DropdownMenuCheckboxItem,
                     {
                       checked: captions,
-                      onCheckedChange: (on) => chunk4TTX6ZNS_cjs.usePresentation.getState().setCaptions(!!on),
+                      onCheckedChange: (on) => chunkORNLCBNE_cjs.usePresentation.getState().setCaptions(!!on),
                       children: "Show source labels"
                     }
                   )
@@ -2281,7 +791,7 @@ function SlidesEditor({
                   size: "sm",
                   variant: "destructive",
                   className: "ml-0.5 h-8 rounded-full",
-                  onClick: () => chunk4TTX6ZNS_cjs.usePresentation.getState().setPresenting(false),
+                  onClick: () => chunkORNLCBNE_cjs.usePresentation.getState().setPresenting(false),
                   title: "Stop presenting (the presentation window closes)",
                   "data-testid": "presentation-stop-button",
                   children: [
@@ -2320,7 +830,7 @@ function SlidesEditor({
 // src/presentation/draw-boxes.ts
 var LINE_HEIGHT = 1.2;
 function fontOf(run, themeFont, width) {
-  const size = chunk4TTX6ZNS_cjs.pointsToStage(run.size ?? chunk4TTX6ZNS_cjs.DEFAULT_TEXT_SIZE) * width;
+  const size = chunkORNLCBNE_cjs.pointsToStage(run.size ?? chunkORNLCBNE_cjs.DEFAULT_TEXT_SIZE) * width;
   const family = run.font ? `"${run.font}", ${themeFont}` : themeFont;
   return `${run.italic ? "italic " : ""}${run.bold ? 700 : 400} ${size}px ${family}`;
 }
@@ -2338,9 +848,9 @@ function drawBox(context, box2, width, height, themeFont) {
   context.translate(frame.x * width + w / 2, frame.y * height + h / 2);
   if (box2.rotation) context.rotate(box2.rotation * Math.PI / 180);
   context.translate(-w / 2, -h / 2);
-  const lineWidth = box2.line ? Math.max(1, chunk4TTX6ZNS_cjs.pointsToStage(box2.line.width) * width) : 0;
+  const lineWidth = box2.line ? Math.max(1, chunkORNLCBNE_cjs.pointsToStage(box2.line.width) * width) : 0;
   if (box2.shape === "line") {
-    context.strokeStyle = box2.line?.color ?? chunk4TTX6ZNS_cjs.TEXT_COLORS.body;
+    context.strokeStyle = box2.line?.color ?? chunkORNLCBNE_cjs.TEXT_COLORS.body;
     context.lineWidth = lineWidth || 1;
     if (box2.line?.dash) context.setLineDash([lineWidth * 3, lineWidth * 2]);
     context.beginPath();
@@ -2365,12 +875,12 @@ function drawBox(context, box2, width, height, themeFont) {
     context.stroke();
     context.setLineDash([]);
   }
-  const inset = chunk4TTX6ZNS_cjs.pointsToStage(box2.inset ?? chunk4TTX6ZNS_cjs.DEFAULT_INSET) * width;
+  const inset = chunkORNLCBNE_cjs.pointsToStage(box2.inset ?? chunkORNLCBNE_cjs.DEFAULT_INSET) * width;
   const room = w - 2 * inset;
   context.textBaseline = "alphabetic";
   const lines = [];
   for (const paragraph of box2.paragraphs) {
-    const size = chunk4TTX6ZNS_cjs.pointsToStage(paragraph.runs[0]?.size ?? chunk4TTX6ZNS_cjs.DEFAULT_TEXT_SIZE) * width;
+    const size = chunkORNLCBNE_cjs.pointsToStage(paragraph.runs[0]?.size ?? chunkORNLCBNE_cjs.DEFAULT_TEXT_SIZE) * width;
     const indent = (paragraph.level ?? 0) * 0.5 * size + (paragraph.bullet ? size * 0.9 : 0);
     const words = [];
     for (const run of paragraph.runs) {
@@ -2416,12 +926,12 @@ function drawBox(context, box2, width, height, themeFont) {
     const baseline = y + line.size * (LINE_HEIGHT - 0.2);
     if (line.bullet) {
       context.font = fontOf(line.bullet, themeFont, width);
-      context.fillStyle = line.bullet.color ?? chunk4TTX6ZNS_cjs.TEXT_COLORS.body;
+      context.fillStyle = line.bullet.color ?? chunkORNLCBNE_cjs.TEXT_COLORS.body;
       context.fillText("\u2022", inset + line.indent - line.size * 0.9, baseline);
     }
     for (const piece of line.pieces) {
       context.font = fontOf(piece.run, themeFont, width);
-      context.fillStyle = piece.run.color ?? chunk4TTX6ZNS_cjs.TEXT_COLORS.body;
+      context.fillStyle = piece.run.color ?? chunkORNLCBNE_cjs.TEXT_COLORS.body;
       context.fillText(piece.text, x, baseline);
       if (piece.run.underline) {
         context.fillRect(x, baseline + line.size * 0.08, piece.width, Math.max(1, line.size * 0.05));
@@ -2438,7 +948,7 @@ var boxWords = (box2) => box2.paragraphs.map(
 ).filter(Boolean);
 
 // src/presentation/render-slides.ts
-var SLIDE_PIXELS = { width: 1920, height: Math.round(1920 / chunk4TTX6ZNS_cjs.STAGE_ASPECT) };
+var SLIDE_PIXELS = { width: 1920, height: Math.round(1920 / chunkORNLCBNE_cjs.STAGE_ASPECT) };
 async function videoFrame(source, seconds) {
   const video = document.createElement("video");
   video.muted = true;
@@ -2550,7 +1060,7 @@ async function drawRoundedClip(context, clip, box2, stageWidth, shadow = true) {
   outline2();
   context.clip();
   await drawClip(context, clip, box2);
-  if (clip.kind === "pdf") chunk4TTX6ZNS_cjs.paintClipEdge(context, box2, stageWidth);
+  if (clip.kind === "pdf") chunkORNLCBNE_cjs.paintClipEdge(context, box2, stageWidth);
   context.restore();
   context.save();
   context.strokeStyle = "rgba(255,255,255,0.15)";
@@ -2582,7 +1092,7 @@ function wrapLines(context, text, width, max) {
 function drawText(context, box2, lines, theme, width, height) {
   const size = box2.size * width;
   const lineHeight = size * box2.leading;
-  context.font = `${box2.weight} ${size}px ${chunk4TTX6ZNS_cjs.FONTS[theme.font].css}`;
+  context.font = `${box2.weight} ${size}px ${chunkORNLCBNE_cjs.FONTS[theme.font].css}`;
   context.textBaseline = "top";
   const indent = box2.bullets ? size * 1.22 : 0;
   const left = box2.x * width;
@@ -2604,10 +1114,10 @@ function drawText(context, box2, lines, theme, width, height) {
   for (const wrapped of paragraphs) {
     if (box2.bullets) {
       const square = size * 0.42;
-      context.fillStyle = chunk4TTX6ZNS_cjs.accentColor(theme.accent);
+      context.fillStyle = chunkORNLCBNE_cjs.accentColor(theme.accent);
       context.fillRect(left, y + size * 0.5 - square / 2, square, square);
     }
-    context.fillStyle = chunk4TTX6ZNS_cjs.TEXT_COLORS[box2.tone];
+    context.fillStyle = chunkORNLCBNE_cjs.TEXT_COLORS[box2.tone];
     context.textAlign = box2.align === "center" ? "center" : "left";
     for (const line of wrapped) {
       const x = box2.align === "center" ? left + box2.w * width / 2 : left + indent;
@@ -2643,11 +1153,11 @@ async function loadImage(file) {
   }
 }
 function slideWords(slide) {
-  const own = slide.layout === "free" ? [] : [slide.caption.trim(), ...chunk4TTX6ZNS_cjs.textLines(slide.points)];
+  const own = slide.layout === "free" ? [] : [slide.caption.trim(), ...chunkORNLCBNE_cjs.textLines(slide.points)];
   return [...own, ...slide.boxes.flatMap(boxWords)].filter(Boolean);
 }
 function drawSlideText(context, slide, look, width, height) {
-  const geometry = chunk4TTX6ZNS_cjs.slideGeometry(slide, {
+  const geometry = chunkORNLCBNE_cjs.slideGeometry(slide, {
     labels: look.labels,
     logo: look.theme.logo?.corner ?? null
   });
@@ -2655,13 +1165,13 @@ function drawSlideText(context, slide, look, width, height) {
   if (title && geometry.title) {
     drawText(context, geometry.title, [title], look.theme, width, height);
     if (geometry.rule) {
-      context.fillStyle = chunk4TTX6ZNS_cjs.accentColor(look.theme.accent);
+      context.fillStyle = chunkORNLCBNE_cjs.accentColor(look.theme.accent);
       const r = geometry.rule;
       context.fillRect(r.x * width, r.y * height, r.w * width, r.h * height);
     }
   }
   if (geometry.text) {
-    drawText(context, geometry.text, chunk4TTX6ZNS_cjs.textLines(slide.points), look.theme, width, height);
+    drawText(context, geometry.text, chunkORNLCBNE_cjs.textLines(slide.points), look.theme, width, height);
   }
   return geometry;
 }
@@ -2673,13 +1183,13 @@ async function renderSlide(slide, clips, look) {
   const context = canvas.getContext("2d");
   if (!context) throw new Error("Could not draw the slides");
   if (slide.background) {
-    await chunk4TTX6ZNS_cjs.paintSlideBackground(context, width, height, slide.background, look.media);
+    await chunkORNLCBNE_cjs.paintSlideBackground(context, width, height, slide.background, look.media);
   } else {
-    chunk4TTX6ZNS_cjs.paintBackground(context, width, height, look.theme.background);
+    chunkORNLCBNE_cjs.paintBackground(context, width, height, look.theme.background);
   }
   const geometry = drawSlideText(context, slide, look, width, height);
   const text = slideWords(slide);
-  const font = chunk4TTX6ZNS_cjs.FONTS[look.theme.font].css;
+  const font = chunkORNLCBNE_cjs.FONTS[look.theme.font].css;
   const drawBoxes = (front) => {
     for (const box2 of slide.boxes) {
       if (!!box2.front === front) drawBox(context, box2, width, height, font);
@@ -2693,16 +1203,16 @@ async function renderSlide(slide, clips, look) {
       x: item.frame.x * width,
       y: item.frame.y * height,
       width: item.frame.w * width,
-      height: chunk4TTX6ZNS_cjs.frameHeight(item.frame, clip.aspect) * height
+      height: chunkORNLCBNE_cjs.frameHeight(item.frame, clip.aspect) * height
     };
     if (clip.plain) {
       await drawClip(context, clip, box2);
       continue;
     }
     await drawRoundedClip(context, clip, box2, width);
-    const label = chunk4TTX6ZNS_cjs.clipLabel(clip, look.columnValues);
+    const label = chunkORNLCBNE_cjs.clipLabel(clip, look.columnValues);
     if (look.labels && label) {
-      context.fillStyle = chunk4TTX6ZNS_cjs.TEXT_COLORS.muted;
+      context.fillStyle = chunkORNLCBNE_cjs.TEXT_COLORS.muted;
       context.font = `${Math.round(width * 0.017)}px ${font}`;
       context.textAlign = "left";
       context.textBaseline = "top";
@@ -2745,7 +1255,7 @@ function addBox(pptx, page, box2, themeFont) {
   if (box2.shape === "line") {
     page.addShape(pptx.ShapeType.line, {
       ...place,
-      line: line ?? { color: hex(chunk4TTX6ZNS_cjs.TEXT_COLORS.body), width: 1 }
+      line: line ?? { color: hex(chunkORNLCBNE_cjs.TEXT_COLORS.body), width: 1 }
     });
     return;
   }
@@ -2762,9 +1272,9 @@ function addBox(pptx, page, box2, themeFont) {
       runs.push({
         text: run.text,
         options: {
-          fontSize: run.size ?? chunk4TTX6ZNS_cjs.DEFAULT_TEXT_SIZE,
+          fontSize: run.size ?? chunkORNLCBNE_cjs.DEFAULT_TEXT_SIZE,
           fontFace: run.font ?? themeFont,
-          color: hex(run.color ?? chunk4TTX6ZNS_cjs.TEXT_COLORS.body),
+          color: hex(run.color ?? chunkORNLCBNE_cjs.TEXT_COLORS.body),
           ...run.bold ? { bold: true } : {},
           ...run.italic ? { italic: true } : {},
           ...run.underline ? { underline: { style: "sng" } } : {},
@@ -2786,7 +1296,7 @@ function addBox(pptx, page, box2, themeFont) {
     // Its part in the slide (its title, its body), kept by name: read back when imported.
     ...box2.role ? { objectName: `ARBI ${box2.role}` } : {},
     valign: box2.anchor ?? "top",
-    margin: box2.inset ?? chunk4TTX6ZNS_cjs.DEFAULT_INSET,
+    margin: box2.inset ?? chunkORNLCBNE_cjs.DEFAULT_INSET,
     lineSpacingMultiple: 1,
     fit: "none"
   });
@@ -2816,10 +1326,10 @@ var box = (b) => ({
 function textOptions(text, look) {
   return {
     ...box(text),
-    fontFace: chunk4TTX6ZNS_cjs.FONTS[look.theme.font].pptx,
+    fontFace: chunkORNLCBNE_cjs.FONTS[look.theme.font].pptx,
     fontSize: toPoints(text.size),
     bold: text.weight >= 600,
-    color: hex2(chunk4TTX6ZNS_cjs.TEXT_COLORS[text.tone]),
+    color: hex2(chunkORNLCBNE_cjs.TEXT_COLORS[text.tone]),
     align: text.align,
     valign: text.anchor ?? "top",
     lineSpacingMultiple: text.leading,
@@ -2832,18 +1342,18 @@ async function buildPptx(deck, look) {
   pptx.layout = "LAYOUT_WIDE";
   pptx.title = deck.title;
   pptx.theme = {
-    headFontFace: chunk4TTX6ZNS_cjs.FONTS[look.theme.font].pptx,
-    bodyFontFace: chunk4TTX6ZNS_cjs.FONTS[look.theme.font].pptx
+    headFontFace: chunkORNLCBNE_cjs.FONTS[look.theme.font].pptx,
+    bodyFontFace: chunkORNLCBNE_cjs.FONTS[look.theme.font].pptx
   };
   const { width, height } = SLIDE_PIXELS;
   const background = await canvasImage(
     width,
     height,
-    (context) => chunk4TTX6ZNS_cjs.paintBackground(context, width, height, look.theme.background)
+    (context) => chunkORNLCBNE_cjs.paintBackground(context, width, height, look.theme.background)
   );
   const logo = look.logo ? await loadImage(look.logo) : null;
   const logoData = logo ? await canvasImage(logo.width, logo.height, (context) => context.drawImage(logo, 0, 0)) : null;
-  const themeFont = chunk4TTX6ZNS_cjs.FONTS[look.theme.font].pptx;
+  const themeFont = chunkORNLCBNE_cjs.FONTS[look.theme.font].pptx;
   for (const slide of deck.slides) {
     const page = pptx.addSlide();
     if (slide.background?.color && !slide.background.gradient && !slide.background.image) {
@@ -2854,14 +1364,14 @@ async function buildPptx(deck, look) {
         data: await canvasImage(
           width,
           height,
-          (context) => chunk4TTX6ZNS_cjs.paintSlideBackground(context, width, height, own, look.media)
+          (context) => chunkORNLCBNE_cjs.paintSlideBackground(context, width, height, own, look.media)
         )
       };
     } else {
       page.background = { data: background };
     }
     if (slide.notes?.trim()) page.addNotes(slide.notes);
-    const geometry = chunk4TTX6ZNS_cjs.slideGeometry(slide, {
+    const geometry = chunkORNLCBNE_cjs.slideGeometry(slide, {
       labels: look.labels,
       logo: look.theme.logo?.corner ?? null
     });
@@ -2869,7 +1379,7 @@ async function buildPptx(deck, look) {
     for (const item of slide.items) {
       const clip = deck.clips.find((entry) => entry.id === item.clipId);
       if (!clip) continue;
-      const frame = { ...item.frame, h: chunk4TTX6ZNS_cjs.frameHeight(item.frame, clip.aspect) };
+      const frame = { ...item.frame, h: chunkORNLCBNE_cjs.frameHeight(item.frame, clip.aspect) };
       if (clip.plain) {
         const source = clip.kind === "image" ? await createImageBitmap(clip.source) : null;
         const scale = source ? Math.min(1, 2400 / Math.max(1, clip.rect.w * source.width)) : 1.5;
@@ -2901,13 +1411,13 @@ async function buildPptx(deck, look) {
         altText: clip.caption,
         shadow: { type: "outer", blur: 10, offset: 3, angle: 90, color: "000000", opacity: 0.45 }
       });
-      const label = chunk4TTX6ZNS_cjs.clipLabel(clip, look.columnValues);
+      const label = chunkORNLCBNE_cjs.clipLabel(clip, look.columnValues);
       if (look.labels && label) {
         page.addText(label, {
           ...box({ x: frame.x, y: frame.y + frame.h + 8e-3, w: frame.w, h: 0.045 }),
-          fontFace: chunk4TTX6ZNS_cjs.FONTS[look.theme.font].pptx,
+          fontFace: chunkORNLCBNE_cjs.FONTS[look.theme.font].pptx,
           fontSize: toPoints(0.017),
-          color: hex2(chunk4TTX6ZNS_cjs.TEXT_COLORS.muted),
+          color: hex2(chunkORNLCBNE_cjs.TEXT_COLORS.muted),
           margin: 0,
           valign: "top",
           fit: "shrink"
@@ -2920,12 +1430,12 @@ async function buildPptx(deck, look) {
       if (geometry.rule) {
         page.addShape(pptx.ShapeType.rect, {
           ...box(geometry.rule),
-          fill: { color: hex2(chunk4TTX6ZNS_cjs.accentColor(look.theme.accent)) },
-          line: { color: hex2(chunk4TTX6ZNS_cjs.accentColor(look.theme.accent)), width: 0 }
+          fill: { color: hex2(chunkORNLCBNE_cjs.accentColor(look.theme.accent)) },
+          line: { color: hex2(chunkORNLCBNE_cjs.accentColor(look.theme.accent)), width: 0 }
         });
       }
     }
-    const lines = chunk4TTX6ZNS_cjs.textLines(slide.points);
+    const lines = chunkORNLCBNE_cjs.textLines(slide.points);
     if (geometry.text && lines.length) {
       const text = geometry.text;
       page.addText(
@@ -2959,7 +1469,7 @@ async function buildPptx(deck, look) {
     }
   }
   const deckFile = await pptx.write({ outputType: "blob" });
-  return accentBullets(deckFile, chunk4TTX6ZNS_cjs.accentColor(look.theme.accent));
+  return accentBullets(deckFile, chunkORNLCBNE_cjs.accentColor(look.theme.accent));
 }
 async function accentBullets(deck, accent) {
   const { default: JSZip } = await import('jszip');
@@ -3490,7 +2000,7 @@ function renditionClip(deck, part, area, what) {
     fileName: fileName ?? "Presentation.pptx",
     page: part.page,
     rect,
-    aspect: frame.w * chunk4TTX6ZNS_cjs.STAGE_ASPECT / Math.max(frame.h, 1e-6),
+    aspect: frame.w * chunkORNLCBNE_cjs.STAGE_ASPECT / Math.max(frame.h, 1e-6),
     caption: "",
     plain: true
   });
@@ -3509,7 +2019,7 @@ function readParagraphs(body, chain, deck, defaults, fontScale, fallback = []) {
       defaults.color ? { color: defaults.color } : {},
       levelStyle(fallback, level, theme)
     ]);
-    const runStyle2 = (rPr) => {
+    const runStyle = (rPr) => {
       const s = merge([readRunProps(rPr, theme), style]);
       const color = s.color ?? defaults.base;
       return {
@@ -3532,13 +2042,13 @@ function readParagraphs(body, chain, deck, defaults, fontScale, fallback = []) {
     for (const child of kids(p)) {
       if (child.localName === "r" || child.localName === "fld") {
         const text = kid(child, "t")?.textContent ?? "";
-        runs.push({ ...runStyle2(kid(child, "rPr")), text });
+        runs.push({ ...runStyle(kid(child, "rPr")), text });
       } else if (child.localName === "br") {
-        paragraphs.push(shape(runs.length ? runs : [{ ...runStyle2(kid(child, "rPr")), text: "" }]));
+        paragraphs.push(shape(runs.length ? runs : [{ ...runStyle(kid(child, "rPr")), text: "" }]));
         runs = [];
       }
     }
-    if (!runs.length) runs = [{ ...runStyle2(kid(p, "endParaRPr")), text: "" }];
+    if (!runs.length) runs = [{ ...runStyle(kid(p, "endParaRPr")), text: "" }];
     paragraphs.push(shape(runs));
   }
   while (paragraphs.length > 1 && !paragraphs[paragraphs.length - 1].runs.some((run) => run.text.trim())) {
@@ -3629,7 +2139,7 @@ async function readShape(shape, transform, deck, part, inherit, built) {
       fileName: target?.target.split("/").pop() ?? "Picture",
       page: 1,
       rect,
-      aspect: frame.w * chunk4TTX6ZNS_cjs.STAGE_ASPECT / Math.max(frame.h, 1e-6),
+      aspect: frame.w * chunkORNLCBNE_cjs.STAGE_ASPECT / Math.max(frame.h, 1e-6),
       caption: "",
       media: key,
       plain: true
@@ -3852,7 +2362,7 @@ async function importPptx(bytes, options = {}) {
   const cx = numAttr(size, "cx", 12192e3);
   const cy = numAttr(size, "cy", 6858e3);
   const deckAspect = cx / cy;
-  const place = deckAspect < chunk4TTX6ZNS_cjs.STAGE_ASPECT ? { w: deckAspect / chunk4TTX6ZNS_cjs.STAGE_ASPECT, h: 1, x: (1 - deckAspect / chunk4TTX6ZNS_cjs.STAGE_ASPECT) / 2, y: 0 } : { w: 1, h: chunk4TTX6ZNS_cjs.STAGE_ASPECT / deckAspect, x: 0, y: (1 - chunk4TTX6ZNS_cjs.STAGE_ASPECT / deckAspect) / 2 };
+  const place = deckAspect < chunkORNLCBNE_cjs.STAGE_ASPECT ? { w: deckAspect / chunkORNLCBNE_cjs.STAGE_ASPECT, h: 1, x: (1 - deckAspect / chunkORNLCBNE_cjs.STAGE_ASPECT) / 2, y: 0 } : { w: 1, h: chunkORNLCBNE_cjs.STAGE_ASPECT / deckAspect, x: 0, y: (1 - chunkORNLCBNE_cjs.STAGE_ASPECT / deckAspect) / 2 };
   const slides = await slideParts(pkg);
   const firstLayout = slides.length ? await pkg.related(slides[0].part, "/slideLayout") : null;
   const firstMaster = firstLayout ? await pkg.related(firstLayout, "/slideMaster") : null;
@@ -3861,7 +2371,7 @@ async function importPptx(bytes, options = {}) {
     theme: firstMaster ? await readTheme(pkg, firstMaster) : { scheme: {}, map: {}, majorFont: "Calibri", minorFont: "Calibri", lineWidths: [] },
     slideSize: { cx, cy },
     place,
-    pointScale: chunk4TTX6ZNS_cjs.SLIDE_POINTS.h * place.h / (cy / EMU_PER_POINT),
+    pointScale: chunkORNLCBNE_cjs.SLIDE_POINTS.h * place.h / (cy / EMU_PER_POINT),
     defaultText: kid(pres.documentElement, "defaultTextStyle"),
     options,
     clips: [],
@@ -3957,7 +2467,7 @@ async function importPptx(bytes, options = {}) {
       version: 1,
       title: options.title ?? (coreTitle?.trim() || "Presentation"),
       captions: false,
-      theme: chunk4TTX6ZNS_cjs.DEFAULT_THEME,
+      theme: chunkORNLCBNE_cjs.DEFAULT_THEME,
       clips: deck.clips,
       slides: saved,
       ...Object.keys(deck.media).length ? { media: deck.media } : {}
@@ -4045,7 +2555,7 @@ async function presentationData(bytes) {
   if (isZipBytes(bytes)) return readPptxPresentationData(bytes);
   const isPdf = bytes[0] === 37 && bytes[1] === 80 && bytes[2] === 68 && bytes[3] === 70;
   if (!isPdf) return new TextDecoder().decode(bytes);
-  const data = await documentTools.readPdfAttachment(bytes, chunk4TTX6ZNS_cjs.PRESENTATION_ATTACHMENT);
+  const data = await documentTools.readPdfAttachment(bytes, chunkORNLCBNE_cjs.PRESENTATION_ATTACHMENT);
   if (!data) {
     throw new Error(
       "This PDF has no editable presentation in it (it may have been changed outside ARBI)."
@@ -4054,7 +2564,7 @@ async function presentationData(bytes) {
   return new TextDecoder().decode(data);
 }
 function current(withoutClips) {
-  const state = chunk4TTX6ZNS_cjs.usePresentation.getState();
+  const state = chunkORNLCBNE_cjs.usePresentation.getState();
   return withoutClips ? {
     ...state,
     clips: [],
@@ -4076,18 +2586,18 @@ function usePresentationFiles() {
     const state = current(withoutClips);
     const deck = await buildPptx({ title, slides: state.slides, clips: state.clips }, lookOf(state));
     const fingerprints = await slideFingerprints(deck);
-    const data = chunk4TTX6ZNS_cjs.serializePresentation({ ...state, title, fingerprints });
+    const data = chunkORNLCBNE_cjs.serializePresentation({ ...state, title, fingerprints });
     return writePptxPresentationData(deck, JSON.stringify(data, null, 2));
   }, []);
   const save = react.useCallback(
     async (title, { asNew = false, template = false } = {}) => {
       if (!arbi || !workspaceId) throw new Error("Open a workspace to save the presentation.");
-      const state = chunk4TTX6ZNS_cjs.usePresentation.getState();
+      const state = chunkORNLCBNE_cjs.usePresentation.getState();
       const versionOf = asNew || template ? null : state.savedId;
       const deck = await buildFile(title, template);
-      const file = new File([deck], chunk4TTX6ZNS_cjs.presentationFileName(title), { type: PPTX_TYPE });
+      const file = new File([deck], chunkORNLCBNE_cjs.presentationFileName(title), { type: PPTX_TYPE });
       const result = await arbi.documents.upload([file], {
-        folder: template ? chunk4TTX6ZNS_cjs.TEMPLATES_FOLDER : chunk4TTX6ZNS_cjs.PRESENTATIONS_FOLDER,
+        folder: template ? chunkORNLCBNE_cjs.TEMPLATES_FOLDER : chunkORNLCBNE_cjs.PRESENTATIONS_FOLDER,
         workspaceExtId: workspaceId,
         ...versionOf ? { versionOf } : {}
       });
@@ -4112,8 +2622,8 @@ function usePresentationFiles() {
       }
       const pdf = await documentTools.imagesToPdf(pages, { title });
       const result = await arbi.documents.upload(
-        [new File([pdf], `${chunk4TTX6ZNS_cjs.safeFileStem(title)}.pdf`, { type: "application/pdf" })],
-        { folder: chunk4TTX6ZNS_cjs.EXPORTS_FOLDER, workspaceExtId: workspaceId }
+        [new File([pdf], `${chunkORNLCBNE_cjs.safeFileStem(title)}.pdf`, { type: "application/pdf" })],
+        { folder: chunkORNLCBNE_cjs.EXPORTS_FOLDER, workspaceExtId: workspaceId }
       );
       const id = result.doc_ext_ids?.[0];
       if (!id) throw new Error("The PDF could not be saved.");
@@ -4128,10 +2638,10 @@ function usePresentationFiles() {
       return docs.filter((doc) => {
         const folder = doc.folder ?? "";
         if (!ui.isPresentationFileName(doc.file_name, folder)) return false;
-        return scope === "templates" ? folder === chunk4TTX6ZNS_cjs.TEMPLATES_FOLDER : folder.startsWith(chunk4TTX6ZNS_cjs.PRESENTATIONS_FOLDER) && folder !== chunk4TTX6ZNS_cjs.TEMPLATES_FOLDER && !folder.startsWith(chunk4TTX6ZNS_cjs.EXPORTS_FOLDER);
+        return scope === "templates" ? folder === chunkORNLCBNE_cjs.TEMPLATES_FOLDER : folder.startsWith(chunkORNLCBNE_cjs.PRESENTATIONS_FOLDER) && folder !== chunkORNLCBNE_cjs.TEMPLATES_FOLDER && !folder.startsWith(chunkORNLCBNE_cjs.EXPORTS_FOLDER);
       }).map((doc) => ({
         id: doc.external_id,
-        title: chunk4TTX6ZNS_cjs.presentationTitle(doc.file_name ?? ""),
+        title: chunkORNLCBNE_cjs.presentationTitle(doc.file_name ?? ""),
         updatedAt: doc.updated_at ?? doc.created_at ?? null
       })).sort((a, b) => (a.updatedAt ?? "") < (b.updatedAt ?? "") ? 1 : -1);
     },
@@ -4147,7 +2657,7 @@ function usePresentationFiles() {
       const openedVersion = version ?? doc?.current_version ?? null;
       if (text === null) {
         const imported = await importPptx(bytes, {
-          title: chunk4TTX6ZNS_cjs.presentationTitle(doc?.file_name ?? "Presentation.pptx"),
+          title: chunkORNLCBNE_cjs.presentationTitle(doc?.file_name ?? "Presentation.pptx"),
           documentId: id,
           version: version ?? doc?.current_version,
           fileName: doc?.file_name ?? void 0
@@ -4159,7 +2669,7 @@ function usePresentationFiles() {
           openedVersion
         };
       }
-      let saved = chunk4TTX6ZNS_cjs.parsePresentation(text);
+      let saved = chunkORNLCBNE_cjs.parsePresentation(text);
       let changedOutside;
       if (isZipBytes(bytes) && saved.slides.some((slide) => slide.fingerprint)) {
         const now = await slideFingerprints(bytes);
@@ -4190,7 +2700,7 @@ function usePresentationFiles() {
   const startFromTemplate = react.useCallback(
     async (id) => {
       const { saved } = await readSaved(id);
-      chunk4TTX6ZNS_cjs.usePresentation.getState().load({
+      chunkORNLCBNE_cjs.usePresentation.getState().load({
         title: "Untitled presentation",
         savedId: null,
         captions: saved.captions,
@@ -4267,7 +2777,7 @@ function usePresentationFiles() {
       );
       const kept = [];
       const newIndex = opened.map((clip) => clip ? kept.push(clip) - 1 : -1);
-      chunk4TTX6ZNS_cjs.usePresentation.getState().load({
+      chunkORNLCBNE_cjs.usePresentation.getState().load({
         title: saved.title,
         savedId: legacy ? null : id,
         version: legacy ? null : openedVersion,
@@ -4341,7 +2851,7 @@ function useGenerateImageLaunch() {
         throw new Error(failure || answer.trim() || "The image could not be generated.");
       const source = await (await arbi.documents.download(documentId)).blob();
       const fileName = `${prompt.split("\n")[0].slice(0, 60)}.png`;
-      chunk4TTX6ZNS_cjs.usePresentation.getState().addClip({
+      chunkORNLCBNE_cjs.usePresentation.getState().addClip({
         kind: "image",
         documentId,
         fileName,
@@ -4350,7 +2860,7 @@ function useGenerateImageLaunch() {
         aspect: await aspectOf(source),
         masks: [],
         source,
-        caption: chunk4TTX6ZNS_cjs.mediaCaption(fileName)
+        caption: chunkORNLCBNE_cjs.mediaCaption(fileName)
       });
     },
     [arbi, workspaceId]
@@ -4361,7 +2871,7 @@ function GenerateImageDialog({
   onOpenChange,
   referenceId
 }) {
-  const notify = chunk4TTX6ZNS_cjs.usePresentation((s) => s.notify);
+  const notify = chunkORNLCBNE_cjs.usePresentation((s) => s.notify);
   const { skills } = chunkUFT22LAB_cjs.useWorkflowDefinitions();
   const run = useGenerateImageLaunch();
   const workflows = react.useMemo(
@@ -4421,9 +2931,9 @@ function SavePresentationDialog({
   onOpenChange,
   mode = "save"
 }) {
-  const notify = chunk4TTX6ZNS_cjs.usePresentation((s) => s.notify);
+  const notify = chunkORNLCBNE_cjs.usePresentation((s) => s.notify);
   const { save, exportPdf } = usePresentationFiles();
-  const current2 = chunk4TTX6ZNS_cjs.usePresentation((s) => s.title);
+  const current2 = chunkORNLCBNE_cjs.usePresentation((s) => s.title);
   const [title, setTitle] = react.useState(current2);
   const [busy, setBusy] = react.useState(false);
   const text = SAVE_TEXT[mode];
@@ -4493,7 +3003,7 @@ function OpenPresentationDialog({
   templates = false
 }) {
   const { confirm } = chunkTKHCIHE2_cjs.useBlocksEnvironment();
-  const notify = chunk4TTX6ZNS_cjs.usePresentation((s) => s.notify);
+  const notify = chunkORNLCBNE_cjs.usePresentation((s) => s.notify);
   const { list, startFromTemplate } = usePresentationFiles();
   const [entries, setEntries] = react.useState(null);
   const [opening, setOpening] = react.useState(null);
@@ -4508,7 +3018,7 @@ function OpenPresentationDialog({
       onOpened(entry.id);
       return;
     }
-    if (chunk4TTX6ZNS_cjs.usePresentation.getState().clips.length) {
+    if (chunkORNLCBNE_cjs.usePresentation.getState().clips.length) {
       const ok = await confirm({
         title: "New from template",
         message: "Replace the presentation that is open? Save it first to keep it.",
@@ -4559,8 +3069,8 @@ function OpenPresentationDialog({
 }
 var IMAGE_FILE = /\.(png|jpe?g|gif|webp|svg)$/i;
 function ChooseLogoDialog({ open, onOpenChange }) {
-  const setTheme = chunk4TTX6ZNS_cjs.usePresentation((s) => s.setTheme);
-  const corner = chunk4TTX6ZNS_cjs.usePresentation((s) => s.theme.logo?.corner ?? "br");
+  const setTheme = chunkORNLCBNE_cjs.usePresentation((s) => s.setTheme);
+  const corner = chunkORNLCBNE_cjs.usePresentation((s) => s.theme.logo?.corner ?? "br");
   const { data: documents } = react$1.useDocuments(void 0, { enabled: open });
   const [picked, setPicked] = react.useState("");
   const groups = react.useMemo(
@@ -4647,7 +3157,7 @@ function CropClipDialog({ clip, onOpenChange }) {
       w: Math.min(1, area.width / natural.width),
       h: Math.min(1, area.height / natural.height)
     };
-    chunk4TTX6ZNS_cjs.usePresentation.getState().cropClip(clip.id, rect, area.width / area.height);
+    chunkORNLCBNE_cjs.usePresentation.getState().cropClip(clip.id, rect, area.width / area.height);
     onOpenChange(false);
   };
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -4696,8 +3206,8 @@ function CropClipDialog({ clip, onOpenChange }) {
 var EMPTY = new Blob();
 var NONE = "none";
 function LabelColumnMenu({ columns }) {
-  const labelColumn = chunk4TTX6ZNS_cjs.usePresentation((s) => s.labelColumn);
-  const setLabelColumn = chunk4TTX6ZNS_cjs.usePresentation((s) => s.setLabelColumn);
+  const labelColumn = chunkORNLCBNE_cjs.usePresentation((s) => s.labelColumn);
+  const setLabelColumn = chunkORNLCBNE_cjs.usePresentation((s) => s.setLabelColumn);
   if (!columns.length) return null;
   const chosen = columns.find((column) => column.id === labelColumn);
   return /* @__PURE__ */ jsxRuntime.jsxs(ui.DropdownMenuSub, { children: [
@@ -4740,8 +3250,8 @@ function useLabelColumns(active) {
   const workspaceId = react$1.useArbiSessionState((s) => s.workspaceId);
   const { data: tags } = react$1.useTags(workspaceId, { enabled: active });
   const { data: documents } = react$1.useDocuments(workspaceId, { enabled: active });
-  const labelColumn = chunk4TTX6ZNS_cjs.usePresentation((s) => s.labelColumn);
-  const documentIds = chunk4TTX6ZNS_cjs.usePresentation((s) => s.clips.map((clip) => clip.documentId).join(" "));
+  const labelColumn = chunkORNLCBNE_cjs.usePresentation((s) => s.labelColumn);
+  const documentIds = chunkORNLCBNE_cjs.usePresentation((s) => s.clips.map((clip) => clip.documentId).join(" "));
   const columns = react.useMemo(
     () => (tags ?? []).filter((tag) => tag.kind !== "search" && VALUE_FORMATS.has(tag.tag_type.type)).map((tag) => ({ id: tag.external_id, name: tag.name })).sort((a, b) => a.name.localeCompare(b.name)),
     [tags]
@@ -4756,23 +3266,23 @@ function useLabelColumns(active) {
         if (note2) values[doc.external_id] = note2;
       }
     }
-    chunk4TTX6ZNS_cjs.usePresentation.getState().setColumnValues(values);
+    chunkORNLCBNE_cjs.usePresentation.getState().setColumnValues(values);
   }, [labelColumn, documentIds, documents]);
   return columns;
 }
 function usePresentationController(active) {
   const session = react$1.useArbiSessionStore();
-  const notify = chunk4TTX6ZNS_cjs.usePresentation((s) => s.notify);
+  const notify = chunkORNLCBNE_cjs.usePresentation((s) => s.notify);
   const { save, canSave } = usePresentationFiles();
   const labelColumns = useLabelColumns(active);
   const [dialog, setDialog] = react.useState(null);
   const [reference, setReference] = react.useState(null);
   const [cropping, setCropping] = react.useState(null);
-  const cropClip = chunk4TTX6ZNS_cjs.usePresentation((s) => s.clips.find((c) => c.id === cropping) ?? null);
+  const cropClip = chunkORNLCBNE_cjs.usePresentation((s) => s.clips.find((c) => c.id === cropping) ?? null);
   const [saving, setSaving] = react.useState(false);
   const close = (open) => !open && setDialog(null);
   const quickSave = react.useCallback(async () => {
-    const { savedId, title } = chunk4TTX6ZNS_cjs.usePresentation.getState();
+    const { savedId, title } = chunkORNLCBNE_cjs.usePresentation.getState();
     if (!savedId) return setDialog("save");
     setSaving(true);
     try {
@@ -4806,7 +3316,7 @@ function usePresentationController(active) {
       {
         open: dialog === "open" || dialog === "fromTemplate",
         templates: dialog === "fromTemplate",
-        onOpened: (id) => chunkWFMWKPGY_cjs.editPresentation(session, id ? { kind: "open", documentId: id } : { kind: "new" }),
+        onOpened: (id) => chunkWVZLAAIZ_cjs.editPresentation(session, id ? { kind: "open", documentId: id } : { kind: "new" }),
         onOpenChange: close
       }
     ),
@@ -4848,7 +3358,7 @@ function usePresentationController(active) {
     trayStart: canSave && /* @__PURE__ */ jsxRuntime.jsx(GenerateTile, { onClick: () => generate(null) }),
     onChooseLogo: canSave ? () => setDialog("logo") : void 0,
     onEditImage: (clipId) => {
-      const clip = chunk4TTX6ZNS_cjs.usePresentation.getState().clips.find((c) => c.id === clipId);
+      const clip = chunkORNLCBNE_cjs.usePresentation.getState().clips.find((c) => c.id === clipId);
       if (clip) generate(clip.documentId);
     },
     onCropImage: setCropping
@@ -4856,9 +3366,8 @@ function usePresentationController(active) {
   return { editor, dialogs };
 }
 
-exports.PresentationStage = PresentationStage;
 exports.SlidesEditor = SlidesEditor;
 exports.usePresentationController = usePresentationController;
 exports.usePresentationFiles = usePresentationFiles;
-//# sourceMappingURL=chunk-DWMWEALB.cjs.map
-//# sourceMappingURL=chunk-DWMWEALB.cjs.map
+//# sourceMappingURL=chunk-TSFNLY3K.cjs.map
+//# sourceMappingURL=chunk-TSFNLY3K.cjs.map