@arbidocs/blocks 0.5.120 → 0.5.121

package/dist/ConnectedPresentation-4HLDZDWV.cjs

@@ -0,0 +1,183 @@
+"use client";
+'use strict';
+
+var chunkQ3XJUXID_cjs = require('./chunk-Q3XJUXID.cjs');
+require('./chunk-WOOOMTTA.cjs');
+var chunkGX2EBMJW_cjs = require('./chunk-GX2EBMJW.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 chunkPL7HUTM3_cjs = require('./chunk-PL7HUTM3.cjs');
+var chunkVJ5ZLRBD_cjs = require('./chunk-VJ5ZLRBD.cjs');
+require('./chunk-HYUKPHCT.cjs');
+require('./chunk-GQXPNIRE.cjs');
+require('./chunk-QFXILJMJ.cjs');
+require('./chunk-XJEXFEWG.cjs');
+require('./chunk-YZSQ7F5K.cjs');
+require('./chunk-7JLJH5CW.cjs');
+require('./chunk-EVZH6Z5O.cjs');
+require('./chunk-FX3K6LNZ.cjs');
+require('./chunk-MZ2KZXNU.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-SJSGSHIT.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 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 / chunkXTR26TNE_cjs.STAGE_ASPECT),
+      view.screen.availHeight - chromeHeight
+    );
+    try {
+      view.resizeTo(Math.round(height * chunkXTR26TNE_cjs.STAGE_ASPECT) + chromeWidth, height + chromeHeight);
+    } catch {
+      return;
+    }
+    return () => {
+      try {
+        if (!view.closed) view.resizeTo(before.width, before.height);
+      } catch {
+      }
+    };
+  }, [view, presenting]);
+}
+function PresenterView({ onPresent, ...editor }) {
+  const presenting = chunkXTR26TNE_cjs.usePresentation((s) => s.presenting);
+  const [view, setView] = react$1.useState(null);
+  const rootRef = react$1.useCallback((node) => {
+    if (node) setView(node.ownerDocument.defaultView);
+  }, []);
+  chunk5LTIZ44D_cjs.usePresenterKeys(presenting ? view : null, true);
+  useStageShapedWindow(view, presenting);
+  if (presenting) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref: rootRef,
+        className: "h-full w-full select-none bg-black",
+        style: { cursor: "none" },
+        onDoubleClick: () => view && chunk5LTIZ44D_cjs.toggleFullscreen(view),
+        "data-testid": "presentation-present",
+        children: /* @__PURE__ */ jsxRuntime.jsx(chunkQ3XJUXID_cjs.PresentationStage, {})
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ref: rootRef, className: "h-full min-h-0", "data-testid": "presenter-view", children: /* @__PURE__ */ jsxRuntime.jsx(
+    chunkQ3XJUXID_cjs.SlidesEditor,
+    {
+      ...editor,
+      onPresent: onPresent ?? (() => chunkXTR26TNE_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 = chunkXTR26TNE_cjs.usePresentation((s) => s.notify);
+  const presenting = chunkXTR26TNE_cjs.usePresentation((s) => s.presenting);
+  const isOpen = react.useArbiSessionState((state) => react.isPanelOpen(state, chunkVJ5ZLRBD_cjs.PRESENTATION_PANEL));
+  const { user } = react.useArbiSession();
+  const userId = user?.external_id ?? null;
+  const shownFor = react$1.useRef(userId);
+  const { downloadFile } = chunkQ3XJUXID_cjs.usePresentationFiles();
+  const logoId = chunkXTR26TNE_cjs.usePresentation((s) => s.theme.logo?.documentId ?? null);
+  const controller = chunkQ3XJUXID_cjs.usePresentationController(isOpen && !presenting);
+  react$1.useEffect(() => {
+    if (shownFor.current === userId) return;
+    shownFor.current = userId;
+    chunkXTR26TNE_cjs.usePresentation.getState().reset();
+    session.closePanel(chunkVJ5ZLRBD_cjs.PRESENTATION_PANEL);
+  }, [userId, session]);
+  react$1.useEffect(() => {
+    if (!logoId) return;
+    let current = true;
+    downloadFile(logoId).then((image) => current && chunkXTR26TNE_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) chunkXTR26TNE_cjs.usePresentation.getState().setPresenting(false);
+  }, [isOpen]);
+  const wasPresenting = react$1.useRef(presenting);
+  react$1.useEffect(() => {
+    if (wasPresenting.current && !presenting && isOpen && chunkVJ5ZLRBD_cjs.presentationWindowOnlyPresents()) {
+      session.closePanel(chunkVJ5ZLRBD_cjs.PRESENTATION_PANEL);
+    }
+    wasPresenting.current = presenting;
+  }, [presenting, isOpen, session]);
+  const onClose = react$1.useCallback(() => session.closePanel(chunkVJ5ZLRBD_cjs.PRESENTATION_PANEL), [session]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    chunkGX2EBMJW_cjs.ConnectedPanelHost,
+    {
+      panelId: chunkVJ5ZLRBD_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-4HLDZDWV.cjs.map
+//# sourceMappingURL=ConnectedPresentation-4HLDZDWV.cjs.map

package/dist/ConnectedPresentation-4HLDZDWV.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/presentation/PresenterView.tsx","../src/connection/presentation/ConnectedPresentation.tsx"],"names":["useEffect","STAGE_ASPECT","usePresentation","useState","useCallback","usePresenterKeys","jsx","toggleFullscreen","PresentationStage","SlidesEditor","ConnectedDocumentToolsProvider","useArbiSessionStore","useArbiSessionState","isPanelOpen","PRESENTATION_PANEL","useArbiSession","useRef","usePresentationFiles","usePresentationController","presentationWindowOnlyPresents","ConnectedPanelHost","jsxs","Fragment","Button","PanelLeftClose"],"mappings":"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","file":"ConnectedPresentation-4HLDZDWV.cjs","sourcesContent":["/**\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'\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\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  if (presenting) {\n    return (\n      <div\n        ref={rootRef}\n        className=\"h-full w-full select-none bg-black\"\n        style={{ cursor: 'none' }}\n        onDoubleClick={() => view && toggleFullscreen(view)}\n        data-testid=\"presentation-present\"\n      >\n        <PresentationStage />\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-LHB4VQWC.cjs → ConnectedProductionSetDialog-4EAY6KAZ.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-LHB4VQWC.cjs.map
-//# sourceMappingURL=ConnectedProductionSetDialog-LHB4VQWC.cjs.map
+//# sourceMappingURL=ConnectedProductionSetDialog-4EAY6KAZ.cjs.map
+//# sourceMappingURL=ConnectedProductionSetDialog-4EAY6KAZ.cjs.map

package/dist/{ConnectedProductionSetDialog-LHB4VQWC.cjs.map → ConnectedProductionSetDialog-4EAY6KAZ.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-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"]}
+{"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"]}

package/dist/ConnectedSlidesTab-7QDE2CZD.cjs

@@ -0,0 +1,234 @@
+"use client";
+'use strict';
+
+var chunkQ3XJUXID_cjs = require('./chunk-Q3XJUXID.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-7JLJH5CW.cjs');
+require('./chunk-EVZH6Z5O.cjs');
+require('./chunk-MZ2KZXNU.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');
+var chunkTKHCIHE2_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 listOf = (numbers) => numbers.length < 2 ? String(numbers[0] ?? "") : `${numbers.slice(0, -1).join(", ")} and ${numbers[numbers.length - 1]}`;
+var STALE = "This presentation was changed outside the editor: Save to draw its slides again.";
+var hasContent = () => chunkXTR26TNE_cjs.hasUnsavedChanges(chunkXTR26TNE_cjs.usePresentation.getState());
+function ConnectedSlidesTab({
+  documentId,
+  version,
+  currentVersion,
+  draftTitle
+}) {
+  const session = react.useArbiSessionStore();
+  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 [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()
+  );
+  const controller = chunkQ3XJUXID_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();
+    if (state.boundTo === target || asked.current === `${target}#${force}`) return;
+    asked.current = `${target}#${force}`;
+    setDeclined(false);
+    void (async () => {
+      const gathered = state.boundTo === null ? state.clips : [];
+      if (state.boundTo !== null && hasContent() && !force) {
+        const ok = await confirm({
+          title: "Open presentation",
+          message: "Replace the presentation being edited? Save it first to keep its changes.",
+          kind: "confirm"
+        });
+        if (!ok) return setDeclined(true);
+      }
+      if (isDraft) {
+        if (state.boundTo !== null) state.reset();
+        chunkXTR26TNE_cjs.usePresentation.getState().bind(target);
+        chunkXTR26TNE_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);
+        if (stale) notify(STALE, "error");
+        if (imported) {
+          notify(
+            ["Opened from PowerPoint, ready to edit.", ...imported.notes].join(" \xB7 "),
+            "success"
+          );
+        }
+        if (changedOutside) {
+          notify(
+            `${changedOutside.length === 1 ? `Slide ${changedOutside[0]} was` : `Slides ${listOf(changedOutside)} were`} changed in PowerPoint: brought in as changed there.`,
+            "success"
+          );
+        }
+        if (missing) {
+          notify(
+            `${missing} clip${missing === 1 ? "" : "s"} could not be opened (moved, deleted or not shared with you)`,
+            "error"
+          );
+        }
+      } catch (error) {
+        notify(
+          error instanceof Error ? error.message : "The presentation could not be opened",
+          "error"
+        );
+      } finally {
+        setLoading(false);
+      }
+    })();
+  }, [target, documentId, version, isDraft, force, open, confirm, notify]);
+  react$1.useEffect(() => {
+    if (isDraft && boundTo === target && draftTitle) chunkXTR26TNE_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 });
+  }, [isDraft, savedId, boundTo, target, documentId, session]);
+  const heldVersion = chunkXTR26TNE_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;
+    if (currentVersion <= heldVersion || loading) return;
+    if (hasContent()) {
+      if (toldNewer.current === currentVersion) return;
+      toldNewer.current = currentVersion;
+      notify(
+        `A newer version (${currentVersion}) was saved while you edited. Save as\u2026 keeps yours; reopen the presentation to see it.`,
+        "error"
+      );
+      return;
+    }
+    setLoading(true);
+    void open(documentId).then(() => {
+      chunkXTR26TNE_cjs.usePresentation.getState().bind(target);
+      notify(`Updated to version ${currentVersion}.`, "success");
+    }).catch(
+      (error) => notify(
+        error instanceof Error ? error.message : "The new version could not be opened",
+        "error"
+      )
+    ).finally(() => setLoading(false));
+  }, [currentVersion, heldVersion, isDraft, version, loading, open, documentId, target, 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);
+    });
+  }, [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]);
+  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,
+      {
+        icon: lucideReact.ExternalLink,
+        title: "Editing in its own window",
+        description: "The presentation is open in its own window, beside the documents you clip from.",
+        action: /* @__PURE__ */ jsxRuntime.jsxs(
+          ui.Button,
+          {
+            type: "button",
+            variant: "outline",
+            onClick: () => session.closePanel(chunkVJ5ZLRBD_cjs.PRESENTATION_PANEL),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PanelLeftClose, { className: "size-4" }),
+              "Bring it back here"
+            ]
+          }
+        )
+      }
+    ) });
+  }
+  if (declined && boundTo !== target) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-full items-center justify-center p-6", "data-testid": "slides-declined", children: /* @__PURE__ */ jsxRuntime.jsx(
+      chunkZW6FPIFC_cjs.EmptyState,
+      {
+        icon: lucideReact.Presentation,
+        title: "Another presentation is being edited",
+        description: "It has changes. Save it first, or open this one in its place.",
+        action: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { type: "button", variant: "outline", onClick: () => setForce((n) => n + 1), children: "Open this one instead" })
+      }
+    ) });
+  }
+  if (loading || boundTo !== target) {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-full items-center justify-center gap-2 text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "size-4 animate-spin" }),
+      "Opening the presentation\u2026"
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    controller.dialogs,
+    /* @__PURE__ */ jsxRuntime.jsx(
+      chunkQ3XJUXID_cjs.SlidesEditor,
+      {
+        ...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: "Edit in its own window, beside the documents you clip from",
+              "aria-label": "Pop out",
+              onClick: () => chunkVJ5ZLRBD_cjs.openPresentation(session),
+              "data-testid": "presentation-pop-out",
+              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ExternalLink, { className: "size-4" })
+            }
+          )
+        ] }),
+        onPresent: present
+      }
+    )
+  ] });
+}
+
+exports.ConnectedSlidesTab = ConnectedSlidesTab;
+//# sourceMappingURL=ConnectedSlidesTab-7QDE2CZD.cjs.map
+//# sourceMappingURL=ConnectedSlidesTab-7QDE2CZD.cjs.map

