@arbidocs/blocks 0.5.121 → 0.5.123

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 {\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 { 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 })\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\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={() => 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"],
-  "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": ";AAmPY,SA2CF,UAtCI,KALF;AAzOZ,SAAS,aAAa,WAAW,QAAQ,gBAAgB;AACzD,SAAS,cAAc,SAAS,gBAAgB,oBAAoB;AACpE;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,QAAQ,wBAAwB;AACzC,SAAS,4BAA4B;AACrC,SAAS,2BAA2B;AACpC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,oBAAoB;AAC7B,SAAS,mBAAmB,uBAAuB;AACnD,SAAS,kBAAkB;AAC3B,SAAS,wBAAwB;AACjC,SAAS,iCAAiC;AAC1C,SAAS,4BAA4B;AAcrC,MAAM,SAAS,CAAC,YACd,QAAQ,SAAS,IACb,OAAO,QAAQ,CAAC,KAAK,EAAE,IACvB,GAAG,QAAQ,MAAM,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,QAAQ,QAAQ,QAAQ,SAAS,CAAC,CAAC;AAG3E,MAAM,qBAAqB;AAE3B,MAAM,gBAAgB;AAEtB,MAAM,QAAQ;AAGd,MAAM,aAAa,MAAM,kBAAkB,gBAAgB,SAAS,CAAC;AAE9D,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA4B;AAC1B,QAAM,UAAU,oBAAoB;AACpC,QAAM,EAAE,SAAS,YAAY,IAAI,oBAAoB;AACrD,QAAM,EAAE,QAAQ,IAAI,qBAAqB;AACzC,QAAM,EAAE,MAAM,KAAK,IAAI,qBAAqB;AAC5C,QAAM,SAAS,gBAAgB,CAAC,MAAM,EAAE,MAAM;AAC9C,QAAM,UAAU,gBAAgB,CAAC,MAAM,EAAE,OAAO;AAChD,QAAM,UAAU,gBAAgB,CAAC,MAAM,EAAE,OAAO;AAChD,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAC5C,QAAM,UAAU,eAAe;AAC/B,QAAM,SAAS,UAAU,GAAG,UAAU,KAAK,OAAO,KAAK;AACvD,QAAM,YAAY;AAAA,IAChB,CAAC,UAAU,YAAY,OAAO,kBAAkB,KAAK,CAAC,+BAA+B;AAAA,EACvF;AACA,QAAM,aAAa,0BAA0B,CAAC,SAAS;AACvD,QAAM,QAAQ,OAAsB,IAAI;AAExC,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAC9C,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,CAAC;AAGpC,YAAU,MAAM;AACd,UAAM,QAAQ,gBAAgB,SAAS;AACvC,QAAI,MAAM,YAAY,UAAU,MAAM,YAAY,GAAG,MAAM,IAAI,KAAK,GAAI;AACxE,UAAM,UAAU,GAAG,MAAM,IAAI,KAAK;AAClC,gBAAY,KAAK;AACjB,UAAM,YAAY;AAEhB,YAAM,WAAW,MAAM,YAAY,OAAO,MAAM,QAAQ,CAAC;AACzD,UAAI,MAAM,YAAY,QAAQ,WAAW,KAAK,CAAC,OAAO;AACpD,cAAM,KAAK,MAAM,QAAQ;AAAA,UACvB,OAAO;AAAA,UACP,SAAS;AAAA,UACT,MAAM;AAAA,QACR,CAAC;AACD,YAAI,CAAC,GAAI,QAAO,YAAY,IAAI;AAAA,MAClC;AACA,UAAI,SAAS;AACX,YAAI,MAAM,YAAY,KAAM,OAAM,MAAM;AACxC,wBAAgB,SAAS,EAAE,KAAK,MAAM;AACtC,wBAAgB,SAAS,EAAE,SAAS,cAAc,uBAAuB;AACzE;AAAA,MACF;AACA,iBAAW,IAAI;AACf,UAAI;AACF,cAAM,EAAE,SAAS,OAAO,UAAU,eAAe,IAAI,MAAM,KAAK,YAAY,OAAO;AACnF,wBAAgB,SAAS,EAAE,KAAK,MAAM;AACtC,YAAI,SAAS,OAAQ,iBAAgB,SAAS,EAAE,WAAW,QAAQ;AACnE,YAAI,MAAO,QAAO,OAAO,OAAO;AAChC,YAAI,UAAU;AACZ;AAAA,YACE,CAAC,0CAA0C,GAAG,SAAS,KAAK,EAAE,KAAK,QAAK;AAAA,YACxE;AAAA,UACF;AAAA,QACF;AACA,YAAI,gBAAgB;AAClB;AAAA,YACE,GAAG,eAAe,WAAW,IAAI,SAAS,eAAe,CAAC,CAAC,SAAS,UAAU,OAAO,cAAc,CAAC,OAAO;AAAA,YAC3G;AAAA,UACF;AAAA,QACF;AACA,YAAI,SAAS;AACX;AAAA,YACE,GAAG,OAAO,QAAQ,YAAY,IAAI,KAAK,GAAG;AAAA,YAC1C;AAAA,UACF;AAAA,QACF;AAAA,MACF,SAAS,OAAO;AACd;AAAA,UACE,iBAAiB,QAAQ,MAAM,UAAU;AAAA,UACzC;AAAA,QACF;AAAA,MACF,UAAE;AACA,mBAAW,KAAK;AAAA,MAClB;AAAA,IACF,GAAG;AAAA,EAEL,GAAG,CAAC,QAAQ,YAAY,SAAS,SAAS,OAAO,MAAM,SAAS,MAAM,CAAC;AAGvE,YAAU,MAAM;AACd,QAAI,WAAW,YAAY,UAAU,WAAY,iBAAgB,SAAS,EAAE,SAAS,UAAU;AAAA,EACjG,GAAG,CAAC,SAAS,SAAS,QAAQ,UAAU,CAAC;AAKzC,QAAM,WAAW,OAAO,KAAK;AAC7B,YAAU,MAAM;AACd,QAAI,YAAY,OAAQ,UAAS,UAAU;AAC3C,QAAI,CAAC,SAAS,WAAW,CAAC,WAAW,YAAY,WAAW,YAAY,OAAQ;AAChF,QAAI,QAAS,SAAQ,mBAAmB,UAAU;AAClD,qBAAiB,SAAS,EAAE,MAAM,QAAQ,YAAY,QAAQ,CAAC;AAAA,EACjE,GAAG,CAAC,SAAS,SAAS,SAAS,QAAQ,YAAY,OAAO,CAAC;AAI3D,QAAM,cAAc,gBAAgB,CAAC,MAAO,EAAE,YAAY,SAAS,EAAE,UAAU,IAAK;AACpF,QAAM,YAAY,OAAsB,IAAI;AAC5C,YAAU,MAAM;AACd,QAAI,WAAW,WAAW,CAAC,kBAAkB,gBAAgB,KAAM;AACnE,QAAI,kBAAkB,eAAe,QAAS;AAC9C,QAAI,WAAW,GAAG;AAChB,UAAI,UAAU,YAAY,eAAgB;AAC1C,gBAAU,UAAU;AACpB;AAAA,QACE,oBAAoB,cAAc;AAAA,QAClC;AAAA,MACF;AACA;AAAA,IACF;AACA,eAAW,IAAI;AACf,SAAK,KAAK,UAAU,EACjB,KAAK,MAAM;AACV,sBAAgB,SAAS,EAAE,KAAK,MAAM;AACtC,aAAO,sBAAsB,cAAc,KAAK,SAAS;AAAA,IAC3D,CAAC,EACA;AAAA,MAAM,CAAC,UACN;AAAA,QACE,iBAAiB,QAAQ,MAAM,UAAU;AAAA,QACzC;AAAA,MACF;AAAA,IACF,EACC,QAAQ,MAAM,WAAW,KAAK,CAAC;AAAA,EACpC,GAAG,CAAC,gBAAgB,aAAa,SAAS,SAAS,SAAS,MAAM,YAAY,QAAQ,MAAM,CAAC;AAK7F,QAAM,kBAAkB;AAAA,IACtB,CAAC,UACC,WAAW,MAAM,YAAY,UAAU,MAAM,YAAY,QAAQ,kBAAkB,KAAK;AAAA,EAC5F;AACA,QAAM,YAAY,OAAsB,IAAI;AAC5C,YAAU,MAAM;AACd,QAAI,CAAC,mBAAmB,UAAU,YAAY,OAAQ;AACtD,UAAM,QAAQ,WAAW,MAAM;AAC7B,gBAAU,UAAU;AACpB,YAAM,QAAQ,gBAAgB,SAAS;AAEvC,YAAM,aAAa,MAAM,OAAO,KAAK,CAAC,UAAU,MAAM,QAAQ,KAAK,CAAC,GAAG,QAAQ,KAAK;AACpF,YAAM,QAAQ,MAAM,SAAS,CAAC,cAAc,KAAK,MAAM,KAAK,IAAI,MAAM,QAAQ;AAC9E,YAAM,QAAQ,SAAS,eAAe,MAAM,SAAS;AACrD,UAAI,UAAU,MAAM,MAAO,OAAM,SAAS,KAAK;AAC/C,WAAK,KAAK,KAAK,EAAE,MAAM,CAAC,UAAmB;AACzC,kBAAU,UAAU;AACpB;AAAA,UACE,iBAAiB,QAAQ,MAAM,UAAU;AAAA,UACzC;AAAA,QACF;AAAA,MACF,CAAC;AAAA,IACH,GAAG,kBAAkB;AACrB,WAAO,MAAM,aAAa,KAAK;AAAA,EACjC,GAAG,CAAC,iBAAiB,QAAQ,MAAM,YAAY,MAAM,CAAC;AAItD,YAAU,MAAM;AACd,QAAI,WAAW,WAAW,YAAY,cAAc,YAAY,OAAQ;AACxE,WAAO,0BAA0B,YAAY,YAAY;AACvD,YAAM,QAAQ,gBAAgB,SAAS;AACvC,UAAI,MAAM,YAAY,cAAc,kBAAkB,KAAK,EAAG,OAAM,KAAK,MAAM,KAAK;AAAA,IACtF,CAAC;AAAA,EACH,GAAG,CAAC,SAAS,SAAS,SAAS,SAAS,YAAY,QAAQ,IAAI,CAAC;AAEjE,QAAM,UAAU,YAAY,MAAM;AAChC,qBAAiB,SAAS,EAAE,SAAS,MAAM,SAAS,OAAO,YAAY,cAAc,EAAE,CAAC;AACxF,oBAAgB,SAAS,EAAE,cAAc,IAAI;AAAA,EAC/C,GAAG,CAAC,SAAS,SAAS,WAAW,CAAC;AAElC,MAAI,WAAW;AACb,WACE,oBAAC,SAAI,WAAU,+CAA8C,eAAY,qBACvE;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,QACN,OAAM;AAAA,QACN,aAAY;AAAA,QACZ,QACE;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,SAAS,MAAM,QAAQ,WAAW,kBAAkB;AAAA,YAEpD;AAAA,kCAAC,kBAAe,WAAU,UAAS;AAAA,cAAE;AAAA;AAAA;AAAA,QAEvC;AAAA;AAAA,IAEJ,GACF;AAAA,EAEJ;AACA,MAAI,YAAY,YAAY,QAAQ;AAClC,WACE,oBAAC,SAAI,WAAU,+CAA8C,eAAY,mBACvE;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,QACN,OAAM;AAAA,QACN,aAAY;AAAA,QACZ,QACE,oBAAC,UAAO,MAAK,UAAS,SAAQ,WAAU,SAAS,MAAM,SAAS,CAAC,MAAM,IAAI,CAAC,GAAG,mCAE/E;AAAA;AAAA,IAEJ,GACF;AAAA,EAEJ;AACA,MAAI,WAAW,YAAY,QAAQ;AACjC,WACE,qBAAC,SAAI,WAAU,+EACb;AAAA,0BAAC,WAAQ,WAAU,uBAAsB;AAAA,MAAE;AAAA,OAE7C;AAAA,EAEJ;AACA,SACE,iCACG;AAAA,eAAW;AAAA,IACZ;AAAA,MAAC;AAAA;AAAA,QACE,GAAG,WAAW;AAAA,QACf,WACE,iCACG;AAAA,qBAAW,OAAO;AAAA,UACnB;AAAA,YAAC;AAAA;AAAA,cACC,UAAU,MACR,iBAAiB,SAAS,EAAE,SAAS,OAAO,YAAY,cAAc,EAAE,CAAC;AAAA,cAE3E,eAAY;AAAA,cAEZ;AAAA,oCAAC,gBAAa,WAAU,UAAS;AAAA,gBACjC,oBAAC,UAAK,WAAU,QAAO,oCAAsB;AAAA;AAAA;AAAA,UAC/C;AAAA,WACF;AAAA,QAEF,WAAW;AAAA;AAAA,IACb;AAAA,KACF;AAEJ;",
   "names": []
 }

