@arbidocs/blocks 0.5.125 → 0.5.126

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

@@ -1,13 +1,13 @@
 "use client";
 'use strict';
 
-var chunkJY7UUZQG_cjs = require('./chunk-JY7UUZQG.cjs');
+var chunk7Q46YAX4_cjs = require('./chunk-7Q46YAX4.cjs');
 var chunkWOOOMTTA_cjs = require('./chunk-WOOOMTTA.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 chunkWVZLAAIZ_cjs = require('./chunk-WVZLAAIZ.cjs');
+var chunkX7ALF4MP_cjs = require('./chunk-X7ALF4MP.cjs');
+var chunkJVEDKKNO_cjs = require('./chunk-JVEDKKNO.cjs');
 var chunk7JLJH5CW_cjs = require('./chunk-7JLJH5CW.cjs');
 var chunkVZOOGA47_cjs = require('./chunk-VZOOGA47.cjs');
 var chunkTKHCIHE2_cjs = require('./chunk-TKHCIHE2.cjs');
@@ -30,9 +30,9 @@ 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(chunkJY7UUZQG_cjs.ClipImage, { clip }) });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pointer-events-none", style: size, children: /* @__PURE__ */ jsxRuntime.jsx(chunk7Q46YAX4_cjs.ClipImage, { clip }) });
 }
