@arbidocs/blocks 0.5.122 → 0.5.123

package/dist/connect/viewer.cjs

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var chunkUTJ223TI_cjs = require('../chunk-UTJ223TI.cjs');
+var chunkJD2HX2BR_cjs = require('../chunk-JD2HX2BR.cjs');
 require('../chunk-WFMWKPGY.cjs');
 require('../chunk-4TTX6ZNS.cjs');
 require('../chunk-4CIVQWAX.cjs');
@@ -20,7 +20,7 @@ require('../chunk-4ONPEVTP.cjs');
 require('../chunk-V3KLUWQQ.cjs');
 require('../chunk-P5AQYC4D.cjs');
 require('../chunk-WAV762GP.cjs');
-require('../chunk-LHWOKOMP.cjs');
+require('../chunk-46P7IDBX.cjs');
 require('../chunk-GNZAH6UI.cjs');
 require('../chunk-JH6JTI76.cjs');
 require('../chunk-QQMMCXBP.cjs');
@@ -38,9 +38,9 @@ require('../chunk-WQMR3O2D.cjs');
 require('../chunk-ORELHENJ.cjs');
 require('../chunk-NWNVWO6L.cjs');
 require('../chunk-SK6HQ46Q.cjs');
+require('../chunk-TG2GM7WJ.cjs');
 require('../chunk-MNIQDXM6.cjs');
 require('../chunk-E3Y7RI3J.cjs');
-require('../chunk-TG2GM7WJ.cjs');
 require('../chunk-VKH3BEZE.cjs');
 require('../chunk-OEJQFPWO.cjs');
 require('../chunk-OYXWQTHF.cjs');
@@ -51,9 +51,9 @@ require('../chunk-3YEXZX4H.cjs');
 require('../chunk-4PA6VCCR.cjs');
 require('../chunk-WXUU3COI.cjs');
 require('../chunk-AHDJXIUB.cjs');
+require('../chunk-YVCOQHCE.cjs');
 require('../chunk-RL2HI6NP.cjs');
 require('../chunk-6UZC4XVV.cjs');
-require('../chunk-YVCOQHCE.cjs');
 require('../chunk-JV5TVUOU.cjs');
 require('../chunk-ZVEW3JBT.cjs');
 require('../chunk-EG7EJFUE.cjs');