package/dist/connection/presentation/PresentationPill.js

@@ -1,10 +1,10 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Presentation } from "lucide-react";
-import { DOCUMENT_VIEWER_PANEL, useArbiSessionState, useArbiSessionStore } from "@arbidocs/react";
+import { useArbiSessionState, useArbiSessionStore } from "@arbidocs/react";
 import { Button } from "@arbidocs/react/ui";
 import { usePresentation } from "../../presentation/store.js";
-import { editPresentation } from "./requests.js";
+import { showPresentation } from "./requests.js";
 function PresentationPill({ compact }) {
   const session = useArbiSessionStore();
   const boundTo = usePresentation((s) => s.boundTo);
@@ -14,12 +14,7 @@ function PresentationPill({ compact }) {
     (s) => s.viewingDocument?.id === boundTo && s.documentViewer.tab === "slides"
   );
   if (onIt || boundTo === null && clips === 0) return null;
-  const back = () => {
-    if (boundTo === null) return editPresentation(session, { kind: "new" });
-    session.setViewingDocument({ id: boundTo, page: null });
-    session.setDocumentViewer({ tab: "slides" });
-    session.openPanel(DOCUMENT_VIEWER_PANEL, "docked");
-  };
+  const back = () => showPresentation(session, boundTo);
   return /* @__PURE__ */ jsxs(
     Button,
     {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/connection/presentation/PresentationPill.tsx"],
-  "sourcesContent": ["import { Presentation } from 'lucide-react'\nimport { DOCUMENT_VIEWER_PANEL, useArbiSessionState, useArbiSessionStore } from '@arbidocs/react'\nimport { Button } from '@arbidocs/react/ui'\nimport { usePresentation } from '../../presentation/store'\nimport { editPresentation } from './requests'\n\n/**\n * Back to the presentation, from any document the viewer shows (clips are gathered while reading,\n * then arranged): its title and how many clips wait in its tray. Shown while a presentation is\n * being made and the viewer is elsewhere.\n */\nexport function PresentationPill({ compact }: { compact: boolean }) {\n  const session = useArbiSessionStore()\n  const boundTo = usePresentation((s) => s.boundTo)\n  const clips = usePresentation((s) => s.clips.length)\n  const title = usePresentation((s) => s.title)\n  const onIt = useArbiSessionState(\n    (s) => s.viewingDocument?.id === boundTo && s.documentViewer.tab === 'slides'\n  )\n  if (onIt || (boundTo === null && clips === 0)) return null\n  const back = () => {\n    if (boundTo === null) return editPresentation(session, { kind: 'new' })\n    session.setViewingDocument({ id: boundTo, page: null })\n    session.setDocumentViewer({ tab: 'slides' })\n    session.openPanel(DOCUMENT_VIEWER_PANEL, 'docked')\n  }\n  return (\n    <Button\n      type=\"button\"\n      variant=\"outline\"\n      size=\"sm\"\n      className=\"h-7 max-w-56 gap-1.5 rounded-full px-2.5 text-xs\"\n      onClick={back}\n      title={`Back to the presentation \"${title}\": ${clips} clip${clips === 1 ? '' : 's'} to arrange`}\n      data-testid=\"presentation-pill\"\n    >\n      <Presentation className=\"size-3.5 shrink-0\" />\n      {!compact && <span className=\"min-w-0 truncate\">{title}</span>}\n      {clips > 0 && (\n        <span className=\"rounded-full bg-primary px-1.5 text-[10px] font-semibold leading-4 text-primary-foreground\">\n          {clips}\n        </span>\n      )}\n    </Button>\n  )\n}\n"],
-  "mappings": ";AA2BI,SASE,KATF;AA3BJ,SAAS,oBAAoB;AAC7B,SAAS,uBAAuB,qBAAqB,2BAA2B;AAChF,SAAS,cAAc;AACvB,SAAS,uBAAuB;AAChC,SAAS,wBAAwB;AAO1B,SAAS,iBAAiB,EAAE,QAAQ,GAAyB;AAClE,QAAM,UAAU,oBAAoB;AACpC,QAAM,UAAU,gBAAgB,CAAC,MAAM,EAAE,OAAO;AAChD,QAAM,QAAQ,gBAAgB,CAAC,MAAM,EAAE,MAAM,MAAM;AACnD,QAAM,QAAQ,gBAAgB,CAAC,MAAM,EAAE,KAAK;AAC5C,QAAM,OAAO;AAAA,IACX,CAAC,MAAM,EAAE,iBAAiB,OAAO,WAAW,EAAE,eAAe,QAAQ;AAAA,EACvE;AACA,MAAI,QAAS,YAAY,QAAQ,UAAU,EAAI,QAAO;AACtD,QAAM,OAAO,MAAM;AACjB,QAAI,YAAY,KAAM,QAAO,iBAAiB,SAAS,EAAE,MAAM,MAAM,CAAC;AACtE,YAAQ,mBAAmB,EAAE,IAAI,SAAS,MAAM,KAAK,CAAC;AACtD,YAAQ,kBAAkB,EAAE,KAAK,SAAS,CAAC;AAC3C,YAAQ,UAAU,uBAAuB,QAAQ;AAAA,EACnD;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,WAAU;AAAA,MACV,SAAS;AAAA,MACT,OAAO,6BAA6B,KAAK,MAAM,KAAK,QAAQ,UAAU,IAAI,KAAK,GAAG;AAAA,MAClF,eAAY;AAAA,MAEZ;AAAA,4BAAC,gBAAa,WAAU,qBAAoB;AAAA,QAC3C,CAAC,WAAW,oBAAC,UAAK,WAAU,oBAAoB,iBAAM;AAAA,QACtD,QAAQ,KACP,oBAAC,UAAK,WAAU,8FACb,iBACH;AAAA;AAAA;AAAA,EAEJ;AAEJ;",
+  "sourcesContent": ["import { Presentation } from 'lucide-react'\nimport { useArbiSessionState, useArbiSessionStore } from '@arbidocs/react'\nimport { Button } from '@arbidocs/react/ui'\nimport { usePresentation } from '../../presentation/store'\nimport { showPresentation } from './requests'\n\n/**\n * Back to the presentation, from any document the viewer shows (clips are gathered while reading,\n * then arranged): its title and how many clips wait in its tray. Shown while a presentation is\n * being made and the viewer is elsewhere.\n */\nexport function PresentationPill({ compact }: { compact: boolean }) {\n  const session = useArbiSessionStore()\n  const boundTo = usePresentation((s) => s.boundTo)\n  const clips = usePresentation((s) => s.clips.length)\n  const title = usePresentation((s) => s.title)\n  const onIt = useArbiSessionState(\n    (s) => s.viewingDocument?.id === boundTo && s.documentViewer.tab === 'slides'\n  )\n  if (onIt || (boundTo === null && clips === 0)) return null\n  const back = () => showPresentation(session, boundTo)\n  return (\n    <Button\n      type=\"button\"\n      variant=\"outline\"\n      size=\"sm\"\n      className=\"h-7 max-w-56 gap-1.5 rounded-full px-2.5 text-xs\"\n      onClick={back}\n      title={`Back to the presentation \"${title}\": ${clips} clip${clips === 1 ? '' : 's'} to arrange`}\n      data-testid=\"presentation-pill\"\n    >\n      <Presentation className=\"size-3.5 shrink-0\" />\n      {!compact && <span className=\"min-w-0 truncate\">{title}</span>}\n      {clips > 0 && (\n        <span className=\"rounded-full bg-primary px-1.5 text-[10px] font-semibold leading-4 text-primary-foreground\">\n          {clips}\n        </span>\n      )}\n    </Button>\n  )\n}\n"],
+  "mappings": ";AAsBI,SASE,KATF;AAtBJ,SAAS,oBAAoB;AAC7B,SAAS,qBAAqB,2BAA2B;AACzD,SAAS,cAAc;AACvB,SAAS,uBAAuB;AAChC,SAAS,wBAAwB;AAO1B,SAAS,iBAAiB,EAAE,QAAQ,GAAyB;AAClE,QAAM,UAAU,oBAAoB;AACpC,QAAM,UAAU,gBAAgB,CAAC,MAAM,EAAE,OAAO;AAChD,QAAM,QAAQ,gBAAgB,CAAC,MAAM,EAAE,MAAM,MAAM;AACnD,QAAM,QAAQ,gBAAgB,CAAC,MAAM,EAAE,KAAK;AAC5C,QAAM,OAAO;AAAA,IACX,CAAC,MAAM,EAAE,iBAAiB,OAAO,WAAW,EAAE,eAAe,QAAQ;AAAA,EACvE;AACA,MAAI,QAAS,YAAY,QAAQ,UAAU,EAAI,QAAO;AACtD,QAAM,OAAO,MAAM,iBAAiB,SAAS,OAAO;AACpD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,WAAU;AAAA,MACV,SAAS;AAAA,MACT,OAAO,6BAA6B,KAAK,MAAM,KAAK,QAAQ,UAAU,IAAI,KAAK,GAAG;AAAA,MAClF,eAAY;AAAA,MAEZ;AAAA,4BAAC,gBAAa,WAAU,qBAAoB;AAAA,QAC3C,CAAC,WAAW,oBAAC,UAAK,WAAU,oBAAoB,iBAAM;AAAA,QACtD,QAAQ,KACP,oBAAC,UAAK,WAAU,8FACb,iBACH;AAAA;AAAA;AAAA,EAEJ;AAEJ;",
   "names": []
 }

package/dist/connection/presentation/requests.d.ts

@@ -8,6 +8,11 @@ export type PresentationRequest = {
     documentId: string;
     version?: number;
 };
+/**
+ * Back to the presentation being edited, on its slides tab (a new one when none is open yet): from
+ * any document the viewer shows.
+ */
+export declare function showPresentation(session: Session, boundTo: string | null): void;
 /**
  * Edit a presentation in the viewer's slides tab: a saved one (its document, on that tab), or a
  * new one (a presentation draft, saved into Files › Presentations when it is first saved).

package/dist/connection/presentation/requests.js

@@ -1,6 +1,12 @@
 "use client";
 import { DOCUMENT_VIEWER_PANEL } from "@arbidocs/react";
 import { versionRef } from "@arbidocs/react/artifacts";
+function showPresentation(session, boundTo) {
+  if (boundTo === null) return editPresentation(session, { kind: "new" });
+  session.setViewingDocument({ id: boundTo, page: null });
+  session.setDocumentViewer({ tab: "slides" });
+  session.openPanel(DOCUMENT_VIEWER_PANEL, "docked");
+}
 function editPresentation(session, request) {
   if (request.kind === "new") {
     session.startDraftDocument("presentation");
@@ -15,6 +21,7 @@ function editPresentation(session, request) {
   session.openPanel(DOCUMENT_VIEWER_PANEL, "docked");
 }
 export {
-  editPresentation
+  editPresentation,
+  showPresentation
 };
 //# sourceMappingURL=requests.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/connection/presentation/requests.ts"],
-  "sourcesContent": ["import { DOCUMENT_VIEWER_PANEL, type ArbiSessionStore } from '@arbidocs/react'\nimport { versionRef } from '@arbidocs/react/artifacts'\n\ntype Session = Pick<\n  ArbiSessionStore,\n  'setViewingDocument' | 'setDocumentViewer' | 'openPanel' | 'startDraftDocument'\n>\n\n/** A presentation to edit: a new one, or a saved one (as of `version`; default its current one). */\nexport type PresentationRequest =\n  { kind: 'new' } | { kind: 'open'; documentId: string; version?: number }\n\n/**\n * Edit a presentation in the viewer's slides tab: a saved one (its document, on that tab), or a\n * new one (a presentation draft, saved into Files \u203A Presentations when it is first saved).\n */\nexport function editPresentation(session: Session, request: PresentationRequest): void {\n  if (request.kind === 'new') {\n    session.startDraftDocument('presentation')\n    return\n  }\n  const { documentId, version } = request\n  session.setViewingDocument({\n    id: version ? versionRef(documentId, version) : documentId,\n    page: null,\n  })\n  session.setDocumentViewer({ tab: 'slides' })\n  session.openPanel(DOCUMENT_VIEWER_PANEL, 'docked')\n}\n"],
-  "mappings": ";AAAA,SAAS,6BAAoD;AAC7D,SAAS,kBAAkB;AAepB,SAAS,iBAAiB,SAAkB,SAAoC;AACrF,MAAI,QAAQ,SAAS,OAAO;AAC1B,YAAQ,mBAAmB,cAAc;AACzC;AAAA,EACF;AACA,QAAM,EAAE,YAAY,QAAQ,IAAI;AAChC,UAAQ,mBAAmB;AAAA,IACzB,IAAI,UAAU,WAAW,YAAY,OAAO,IAAI;AAAA,IAChD,MAAM;AAAA,EACR,CAAC;AACD,UAAQ,kBAAkB,EAAE,KAAK,SAAS,CAAC;AAC3C,UAAQ,UAAU,uBAAuB,QAAQ;AACnD;",
+  "sourcesContent": ["import { DOCUMENT_VIEWER_PANEL, type ArbiSessionStore } from '@arbidocs/react'\nimport { versionRef } from '@arbidocs/react/artifacts'\n\ntype Session = Pick<\n  ArbiSessionStore,\n  'setViewingDocument' | 'setDocumentViewer' | 'openPanel' | 'startDraftDocument'\n>\n\n/** A presentation to edit: a new one, or a saved one (as of `version`; default its current one). */\nexport type PresentationRequest =\n  { kind: 'new' } | { kind: 'open'; documentId: string; version?: number }\n\n/**\n * Back to the presentation being edited, on its slides tab (a new one when none is open yet): from\n * any document the viewer shows.\n */\nexport function showPresentation(session: Session, boundTo: string | null): void {\n  if (boundTo === null) return editPresentation(session, { kind: 'new' })\n  session.setViewingDocument({ id: boundTo, page: null })\n  session.setDocumentViewer({ tab: 'slides' })\n  session.openPanel(DOCUMENT_VIEWER_PANEL, 'docked')\n}\n\n/**\n * Edit a presentation in the viewer's slides tab: a saved one (its document, on that tab), or a\n * new one (a presentation draft, saved into Files \u203A Presentations when it is first saved).\n */\nexport function editPresentation(session: Session, request: PresentationRequest): void {\n  if (request.kind === 'new') {\n    session.startDraftDocument('presentation')\n    return\n  }\n  const { documentId, version } = request\n  session.setViewingDocument({\n    id: version ? versionRef(documentId, version) : documentId,\n    page: null,\n  })\n  session.setDocumentViewer({ tab: 'slides' })\n  session.openPanel(DOCUMENT_VIEWER_PANEL, 'docked')\n}\n"],
+  "mappings": ";AAAA,SAAS,6BAAoD;AAC7D,SAAS,kBAAkB;AAepB,SAAS,iBAAiB,SAAkB,SAA8B;AAC/E,MAAI,YAAY,KAAM,QAAO,iBAAiB,SAAS,EAAE,MAAM,MAAM,CAAC;AACtE,UAAQ,mBAAmB,EAAE,IAAI,SAAS,MAAM,KAAK,CAAC;AACtD,UAAQ,kBAAkB,EAAE,KAAK,SAAS,CAAC;AAC3C,UAAQ,UAAU,uBAAuB,QAAQ;AACnD;AAMO,SAAS,iBAAiB,SAAkB,SAAoC;AACrF,MAAI,QAAQ,SAAS,OAAO;AAC1B,YAAQ,mBAAmB,cAAc;AACzC;AAAA,EACF;AACA,QAAM,EAAE,YAAY,QAAQ,IAAI;AAChC,UAAQ,mBAAmB;AAAA,IACzB,IAAI,UAAU,WAAW,YAAY,OAAO,IAAI;AAAA,IAChD,MAAM;AAAA,EACR,CAAC;AACD,UAAQ,kBAAkB,EAAE,KAAK,SAAS,CAAC;AAC3C,UAAQ,UAAU,uBAAuB,QAAQ;AACnD;",
   "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 = {