-function Label({ clip }) {
+function Label({ clip, number }) {
   const [editing, setEditing] = react.useState(false);
   if (editing) {
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -43,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) => {
-          chunkORNLCBNE_cjs.usePresentation.getState().setCaption(clip.id, event.target.value);
+          chunkJVEDKKNO_cjs.usePresentation.getState().setCaption(clip.id, event.target.value);
           setEditing(false);
         },
         onKeyDown: (event) => {
@@ -53,20 +53,24 @@ function Label({ clip }) {
       }
     );
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsxs(
     "button",
     {
       type: "button",
       onDoubleClick: () => setEditing(true),
       title: "Double-click to rename",
       className: "block w-full truncate rounded px-0.5 text-left text-[11px] text-muted-foreground hover:text-foreground",
-      children: clip.caption || "Untitled"
+      children: [
+        number,
+        ". ",
+        clip.caption || "Untitled"
+      ]
     }
   );
 }
-function TrayTile({ clip, onSlide }) {
-  const { place, removeClip } = chunkORNLCBNE_cjs.usePresentation.getState();
-  const drag = chunkJY7UUZQG_cjs.useClipDrag(clip.id, () => !onSlide && place(clip.id));
+function TrayTile({ clip, onSlide, number }) {
+  const { place, removeClip } = chunkJVEDKKNO_cjs.usePresentation.getState();
+  const drag = chunk7Q46YAX4_cjs.useClipDrag(clip.id, () => !onSlide && place(clip.id));
   const itemRef = react.useRef(null);
   const size = tileSize(clip.aspect);
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -113,7 +117,7 @@ function TrayTile({ clip, onSlide }) {
             children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "size-3" })
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx(Label, { clip }),
+        /* @__PURE__ */ jsxRuntime.jsx(Label, { clip, number }),
         drag.ghost && reactDom.createPortal(
           /* @__PURE__ */ jsxRuntime.jsx(
             "div",
@@ -132,19 +136,19 @@ function TrayTile({ clip, onSlide }) {
   );
 }
 function ClipTray({ start }) {
-  const all = chunkORNLCBNE_cjs.usePresentation((s) => s.clips);
+  const all = chunkJVEDKKNO_cjs.usePresentation((s) => s.clips);
   const clips = react.useMemo(() => all.filter((clip) => !clip.plain), [all]);
-  const slide = chunkORNLCBNE_cjs.usePresentation(chunkORNLCBNE_cjs.currentSlide);
+  const slide = chunkJVEDKKNO_cjs.usePresentation(chunkJVEDKKNO_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",
     {
-      className: "flex items-start gap-2 overflow-x-auto overscroll-x-contain px-3 py-2 [scrollbar-width:none]",
+      className: "flex max-h-48 flex-wrap items-start gap-2 overflow-y-auto px-3 py-2 [scrollbar-width:none]",
       "aria-label": "Clips",
       "data-testid": "clip-tray",
       children: [
         start && /* @__PURE__ */ jsxRuntime.jsx("li", { className: "shrink-0", children: start }),
-        clips.map((clip) => /* @__PURE__ */ jsxRuntime.jsx(TrayTile, { clip, onSlide: onSlide.has(clip.id) }, clip.id))
+        clips.map((clip, index) => /* @__PURE__ */ jsxRuntime.jsx(TrayTile, { clip, number: index + 1, onSlide: onSlide.has(clip.id) }, clip.id))
       ]
     }
   ) : /* @__PURE__ */ jsxRuntime.jsxs(
@@ -189,7 +193,7 @@ function CustomColor({
           "input",
           {
             type: "color",
-            value: chunkORNLCBNE_cjs.isHexColor(value) ? value : "#1f2937",
+            value: chunkJVEDKKNO_cjs.isHexColor(value) ? value : "#1f2937",
             onChange: (event) => onChange(event.target.value),
             "aria-label": label,
             className: "absolute inset-0 cursor-pointer opacity-0"
@@ -200,10 +204,10 @@ function CustomColor({
   );
 }
 function DesignMenu({ onChooseLogo }) {
-  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);
+  const theme = chunkJVEDKKNO_cjs.usePresentation((s) => s.theme);
+  const setTheme = chunkJVEDKKNO_cjs.usePresentation((s) => s.setTheme);
+  const customBackground = chunkJVEDKKNO_cjs.isHexColor(theme.background);
+  const customAccent = !chunkJVEDKKNO_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,
@@ -220,7 +224,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: [
-        chunkORNLCBNE_cjs.BACKGROUNDS.map((preset) => /* @__PURE__ */ jsxRuntime.jsx(
+        chunkJVEDKKNO_cjs.BACKGROUNDS.map((preset) => /* @__PURE__ */ jsxRuntime.jsx(
           "button",
           {
             type: "button",
@@ -232,7 +236,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: chunkORNLCBNE_cjs.backgroundCss(preset.id), containerType: "inline-size" },
+            style: { background: chunkJVEDKKNO_cjs.backgroundCss(preset.id), containerType: "inline-size" },
             "data-testid": `design-background-${preset.id}`
           },
           preset.id
@@ -247,7 +251,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(chunkORNLCBNE_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(chunkJVEDKKNO_cjs.FONTS).map((font) => /* @__PURE__ */ jsxRuntime.jsxs(
         "button",
         {
           type: "button",
@@ -259,14 +263,14 @@ function DesignMenu({ onChooseLogo }) {
           ),
           "data-testid": `design-font-${font}`,
           children: [
-            /* @__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 })
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xl leading-tight", style: { fontFamily: chunkJVEDKKNO_cjs.FONTS[font].css }, children: "Aa" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[11px] text-muted-foreground", children: chunkJVEDKKNO_cjs.FONTS[font].label })
           ]
         },
         font
       )) }) }),
       /* @__PURE__ */ jsxRuntime.jsx(Section, { title: "Accent", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-        chunkORNLCBNE_cjs.ACCENTS.map((accent) => /* @__PURE__ */ jsxRuntime.jsx(
+        chunkJVEDKKNO_cjs.ACCENTS.map((accent) => /* @__PURE__ */ jsxRuntime.jsx(
           "button",
           {
             type: "button",
@@ -278,7 +282,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: chunkORNLCBNE_cjs.accentColor(accent.color) },
+            style: { background: chunkJVEDKKNO_cjs.accentColor(accent.color) },
             children: theme.accent === accent.color && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "size-3.5 text-black/70" })
           },
           accent.color
@@ -286,7 +290,7 @@ function DesignMenu({ onChooseLogo }) {
         /* @__PURE__ */ jsxRuntime.jsx(
           CustomColor,
           {
-            value: chunkORNLCBNE_cjs.accentColor(theme.accent),
+            value: chunkJVEDKKNO_cjs.accentColor(theme.accent),
             selected: customAccent,
             label: "Your own accent colour",
             round: true,
@@ -349,13 +353,13 @@ var at = (box2) => ({
   height: `${box2.h * 100}%`
 });
 function LayoutThumb({ layout, className }) {
-  const geometry = chunkORNLCBNE_cjs.slideGeometry({ layout, caption: "Title" }, { labels: false, logo: null });
+  const geometry = chunkJVEDKKNO_cjs.slideGeometry({ layout, caption: "Title" }, { labels: false, logo: null });
   const { top, right = 0, bottom = 0, columns } = geometry.reserve;
   const room = {
-    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
+    x: chunkJVEDKKNO_cjs.STAGE_MARGIN,
+    y: chunkJVEDKKNO_cjs.STAGE_MARGIN + top,
+    w: 1 - 2 * chunkJVEDKKNO_cjs.STAGE_MARGIN - right,
+    h: 1 - 2 * chunkJVEDKKNO_cjs.STAGE_MARGIN - top - bottom
   };
   const blocks = layout === "title" || layout === "section" || layout === "free" ? [] : columns === 2 ? [
     { ...room, w: room.w / 2 - 0.02 },
@@ -406,10 +410,10 @@ function LayoutMenu({
   className,
   compact = false
 }) {
-  const layout = chunkORNLCBNE_cjs.usePresentation(
-    (s) => (index === void 0 ? chunkORNLCBNE_cjs.currentSlide(s) : s.slides[index])?.layout ?? "clips"
+  const layout = chunkJVEDKKNO_cjs.usePresentation(
+    (s) => (index === void 0 ? chunkJVEDKKNO_cjs.currentSlide(s) : s.slides[index])?.layout ?? "clips"
   );
-  const setSlideLayout = chunkORNLCBNE_cjs.usePresentation((s) => s.setSlideLayout);
+  const setSlideLayout = chunkJVEDKKNO_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,
@@ -422,7 +426,7 @@ function LayoutMenu({
           className
         ),
         title: "Slide layout",
-        "aria-label": `Slide layout: ${chunkORNLCBNE_cjs.LAYOUT_INFO[layout].label}`,
+        "aria-label": `Slide layout: ${chunkJVEDKKNO_cjs.LAYOUT_INFO[layout].label}`,
         "data-testid": "presentation-layout",
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(LayoutThumb, { layout, className: compact ? "w-6" : "w-7" }),
@@ -430,7 +434,7 @@ function LayoutMenu({
         ]
       }
     ) }),
-    /* @__PURE__ */ jsxRuntime.jsx(ui.DropdownMenuContent, { align: "start", className: "w-56", children: chunkORNLCBNE_cjs.SLIDE_LAYOUTS.map((option) => /* @__PURE__ */ jsxRuntime.jsxs(
+    /* @__PURE__ */ jsxRuntime.jsx(ui.DropdownMenuContent, { align: "start", className: "w-56", children: chunkJVEDKKNO_cjs.SLIDE_LAYOUTS.map((option) => /* @__PURE__ */ jsxRuntime.jsxs(
       ui.DropdownMenuItem,
       {
         onSelect: () => setSlideLayout(option, index),
@@ -438,7 +442,7 @@ function LayoutMenu({
         "data-testid": `presentation-layout-${option}`,
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(LayoutThumb, { layout: option, className: "w-12" }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { children: chunkORNLCBNE_cjs.LAYOUT_INFO[option].label })
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: chunkJVEDKKNO_cjs.LAYOUT_INFO[option].label })
         ]
       },
       option
@@ -446,11 +450,11 @@ function LayoutMenu({
   ] });
 }
 function Notice() {
-  const notice = chunkORNLCBNE_cjs.usePresentation((s) => s.notice);
+  const notice = chunkJVEDKKNO_cjs.usePresentation((s) => s.notice);
   react.useEffect(() => {
     if (!notice) return;
     const timer = setTimeout(
-      () => chunkORNLCBNE_cjs.usePresentation.getState().clearNotice(notice.id),
+      () => chunkJVEDKKNO_cjs.usePresentation.getState().clearNotice(notice.id),
       notice.kind === "error" ? 8e3 : 3e3
     );
     return () => clearTimeout(timer);
@@ -471,7 +475,7 @@ function Notice() {
             type: "button",
             className: "ml-1 rounded p-0.5 text-muted-foreground hover:text-foreground",
             "aria-label": "Dismiss",
-            onClick: () => chunkORNLCBNE_cjs.usePresentation.getState().clearNotice(notice.id),
+            onClick: () => chunkJVEDKKNO_cjs.usePresentation.getState().clearNotice(notice.id),
             children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "size-3.5" })
           }
         )
@@ -488,25 +492,28 @@ var SlideCard = react.memo(function SlideCard2({
   onEditImage,
   onCropImage
 }) {
-  const empty = chunkORNLCBNE_cjs.usePresentation((s) => {
+  const empty = chunkJVEDKKNO_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 = chunkORNLCBNE_cjs.usePresentation((s) => s.slides[index]?.notes ?? "");
+  const notes = chunkJVEDKKNO_cjs.usePresentation((s) => s.slides[index]?.notes ?? "");
   const textEditing = react.useMemo(
     () => ({
-      onTitle: (title) => chunkORNLCBNE_cjs.usePresentation.getState().setSlideCaption(title, index),
-      onPoints: (points) => chunkORNLCBNE_cjs.usePresentation.getState().setSlidePoints(points, index)
+      onTitle: (title) => chunkJVEDKKNO_cjs.usePresentation.getState().setSlideCaption(title, index),
+      onPoints: (points) => chunkJVEDKKNO_cjs.usePresentation.getState().setSlidePoints(points, index)
     }),
     [index]
   );
   const select = react.useCallback((clipId) => onSelect(index, clipId), [onSelect, index]);
-  const actions = chunkORNLCBNE_cjs.usePresentation.getState();
+  const actions = chunkJVEDKKNO_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(
-        "span",
+        "button",
         {
+          type: "button",
+          "aria-label": `Show slide ${index + 1}`,
+          onClick: () => chunkJVEDKKNO_cjs.usePresentation.getState().goTo(index),
           className: ui.cn(
             "py-1 text-xs tabular-nums",
             current2 ? "font-semibold text-foreground" : "text-muted-foreground"
@@ -593,7 +600,7 @@ var SlideCard = react.memo(function SlideCard2({
         ),
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkJY7UUZQG_cjs.PresentationStage,
+            chunk7Q46YAX4_cjs.PresentationStage,
             {
               editable: true,
               slideIndex: index,
@@ -611,7 +618,7 @@ var SlideCard = react.memo(function SlideCard2({
               value: notes,
               rows: notes.split("\n").length,
               placeholder: "Speaker notes",
-              onChange: (event) => chunkORNLCBNE_cjs.usePresentation.getState().setSlideNotes(event.target.value, index),
+              onChange: (event) => chunkJVEDKKNO_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}`
@@ -635,10 +642,10 @@ var INSERTS = [
 ];
 function InsertMenu({ onInserted }) {
   const insert = (shape) => {
-    const state = chunkORNLCBNE_cjs.usePresentation.getState();
+    const state = chunkJVEDKKNO_cjs.usePresentation.getState();
     const slide = state.slides[state.current];
-    const box2 = chunkORNLCBNE_cjs.newBox(shape, chunkORNLCBNE_cjs.accentColor(state.theme.accent));
-    const dark = chunkORNLCBNE_cjs.isLightBackground(slide?.background);
+    const box2 = chunkJVEDKKNO_cjs.newBox(shape, chunkJVEDKKNO_cjs.accentColor(state.theme.accent));
+    const dark = chunkJVEDKKNO_cjs.isLightBackground(slide?.background);
     const { id, ...rest } = dark ? {
       ...box2,
       paragraphs: box2.paragraphs.map((p) => ({
@@ -681,7 +688,7 @@ function InsertSlide({ after, always }) {
     "button",
     {
       type: "button",
-      onClick: () => chunkORNLCBNE_cjs.usePresentation.getState().addSlide(void 0, after),
+      onClick: () => chunkJVEDKKNO_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"
@@ -704,11 +711,11 @@ function SlidesEditor({
   onEditImage,
   onCropImage
 }) {
-  const ids = chunkORNLCBNE_cjs.usePresentation((s) => s.slides.map((slide) => slide.id).join(" "));
+  const ids = chunkJVEDKKNO_cjs.usePresentation((s) => s.slides.map((slide) => slide.id).join(" "));
   const slideIds = react.useMemo(() => ids.split(" "), [ids]);
-  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 current2 = chunkJVEDKKNO_cjs.usePresentation((s) => s.current);
+  const captions = chunkJVEDKKNO_cjs.usePresentation((s) => s.captions);
+  const presenting = chunkJVEDKKNO_cjs.usePresentation((s) => s.presenting);
   const [selection, setSelection] = react.useState(null);
   const [view, setView] = react.useState(null);
   const list = react.useRef(null);
@@ -716,13 +723,14 @@ function SlidesEditor({
     if (node) setView(node.ownerDocument.defaultView);
   }, []);
   const onSelect = react.useCallback((index, clipId) => {
+    chunkJVEDKKNO_cjs.usePresentation.getState().goTo(index);
     setSelection(clipId ? { index, clipId } : null);
   }, []);
   const keySelection = react.useMemo(
     () => ({ clipId: selection?.clipId ?? null, clear: () => setSelection(null) }),
     [selection]
   );
-  chunkADPRIBSH_cjs.usePresenterKeys(view, false, keySelection);
+  chunkX7ALF4MP_cjs.usePresenterKeys(view, presenting, keySelection);
   react.useEffect(() => {
     const card = list.current?.querySelector(`[data-testid="slide-${current2}"]`);
     card?.scrollIntoView?.({ block: "nearest", behavior: "smooth" });
@@ -778,7 +786,7 @@ function SlidesEditor({
                     ui.DropdownMenuCheckboxItem,
                     {
                       checked: captions,
-                      onCheckedChange: (on) => chunkORNLCBNE_cjs.usePresentation.getState().setCaptions(!!on),
+                      onCheckedChange: (on) => chunkJVEDKKNO_cjs.usePresentation.getState().setCaptions(!!on),
                       children: "Show source labels"
                     }
                   )
@@ -791,7 +799,7 @@ function SlidesEditor({
                   size: "sm",
                   variant: "destructive",
                   className: "ml-0.5 h-8 rounded-full",
-                  onClick: () => chunkORNLCBNE_cjs.usePresentation.getState().setPresenting(false),
+                  onClick: () => chunkJVEDKKNO_cjs.usePresentation.getState().setPresenting(false),
                   title: "Stop presenting (the presentation window closes)",
                   "data-testid": "presentation-stop-button",
                   children: [
@@ -830,7 +838,7 @@ function SlidesEditor({
 // src/presentation/draw-boxes.ts
 var LINE_HEIGHT = 1.2;
 function fontOf(run, themeFont, width) {
-  const size = chunkORNLCBNE_cjs.pointsToStage(run.size ?? chunkORNLCBNE_cjs.DEFAULT_TEXT_SIZE) * width;
+  const size = chunkJVEDKKNO_cjs.pointsToStage(run.size ?? chunkJVEDKKNO_cjs.DEFAULT_TEXT_SIZE) * width;
   const family = run.font ? `"${run.font}", ${themeFont}` : themeFont;
   return `${run.italic ? "italic " : ""}${run.bold ? 700 : 400} ${size}px ${family}`;
 }
@@ -848,9 +856,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, chunkORNLCBNE_cjs.pointsToStage(box2.line.width) * width) : 0;
+  const lineWidth = box2.line ? Math.max(1, chunkJVEDKKNO_cjs.pointsToStage(box2.line.width) * width) : 0;
   if (box2.shape === "line") {
-    context.strokeStyle = box2.line?.color ?? chunkORNLCBNE_cjs.TEXT_COLORS.body;
+    context.strokeStyle = box2.line?.color ?? chunkJVEDKKNO_cjs.TEXT_COLORS.body;
     context.lineWidth = lineWidth || 1;
     if (box2.line?.dash) context.setLineDash([lineWidth * 3, lineWidth * 2]);
     context.beginPath();
@@ -875,12 +883,12 @@ function drawBox(context, box2, width, height, themeFont) {
     context.stroke();
     context.setLineDash([]);
   }
-  const inset = chunkORNLCBNE_cjs.pointsToStage(box2.inset ?? chunkORNLCBNE_cjs.DEFAULT_INSET) * width;
+  const inset = chunkJVEDKKNO_cjs.pointsToStage(box2.inset ?? chunkJVEDKKNO_cjs.DEFAULT_INSET) * width;
   const room = w - 2 * inset;
   context.textBaseline = "alphabetic";
   const lines = [];
   for (const paragraph of box2.paragraphs) {
-    const size = chunkORNLCBNE_cjs.pointsToStage(paragraph.runs[0]?.size ?? chunkORNLCBNE_cjs.DEFAULT_TEXT_SIZE) * width;
+    const size = chunkJVEDKKNO_cjs.pointsToStage(paragraph.runs[0]?.size ?? chunkJVEDKKNO_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) {
@@ -926,12 +934,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 ?? chunkORNLCBNE_cjs.TEXT_COLORS.body;
+      context.fillStyle = line.bullet.color ?? chunkJVEDKKNO_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 ?? chunkORNLCBNE_cjs.TEXT_COLORS.body;
+      context.fillStyle = piece.run.color ?? chunkJVEDKKNO_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));
@@ -948,7 +956,7 @@ var boxWords = (box2) => box2.paragraphs.map(
 ).filter(Boolean);
 
 // src/presentation/render-slides.ts
-var SLIDE_PIXELS = { width: 1920, height: Math.round(1920 / chunkORNLCBNE_cjs.STAGE_ASPECT) };
+var SLIDE_PIXELS = { width: 1920, height: Math.round(1920 / chunkJVEDKKNO_cjs.STAGE_ASPECT) };
 async function videoFrame(source, seconds) {
   const video = document.createElement("video");
   video.muted = true;
@@ -1060,7 +1068,7 @@ async function drawRoundedClip(context, clip, box2, stageWidth, shadow = true) {
   outline2();
   context.clip();
   await drawClip(context, clip, box2);
-  if (clip.kind === "pdf") chunkORNLCBNE_cjs.paintClipEdge(context, box2, stageWidth);
+  if (clip.kind === "pdf") chunkJVEDKKNO_cjs.paintClipEdge(context, box2, stageWidth);
   context.restore();
   context.save();
   context.strokeStyle = "rgba(255,255,255,0.15)";
@@ -1092,7 +1100,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 ${chunkORNLCBNE_cjs.FONTS[theme.font].css}`;
+  context.font = `${box2.weight} ${size}px ${chunkJVEDKKNO_cjs.FONTS[theme.font].css}`;
   context.textBaseline = "top";
   const indent = box2.bullets ? size * 1.22 : 0;
   const left = box2.x * width;
@@ -1114,10 +1122,10 @@ function drawText(context, box2, lines, theme, width, height) {
   for (const wrapped of paragraphs) {
     if (box2.bullets) {
       const square = size * 0.42;
-      context.fillStyle = chunkORNLCBNE_cjs.accentColor(theme.accent);
+      context.fillStyle = chunkJVEDKKNO_cjs.accentColor(theme.accent);
       context.fillRect(left, y + size * 0.5 - square / 2, square, square);
     }
-    context.fillStyle = chunkORNLCBNE_cjs.TEXT_COLORS[box2.tone];
+    context.fillStyle = chunkJVEDKKNO_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;
@@ -1153,11 +1161,11 @@ async function loadImage(file) {
   }
 }
 function slideWords(slide) {
-  const own = slide.layout === "free" ? [] : [slide.caption.trim(), ...chunkORNLCBNE_cjs.textLines(slide.points)];
+  const own = slide.layout === "free" ? [] : [slide.caption.trim(), ...chunkJVEDKKNO_cjs.textLines(slide.points)];
   return [...own, ...slide.boxes.flatMap(boxWords)].filter(Boolean);
 }
 function drawSlideText(context, slide, look, width, height) {
-  const geometry = chunkORNLCBNE_cjs.slideGeometry(slide, {
+  const geometry = chunkJVEDKKNO_cjs.slideGeometry(slide, {
     labels: look.labels,
     logo: look.theme.logo?.corner ?? null
   });
@@ -1165,13 +1173,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 = chunkORNLCBNE_cjs.accentColor(look.theme.accent);
+      context.fillStyle = chunkJVEDKKNO_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, chunkORNLCBNE_cjs.textLines(slide.points), look.theme, width, height);
+    drawText(context, geometry.text, chunkJVEDKKNO_cjs.textLines(slide.points), look.theme, width, height);
   }
   return geometry;
 }
@@ -1183,13 +1191,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 chunkORNLCBNE_cjs.paintSlideBackground(context, width, height, slide.background, look.media);
+    await chunkJVEDKKNO_cjs.paintSlideBackground(context, width, height, slide.background, look.media);
   } else {
-    chunkORNLCBNE_cjs.paintBackground(context, width, height, look.theme.background);
+    chunkJVEDKKNO_cjs.paintBackground(context, width, height, look.theme.background);
   }
   const geometry = drawSlideText(context, slide, look, width, height);
   const text = slideWords(slide);
-  const font = chunkORNLCBNE_cjs.FONTS[look.theme.font].css;
+  const font = chunkJVEDKKNO_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);
@@ -1203,16 +1211,16 @@ async function renderSlide(slide, clips, look) {
       x: item.frame.x * width,
       y: item.frame.y * height,
       width: item.frame.w * width,
-      height: chunkORNLCBNE_cjs.frameHeight(item.frame, clip.aspect) * height
+      height: chunkJVEDKKNO_cjs.frameHeight(item.frame, clip.aspect) * height
     };
     if (clip.plain) {
       await drawClip(context, clip, box2);
       continue;
     }
     await drawRoundedClip(context, clip, box2, width);
-    const label = chunkORNLCBNE_cjs.clipLabel(clip, look.columnValues);
+    const label = chunkJVEDKKNO_cjs.clipLabel(clip, look.columnValues);
     if (look.labels && label) {
-      context.fillStyle = chunkORNLCBNE_cjs.TEXT_COLORS.muted;
+      context.fillStyle = chunkJVEDKKNO_cjs.TEXT_COLORS.muted;
       context.font = `${Math.round(width * 0.017)}px ${font}`;
       context.textAlign = "left";
       context.textBaseline = "top";
@@ -1255,7 +1263,7 @@ function addBox(pptx, page, box2, themeFont) {
   if (box2.shape === "line") {
     page.addShape(pptx.ShapeType.line, {
       ...place,
-      line: line ?? { color: hex(chunkORNLCBNE_cjs.TEXT_COLORS.body), width: 1 }
+      line: line ?? { color: hex(chunkJVEDKKNO_cjs.TEXT_COLORS.body), width: 1 }
     });
     return;
   }
@@ -1272,9 +1280,9 @@ function addBox(pptx, page, box2, themeFont) {
       runs.push({
         text: run.text,
         options: {
-          fontSize: run.size ?? chunkORNLCBNE_cjs.DEFAULT_TEXT_SIZE,
+          fontSize: run.size ?? chunkJVEDKKNO_cjs.DEFAULT_TEXT_SIZE,
           fontFace: run.font ?? themeFont,
-          color: hex(run.color ?? chunkORNLCBNE_cjs.TEXT_COLORS.body),
+          color: hex(run.color ?? chunkJVEDKKNO_cjs.TEXT_COLORS.body),
           ...run.bold ? { bold: true } : {},
           ...run.italic ? { italic: true } : {},
           ...run.underline ? { underline: { style: "sng" } } : {},
@@ -1296,7 +1304,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 ?? chunkORNLCBNE_cjs.DEFAULT_INSET,
+    margin: box2.inset ?? chunkJVEDKKNO_cjs.DEFAULT_INSET,
     lineSpacingMultiple: 1,
     fit: "none"
   });
@@ -1326,10 +1334,10 @@ var box = (b) => ({
 function textOptions(text, look) {
   return {
     ...box(text),
-    fontFace: chunkORNLCBNE_cjs.FONTS[look.theme.font].pptx,
+    fontFace: chunkJVEDKKNO_cjs.FONTS[look.theme.font].pptx,
     fontSize: toPoints(text.size),
     bold: text.weight >= 600,
-    color: hex2(chunkORNLCBNE_cjs.TEXT_COLORS[text.tone]),
+    color: hex2(chunkJVEDKKNO_cjs.TEXT_COLORS[text.tone]),
     align: text.align,
     valign: text.anchor ?? "top",
     lineSpacingMultiple: text.leading,
@@ -1342,18 +1350,18 @@ async function buildPptx(deck, look) {
   pptx.layout = "LAYOUT_WIDE";
   pptx.title = deck.title;
   pptx.theme = {
-    headFontFace: chunkORNLCBNE_cjs.FONTS[look.theme.font].pptx,
-    bodyFontFace: chunkORNLCBNE_cjs.FONTS[look.theme.font].pptx
+    headFontFace: chunkJVEDKKNO_cjs.FONTS[look.theme.font].pptx,
+    bodyFontFace: chunkJVEDKKNO_cjs.FONTS[look.theme.font].pptx
   };
   const { width, height } = SLIDE_PIXELS;
   const background = await canvasImage(
     width,
     height,
-    (context) => chunkORNLCBNE_cjs.paintBackground(context, width, height, look.theme.background)
+    (context) => chunkJVEDKKNO_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 = chunkORNLCBNE_cjs.FONTS[look.theme.font].pptx;
+  const themeFont = chunkJVEDKKNO_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) {
@@ -1364,14 +1372,14 @@ async function buildPptx(deck, look) {
         data: await canvasImage(
           width,
           height,
-          (context) => chunkORNLCBNE_cjs.paintSlideBackground(context, width, height, own, look.media)
+          (context) => chunkJVEDKKNO_cjs.paintSlideBackground(context, width, height, own, look.media)
         )
       };
     } else {
       page.background = { data: background };
     }
     if (slide.notes?.trim()) page.addNotes(slide.notes);
-    const geometry = chunkORNLCBNE_cjs.slideGeometry(slide, {
+    const geometry = chunkJVEDKKNO_cjs.slideGeometry(slide, {
       labels: look.labels,
       logo: look.theme.logo?.corner ?? null
     });
@@ -1379,7 +1387,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: chunkORNLCBNE_cjs.frameHeight(item.frame, clip.aspect) };
+      const frame = { ...item.frame, h: chunkJVEDKKNO_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;
@@ -1411,13 +1419,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 = chunkORNLCBNE_cjs.clipLabel(clip, look.columnValues);
+      const label = chunkJVEDKKNO_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: chunkORNLCBNE_cjs.FONTS[look.theme.font].pptx,
+          fontFace: chunkJVEDKKNO_cjs.FONTS[look.theme.font].pptx,
           fontSize: toPoints(0.017),
-          color: hex2(chunkORNLCBNE_cjs.TEXT_COLORS.muted),
+          color: hex2(chunkJVEDKKNO_cjs.TEXT_COLORS.muted),
           margin: 0,
           valign: "top",
           fit: "shrink"
@@ -1430,12 +1438,12 @@ async function buildPptx(deck, look) {
       if (geometry.rule) {
         page.addShape(pptx.ShapeType.rect, {
           ...box(geometry.rule),
-          fill: { color: hex2(chunkORNLCBNE_cjs.accentColor(look.theme.accent)) },
-          line: { color: hex2(chunkORNLCBNE_cjs.accentColor(look.theme.accent)), width: 0 }
+          fill: { color: hex2(chunkJVEDKKNO_cjs.accentColor(look.theme.accent)) },
+          line: { color: hex2(chunkJVEDKKNO_cjs.accentColor(look.theme.accent)), width: 0 }
         });
       }
     }
-    const lines = chunkORNLCBNE_cjs.textLines(slide.points);
+    const lines = chunkJVEDKKNO_cjs.textLines(slide.points);
     if (geometry.text && lines.length) {
       const text = geometry.text;
       page.addText(
@@ -1469,7 +1477,7 @@ async function buildPptx(deck, look) {
     }
   }
   const deckFile = await pptx.write({ outputType: "blob" });
-  return accentBullets(deckFile, chunkORNLCBNE_cjs.accentColor(look.theme.accent));
+  return accentBullets(deckFile, chunkJVEDKKNO_cjs.accentColor(look.theme.accent));
 }
 async function accentBullets(deck, accent) {
   const { default: JSZip } = await import('jszip');
@@ -2000,7 +2008,7 @@ function renditionClip(deck, part, area, what) {
     fileName: fileName ?? "Presentation.pptx",
     page: part.page,
     rect,
-    aspect: frame.w * chunkORNLCBNE_cjs.STAGE_ASPECT / Math.max(frame.h, 1e-6),
+    aspect: frame.w * chunkJVEDKKNO_cjs.STAGE_ASPECT / Math.max(frame.h, 1e-6),
     caption: "",
     plain: true
   });
@@ -2139,7 +2147,7 @@ async function readShape(shape, transform, deck, part, inherit, built) {
       fileName: target?.target.split("/").pop() ?? "Picture",
       page: 1,
       rect,
-      aspect: frame.w * chunkORNLCBNE_cjs.STAGE_ASPECT / Math.max(frame.h, 1e-6),
+      aspect: frame.w * chunkJVEDKKNO_cjs.STAGE_ASPECT / Math.max(frame.h, 1e-6),
       caption: "",
       media: key,
       plain: true
@@ -2362,7 +2370,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 < 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 place = deckAspect < chunkJVEDKKNO_cjs.STAGE_ASPECT ? { w: deckAspect / chunkJVEDKKNO_cjs.STAGE_ASPECT, h: 1, x: (1 - deckAspect / chunkJVEDKKNO_cjs.STAGE_ASPECT) / 2, y: 0 } : { w: 1, h: chunkJVEDKKNO_cjs.STAGE_ASPECT / deckAspect, x: 0, y: (1 - chunkJVEDKKNO_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;
@@ -2371,7 +2379,7 @@ async function importPptx(bytes, options = {}) {
     theme: firstMaster ? await readTheme(pkg, firstMaster) : { scheme: {}, map: {}, majorFont: "Calibri", minorFont: "Calibri", lineWidths: [] },
     slideSize: { cx, cy },
     place,
-    pointScale: chunkORNLCBNE_cjs.SLIDE_POINTS.h * place.h / (cy / EMU_PER_POINT),
+    pointScale: chunkJVEDKKNO_cjs.SLIDE_POINTS.h * place.h / (cy / EMU_PER_POINT),
     defaultText: kid(pres.documentElement, "defaultTextStyle"),
     options,
     clips: [],
@@ -2467,7 +2475,7 @@ async function importPptx(bytes, options = {}) {
       version: 1,
       title: options.title ?? (coreTitle?.trim() || "Presentation"),
       captions: false,
-      theme: chunkORNLCBNE_cjs.DEFAULT_THEME,
+      theme: chunkJVEDKKNO_cjs.DEFAULT_THEME,
       clips: deck.clips,
       slides: saved,
       ...Object.keys(deck.media).length ? { media: deck.media } : {}
@@ -2555,7 +2563,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, chunkORNLCBNE_cjs.PRESENTATION_ATTACHMENT);
+  const data = await documentTools.readPdfAttachment(bytes, chunkJVEDKKNO_cjs.PRESENTATION_ATTACHMENT);
   if (!data) {
     throw new Error(
       "This PDF has no editable presentation in it (it may have been changed outside ARBI)."
@@ -2564,7 +2572,7 @@ async function presentationData(bytes) {
   return new TextDecoder().decode(data);
 }
 function current(withoutClips) {
-  const state = chunkORNLCBNE_cjs.usePresentation.getState();
+  const state = chunkJVEDKKNO_cjs.usePresentation.getState();
   return withoutClips ? {
     ...state,
     clips: [],
@@ -2586,26 +2594,31 @@ 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 = chunkORNLCBNE_cjs.serializePresentation({ ...state, title, fingerprints });
+    const data = chunkJVEDKKNO_cjs.serializePresentation({ ...state, title, fingerprints });
     return writePptxPresentationData(deck, JSON.stringify(data, null, 2));
   }, []);
   const save = react.useCallback(
-    async (title, { asNew = false, template = false } = {}) => {
+    async (title, {
+      asNew = false,
+      template = false,
+      autosave = false
+    } = {}) => {
       if (!arbi || !workspaceId) throw new Error("Open a workspace to save the presentation.");
-      const state = chunkORNLCBNE_cjs.usePresentation.getState();
+      const state = chunkJVEDKKNO_cjs.usePresentation.getState();
       const versionOf = asNew || template ? null : state.savedId;
       const deck = await buildFile(title, template);
-      const file = new File([deck], chunkORNLCBNE_cjs.presentationFileName(title), { type: PPTX_TYPE });
+      const file = new File([deck], chunkJVEDKKNO_cjs.presentationFileName(title), { type: PPTX_TYPE });
       const result = await arbi.documents.upload([file], {
-        folder: template ? chunkORNLCBNE_cjs.TEMPLATES_FOLDER : chunkORNLCBNE_cjs.PRESENTATIONS_FOLDER,
+        folder: template ? chunkJVEDKKNO_cjs.TEMPLATES_FOLDER : chunkJVEDKKNO_cjs.PRESENTATIONS_FOLDER,
         workspaceExtId: workspaceId,
-        ...versionOf ? { versionOf } : {}
+        ...versionOf ? { versionOf, autosave } : {}
       });
       const id = versionOf ?? result.doc_ext_ids?.[0];
       if (!id) throw new Error("The presentation could not be saved.");
       if (!template) {
         const [doc] = await arbi.documents.get([id]).catch(() => []);
-        state.setSaved(id, title, doc?.current_version ?? null);
+        state.setSaved(id, title, result.version ?? doc?.current_version ?? null);
+        chunkJVEDKKNO_cjs.usePresentation.setState({ autosave: !!versionOf && autosave });
       }
       return id;
     },
@@ -2622,8 +2635,8 @@ function usePresentationFiles() {
       }
       const pdf = await documentTools.imagesToPdf(pages, { title });
       const result = await arbi.documents.upload(
-        [new File([pdf], `${chunkORNLCBNE_cjs.safeFileStem(title)}.pdf`, { type: "application/pdf" })],
-        { folder: chunkORNLCBNE_cjs.EXPORTS_FOLDER, workspaceExtId: workspaceId }
+        [new File([pdf], `${chunkJVEDKKNO_cjs.safeFileStem(title)}.pdf`, { type: "application/pdf" })],
+        { folder: chunkJVEDKKNO_cjs.EXPORTS_FOLDER, workspaceExtId: workspaceId }
       );
       const id = result.doc_ext_ids?.[0];
       if (!id) throw new Error("The PDF could not be saved.");
@@ -2638,10 +2651,10 @@ function usePresentationFiles() {
       return docs.filter((doc) => {
         const folder = doc.folder ?? "";
         if (!ui.isPresentationFileName(doc.file_name, folder)) return false;
-        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);
+        return scope === "templates" ? folder === chunkJVEDKKNO_cjs.TEMPLATES_FOLDER : folder.startsWith(chunkJVEDKKNO_cjs.PRESENTATIONS_FOLDER) && folder !== chunkJVEDKKNO_cjs.TEMPLATES_FOLDER && !folder.startsWith(chunkJVEDKKNO_cjs.EXPORTS_FOLDER);
       }).map((doc) => ({
         id: doc.external_id,
-        title: chunkORNLCBNE_cjs.presentationTitle(doc.file_name ?? ""),
+        title: chunkJVEDKKNO_cjs.presentationTitle(doc.file_name ?? ""),
         updatedAt: doc.updated_at ?? doc.created_at ?? null
       })).sort((a, b) => (a.updatedAt ?? "") < (b.updatedAt ?? "") ? 1 : -1);
     },
@@ -2655,9 +2668,10 @@ function usePresentationFiles() {
       const text = await presentationData(bytes);
       const [doc] = await arbi.documents.get([id]).catch(() => []);
       const openedVersion = version ?? doc?.current_version ?? null;
+      const autosave = !!(version ? doc?.versions?.find((entry) => entry.n === version)?.autosave : doc?.autosave);
       if (text === null) {
         const imported = await importPptx(bytes, {
-          title: chunkORNLCBNE_cjs.presentationTitle(doc?.file_name ?? "Presentation.pptx"),
+          title: chunkJVEDKKNO_cjs.presentationTitle(doc?.file_name ?? "Presentation.pptx"),
           documentId: id,
           version: version ?? doc?.current_version,
           fileName: doc?.file_name ?? void 0
@@ -2666,10 +2680,11 @@ function usePresentationFiles() {
           saved: imported.saved,
           legacy: false,
           imported: { notes: imported.notes },
-          openedVersion
+          openedVersion,
+          autosave
         };
       }
-      let saved = chunkORNLCBNE_cjs.parsePresentation(text);
+      let saved = chunkJVEDKKNO_cjs.parsePresentation(text);
       let changedOutside;
       if (isZipBytes(bytes) && saved.slides.some((slide) => slide.fingerprint)) {
         const now = await slideFingerprints(bytes);
@@ -2692,7 +2707,8 @@ function usePresentationFiles() {
         // file, not a version of this one (a document's versions keep one format).
         legacy: !isZipBytes(bytes),
         changedOutside,
-        openedVersion
+        openedVersion,
+        autosave
       };
     },
     [arbi]
@@ -2700,7 +2716,7 @@ function usePresentationFiles() {
   const startFromTemplate = react.useCallback(
     async (id) => {
       const { saved } = await readSaved(id);
-      chunkORNLCBNE_cjs.usePresentation.getState().load({
+      chunkJVEDKKNO_cjs.usePresentation.getState().load({
         title: "Untitled presentation",
         savedId: null,
         captions: saved.captions,
@@ -2723,7 +2739,7 @@ function usePresentationFiles() {
   const open = react.useCallback(
     async (id, version) => {
       if (!arbi) throw new Error("Sign in to open a presentation.");
-      const { saved, legacy, imported, changedOutside, openedVersion } = await readSaved(
+      const { saved, legacy, imported, changedOutside, openedVersion, autosave } = await readSaved(
         id,
         version
       );
@@ -2777,10 +2793,11 @@ function usePresentationFiles() {
       );
       const kept = [];
       const newIndex = opened.map((clip) => clip ? kept.push(clip) - 1 : -1);
-      chunkORNLCBNE_cjs.usePresentation.getState().load({
+      chunkJVEDKKNO_cjs.usePresentation.getState().load({
         title: saved.title,
         savedId: legacy ? null : id,
         version: legacy ? null : openedVersion,
+        autosave,
         boundTo: id,
         captions: saved.captions,
         labelColumn: saved.labelColumn ?? null,
@@ -2851,7 +2868,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`;
-      chunkORNLCBNE_cjs.usePresentation.getState().addClip({
+      chunkJVEDKKNO_cjs.usePresentation.getState().addClip({
         kind: "image",
         documentId,
         fileName,
@@ -2860,7 +2877,7 @@ function useGenerateImageLaunch() {
         aspect: await aspectOf(source),
         masks: [],
         source,
-        caption: chunkORNLCBNE_cjs.mediaCaption(fileName)
+        caption: chunkJVEDKKNO_cjs.mediaCaption(fileName)
       });
     },
     [arbi, workspaceId]
@@ -2871,7 +2888,7 @@ function GenerateImageDialog({
   onOpenChange,
   referenceId
 }) {
-  const notify = chunkORNLCBNE_cjs.usePresentation((s) => s.notify);
+  const notify = chunkJVEDKKNO_cjs.usePresentation((s) => s.notify);
   const { skills } = chunkUFT22LAB_cjs.useWorkflowDefinitions();
   const run = useGenerateImageLaunch();
   const workflows = react.useMemo(
@@ -2931,9 +2948,9 @@ function SavePresentationDialog({
   onOpenChange,
   mode = "save"
 }) {
-  const notify = chunkORNLCBNE_cjs.usePresentation((s) => s.notify);
+  const notify = chunkJVEDKKNO_cjs.usePresentation((s) => s.notify);
   const { save, exportPdf } = usePresentationFiles();
-  const current2 = chunkORNLCBNE_cjs.usePresentation((s) => s.title);
+  const current2 = chunkJVEDKKNO_cjs.usePresentation((s) => s.title);
   const [title, setTitle] = react.useState(current2);
   const [busy, setBusy] = react.useState(false);
   const text = SAVE_TEXT[mode];
@@ -3003,7 +3020,7 @@ function OpenPresentationDialog({
   templates = false
 }) {
   const { confirm } = chunkTKHCIHE2_cjs.useBlocksEnvironment();
-  const notify = chunkORNLCBNE_cjs.usePresentation((s) => s.notify);
+  const notify = chunkJVEDKKNO_cjs.usePresentation((s) => s.notify);
   const { list, startFromTemplate } = usePresentationFiles();
   const [entries, setEntries] = react.useState(null);
   const [opening, setOpening] = react.useState(null);
@@ -3018,7 +3035,7 @@ function OpenPresentationDialog({
       onOpened(entry.id);
       return;
     }
-    if (chunkORNLCBNE_cjs.usePresentation.getState().clips.length) {
+    if (chunkJVEDKKNO_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.",
@@ -3069,8 +3086,8 @@ function OpenPresentationDialog({
 }
 var IMAGE_FILE = /\.(png|jpe?g|gif|webp|svg)$/i;
 function ChooseLogoDialog({ open, onOpenChange }) {
-  const setTheme = chunkORNLCBNE_cjs.usePresentation((s) => s.setTheme);
-  const corner = chunkORNLCBNE_cjs.usePresentation((s) => s.theme.logo?.corner ?? "br");
+  const setTheme = chunkJVEDKKNO_cjs.usePresentation((s) => s.setTheme);
+  const corner = chunkJVEDKKNO_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(
@@ -3157,7 +3174,7 @@ function CropClipDialog({ clip, onOpenChange }) {
       w: Math.min(1, area.width / natural.width),
       h: Math.min(1, area.height / natural.height)
     };
-    chunkORNLCBNE_cjs.usePresentation.getState().cropClip(clip.id, rect, area.width / area.height);
+    chunkJVEDKKNO_cjs.usePresentation.getState().cropClip(clip.id, rect, area.width / area.height);
     onOpenChange(false);
   };
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -3206,8 +3223,8 @@ function CropClipDialog({ clip, onOpenChange }) {
 var EMPTY = new Blob();
 var NONE = "none";
 function LabelColumnMenu({ columns }) {
-  const labelColumn = chunkORNLCBNE_cjs.usePresentation((s) => s.labelColumn);
-  const setLabelColumn = chunkORNLCBNE_cjs.usePresentation((s) => s.setLabelColumn);
+  const labelColumn = chunkJVEDKKNO_cjs.usePresentation((s) => s.labelColumn);
+  const setLabelColumn = chunkJVEDKKNO_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: [
@@ -3250,8 +3267,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 = chunkORNLCBNE_cjs.usePresentation((s) => s.labelColumn);
-  const documentIds = chunkORNLCBNE_cjs.usePresentation((s) => s.clips.map((clip) => clip.documentId).join(" "));
+  const labelColumn = chunkJVEDKKNO_cjs.usePresentation((s) => s.labelColumn);
+  const documentIds = chunkJVEDKKNO_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]
@@ -3266,23 +3283,25 @@ function useLabelColumns(active) {
         if (note2) values[doc.external_id] = note2;
       }
     }
-    chunkORNLCBNE_cjs.usePresentation.getState().setColumnValues(values);
+    chunkJVEDKKNO_cjs.usePresentation.getState().setColumnValues(values);
   }, [labelColumn, documentIds, documents]);
   return columns;
 }
 function usePresentationController(active) {
   const session = react$1.useArbiSessionStore();
-  const notify = chunkORNLCBNE_cjs.usePresentation((s) => s.notify);
+  const autosave = chunkJVEDKKNO_cjs.usePresentation((s) => s.autosave);
+  const version = chunkJVEDKKNO_cjs.usePresentation((s) => s.version);
+  const notify = chunkJVEDKKNO_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 = chunkORNLCBNE_cjs.usePresentation((s) => s.clips.find((c) => c.id === cropping) ?? null);
+  const cropClip = chunkJVEDKKNO_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 } = chunkORNLCBNE_cjs.usePresentation.getState();
+    const { savedId, title } = chunkJVEDKKNO_cjs.usePresentation.getState();
     if (!savedId) return setDialog("save");
     setSaving(true);
     try {
@@ -3332,21 +3351,28 @@ function usePresentationController(active) {
     )
   ] });
   const editor = {
-    actions: canSave && /* @__PURE__ */ jsxRuntime.jsx(
-      ui.Button,
-      {
-        type: "button",
-        size: "icon",
-        variant: "ghost",
-        className: "size-8 text-muted-foreground hover:text-foreground pointer-coarse:size-11",
-        title: "Save (in Files \u203A Presentations)",
-        "aria-label": "Save",
-        disabled: saving,
-        onClick: () => void quickSave(),
-        "data-testid": "presentation-save",
-        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Save, { className: "size-4" })
-      }
-    ),
+    actions: canSave && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      autosave && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs text-muted-foreground", children: [
+        "v",
+        version,
+        " \xB7 Autosaved"
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ui.Button,
+        {
+          type: "button",
+          size: "icon",
+          variant: "ghost",
+          className: "size-8 text-muted-foreground hover:text-foreground pointer-coarse:size-11",
+          title: "Save (in Files \u203A Presentations)",
+          "aria-label": "Save",
+          disabled: saving,
+          onClick: () => void quickSave(),
+          "data-testid": "presentation-save",
+          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Save, { className: "size-4" })
+        }
+      )
+    ] }),
     menuItems: canSave && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(ui.DropdownMenuItem, { onSelect: () => setDialog("open"), children: "Open\u2026" }),
       /* @__PURE__ */ jsxRuntime.jsx(ui.DropdownMenuItem, { onSelect: () => setDialog("fromTemplate"), children: "New from template\u2026" }),
@@ -3358,7 +3384,7 @@ function usePresentationController(active) {
     trayStart: canSave && /* @__PURE__ */ jsxRuntime.jsx(GenerateTile, { onClick: () => generate(null) }),
     onChooseLogo: canSave ? () => setDialog("logo") : void 0,
     onEditImage: (clipId) => {
-      const clip = chunkORNLCBNE_cjs.usePresentation.getState().clips.find((c) => c.id === clipId);
+      const clip = chunkJVEDKKNO_cjs.usePresentation.getState().clips.find((c) => c.id === clipId);
       if (clip) generate(clip.documentId);
     },
     onCropImage: setCropping
@@ -3369,5 +3395,5 @@ function usePresentationController(active) {
 exports.SlidesEditor = SlidesEditor;
 exports.usePresentationController = usePresentationController;
 exports.usePresentationFiles = usePresentationFiles;
-//# sourceMappingURL=chunk-TSFNLY3K.cjs.map
-//# sourceMappingURL=chunk-TSFNLY3K.cjs.map
+//# sourceMappingURL=chunk-ZCU72Q76.cjs.map
+//# sourceMappingURL=chunk-ZCU72Q76.cjs.map