@@ -92,7 +92,7 @@ require('../chunk-PLIF5CUV.cjs');
 
 Object.defineProperty(exports, "ConnectedDocumentViewer", {
   enumerable: true,
-  get: function () { return chunkUTJ223TI_cjs.ConnectedDocumentViewer; }
+  get: function () { return chunkJD2HX2BR_cjs.ConnectedDocumentViewer; }
 });
 Object.defineProperty(exports, "ConnectedDocumentToolsProvider", {
   enumerable: true,

package/dist/connection/presentation/ConnectedSlidesTab.js

@@ -8,7 +8,7 @@ import {
   useArbiSessionState,
   useArbiSessionStore
 } from "@arbidocs/react";
-import { Button } from "@arbidocs/react/ui";
+import { Button, DropdownMenuItem } from "@arbidocs/react/ui";
 import { useBlocksEnvironment } from "../../provider/environment.js";
 import { usePanelHostSupport } from "../../shell/panel-host.js";
 import {
@@ -23,6 +23,8 @@ import { editPresentation } from "./requests.js";
 import { usePresentationController } from "./usePresentationController.js";
 import { usePresentationFiles } from "./usePresentationFiles.js";
 const listOf = (numbers) => numbers.length < 2 ? String(numbers[0] ?? "") : `${numbers.slice(0, -1).join(", ")} and ${numbers[numbers.length - 1]}`;
+const AUTO_SAVE_AFTER_MS = 2500;
+const DEFAULT_NAMES = /^(new|untitled) presentation( \d+)?$/i;
 const STALE = "This presentation was changed outside the editor: Save to draw its slides again.";
 const hasContent = () => hasUnsavedChanges(usePresentation.getState());
 function ConnectedSlidesTab({
@@ -138,6 +140,29 @@ function ConnectedSlidesTab({
       )
     ).finally(() => setLoading(false));
   }, [currentVersion, heldVersion, isDraft, version, loading, open, documentId, target, notify]);
+  const draftHasContent = usePresentation(
+    (state) => isDraft && state.boundTo === target && state.savedId === null && hasUnsavedChanges(state)
+  );
+  const autoSaved = useRef(null);
+  useEffect(() => {
+    if (!draftHasContent || autoSaved.current === target) return;
+    const timer = setTimeout(() => {
+      autoSaved.current = target;
+      const state = 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]);
   useEffect(() => {
     if (isDraft || version || savedId !== documentId || boundTo !== target) return;
     return registerDocumentTurnFlush(documentId, async () => {
@@ -194,20 +219,17 @@ function ConnectedSlidesTab({
       SlidesEditor,
       {
         ...controller.editor,
-        actions: /* @__PURE__ */ jsxs(Fragment, { children: [
-          controller.editor.actions,
-          /* @__PURE__ */ jsx(
-            Button,
+        menuItems: /* @__PURE__ */ jsxs(Fragment, { children: [
+          controller.editor.menuItems,
+          /* @__PURE__ */ jsxs(
+            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: () => openPresentation(session, { windows, title: popoutTitle("Presentation") }),
+              onSelect: () => openPresentation(session, { windows, title: popoutTitle("Presentation") }),
               "data-testid": "presentation-pop-out",
-              children: /* @__PURE__ */ jsx(ExternalLink, { className: "size-4" })
+              children: [
+                /* @__PURE__ */ jsx(ExternalLink, { className: "size-4" }),
+                /* @__PURE__ */ jsx("span", { className: "ml-2", children: "Edit in its own window" })
+              ]
             }
           )
         ] }),

package/dist/connection/presentation/ConnectedSlidesTab.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/connection/presentation/ConnectedSlidesTab.tsx"],
-  "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 { usePanelHostSupport } from '../../shell/panel-host'\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-\u2026`). */\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 { windows, popoutTitle } = usePanelHostSupport()\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(' \u00B7 '),\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\u2026 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, windows, title: popoutTitle('Presentation') })\n    usePresentation.getState().setPresenting(true)\n  }, [session, windows, popoutTitle])\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\u2026\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={() =>\n                openPresentation(session, { windows, title: popoutTitle('Presentation') })\n              }\n              data-testid=\"presentation-pop-out\"\n            >\n              <ExternalLink className=\"size-4\" />\n            </Button>\n          </>\n        }\n        onPresent={present}\n      />\n    </>\n  )\n}\n"],
-  "mappings": "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",
+  "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, DropdownMenuItem } from '@arbidocs/react/ui'\nimport { useBlocksEnvironment } from '../../provider/environment'\nimport { usePanelHostSupport } from '../../shell/panel-host'\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-\u2026`). */\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\n/** A new presentation saves itself this long after its first content (typing settles first). */\nconst AUTO_SAVE_AFTER_MS = 2500\n/** The names a new presentation starts with (not chosen by anyone). */\nconst DEFAULT_NAMES = /^(new|untitled) presentation( \\d+)?$/i\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 { windows, popoutTitle } = usePanelHostSupport()\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(' \u00B7 '),\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\u2026 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 new presentation saves itself once it has something in it (a clip, a title, a point): from\n  // then on it is a document of Presentations, which a chat can work in and look at (its PDF), and\n  // which is not lost with the tab. Later saves stay the person's (each a version they chose).\n  const draftHasContent = usePresentation(\n    (state) =>\n      isDraft && state.boundTo === target && state.savedId === null && hasUnsavedChanges(state)\n  )\n  const autoSaved = useRef<string | null>(null)\n  useEffect(() => {\n    if (!draftHasContent || autoSaved.current === target) return\n    const timer = setTimeout(() => {\n      autoSaved.current = target\n      const state = usePresentation.getState()\n      // Still called what every new one is called: named after its first slide's title instead.\n      const firstTitle = state.slides.find((slide) => slide.caption.trim())?.caption.trim()\n      const named = state.title && !DEFAULT_NAMES.test(state.title) ? state.title : null\n      const title = named ?? firstTitle ?? (state.title || 'Untitled presentation')\n      if (title !== state.title) state.setTitle(title)\n      void save(title).catch((error: unknown) => {\n        autoSaved.current = null\n        notify(\n          error instanceof Error ? error.message : 'The presentation could not be saved',\n          'error'\n        )\n      })\n    }, AUTO_SAVE_AFTER_MS)\n    return () => clearTimeout(timer)\n  }, [draftHasContent, target, save, draftTitle, 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, windows, title: popoutTitle('Presentation') })\n    usePresentation.getState().setPresenting(true)\n  }, [session, windows, popoutTitle])\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\u2026\n      </div>\n    )\n  }\n  return (\n    <>\n      {controller.dialogs}\n      <SlidesEditor\n        {...controller.editor}\n        menuItems={\n          <>\n            {controller.editor.menuItems}\n            <DropdownMenuItem\n              onSelect={() =>\n                openPresentation(session, { windows, title: popoutTitle('Presentation') })\n              }\n              data-testid=\"presentation-pop-out\"\n            >\n              <ExternalLink className=\"size-4\" />\n              <span className=\"ml-2\">Edit in its own window</span>\n            </DropdownMenuItem>\n          </>\n        }\n        onPresent={present}\n      />\n    </>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/connection/viewer/ConnectedDocumentViewer.js

@@ -4,10 +4,12 @@ import { lazy, Suspense, useCallback, useEffect, useRef, useState } from "react"
 import {
   ChevronDown,
   Languages,
+  Link2,
   Mail,
   MessageSquare,
   MessageSquarePlus,
   PenLine,
+  Signature,
   Users
 } from "lucide-react";
 import { useArbi, useArbiSessionState, useArbiSessionStore } from "@arbidocs/react";
@@ -86,6 +88,7 @@ import { FinaliseTranslationButton } from "./FinaliseTranslationButton.js";
 import { useDocumentViewerSupport } from "./support.js";
 import { useImageCrop } from "./useImageCrop.js";
 import { ViewerCropModal } from "./ViewerCropModal.js";
+import { ViewerMoreMenu } from "./ViewerMoreMenu.js";
 import { useViewedDocument } from "./useViewedDocument.js";
 import { useViewerBlobs } from "./useViewerBlobs.js";
 import { useViewerTabs } from "./useViewerTabs.js";
@@ -512,28 +515,15 @@ function DocumentViewerContent({
         ]
       }
     ),
-    documentId && documentData && !isDraft && !isStreaming && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        Button,
-        {
-          type: "button",
-          variant: "outline",
-          size: "sm",
-          onClick: () => setSharingFile(true),
-          "data-testid": "share-file-button",
-          children: "Share file"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        FileShareDialog,
-        {
-          open: sharingFile,
-          onOpenChange: setSharingFile,
-          documentId,
-          version: pdfSnapshotNumber ?? documentData.current_version ?? 1
-        }
-      )
-    ] }),
+    documentId && documentData && !isDraft && !isStreaming && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+      FileShareDialog,
+      {
+        open: sharingFile,
+        onOpenChange: setSharingFile,
+        documentId,
+        version: pdfSnapshotNumber ?? documentData.current_version ?? 1
+      }
+    ) }),
     doc.savedDocumentId && !snapshotDocumentId && /* @__PURE__ */ jsxs(
       Button,
       {
@@ -571,43 +561,6 @@ function DocumentViewerContent({
         stateTestId: "document-title-shared-indicator"
       }
     ),
-    tools.emailDocument && !isDraft && !isStreaming && documentData?.file_name && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("span", { className: "mx-1 h-5 w-px bg-border", "aria-hidden": "true" }),
-      /* @__PURE__ */ jsxs(
-        Button,
-        {
-          type: "button",
-          variant: "outline",
-          size: isCompact ? "icon" : "sm",
-          title: "Email this document",
-          "aria-label": "Email",
-          "data-testid": "email-document-button",
-          className: "pointer-coarse:min-h-11",
-          onClick: () => tools.emailDocument?.(shownRef),
-          children: [
-            /* @__PURE__ */ jsx(Mail, { className: "size-4" }),
-            !isCompact && /* @__PURE__ */ jsx("span", { className: "ml-1", children: "Email" })
-          ]
-        }
-      )
-    ] }),
-    support.translate && !isDraft && !isStreaming && !liveKind && !isImage && documentData?.file_name && /* @__PURE__ */ jsxs(
-      Button,
-      {
-        type: "button",
-        variant: "outline",
-        size: isCompact ? "icon" : "sm",
-        title: "Translate into another language: a new editable document, original and translation side by side",
-        "aria-label": "Translate",
-        "data-testid": "translate-document-button",
-        className: "pointer-coarse:min-h-11",
-        onClick: () => support.translate(shownRef),
-        children: [
-          /* @__PURE__ */ jsx(Languages, { className: "size-4" }),
-          !isCompact && /* @__PURE__ */ jsx("span", { className: "ml-1", children: "Translate" })
-        ]
-      }
-    ),
     !isStreaming && !snapshotDocumentId && /* @__PURE__ */ jsx(FinaliseTranslationButton, { document: documentData ?? void 0, isCompact }),
     annotatable && /* @__PURE__ */ jsxs(DropdownMenu, { children: [
       /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
@@ -621,7 +574,7 @@ function DocumentViewerContent({
           "data-testid": "signing-menu-trigger",
           className: "pointer-coarse:min-h-11",
           children: [
-            /* @__PURE__ */ jsx(PenLine, { className: "size-4" }),
+            /* @__PURE__ */ jsx(Signature, { className: "size-4" }),
             !isCompact && /* @__PURE__ */ jsx("span", { className: "ml-1", children: "Sign" }),
             /* @__PURE__ */ jsx(ChevronDown, { className: "ml-1 size-3" })
           ]
@@ -690,6 +643,44 @@ function DocumentViewerContent({
         appearance: signAppearance
       }
     ),
+    /* @__PURE__ */ jsx(
+      ViewerMoreMenu,
+      {
+        compact: isCompact,
+        items: [
+          ...documentId && documentData && !isDraft && !isStreaming ? [
+            {
+              key: "share-file",
+              label: "Share file\u2026",
+              icon: /* @__PURE__ */ jsx(Link2, { className: "size-4" }),
+              description: "Send a link to this version of the file",
+              onSelect: () => setSharingFile(true),
+              testId: "share-file-button"
+            }
+          ] : [],
+          ...tools.emailDocument && !isDraft && !isStreaming && documentData?.file_name ? [
+            {
+              key: "email",
+              label: "Email\u2026",
+              icon: /* @__PURE__ */ jsx(Mail, { className: "size-4" }),
+              description: "Email this document (attached)",
+              onSelect: () => tools.emailDocument?.(shownRef),
+              testId: "email-document-button"
+            }
+          ] : [],
+          ...support.translate && !isDraft && !isStreaming && !liveKind && !isImage && documentData?.file_name ? [
+            {
+              key: "translate",
+              label: "Translate\u2026",
+              icon: /* @__PURE__ */ jsx(Languages, { className: "size-4" }),
+              description: "A new editable document, original and translation side by side",
+              onSelect: () => support.translate(shownRef),
+              testId: "translate-document-button"
+            }
+          ] : []
+        ]
+      }
+    ),
     headerActions
   ] });
   const viewerProps = {