package/dist/ConnectedSlidesTab-7QDE2CZD.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/connection/presentation/ConnectedSlidesTab.tsx"],"names":["hasUnsavedChanges","usePresentation","useArbiSessionStore","useBlocksEnvironment","usePresentationFiles","useState","useArbiSessionState","isPanelOpen","PRESENTATION_PANEL","presentationWindowOnlyPresents","usePresentationController","useRef","useEffect","editPresentation","registerDocumentTurnFlush","useCallback","openPresentation","jsx","EmptyState","ExternalLink","jsxs","Button","PanelLeftClose","Presentation","Loader2","Fragment","SlidesEditor"],"mappings":"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","file":"ConnectedSlidesTab-7QDE2CZD.cjs","sourcesContent":["/**\n * A presentation's slides tab in the document viewer: the slides editor, on the presentation the\n * viewer shows. Opening a saved presentation loads it (unless it is the one being edited); a new\n * one (a presentation draft) takes the clips gathered so far. Clips gathered with no presentation\n * open join the one opened next. Saving a draft makes it a document, and the tab moves to it.\n *\n * The editor can also move to the presentation's own window (Pop out), beside the documents its\n * clips come from; the tab then says so. Present opens that window with the slides alone.\n */\n\nimport { useCallback, useEffect, useRef, useState } from 'react'\nimport { ExternalLink, Loader2, PanelLeftClose, Presentation } from 'lucide-react'\nimport {\n  isPanelOpen,\n  registerDocumentTurnFlush,\n  useArbiSessionState,\n  useArbiSessionStore,\n} from '@arbidocs/react'\nimport { Button } from '@arbidocs/react/ui'\nimport { useBlocksEnvironment } from '../../provider/environment'\nimport {\n  PRESENTATION_PANEL,\n  openPresentation,\n  presentationWindowOnlyPresents,\n} from '../../presentation/panel-id'\nimport { SlidesEditor } from '../../presentation/SlidesEditor'\nimport { hasUnsavedChanges, usePresentation } from '../../presentation/store'\nimport { EmptyState } from '../../components/EmptyState'\nimport { editPresentation } from './requests'\nimport { usePresentationController } from './usePresentationController'\nimport { usePresentationFiles } from './usePresentationFiles'\n\nexport interface ConnectedSlidesTabProps {\n  /** The viewed document's id, or a presentation draft's (`draft-…`). */\n  documentId: string\n  /** The version on screen, when an older one. */\n  version?: number\n  /** The document's current version: a newer one than the one being edited is opened. */\n  currentVersion?: number\n  /** A new presentation, not saved yet: its draft title. */\n  draftTitle?: string\n}\n\n/** \"2, 3 and 5\". */\nconst listOf = (numbers: number[]) =>\n  numbers.length < 2\n    ? String(numbers[0] ?? '')\n    : `${numbers.slice(0, -1).join(', ')} and ${numbers[numbers.length - 1]}`\n\nconst STALE = 'This presentation was changed outside the editor: Save to draw its slides again.'\n\n/** The presentation has anything in it worth asking about before it is replaced. */\nconst hasContent = () => hasUnsavedChanges(usePresentation.getState())\n\nexport function ConnectedSlidesTab({\n  documentId,\n  version,\n  currentVersion,\n  draftTitle,\n}: ConnectedSlidesTabProps) {\n  const session = useArbiSessionStore()\n  const { confirm } = useBlocksEnvironment()\n  const { open, save } = usePresentationFiles()\n  const notify = usePresentation((s) => s.notify)\n  const boundTo = usePresentation((s) => s.boundTo)\n  const savedId = usePresentation((s) => s.savedId)\n  const [loading, setLoading] = useState(false)\n  const isDraft = draftTitle !== undefined\n  const target = version ? `${documentId}@v${version}` : documentId\n  const poppedOut = useArbiSessionState(\n    (state) => isPanelOpen(state, PRESENTATION_PANEL) && !presentationWindowOnlyPresents()\n  )\n  const controller = usePresentationController(!poppedOut)\n  const asked = useRef<string | null>(null)\n  // Another presentation, with changes, is being edited and the user kept it.\n  const [declined, setDeclined] = useState(false)\n  const [force, setForce] = useState(0)\n\n  // Show the presentation this tab is for (once per presentation: a remount does not ask again).\n  useEffect(() => {\n    const state = usePresentation.getState()\n    if (state.boundTo === target || asked.current === `${target}#${force}`) return\n    asked.current = `${target}#${force}`\n    setDeclined(false)\n    void (async () => {\n      // Clips gathered with no presentation open join this one.\n      const gathered = state.boundTo === null ? state.clips : []\n      if (state.boundTo !== null && hasContent() && !force) {\n        const ok = await confirm({\n          title: 'Open presentation',\n          message: 'Replace the presentation being edited? Save it first to keep its changes.',\n          kind: 'confirm',\n        })\n        if (!ok) return setDeclined(true)\n      }\n      if (isDraft) {\n        if (state.boundTo !== null) state.reset()\n        usePresentation.getState().bind(target)\n        usePresentation.getState().setTitle(draftTitle || 'Untitled presentation')\n        return\n      }\n      setLoading(true)\n      try {\n        const { missing, stale, imported, changedOutside } = await open(documentId, version)\n        usePresentation.getState().bind(target)\n        if (gathered.length) usePresentation.getState().adoptClips(gathered)\n        if (stale) notify(STALE, 'error')\n        if (imported) {\n          notify(\n            ['Opened from PowerPoint, ready to edit.', ...imported.notes].join(' · '),\n            'success'\n          )\n        }\n        if (changedOutside) {\n          notify(\n            `${changedOutside.length === 1 ? `Slide ${changedOutside[0]} was` : `Slides ${listOf(changedOutside)} were`} changed in PowerPoint: brought in as changed there.`,\n            'success'\n          )\n        }\n        if (missing) {\n          notify(\n            `${missing} clip${missing === 1 ? '' : 's'} could not be opened (moved, deleted or not shared with you)`,\n            'error'\n          )\n        }\n      } catch (error) {\n        notify(\n          error instanceof Error ? error.message : 'The presentation could not be opened',\n          'error'\n        )\n      } finally {\n        setLoading(false)\n      }\n    })()\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- a draft's title changes as it is typed\n  }, [target, documentId, version, isDraft, force, open, confirm, notify])\n\n  // A draft's title is the presentation's.\n  useEffect(() => {\n    if (isDraft && boundTo === target && draftTitle) usePresentation.getState().setTitle(draftTitle)\n  }, [isDraft, boundTo, target, draftTitle])\n\n  // Saved as another document (a draft's first save, Save as, an older file saved as a\n  // PowerPoint): the viewer follows it. Only once this tab's presentation was the one edited\n  // (another, still bound as the tab opens, is not \"its\" save).\n  const wasBound = useRef(false)\n  useEffect(() => {\n    if (boundTo === target) wasBound.current = true\n    if (!wasBound.current || !savedId || boundTo !== savedId || savedId === target) return\n    if (isDraft) session.clearDraftDocument(documentId)\n    editPresentation(session, { kind: 'open', documentId: savedId })\n  }, [isDraft, savedId, boundTo, target, documentId, session])\n\n  // A newer version saved meanwhile (by ARBI, asked in the chat beside the deck, or by someone\n  // else): shown at once, unless this one has changes of its own, which are never thrown away.\n  const heldVersion = usePresentation((s) => (s.boundTo === target ? s.version : null))\n  const toldNewer = useRef<number | null>(null)\n  useEffect(() => {\n    if (isDraft || version || !currentVersion || heldVersion === null) return\n    if (currentVersion <= heldVersion || loading) return\n    if (hasContent()) {\n      if (toldNewer.current === currentVersion) return\n      toldNewer.current = currentVersion\n      notify(\n        `A newer version (${currentVersion}) was saved while you edited. Save as… keeps yours; reopen the presentation to see it.`,\n        'error'\n      )\n      return\n    }\n    setLoading(true)\n    void open(documentId)\n      .then(() => {\n        usePresentation.getState().bind(target)\n        notify(`Updated to version ${currentVersion}.`, 'success')\n      })\n      .catch((error: unknown) =>\n        notify(\n          error instanceof Error ? error.message : 'The new version could not be opened',\n          'error'\n        )\n      )\n      .finally(() => setLoading(false))\n  }, [currentVersion, heldVersion, isDraft, version, loading, open, documentId, target, notify])\n\n  // A chat turn about this presentation (the chat beside it) saves its unsaved changes first, so\n  // ARBI works on the slides as they are on screen.\n  useEffect(() => {\n    if (isDraft || version || savedId !== documentId || boundTo !== target) return\n    return registerDocumentTurnFlush(documentId, async () => {\n      const state = usePresentation.getState()\n      if (state.savedId === documentId && hasUnsavedChanges(state)) await save(state.title)\n    })\n  }, [isDraft, version, savedId, boundTo, documentId, target, save])\n\n  const present = useCallback(() => {\n    openPresentation(session, { present: true })\n    usePresentation.getState().setPresenting(true)\n  }, [session])\n\n  if (poppedOut) {\n    return (\n      <div className=\"flex h-full items-center justify-center p-6\" data-testid=\"slides-popped-out\">\n        <EmptyState\n          icon={ExternalLink}\n          title=\"Editing in its own window\"\n          description=\"The presentation is open in its own window, beside the documents you clip from.\"\n          action={\n            <Button\n              type=\"button\"\n              variant=\"outline\"\n              onClick={() => session.closePanel(PRESENTATION_PANEL)}\n            >\n              <PanelLeftClose className=\"size-4\" />\n              Bring it back here\n            </Button>\n          }\n        />\n      </div>\n    )\n  }\n  if (declined && boundTo !== target) {\n    return (\n      <div className=\"flex h-full items-center justify-center p-6\" data-testid=\"slides-declined\">\n        <EmptyState\n          icon={Presentation}\n          title=\"Another presentation is being edited\"\n          description=\"It has changes. Save it first, or open this one in its place.\"\n          action={\n            <Button type=\"button\" variant=\"outline\" onClick={() => setForce((n) => n + 1)}>\n              Open this one instead\n            </Button>\n          }\n        />\n      </div>\n    )\n  }\n  if (loading || boundTo !== target) {\n    return (\n      <div className=\"flex h-full items-center justify-center gap-2 text-sm text-muted-foreground\">\n        <Loader2 className=\"size-4 animate-spin\" />\n        Opening the presentation…\n      </div>\n    )\n  }\n  return (\n    <>\n      {controller.dialogs}\n      <SlidesEditor\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=\"Edit in its own window, beside the documents you clip from\"\n              aria-label=\"Pop out\"\n              onClick={() => openPresentation(session)}\n              data-testid=\"presentation-pop-out\"\n            >\n              <ExternalLink className=\"size-4\" />\n            </Button>\n          </>\n        }\n        onPresent={present}\n      />\n    </>\n  )\n}\n"]}

package/dist/{ConnectedStreamedWordArtifact-6MCLJRIT.cjs → ConnectedStreamedWordArtifact-FFOQJBOI.cjs}

@@ -1,54 +1,54 @@
 "use client";
 'use strict';
 
-var chunk5IZFSAEZ_cjs = require('./chunk-5IZFSAEZ.cjs');
+var chunk5534FYXP_cjs = require('./chunk-5534FYXP.cjs');
 require('./chunk-YGBHY67W.cjs');
 require('./chunk-2CSLFAGF.cjs');
 require('./chunk-GA5ZO4YA.cjs');
 require('./chunk-VG5XNE4H.cjs');
 require('./chunk-DDWLMYRO.cjs');
-require('./chunk-ECLUFKYR.cjs');
+require('./chunk-C2OICDMI.cjs');
 require('./chunk-4ONPEVTP.cjs');
 require('./chunk-V3KLUWQQ.cjs');
 require('./chunk-P5AQYC4D.cjs');
-require('./chunk-WAV762GP.cjs');
+require('./chunk-GQXPNIRE.cjs');
 require('./chunk-ZESMRGDV.cjs');
 require('./chunk-UKOYN2WD.cjs');
 require('./chunk-RC25WMVB.cjs');
 require('./chunk-VKH3BEZE.cjs');
-require('./chunk-QQWHG3KF.cjs');
+require('./chunk-75BNMCUX.cjs');
+require('./chunk-RYVZDFVO.cjs');
 require('./chunk-3YEXZX4H.cjs');
 require('./chunk-4PA6VCCR.cjs');
-require('./chunk-WXUU3COI.cjs');
+require('./chunk-MZ2KZXNU.cjs');
 require('./chunk-AHDJXIUB.cjs');
+require('./chunk-YVCOQHCE.cjs');
 require('./chunk-RL2HI6NP.cjs');
 require('./chunk-6UZC4XVV.cjs');
-require('./chunk-YVCOQHCE.cjs');
+require('./chunk-QGVOT7E4.cjs');
+require('./chunk-QRAQZTJE.cjs');
+require('./chunk-UDSHVNU3.cjs');
 require('./chunk-JV5TVUOU.cjs');
-require('./chunk-E7TE2WVT.cjs');
+require('./chunk-IPSHAMO2.cjs');
+require('./chunk-ZVEW3JBT.cjs');
 require('./chunk-VZOOGA47.cjs');
 require('./chunk-HQDR43JC.cjs');
 require('./chunk-JR2YSBD5.cjs');
 require('./chunk-3YZKDCWY.cjs');
 require('./chunk-SJSGSHIT.cjs');
-require('./chunk-ZW6FPIFC.cjs');
-require('./chunk-75BNMCUX.cjs');
-require('./chunk-QGVOT7E4.cjs');
-require('./chunk-QRAQZTJE.cjs');
-require('./chunk-UDSHVNU3.cjs');
-require('./chunk-IPSHAMO2.cjs');
 require('./chunk-PPCATBOY.cjs');
+require('./chunk-ZW6FPIFC.cjs');
+require('./chunk-LJJJ6CYH.cjs');
 require('./chunk-TKHCIHE2.cjs');
 require('./chunk-JDFBEGQO.cjs');
 require('./chunk-ULWRNGGE.cjs');
-require('./chunk-LJJJ6CYH.cjs');
 require('./chunk-PLIF5CUV.cjs');
 
 
 
 Object.defineProperty(exports, "ConnectedStreamedWordArtifact", {
   enumerable: true,
-  get: function () { return chunk5IZFSAEZ_cjs.ConnectedStreamedWordArtifact; }
+  get: function () { return chunk5534FYXP_cjs.ConnectedStreamedWordArtifact; }
 });
-//# sourceMappingURL=ConnectedStreamedWordArtifact-6MCLJRIT.cjs.map
-//# sourceMappingURL=ConnectedStreamedWordArtifact-6MCLJRIT.cjs.map
+//# sourceMappingURL=ConnectedStreamedWordArtifact-FFOQJBOI.cjs.map
+//# sourceMappingURL=ConnectedStreamedWordArtifact-FFOQJBOI.cjs.map

package/dist/{ConnectedStreamedWordArtifact-6MCLJRIT.cjs.map → ConnectedStreamedWordArtifact-FFOQJBOI.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"ConnectedStreamedWordArtifact-6MCLJRIT.cjs"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"ConnectedStreamedWordArtifact-FFOQJBOI.cjs"}