@arbidocs/blocks 0.5.121 → 0.5.123

package/dist/ConnectedPresentation-5DOJ35XL.cjs

@@ -0,0 +1,321 @@
+"use client";
+'use strict';
+
+var chunkDWMWEALB_cjs = require('./chunk-DWMWEALB.cjs');
+require('./chunk-WOOOMTTA.cjs');
+var chunk6OK7ESTL_cjs = require('./chunk-6OK7ESTL.cjs');
+require('./chunk-5GCCUXMT.cjs');
+require('./chunk-2F57IO7S.cjs');
+require('./chunk-UFT22LAB.cjs');
+var chunkWFMWKPGY_cjs = require('./chunk-WFMWKPGY.cjs');
+var chunk4TTX6ZNS_cjs = require('./chunk-4TTX6ZNS.cjs');
+var chunkPL7HUTM3_cjs = require('./chunk-PL7HUTM3.cjs');
+var chunkGFUOCGY6_cjs = require('./chunk-GFUOCGY6.cjs');
+require('./chunk-HYUKPHCT.cjs');
+require('./chunk-WAV762GP.cjs');
+require('./chunk-K4763GD5.cjs');
+require('./chunk-2RLA6QO2.cjs');
+require('./chunk-7JLJH5CW.cjs');
+require('./chunk-EVZH6Z5O.cjs');
+require('./chunk-WXUU3COI.cjs');
+require('./chunk-AHDJXIUB.cjs');
+require('./chunk-YVCOQHCE.cjs');
+require('./chunk-JV5TVUOU.cjs');
+require('./chunk-VZOOGA47.cjs');
+require('./chunk-HQDR43JC.cjs');
+require('./chunk-JR2YSBD5.cjs');
+require('./chunk-3YZKDCWY.cjs');
+require('./chunk-SJSGSHIT.cjs');
+require('./chunk-XJEXFEWG.cjs');
+require('./chunk-YZSQ7F5K.cjs');
+require('./chunk-FX3K6LNZ.cjs');
+require('./chunk-QRAQZTJE.cjs');
+require('./chunk-UDSHVNU3.cjs');
+require('./chunk-IPSHAMO2.cjs');
+require('./chunk-PPCATBOY.cjs');
+require('./chunk-TKHCIHE2.cjs');
+require('./chunk-JDFBEGQO.cjs');
+require('./chunk-ULWRNGGE.cjs');
+require('./chunk-PLIF5CUV.cjs');
+var react$1 = require('react');
+var lucideReact = require('lucide-react');
+var react = require('@arbidocs/react');
+var ui = require('@arbidocs/react/ui');
+var jsxRuntime = require('react/jsx-runtime');
+
+var CONTROL = "inline-flex size-8 items-center justify-center rounded-full text-white/85 hover:bg-white/15 hover:text-white disabled:opacity-30 disabled:hover:bg-transparent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/60 pointer-coarse:size-11";
+function Control({
+  label,
+  onClick,
+  disabled,
+  children,
+  testId
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      type: "button",
+      className: CONTROL,
+      title: label,
+      "aria-label": label,
+      disabled,
+      onClick: (event) => {
+        event.stopPropagation();
+        onClick();
+      },
+      "data-testid": testId,
+      children
+    }
+  );
+}
+function PresentControls({ view, shown }) {
+  const current = chunk4TTX6ZNS_cjs.usePresentation((s) => s.current);
+  const count = chunk4TTX6ZNS_cjs.usePresentation((s) => s.slides.length);
+  const blank = chunk4TTX6ZNS_cjs.usePresentation((s) => s.blank);
+  const actions = chunk4TTX6ZNS_cjs.usePresentation.getState();
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: ui.cn(
+        "absolute bottom-4 left-4 z-30 flex items-center gap-0.5 rounded-full bg-black/60 p-1 text-white shadow-lg backdrop-blur transition-opacity duration-300",
+        shown ? "opacity-100" : "pointer-events-none opacity-0"
+      ),
+      onPointerDown: (event) => event.stopPropagation(),
+      onDoubleClick: (event) => event.stopPropagation(),
+      role: "toolbar",
+      "aria-label": "Slideshow",
+      "data-testid": "present-controls",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Control,
+          {
+            label: "Previous slide (\u2190)",
+            onClick: () => actions.goTo(current - 1),
+            disabled: current === 0,
+            testId: "present-previous",
+            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeft, { className: "size-4" })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "span",
+          {
+            className: "min-w-12 text-center text-xs tabular-nums text-white/85",
+            "data-testid": "present-position",
+            children: [
+              current + 1,
+              " / ",
+              count
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Control,
+          {
+            label: "Next slide (\u2192, or click the slide)",
+            onClick: () => actions.goTo(current + 1),
+            disabled: current >= count - 1,
+            testId: "present-next",
+            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "size-4" })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-1 h-4 w-px bg-white/25" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Control,
+          {
+            label: blank ? "Show the slide (B)" : "Blank the screen (B)",
+            onClick: () => actions.setBlank(!blank),
+            testId: "present-blank",
+            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.EyeOff, { className: ui.cn("size-4", blank && "text-amber-300") })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Control,
+          {
+            label: "Full screen (F)",
+            onClick: () => view && chunkWFMWKPGY_cjs.toggleFullscreen(view),
+            testId: "present-fullscreen",
+            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Maximize, { className: "size-4" })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Control,
+          {
+            label: "Stop presenting (Esc)",
+            onClick: () => actions.setPresenting(false),
+            testId: "present-stop",
+            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Square, { className: "size-3.5 fill-current" })
+          }
+        )
+      ]
+    }
+  );
+}
+var PRESENT_WIDTH = 1280;
+function useStageShapedWindow(view, presenting) {
+  react$1.useEffect(() => {
+    if (!view || !presenting || !view.opener) return;
+    const before = { width: view.outerWidth, height: view.outerHeight };
+    const chromeWidth = view.outerWidth - view.innerWidth;
+    const chromeHeight = view.outerHeight - view.innerHeight;
+    const width = Math.max(
+      view.innerWidth,
+      Math.min(PRESENT_WIDTH, Math.round((view.screen.availWidth - chromeWidth) * 0.6))
+    );
+    const height = Math.min(
+      Math.round(width / chunk4TTX6ZNS_cjs.STAGE_ASPECT),
+      view.screen.availHeight - chromeHeight
+    );
+    try {
+      view.resizeTo(Math.round(height * chunk4TTX6ZNS_cjs.STAGE_ASPECT) + chromeWidth, height + chromeHeight);
+    } catch {
+      return;
+    }
+    return () => {
+      try {
+        if (!view.closed) view.resizeTo(before.width, before.height);
+      } catch {
+      }
+    };
+  }, [view, presenting]);
+}
+var IDLE_MS = 2200;
+function usePointerActive(view) {
+  const [active, setActive] = react$1.useState(true);
+  react$1.useEffect(() => {
+    if (!view) return;
+    setActive(true);
+    let timer = view.setTimeout(() => setActive(false), IDLE_MS);
+    const wake = () => {
+      setActive(true);
+      view.clearTimeout(timer);
+      timer = view.setTimeout(() => setActive(false), IDLE_MS);
+    };
+    view.addEventListener("pointermove", wake);
+    view.addEventListener("keydown", wake);
+    return () => {
+      view.clearTimeout(timer);
+      view.removeEventListener("pointermove", wake);
+      view.removeEventListener("keydown", wake);
+    };
+  }, [view]);
+  return active;
+}
+function PresenterView({ onPresent, ...editor }) {
+  const presenting = chunk4TTX6ZNS_cjs.usePresentation((s) => s.presenting);
+  const [view, setView] = react$1.useState(null);
+  const rootRef = react$1.useCallback((node) => {
+    if (node) setView(node.ownerDocument.defaultView);
+  }, []);
+  chunkWFMWKPGY_cjs.usePresenterKeys(presenting ? view : null, true);
+  useStageShapedWindow(view, presenting);
+  const active = usePointerActive(presenting ? view : null);
+  if (presenting) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref: rootRef,
+        className: "relative h-full w-full select-none bg-black",
+        style: { cursor: active ? "default" : "none" },
+        onClick: () => {
+          const state = chunk4TTX6ZNS_cjs.usePresentation.getState();
+          state.goTo(state.current + 1);
+        },
+        onDoubleClick: () => view && chunkWFMWKPGY_cjs.toggleFullscreen(view),
+        "data-testid": "presentation-present",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunkDWMWEALB_cjs.PresentationStage, {}),
+          /* @__PURE__ */ jsxRuntime.jsx(PresentControls, { view, shown: active })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ref: rootRef, className: "h-full min-h-0", "data-testid": "presenter-view", children: /* @__PURE__ */ jsxRuntime.jsx(
+    chunkDWMWEALB_cjs.SlidesEditor,
+    {
+      ...editor,
+      onPresent: onPresent ?? (() => chunk4TTX6ZNS_cjs.usePresentation.getState().setPresenting(true))
+    }
+  ) });
+}
+function ConnectedPresentation() {
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkPL7HUTM3_cjs.ConnectedDocumentToolsProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(PresentationWindow, {}) });
+}
+function PresentationWindow() {
+  const session = react.useArbiSessionStore();
+  const notify = chunk4TTX6ZNS_cjs.usePresentation((s) => s.notify);
+  const presenting = chunk4TTX6ZNS_cjs.usePresentation((s) => s.presenting);
+  const isOpen = react.useArbiSessionState((state) => react.isPanelOpen(state, chunkGFUOCGY6_cjs.PRESENTATION_PANEL));
+  const { user } = react.useArbiSession();
+  const userId = user?.external_id ?? null;
+  const shownFor = react$1.useRef(userId);
+  const { downloadFile } = chunkDWMWEALB_cjs.usePresentationFiles();
+  const logoId = chunk4TTX6ZNS_cjs.usePresentation((s) => s.theme.logo?.documentId ?? null);
+  const controller = chunkDWMWEALB_cjs.usePresentationController(isOpen && !presenting);
+  react$1.useEffect(() => {
+    if (shownFor.current === userId) return;
+    shownFor.current = userId;
+    chunk4TTX6ZNS_cjs.usePresentation.getState().reset();
+    session.closePanel(chunkGFUOCGY6_cjs.PRESENTATION_PANEL);
+  }, [userId, session]);
+  react$1.useEffect(() => {
+    if (!logoId) return;
+    let current = true;
+    downloadFile(logoId).then((image) => current && chunk4TTX6ZNS_cjs.usePresentation.getState().setLogoImage(image)).catch(() => current && notify("The logo could not be read", "error"));
+    return () => {
+      current = false;
+    };
+  }, [logoId, downloadFile, notify]);
+  react$1.useEffect(() => {
+    if (!isOpen) chunk4TTX6ZNS_cjs.usePresentation.getState().setPresenting(false);
+  }, [isOpen]);
+  const wasPresenting = react$1.useRef(presenting);
+  react$1.useEffect(() => {
+    if (wasPresenting.current && !presenting && isOpen && chunkGFUOCGY6_cjs.presentationWindowOnlyPresents()) {
+      session.closePanel(chunkGFUOCGY6_cjs.PRESENTATION_PANEL);
+    }
+    wasPresenting.current = presenting;
+  }, [presenting, isOpen, session]);
+  const onClose = react$1.useCallback(() => session.closePanel(chunkGFUOCGY6_cjs.PRESENTATION_PANEL), [session]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    chunk6OK7ESTL_cjs.ConnectedPanelHost,
+    {
+      panelId: chunkGFUOCGY6_cjs.PRESENTATION_PANEL,
+      isOpen,
+      onClose,
+      title: "Presentation",
+      defaultMode: "popout",
+      defaultWidth: 960,
+      closeTestId: "presentation-panel-close",
+      children: () => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        !presenting && controller.dialogs,
+        /* @__PURE__ */ jsxRuntime.jsx(
+          PresenterView,
+          {
+            ...controller.editor,
+            actions: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              controller.editor.actions,
+              /* @__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: "Back into the app's viewer",
+                  "aria-label": "Back to the viewer",
+                  onClick: onClose,
+                  "data-testid": "presentation-pop-in",
+                  children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PanelLeftClose, { className: "size-4" })
+                }
+              )
+            ] })
+          }
+        )
+      ] })
+    }
+  );
+}
+
+exports.ConnectedPresentation = ConnectedPresentation;
+//# sourceMappingURL=ConnectedPresentation-5DOJ35XL.cjs.map
+//# sourceMappingURL=ConnectedPresentation-5DOJ35XL.cjs.map

package/dist/ConnectedPresentation-5DOJ35XL.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/presentation/PresentControls.tsx","../src/presentation/PresenterView.tsx","../src/connection/presentation/ConnectedPresentation.tsx"],"names":["jsx","usePresentation","jsxs","cn","ChevronLeft","ChevronRight","EyeOff","toggleFullscreen","Maximize","Square","useEffect","STAGE_ASPECT","useState","useCallback","usePresenterKeys","PresentationStage","SlidesEditor","ConnectedDocumentToolsProvider","useArbiSessionStore","useArbiSessionState","isPanelOpen","PRESENTATION_PANEL","useArbiSession","useRef","usePresentationFiles","usePresentationController","presentationWindowOnlyPresents","ConnectedPanelHost","Fragment","Button","PanelLeftClose"],"mappings":"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","file":"ConnectedPresentation-5DOJ35XL.cjs","sourcesContent":["/**\n * The presented slides' controls, bottom left: previous and next slide (with where you are),\n * blank, full screen and stop. Like a slideshow's, they show while the pointer moves (or a key is\n * pressed) and fade after a moment, with the pointer, so a shared screen rarely shows them.\n */\n\nimport type { ReactNode } from 'react'\nimport { ChevronLeft, ChevronRight, EyeOff, Maximize, Square } from 'lucide-react'\nimport { cn } from '@arbidocs/react/ui'\nimport { usePresentation } from './store'\nimport { toggleFullscreen } from './usePresenterKeys'\n\nconst CONTROL =\n  'inline-flex size-8 items-center justify-center rounded-full text-white/85 hover:bg-white/15 hover:text-white disabled:opacity-30 disabled:hover:bg-transparent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/60 pointer-coarse:size-11'\n\nfunction Control({\n  label,\n  onClick,\n  disabled,\n  children,\n  testId,\n}: {\n  label: string\n  onClick: () => void\n  disabled?: boolean\n  children: ReactNode\n  testId: string\n}) {\n  return (\n    <button\n      type=\"button\"\n      className={CONTROL}\n      title={label}\n      aria-label={label}\n      disabled={disabled}\n      onClick={(event) => {\n        // A click on the controls is not a click on the slide (which goes to the next one).\n        event.stopPropagation()\n        onClick()\n      }}\n      data-testid={testId}\n    >\n      {children}\n    </button>\n  )\n}\n\nexport interface PresentControlsProps {\n  /** The window presented in (full screen is that window's). */\n  view: Window | null\n  shown: boolean\n}\n\nexport function PresentControls({ view, shown }: PresentControlsProps) {\n  const current = usePresentation((s) => s.current)\n  const count = usePresentation((s) => s.slides.length)\n  const blank = usePresentation((s) => s.blank)\n  const actions = usePresentation.getState()\n  return (\n    <div\n      className={cn(\n        'absolute bottom-4 left-4 z-30 flex items-center gap-0.5 rounded-full bg-black/60 p-1 text-white shadow-lg backdrop-blur transition-opacity duration-300',\n        shown ? 'opacity-100' : 'pointer-events-none opacity-0'\n      )}\n      onPointerDown={(event) => event.stopPropagation()}\n      onDoubleClick={(event) => event.stopPropagation()}\n      role=\"toolbar\"\n      aria-label=\"Slideshow\"\n      data-testid=\"present-controls\"\n    >\n      <Control\n        label=\"Previous slide (←)\"\n        onClick={() => actions.goTo(current - 1)}\n        disabled={current === 0}\n        testId=\"present-previous\"\n      >\n        <ChevronLeft className=\"size-4\" />\n      </Control>\n      <span\n        className=\"min-w-12 text-center text-xs tabular-nums text-white/85\"\n        data-testid=\"present-position\"\n      >\n        {current + 1} / {count}\n      </span>\n      <Control\n        label=\"Next slide (→, or click the slide)\"\n        onClick={() => actions.goTo(current + 1)}\n        disabled={current >= count - 1}\n        testId=\"present-next\"\n      >\n        <ChevronRight className=\"size-4\" />\n      </Control>\n      <div className=\"mx-1 h-4 w-px bg-white/25\" />\n      <Control\n        label={blank ? 'Show the slide (B)' : 'Blank the screen (B)'}\n        onClick={() => actions.setBlank(!blank)}\n        testId=\"present-blank\"\n      >\n        <EyeOff className={cn('size-4', blank && 'text-amber-300')} />\n      </Control>\n      <Control\n        label=\"Full screen (F)\"\n        onClick={() => view && toggleFullscreen(view)}\n        testId=\"present-fullscreen\"\n      >\n        <Maximize className=\"size-4\" />\n      </Control>\n      <Control\n        label=\"Stop presenting (Esc)\"\n        onClick={() => actions.setPresenting(false)}\n        testId=\"present-stop\"\n      >\n        <Square className=\"size-3.5 fill-current\" />\n      </Control>\n    </div>\n  )\n}\n","/**\n * The presentation in a window of its own, in one of two modes.\n *\n * Present: nothing but the stage on black, no controls and no pointer: what is shared in a call or\n * shown on a projector. Keys drive it (arrows / Page Up / Page Down change slide, B blanks, F or\n * double-click toggles full screen, Space plays videos, Escape stops presenting).\n *\n * Edit: the slides editor (`SlidesEditor`), the same as in the viewer's tab, when the presentation\n * is edited in its own window (beside the document its clips come from).\n */\n\nimport { useCallback, useEffect, useState } from 'react'\nimport { PresentationStage } from './PresentationStage'\nimport { SlidesEditor, type SlidesEditorProps } from './SlidesEditor'\nimport { STAGE_ASPECT } from './model'\nimport { usePresentation } from './store'\nimport { toggleFullscreen, usePresenterKeys } from './usePresenterKeys'\nimport { PresentControls } from './PresentControls'\n\n/** The presenting window's page width, at most (smaller on a small screen). */\nconst PRESENT_WIDTH = 1280\n\n/**\n * While presenting in a pop-out, its page is made 16:9 and wide enough to share sharply, so a\n * shared window is all stage with no bars; editing again gives the window back its size. Only a\n * pop-out (a window this app opened) can be resized; the app's own window is left alone.\n */\nfunction useStageShapedWindow(view: Window | null, presenting: boolean) {\n  useEffect(() => {\n    if (!view || !presenting || !view.opener) return\n    const before = { width: view.outerWidth, height: view.outerHeight }\n    const chromeWidth = view.outerWidth - view.innerWidth\n    const chromeHeight = view.outerHeight - view.innerHeight\n    // Wide enough for a sharp share (a call receives about what the window shows), and 16:9.\n    const width = Math.max(\n      view.innerWidth,\n      Math.min(PRESENT_WIDTH, Math.round((view.screen.availWidth - chromeWidth) * 0.6))\n    )\n    const height = Math.min(\n      Math.round(width / STAGE_ASPECT),\n      view.screen.availHeight - chromeHeight\n    )\n    try {\n      view.resizeTo(Math.round(height * STAGE_ASPECT) + chromeWidth, height + chromeHeight)\n    } catch {\n      return // not resizable: the stage letterboxes in black\n    }\n    return () => {\n      try {\n        if (!view.closed) view.resizeTo(before.width, before.height)\n      } catch {\n        // gone or not resizable\n      }\n    }\n  }, [view, presenting])\n}\n\n/** How long the pointer (or a key) has to rest before the controls fade. */\nconst IDLE_MS = 2200\n\n/** The pointer has moved (or a key was pressed) in `view` within the last moment. */\nfunction usePointerActive(view: Window | null): boolean {\n  const [active, setActive] = useState(true)\n  useEffect(() => {\n    if (!view) return\n    setActive(true)\n    let timer = view.setTimeout(() => setActive(false), IDLE_MS)\n    const wake = () => {\n      setActive(true)\n      view.clearTimeout(timer)\n      timer = view.setTimeout(() => setActive(false), IDLE_MS)\n    }\n    view.addEventListener('pointermove', wake)\n    view.addEventListener('keydown', wake)\n    return () => {\n      view.clearTimeout(timer)\n      view.removeEventListener('pointermove', wake)\n      view.removeEventListener('keydown', wake)\n    }\n  }, [view])\n  return active\n}\n\nexport type PresenterViewProps = Omit<SlidesEditorProps, 'onPresent'> & {\n  /** Present (default: here, in this window). */\n  onPresent?: () => void\n}\n\nexport function PresenterView({ onPresent, ...editor }: PresenterViewProps) {\n  const presenting = usePresentation((s) => s.presenting)\n  const [view, setView] = useState<Window | null>(null)\n  // The keys work in whichever window the presenter is in.\n  const rootRef = useCallback((node: HTMLDivElement | null) => {\n    if (node) setView(node.ownerDocument.defaultView)\n  }, [])\n  usePresenterKeys(presenting ? view : null, true)\n  useStageShapedWindow(view, presenting)\n\n  const active = usePointerActive(presenting ? view : null)\n\n  if (presenting) {\n    return (\n      <div\n        ref={rootRef}\n        className=\"relative h-full w-full select-none bg-black\"\n        // The pointer shows while it moves, with the controls; idle, nothing but the slide.\n        style={{ cursor: active ? 'default' : 'none' }}\n        // A click on the slide goes to the next one, as in a slideshow.\n        onClick={() => {\n          const state = usePresentation.getState()\n          state.goTo(state.current + 1)\n        }}\n        onDoubleClick={() => view && toggleFullscreen(view)}\n        data-testid=\"presentation-present\"\n      >\n        <PresentationStage />\n        <PresentControls view={view} shown={active} />\n      </div>\n    )\n  }\n  return (\n    <div ref={rootRef} className=\"h-full min-h-0\" data-testid=\"presenter-view\">\n      <SlidesEditor\n        {...editor}\n        onPresent={onPresent ?? (() => usePresentation.getState().setPresenting(true))}\n      />\n    </div>\n  )\n}\n","/**\n * The presentation's own window, mounted once by the app shell (the session's `PRESENTATION_PANEL`,\n * a pop-out). It presents: the slides alone, what is shared in a call or put full screen; or, when\n * the editor is popped out of the viewer's slides tab, it edits there, beside the documents its\n * clips come from. A window opened only to present closes when presenting ends.\n *\n * It also keeps what the presentation needs wherever it is edited: the theme's logo image, read\n * when the logo changes; and a clean slate when the session signs out or another user signs in\n * (the presentation holds decrypted files in memory).\n */\n\nimport { useCallback, useEffect, useRef } from 'react'\nimport { PanelLeftClose } from 'lucide-react'\nimport {\n  isPanelOpen,\n  useArbiSession,\n  useArbiSessionState,\n  useArbiSessionStore,\n} from '@arbidocs/react'\nimport { Button } from '@arbidocs/react/ui'\nimport { ConnectedPanelHost } from '../panels/ConnectedPanelHost'\nimport { ConnectedDocumentToolsProvider } from '../viewer/ConnectedDocumentToolsProvider'\nimport { PRESENTATION_PANEL, presentationWindowOnlyPresents } from '../../presentation/panel-id'\nimport { PresenterView } from '../../presentation/PresenterView'\nimport { usePresentation } from '../../presentation/store'\nimport { usePresentationController } from './usePresentationController'\nimport { usePresentationFiles } from './usePresentationFiles'\n\n/** The presentation's window, with the document tools it needs (sources, redactions). */\nexport function ConnectedPresentation() {\n  return (\n    <ConnectedDocumentToolsProvider>\n      <PresentationWindow />\n    </ConnectedDocumentToolsProvider>\n  )\n}\n\nfunction PresentationWindow() {\n  const session = useArbiSessionStore()\n  const notify = usePresentation((s) => s.notify)\n  const presenting = usePresentation((s) => s.presenting)\n  const isOpen = useArbiSessionState((state) => isPanelOpen(state, PRESENTATION_PANEL))\n  const { user } = useArbiSession()\n  const userId = user?.external_id ?? null\n  const shownFor = useRef(userId)\n  const { downloadFile } = usePresentationFiles()\n  const logoId = usePresentation((s) => s.theme.logo?.documentId ?? null)\n  const controller = usePresentationController(isOpen && !presenting)\n\n  useEffect(() => {\n    if (shownFor.current === userId) return\n    shownFor.current = userId\n    usePresentation.getState().reset()\n    session.closePanel(PRESENTATION_PANEL)\n  }, [userId, session])\n\n  // The theme's logo image, fetched whenever the logo changes (the theme keeps a reference only).\n  useEffect(() => {\n    if (!logoId) return\n    let current = true\n    downloadFile(logoId)\n      .then((image) => current && usePresentation.getState().setLogoImage(image))\n      .catch(() => current && notify('The logo could not be read', 'error'))\n    return () => {\n      current = false\n    }\n  }, [logoId, downloadFile, notify])\n\n  // A closed window is not presenting.\n  useEffect(() => {\n    if (!isOpen) usePresentation.getState().setPresenting(false)\n  }, [isOpen])\n\n  // Opened only to present: closed when presenting ends (Escape).\n  const wasPresenting = useRef(presenting)\n  useEffect(() => {\n    if (wasPresenting.current && !presenting && isOpen && presentationWindowOnlyPresents()) {\n      session.closePanel(PRESENTATION_PANEL)\n    }\n    wasPresenting.current = presenting\n  }, [presenting, isOpen, session])\n\n  const onClose = useCallback(() => session.closePanel(PRESENTATION_PANEL), [session])\n\n  return (\n    <ConnectedPanelHost\n      panelId={PRESENTATION_PANEL}\n      isOpen={isOpen}\n      onClose={onClose}\n      title=\"Presentation\"\n      defaultMode=\"popout\"\n      defaultWidth={960}\n      closeTestId=\"presentation-panel-close\"\n    >\n      {/* Inside the panel, so its dialogs open in its window. */}\n      {() => (\n        <>\n          {!presenting && controller.dialogs}\n          <PresenterView\n            {...controller.editor}\n            actions={\n              <>\n                {controller.editor.actions}\n                <Button\n                  type=\"button\"\n                  size=\"icon\"\n                  variant=\"ghost\"\n                  className=\"size-8 text-muted-foreground hover:text-foreground pointer-coarse:size-11\"\n                  title=\"Back into the app's viewer\"\n                  aria-label=\"Back to the viewer\"\n                  onClick={onClose}\n                  data-testid=\"presentation-pop-in\"\n                >\n                  <PanelLeftClose className=\"size-4\" />\n                </Button>\n              </>\n            }\n          />\n        </>\n      )}\n    </ConnectedPanelHost>\n  )\n}\n"]}

package/dist/{ConnectedProductionSetDialog-4EAY6KAZ.cjs → ConnectedProductionSetDialog-LHB4VQWC.cjs}

@@ -7,10 +7,10 @@ var chunkJOUMBLGL_cjs = require('./chunk-JOUMBLGL.cjs');
 require('./chunk-JR2YSBD5.cjs');
 require('./chunk-3YZKDCWY.cjs');
 require('./chunk-ZT5MIFLC.cjs');
-require('./chunk-LJJJ6CYH.cjs');
 var chunkTKHCIHE2_cjs = require('./chunk-TKHCIHE2.cjs');
 require('./chunk-JDFBEGQO.cjs');
 require('./chunk-ULWRNGGE.cjs');
+require('./chunk-LJJJ6CYH.cjs');
 require('./chunk-PLIF5CUV.cjs');
 var react$1 = require('react');
 var react = require('@arbidocs/react');
@@ -45,5 +45,5 @@ function ConnectedProductionSetDialog({
 }
 
 module.exports = ConnectedProductionSetDialog;
-//# sourceMappingURL=ConnectedProductionSetDialog-4EAY6KAZ.cjs.map
-//# sourceMappingURL=ConnectedProductionSetDialog-4EAY6KAZ.cjs.map
+//# sourceMappingURL=ConnectedProductionSetDialog-LHB4VQWC.cjs.map
+//# sourceMappingURL=ConnectedProductionSetDialog-LHB4VQWC.cjs.map

package/dist/{ConnectedProductionSetDialog-4EAY6KAZ.cjs.map → ConnectedProductionSetDialog-LHB4VQWC.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/connection/files/ConnectedProductionSetDialog.tsx"],"names":["useArbiSessionState","useDocuments","hrefFor","useBlocksEnvironment","useMemo","ConnectedDocumentToolsProvider","jsx","ProductionSetDialog"],"mappings":";;;;;;;;;;;;;;;;;AAiBe,SAAR,4BAAA,CAA8C;AAAA,EACnD,KAAA;AAAA,EACA;AACF,CAAA,EAAuC;AACrC,EAAA,MAAM,SAAS,KAAA,KAAU,IAAA;AACzB,EAAA,MAAM,mBAAA,GAAsBA,yBAAA,CAAoB,CAAC,CAAA,KAAM,EAAE,mBAAmB,CAAA;AAC5E,EAAA,MAAM,WAAA,GAAcA,yBAAA,CAAoB,CAAC,CAAA,KAAM,EAAE,WAAW,CAAA;AAC5D,EAAA,MAAM,EAAE,IAAA,EAAM,YAAA,GAAe,EAAC,KAAMC,kBAAA,EAAa;AACjD,EAAA,MAAM,EAAE,OAAA,EAAAC,QAAAA,EAAQ,GAAIC,sCAAA,EAAqB;AAGzC,EAAA,MAAM,QAAA,GAAWC,eAAA;AAAA,IACf,MAAM,aAAa,MAAA,CAAO,CAAC,QAAQ,mBAAA,CAAoB,QAAA,CAAS,GAAA,CAAI,WAAW,CAAC,CAAA;AAAA,IAChF,CAAC,cAAc,mBAAmB;AAAA,GACpC;AAEA,EAAA,IAAI,CAAC,MAAA,IAAU,CAAC,WAAA,EAAa,OAAO,IAAA;AAEpC,EAAA,sCACGC,gDAAA,EAAA,EACC,QAAA,kBAAAC,cAAA;AAAA,IAACC,qCAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAM,MAAA;AAAA,MACN,YAAA,EAAc,CAAC,IAAA,KAAS,CAAC,QAAQ,OAAA,EAAQ;AAAA,MACzC,SAAA,EAAW,QAAA;AAAA,MAGX,WAAA,EAAa,CAAC,EAAA,KAAO;AACnB,QAAA,MAAM,SAAS,EAAE,IAAA,EAAM,UAAA,EAAqB,WAAA,EAAa,YAAY,EAAA,EAAG;AACxE,QAAA,OAAO,CAAA,EAAG,MAAA,CAAO,QAAA,CAAS,MAAM,CAAA,EAAGL,SAAQ,MAAM,CAAA,IAAKA,yBAAA,CAAU,MAAM,CAAC,CAAA,CAAA;AAAA,MACzE;AAAA;AAAA,GACF,EACF,CAAA;AAEJ","file":"ConnectedProductionSetDialog-4EAY6KAZ.cjs","sourcesContent":["/**\n * The `productionSet` global dialog: the selected documents (the session's selection, in the order\n * of the documents list) numbered as a production set (`ProductionSetDialog`: Bates labels,\n * optional QR links back to each document, optional index page), downloaded and, unless turned off,\n * saved to the workspace as documents derived from their sources. The API client, uploads, toasts\n * and the list refresh are the connected document tools'; each QR code links to the document\n * through the host's `hrefFor`. Blocks loads it lazily (it brings in pdf-lib when it numbers).\n */\n\nimport { useMemo } from 'react'\nimport { useArbiSessionState, useDocuments } from '@arbidocs/react'\nimport { ProductionSetDialog } from '../../document-tools/production'\nimport { hrefFor as routeHref } from '../../lib/routes'\nimport { useBlocksEnvironment } from '../../provider/environment'\nimport { ConnectedDocumentToolsProvider } from '../viewer/ConnectedDocumentToolsProvider'\nimport type { GlobalDialogProps } from '../dialogs/ConnectedGlobalDialogs'\n\nexport default function ConnectedProductionSetDialog({\n  props,\n  onClose,\n}: GlobalDialogProps<'productionSet'>) {\n  const isOpen = props !== null\n  const selectedDocumentIds = useArbiSessionState((s) => s.selectedDocumentIds)\n  const workspaceId = useArbiSessionState((s) => s.workspaceId)\n  const { data: allDocuments = [] } = useDocuments()\n  const { hrefFor } = useBlocksEnvironment()\n\n  // Listed in the order of the documents list; the dialog lets the user reorder them.\n  const selected = useMemo(\n    () => allDocuments.filter((doc) => selectedDocumentIds.includes(doc.external_id)),\n    [allDocuments, selectedDocumentIds]\n  )\n\n  if (!isOpen || !workspaceId) return null\n\n  return (\n    <ConnectedDocumentToolsProvider>\n      <ProductionSetDialog\n        open={isOpen}\n        onOpenChange={(open) => !open && onClose()}\n        documents={selected}\n        // The QR code opens the document on this site: the host's link for it (`hrefFor`), else\n        // the deep link of the default routes.\n        documentUrl={(id) => {\n          const target = { kind: 'document' as const, workspaceId, documentId: id }\n          return `${window.location.origin}${hrefFor(target) ?? routeHref(target)}`\n        }}\n      />\n    </ConnectedDocumentToolsProvider>\n  )\n}\n"]}
+{"version":3,"sources":["../src/connection/files/ConnectedProductionSetDialog.tsx"],"names":["useArbiSessionState","useDocuments","hrefFor","useBlocksEnvironment","useMemo","ConnectedDocumentToolsProvider","jsx","ProductionSetDialog"],"mappings":";;;;;;;;;;;;;;;;;AAiBe,SAAR,4BAAA,CAA8C;AAAA,EACnD,KAAA;AAAA,EACA;AACF,CAAA,EAAuC;AACrC,EAAA,MAAM,SAAS,KAAA,KAAU,IAAA;AACzB,EAAA,MAAM,mBAAA,GAAsBA,yBAAA,CAAoB,CAAC,CAAA,KAAM,EAAE,mBAAmB,CAAA;AAC5E,EAAA,MAAM,WAAA,GAAcA,yBAAA,CAAoB,CAAC,CAAA,KAAM,EAAE,WAAW,CAAA;AAC5D,EAAA,MAAM,EAAE,IAAA,EAAM,YAAA,GAAe,EAAC,KAAMC,kBAAA,EAAa;AACjD,EAAA,MAAM,EAAE,OAAA,EAAAC,QAAAA,EAAQ,GAAIC,sCAAA,EAAqB;AAGzC,EAAA,MAAM,QAAA,GAAWC,eAAA;AAAA,IACf,MAAM,aAAa,MAAA,CAAO,CAAC,QAAQ,mBAAA,CAAoB,QAAA,CAAS,GAAA,CAAI,WAAW,CAAC,CAAA;AAAA,IAChF,CAAC,cAAc,mBAAmB;AAAA,GACpC;AAEA,EAAA,IAAI,CAAC,MAAA,IAAU,CAAC,WAAA,EAAa,OAAO,IAAA;AAEpC,EAAA,sCACGC,gDAAA,EAAA,EACC,QAAA,kBAAAC,cAAA;AAAA,IAACC,qCAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAM,MAAA;AAAA,MACN,YAAA,EAAc,CAAC,IAAA,KAAS,CAAC,QAAQ,OAAA,EAAQ;AAAA,MACzC,SAAA,EAAW,QAAA;AAAA,MAGX,WAAA,EAAa,CAAC,EAAA,KAAO;AACnB,QAAA,MAAM,SAAS,EAAE,IAAA,EAAM,UAAA,EAAqB,WAAA,EAAa,YAAY,EAAA,EAAG;AACxE,QAAA,OAAO,CAAA,EAAG,MAAA,CAAO,QAAA,CAAS,MAAM,CAAA,EAAGL,SAAQ,MAAM,CAAA,IAAKA,yBAAA,CAAU,MAAM,CAAC,CAAA,CAAA;AAAA,MACzE;AAAA;AAAA,GACF,EACF,CAAA;AAEJ","file":"ConnectedProductionSetDialog-LHB4VQWC.cjs","sourcesContent":["/**\n * The `productionSet` global dialog: the selected documents (the session's selection, in the order\n * of the documents list) numbered as a production set (`ProductionSetDialog`: Bates labels,\n * optional QR links back to each document, optional index page), downloaded and, unless turned off,\n * saved to the workspace as documents derived from their sources. The API client, uploads, toasts\n * and the list refresh are the connected document tools'; each QR code links to the document\n * through the host's `hrefFor`. Blocks loads it lazily (it brings in pdf-lib when it numbers).\n */\n\nimport { useMemo } from 'react'\nimport { useArbiSessionState, useDocuments } from '@arbidocs/react'\nimport { ProductionSetDialog } from '../../document-tools/production'\nimport { hrefFor as routeHref } from '../../lib/routes'\nimport { useBlocksEnvironment } from '../../provider/environment'\nimport { ConnectedDocumentToolsProvider } from '../viewer/ConnectedDocumentToolsProvider'\nimport type { GlobalDialogProps } from '../dialogs/ConnectedGlobalDialogs'\n\nexport default function ConnectedProductionSetDialog({\n  props,\n  onClose,\n}: GlobalDialogProps<'productionSet'>) {\n  const isOpen = props !== null\n  const selectedDocumentIds = useArbiSessionState((s) => s.selectedDocumentIds)\n  const workspaceId = useArbiSessionState((s) => s.workspaceId)\n  const { data: allDocuments = [] } = useDocuments()\n  const { hrefFor } = useBlocksEnvironment()\n\n  // Listed in the order of the documents list; the dialog lets the user reorder them.\n  const selected = useMemo(\n    () => allDocuments.filter((doc) => selectedDocumentIds.includes(doc.external_id)),\n    [allDocuments, selectedDocumentIds]\n  )\n\n  if (!isOpen || !workspaceId) return null\n\n  return (\n    <ConnectedDocumentToolsProvider>\n      <ProductionSetDialog\n        open={isOpen}\n        onOpenChange={(open) => !open && onClose()}\n        documents={selected}\n        // The QR code opens the document on this site: the host's link for it (`hrefFor`), else\n        // the deep link of the default routes.\n        documentUrl={(id) => {\n          const target = { kind: 'document' as const, workspaceId, documentId: id }\n          return `${window.location.origin}${hrefFor(target) ?? routeHref(target)}`\n        }}\n      />\n    </ConnectedDocumentToolsProvider>\n  )\n}\n"]}

package/dist/{ConnectedSlidesTab-7QDE2CZD.cjs → ConnectedSlidesTab-7YMEDGUU.cjs}

@@ -1,30 +1,31 @@
 "use client";
 'use strict';
 
-var chunkQ3XJUXID_cjs = require('./chunk-Q3XJUXID.cjs');
+var chunkDWMWEALB_cjs = require('./chunk-DWMWEALB.cjs');
 require('./chunk-WOOOMTTA.cjs');
 require('./chunk-5GCCUXMT.cjs');
-require('./chunk-NLOETJCB.cjs');
-require('./chunk-GKVE5JGB.cjs');
-var chunk5LTIZ44D_cjs = require('./chunk-5LTIZ44D.cjs');
-var chunkXTR26TNE_cjs = require('./chunk-XTR26TNE.cjs');
-var chunkVJ5ZLRBD_cjs = require('./chunk-VJ5ZLRBD.cjs');
-require('./chunk-GQXPNIRE.cjs');
+require('./chunk-2F57IO7S.cjs');
+require('./chunk-UFT22LAB.cjs');
+var chunkWFMWKPGY_cjs = require('./chunk-WFMWKPGY.cjs');
+var chunk4TTX6ZNS_cjs = require('./chunk-4TTX6ZNS.cjs');
+var chunkGFUOCGY6_cjs = require('./chunk-GFUOCGY6.cjs');
+require('./chunk-WAV762GP.cjs');
+var chunk2RLA6QO2_cjs = require('./chunk-2RLA6QO2.cjs');
 require('./chunk-7JLJH5CW.cjs');
 require('./chunk-EVZH6Z5O.cjs');
-require('./chunk-MZ2KZXNU.cjs');
+require('./chunk-WXUU3COI.cjs');
 require('./chunk-AHDJXIUB.cjs');
 require('./chunk-YVCOQHCE.cjs');
-require('./chunk-QRAQZTJE.cjs');
-require('./chunk-UDSHVNU3.cjs');
 require('./chunk-JV5TVUOU.cjs');
-require('./chunk-IPSHAMO2.cjs');
 require('./chunk-VZOOGA47.cjs');
 require('./chunk-HQDR43JC.cjs');
 require('./chunk-JR2YSBD5.cjs');
 require('./chunk-3YZKDCWY.cjs');
-require('./chunk-PPCATBOY.cjs');
 var chunkZW6FPIFC_cjs = require('./chunk-ZW6FPIFC.cjs');
+require('./chunk-QRAQZTJE.cjs');
+require('./chunk-UDSHVNU3.cjs');
+require('./chunk-IPSHAMO2.cjs');
+require('./chunk-PPCATBOY.cjs');
 var chunkTKHCIHE2_cjs = require('./chunk-TKHCIHE2.cjs');
 require('./chunk-JDFBEGQO.cjs');
 require('./chunk-ULWRNGGE.cjs');
@@ -36,8 +37,10 @@ var ui = require('@arbidocs/react/ui');
 var jsxRuntime = require('react/jsx-runtime');
 
 var listOf = (numbers) => numbers.length < 2 ? String(numbers[0] ?? "") : `${numbers.slice(0, -1).join(", ")} and ${numbers[numbers.length - 1]}`;
+var AUTO_SAVE_AFTER_MS = 2500;
+var DEFAULT_NAMES = /^(new|untitled) presentation( \d+)?$/i;
 var STALE = "This presentation was changed outside the editor: Save to draw its slides again.";
-var hasContent = () => chunkXTR26TNE_cjs.hasUnsavedChanges(chunkXTR26TNE_cjs.usePresentation.getState());
+var hasContent = () => chunk4TTX6ZNS_cjs.hasUnsavedChanges(chunk4TTX6ZNS_cjs.usePresentation.getState());
 function ConnectedSlidesTab({
   documentId,
   version,
@@ -45,23 +48,24 @@ function ConnectedSlidesTab({
   draftTitle
 }) {
   const session = react.useArbiSessionStore();
+  const { windows, popoutTitle } = chunk2RLA6QO2_cjs.usePanelHostSupport();
   const { confirm } = chunkTKHCIHE2_cjs.useBlocksEnvironment();
-  const { open, save } = chunkQ3XJUXID_cjs.usePresentationFiles();
-  const notify = chunkXTR26TNE_cjs.usePresentation((s) => s.notify);
-  const boundTo = chunkXTR26TNE_cjs.usePresentation((s) => s.boundTo);
-  const savedId = chunkXTR26TNE_cjs.usePresentation((s) => s.savedId);
+  const { open, save } = chunkDWMWEALB_cjs.usePresentationFiles();
+  const notify = chunk4TTX6ZNS_cjs.usePresentation((s) => s.notify);
+  const boundTo = chunk4TTX6ZNS_cjs.usePresentation((s) => s.boundTo);
+  const savedId = chunk4TTX6ZNS_cjs.usePresentation((s) => s.savedId);
   const [loading, setLoading] = react$1.useState(false);
   const isDraft = draftTitle !== void 0;
   const target = version ? `${documentId}@v${version}` : documentId;
   const poppedOut = react.useArbiSessionState(
-    (state) => react.isPanelOpen(state, chunkVJ5ZLRBD_cjs.PRESENTATION_PANEL) && !chunkVJ5ZLRBD_cjs.presentationWindowOnlyPresents()
+    (state) => react.isPanelOpen(state, chunkGFUOCGY6_cjs.PRESENTATION_PANEL) && !chunkGFUOCGY6_cjs.presentationWindowOnlyPresents()
   );
-  const controller = chunkQ3XJUXID_cjs.usePresentationController(!poppedOut);
+  const controller = chunkDWMWEALB_cjs.usePresentationController(!poppedOut);
   const asked = react$1.useRef(null);
   const [declined, setDeclined] = react$1.useState(false);
   const [force, setForce] = react$1.useState(0);
   react$1.useEffect(() => {
-    const state = chunkXTR26TNE_cjs.usePresentation.getState();
+    const state = chunk4TTX6ZNS_cjs.usePresentation.getState();
     if (state.boundTo === target || asked.current === `${target}#${force}`) return;
     asked.current = `${target}#${force}`;
     setDeclined(false);
@@ -77,15 +81,15 @@ function ConnectedSlidesTab({
       }
       if (isDraft) {
         if (state.boundTo !== null) state.reset();
-        chunkXTR26TNE_cjs.usePresentation.getState().bind(target);
-        chunkXTR26TNE_cjs.usePresentation.getState().setTitle(draftTitle || "Untitled presentation");
+        chunk4TTX6ZNS_cjs.usePresentation.getState().bind(target);
+        chunk4TTX6ZNS_cjs.usePresentation.getState().setTitle(draftTitle || "Untitled presentation");
         return;
       }
       setLoading(true);
       try {
         const { missing, stale, imported, changedOutside } = await open(documentId, version);
-        chunkXTR26TNE_cjs.usePresentation.getState().bind(target);
-        if (gathered.length) chunkXTR26TNE_cjs.usePresentation.getState().adoptClips(gathered);
+        chunk4TTX6ZNS_cjs.usePresentation.getState().bind(target);
+        if (gathered.length) chunk4TTX6ZNS_cjs.usePresentation.getState().adoptClips(gathered);
         if (stale) notify(STALE, "error");
         if (imported) {
           notify(
@@ -116,16 +120,16 @@ function ConnectedSlidesTab({
     })();
   }, [target, documentId, version, isDraft, force, open, confirm, notify]);
   react$1.useEffect(() => {
-    if (isDraft && boundTo === target && draftTitle) chunkXTR26TNE_cjs.usePresentation.getState().setTitle(draftTitle);
+    if (isDraft && boundTo === target && draftTitle) chunk4TTX6ZNS_cjs.usePresentation.getState().setTitle(draftTitle);
   }, [isDraft, boundTo, target, draftTitle]);
   const wasBound = react$1.useRef(false);
   react$1.useEffect(() => {
     if (boundTo === target) wasBound.current = true;
     if (!wasBound.current || !savedId || boundTo !== savedId || savedId === target) return;
     if (isDraft) session.clearDraftDocument(documentId);
-    chunk5LTIZ44D_cjs.editPresentation(session, { kind: "open", documentId: savedId });
+    chunkWFMWKPGY_cjs.editPresentation(session, { kind: "open", documentId: savedId });
   }, [isDraft, savedId, boundTo, target, documentId, session]);
-  const heldVersion = chunkXTR26TNE_cjs.usePresentation((s) => s.boundTo === target ? s.version : null);
+  const heldVersion = chunk4TTX6ZNS_cjs.usePresentation((s) => s.boundTo === target ? s.version : null);
   const toldNewer = react$1.useRef(null);
   react$1.useEffect(() => {
     if (isDraft || version || !currentVersion || heldVersion === null) return;
@@ -141,7 +145,7 @@ function ConnectedSlidesTab({
     }
     setLoading(true);
     void open(documentId).then(() => {
-      chunkXTR26TNE_cjs.usePresentation.getState().bind(target);
+      chunk4TTX6ZNS_cjs.usePresentation.getState().bind(target);
       notify(`Updated to version ${currentVersion}.`, "success");
     }).catch(
       (error) => notify(
@@ -150,17 +154,40 @@ function ConnectedSlidesTab({
       )
     ).finally(() => setLoading(false));
   }, [currentVersion, heldVersion, isDraft, version, loading, open, documentId, target, notify]);
+  const draftHasContent = chunk4TTX6ZNS_cjs.usePresentation(
+    (state) => isDraft && state.boundTo === target && state.savedId === null && chunk4TTX6ZNS_cjs.hasUnsavedChanges(state)
+  );
+  const autoSaved = react$1.useRef(null);
+  react$1.useEffect(() => {
+    if (!draftHasContent || autoSaved.current === target) return;
+    const timer = setTimeout(() => {
+      autoSaved.current = target;
+      const state = chunk4TTX6ZNS_cjs.usePresentation.getState();
+      const firstTitle = state.slides.find((slide) => slide.caption.trim())?.caption.trim();
+      const named = state.title && !DEFAULT_NAMES.test(state.title) ? state.title : null;
+      const title = named ?? firstTitle ?? (state.title || "Untitled presentation");
+      if (title !== state.title) state.setTitle(title);
+      void save(title).catch((error) => {
+        autoSaved.current = null;
+        notify(
+          error instanceof Error ? error.message : "The presentation could not be saved",
+          "error"
+        );
+      });
+    }, AUTO_SAVE_AFTER_MS);
+    return () => clearTimeout(timer);
+  }, [draftHasContent, target, save, draftTitle, notify]);
   react$1.useEffect(() => {
     if (isDraft || version || savedId !== documentId || boundTo !== target) return;
     return react.registerDocumentTurnFlush(documentId, async () => {
-      const state = chunkXTR26TNE_cjs.usePresentation.getState();
-      if (state.savedId === documentId && chunkXTR26TNE_cjs.hasUnsavedChanges(state)) await save(state.title);
+      const state = chunk4TTX6ZNS_cjs.usePresentation.getState();
+      if (state.savedId === documentId && chunk4TTX6ZNS_cjs.hasUnsavedChanges(state)) await save(state.title);
     });
   }, [isDraft, version, savedId, boundTo, documentId, target, save]);
   const present = react$1.useCallback(() => {
-    chunkVJ5ZLRBD_cjs.openPresentation(session, { present: true });
-    chunkXTR26TNE_cjs.usePresentation.getState().setPresenting(true);
-  }, [session]);
+    chunkGFUOCGY6_cjs.openPresentation(session, { present: true, windows, title: popoutTitle("Presentation") });
+    chunk4TTX6ZNS_cjs.usePresentation.getState().setPresenting(true);
+  }, [session, windows, popoutTitle]);
   if (poppedOut) {
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-full items-center justify-center p-6", "data-testid": "slides-popped-out", children: /* @__PURE__ */ jsxRuntime.jsx(
       chunkZW6FPIFC_cjs.EmptyState,
@@ -173,7 +200,7 @@ function ConnectedSlidesTab({
           {
             type: "button",
             variant: "outline",
-            onClick: () => session.closePanel(chunkVJ5ZLRBD_cjs.PRESENTATION_PANEL),
+            onClick: () => session.closePanel(chunkGFUOCGY6_cjs.PRESENTATION_PANEL),
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PanelLeftClose, { className: "size-4" }),
               "Bring it back here"
@@ -203,23 +230,20 @@ function ConnectedSlidesTab({
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     controller.dialogs,
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkQ3XJUXID_cjs.SlidesEditor,
+      chunkDWMWEALB_cjs.SlidesEditor,
       {
         ...controller.editor,
-        actions: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          controller.editor.actions,
-          /* @__PURE__ */ jsxRuntime.jsx(
-            ui.Button,
+        menuItems: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          controller.editor.menuItems,
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            ui.DropdownMenuItem,
             {
-              type: "button",
-              size: "icon",
-              variant: "ghost",
-              className: "size-8 text-muted-foreground hover:text-foreground pointer-coarse:size-11",
-              title: "Edit in its own window, beside the documents you clip from",
-              "aria-label": "Pop out",
-              onClick: () => chunkVJ5ZLRBD_cjs.openPresentation(session),
+              onSelect: () => chunkGFUOCGY6_cjs.openPresentation(session, { windows, title: popoutTitle("Presentation") }),
               "data-testid": "presentation-pop-out",
-              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ExternalLink, { className: "size-4" })
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ExternalLink, { className: "size-4" }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-2", children: "Edit in its own window" })
+              ]
             }
           )
         ] }),
@@ -230,5 +254,5 @@ function ConnectedSlidesTab({
 }
 
 exports.ConnectedSlidesTab = ConnectedSlidesTab;
-//# sourceMappingURL=ConnectedSlidesTab-7QDE2CZD.cjs.map
-//# sourceMappingURL=ConnectedSlidesTab-7QDE2CZD.cjs.map
+//# sourceMappingURL=ConnectedSlidesTab-7YMEDGUU.cjs.map
+//# sourceMappingURL=ConnectedSlidesTab-7YMEDGUU.cjs.map