@arbidocs/blocks 0.5.122 → 0.5.124

package/dist/{chunk-UTJ223TI.cjs → chunk-BX6G2ZCI.cjs}

@@ -1,8 +1,11 @@
 "use client";
 'use strict';
 
-var chunkWFMWKPGY_cjs = require('./chunk-WFMWKPGY.cjs');
-var chunk4TTX6ZNS_cjs = require('./chunk-4TTX6ZNS.cjs');
+var chunkJITYC4OS_cjs = require('./chunk-JITYC4OS.cjs');
+var chunkWVZLAAIZ_cjs = require('./chunk-WVZLAAIZ.cjs');
+var chunkMVXHTAJ4_cjs = require('./chunk-MVXHTAJ4.cjs');
+var chunkADPRIBSH_cjs = require('./chunk-ADPRIBSH.cjs');
+var chunkORNLCBNE_cjs = require('./chunk-ORNLCBNE.cjs');
 var chunk4CIVQWAX_cjs = require('./chunk-4CIVQWAX.cjs');
 var chunkPL7HUTM3_cjs = require('./chunk-PL7HUTM3.cjs');
 var chunkGFUOCGY6_cjs = require('./chunk-GFUOCGY6.cjs');
@@ -11,7 +14,7 @@ var chunkKXIRVKCJ_cjs = require('./chunk-KXIRVKCJ.cjs');
 var chunk5QERK4PK_cjs = require('./chunk-5QERK4PK.cjs');
 var chunkALK3PUUB_cjs = require('./chunk-ALK3PUUB.cjs');
 var chunk7557LDAN_cjs = require('./chunk-7557LDAN.cjs');
-var chunkLHWOKOMP_cjs = require('./chunk-LHWOKOMP.cjs');
+var chunk3IH55CDE_cjs = require('./chunk-3IH55CDE.cjs');
 var chunkGNZAH6UI_cjs = require('./chunk-GNZAH6UI.cjs');
 var chunkJH6JTI76_cjs = require('./chunk-JH6JTI76.cjs');
 var chunkDTMBAFIL_cjs = require('./chunk-DTMBAFIL.cjs');
@@ -213,14 +216,14 @@ function ViewerRelatedDocuments({ document: document2 }) {
 }
 function PresentationPill({ compact }) {
   const session = react.useArbiSessionStore();
-  const boundTo = chunk4TTX6ZNS_cjs.usePresentation((s) => s.boundTo);
-  const clips = chunk4TTX6ZNS_cjs.usePresentation((s) => s.clips.length);
-  const title = chunk4TTX6ZNS_cjs.usePresentation((s) => s.title);
+  const boundTo = chunkORNLCBNE_cjs.usePresentation((s) => s.boundTo);
+  const clips = chunkORNLCBNE_cjs.usePresentation((s) => s.clips.length);
+  const title = chunkORNLCBNE_cjs.usePresentation((s) => s.title);
   const onIt = react.useArbiSessionState(
     (s) => s.viewingDocument?.id === boundTo && s.documentViewer.tab === "slides"
   );
   if (onIt || boundTo === null && clips === 0) return null;
-  const back = () => chunkWFMWKPGY_cjs.showPresentation(session, boundTo);
+  const back = () => chunkWVZLAAIZ_cjs.showPresentation(session, boundTo);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     ui.Button,
     {
@@ -239,14 +242,26 @@ function PresentationPill({ compact }) {
     }
   );
 }
+var SpotlightStrip = React.lazy(
+  () => import('./SpotlightStrip-ED22UYTM.cjs').then((m) => ({ default: m.SpotlightStrip }))
+);
+function SpotlightLayer() {
+  const { userId } = chunkJR2YSBD5_cjs.useConnectedWorkspace();
+  const gathered = chunkMVXHTAJ4_cjs.useSpotlight((s) => s.clips.length > 0);
+  React.useEffect(() => chunkMVXHTAJ4_cjs.useSpotlight.getState().own(userId ?? null), [userId]);
+  if (!gathered) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(React.Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntime.jsx(SpotlightStrip, {}) });
+}
 function useViewerClipping(clippable, compact) {
-  const [on, setOn] = React.useState(false);
-  const stop = React.useCallback(() => setOn(false), []);
+  const on = chunkMVXHTAJ4_cjs.useSpotlight((s) => s.clipping);
+  const setOn = chunkMVXHTAJ4_cjs.useSpotlight((s) => s.setClipping);
+  const stop = React.useCallback(() => setOn(false), [setOn]);
   const button = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(PresentationPill, { compact }),
-    clippable && /* @__PURE__ */ jsxRuntime.jsx(chunkLHWOKOMP_cjs.ClipButton, { active: on, compact, onClick: () => setOn(!on) })
+    clippable && /* @__PURE__ */ jsxRuntime.jsx(chunk3IH55CDE_cjs.ClipButton, { active: on, compact, onClick: () => setOn(!on) })
   ] });
-  return { clipping: on && clippable, stop, button };
+  const layer = /* @__PURE__ */ jsxRuntime.jsx(SpotlightLayer, {});
+  return { clipping: on && clippable, stop, button, layer };
 }
 var IDLE_MS = 2e3;
 function CleanViewControl({ onExit }) {
@@ -288,7 +303,7 @@ function CleanViewControl({ onExit }) {
             size: "sm",
             variant: "ghost",
             className: "h-7",
-            onClick: () => view && chunkWFMWKPGY_cjs.toggleFullscreen(view),
+            onClick: () => view && chunkADPRIBSH_cjs.toggleFullscreen(view),
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Maximize, { className: "size-3.5" }),
               "Full screen"
@@ -314,7 +329,7 @@ function CleanViewControl({ onExit }) {
     }
   );
 }
-function useCleanView() {
+function useCleanView(extra) {
   const session = react.useArbiSessionStore();
   const detached = react.useArbiSessionState((s) => s.documentViewer.detached);
   const presenting = react.useArbiSessionState((s) => s.documentViewer.presenting);
@@ -330,7 +345,10 @@ function useCleanView() {
     on,
     frame: {
       bare: on,
-      overlay: on ? /* @__PURE__ */ jsxRuntime.jsx(CleanViewControl, { onExit: () => session.setDocumentViewer({ presenting: false }) }) : null
+      overlay: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        on && /* @__PURE__ */ jsxRuntime.jsx(CleanViewControl, { onExit: () => session.setDocumentViewer({ presenting: false }) }),
+        extra
+      ] })
     }
   };
 }
@@ -443,6 +461,37 @@ function ViewerCropModal({ crop }) {
     }
   );
 }
+function ViewerMoreMenu({ items, compact }) {
+  if (!items.length) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs(ui.DropdownMenu, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ui.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+      ui.Button,
+      {
+        type: "button",
+        variant: "outline",
+        size: "icon",
+        className: compact ? "pointer-coarse:size-11" : "size-8 pointer-coarse:size-11",
+        title: "More: share the file, email, translate",
+        "aria-label": "More",
+        "data-testid": "viewer-more-menu",
+        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MoreHorizontal, { className: "size-4" })
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.DropdownMenuContent, { align: "end", children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
+      ui.DropdownMenuItem,
+      {
+        onSelect: item.onSelect,
+        title: item.description,
+        "data-testid": item.testId,
+        children: [
+          item.icon,
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-2", children: item.label })
+        ]
+      },
+      item.key
+    )) })
+  ] });
+}
 var DOCX_EXTENSIONS = /* @__PURE__ */ new Set([".docx", ".doc"]);
 var XLSX_EXTENSIONS = /* @__PURE__ */ new Set([".xlsx", ".xls"]);
 var EMAIL_EXTENSIONS = /* @__PURE__ */ new Set([".eml", ".msg"]);
@@ -1996,17 +2045,17 @@ function clipOutlinesByPage(viewingId, clips, slides) {
 }
 function usePdfClipOutlines(viewingId) {
   const session = react.useArbiSessionStore();
-  const clips = chunk4TTX6ZNS_cjs.usePresentation((s) => s.clips);
-  const slides = chunk4TTX6ZNS_cjs.usePresentation((s) => s.slides);
+  const clips = chunkORNLCBNE_cjs.usePresentation((s) => s.clips);
+  const slides = chunkORNLCBNE_cjs.usePresentation((s) => s.slides);
   const byPage = React.useMemo(
     () => clipOutlinesByPage(viewingId, clips, slides),
     [viewingId, clips, slides]
   );
   const show = React.useCallback(
     (outline) => {
-      const state = chunk4TTX6ZNS_cjs.usePresentation.getState();
+      const state = chunkORNLCBNE_cjs.usePresentation.getState();
       if (outline.slides.length) state.goTo(outline.slides[0]);
-      chunkWFMWKPGY_cjs.showPresentation(session, state.boundTo);
+      chunkWVZLAAIZ_cjs.showPresentation(session, state.boundTo);
     },
     [session]
   );
@@ -2033,9 +2082,10 @@ function PdfPassageHighlights({
       "data-chunk-id": chunkId,
       "data-highlight": highlight,
       className: ui.cn(
-        // multiplied, so the page's text stays as dark as it was under the wash
+        // multiplied, so the page's text stays as dark as it was under the wash. The passage
+        // opened (a citation clicked) is marked plainly: a faint wash on a page is easy to miss.
         "absolute rounded-sm mix-blend-multiply",
-        highlight === "strong" ? "bg-ai-soft ring-1 ring-ai-accent/50" : "bg-ai-soft/60"
+        highlight === "strong" || chunkId === activeId ? "bg-ai-soft ring-2 ring-ai-accent/70" : "bg-ai-soft/60"
       ),
       style: {
         left: `${x0 * 100}%`,
@@ -2047,52 +2097,6 @@ function PdfPassageHighlights({
     chunkId
   )) });
 }
-
-// src/connection/viewer/pdf/passageHighlights.ts
-function passageHighlight(chunkId, { cited, active }) {
-  if (cited.size > 0) {
-    if (!cited.has(chunkId)) return null;
-    return chunkId === active ? "strong" : "light";
-  }
-  return chunkId === active ? "light" : null;
-}
-function asBox(bbox) {
-  if (!bbox || bbox.length !== 4 || !bbox.every(Number.isFinite)) return null;
-  const [x0, y0, x1, y1] = bbox;
-  if (x1 <= x0 || y1 <= y0) return null;
-  return [x0, y0, x1, y1];
-}
-function isWholePage([x0, y0, x1, y1]) {
-  return x0 <= 0 && y0 <= 0 && x1 >= 1 && y1 >= 1;
-}
-function passagePlaced(pages, chunkId) {
-  for (const page of pages) {
-    const chunk = page.chunks.find((entry) => entry.chunkExtId === chunkId);
-    if (chunk) {
-      const box = asBox(chunk.pageBbox);
-      return !!box && !isWholePage(box);
-    }
-  }
-  return false;
-}
-function passageBoxesByPage(pages, state) {
-  const byPage = /* @__PURE__ */ new Map();
-  if (state.cited.size === 0 && !state.active) return byPage;
-  for (const page of pages) {
-    if (page.pageNumber === null) continue;
-    for (const chunk of page.chunks) {
-      const chunkId = chunk.chunkExtId;
-      if (!chunkId) continue;
-      const highlight = passageHighlight(chunkId, state);
-      const box = highlight && asBox(chunk.pageBbox);
-      if (!highlight || !box || isWholePage(box)) continue;
-      const boxes = byPage.get(page.pageNumber) ?? [];
-      boxes.push({ chunkId, box, highlight });
-      byPage.set(page.pageNumber, boxes);
-    }
-  }
-  return byPage;
-}
 var NONE2 = [];
 var NO_FOOTNOTES = {};
 function usePdfPassageHighlights(documentId) {
@@ -2104,7 +2108,7 @@ function usePdfPassageHighlights(documentId) {
   });
   const { processedChunks } = viewers.useProcessedChunks(parsed?.chunks, NO_FOOTNOTES);
   const boxesByPage = React.useMemo(
-    () => passageBoxesByPage(processedChunks, { cited, active }),
+    () => chunkJITYC4OS_cjs.passageBoxesByPage(processedChunks, { cited, active }),
     [processedChunks, cited, active]
   );
   const session = react.useArbiSessionStore();
@@ -2112,7 +2116,7 @@ function usePdfPassageHighlights(documentId) {
   React.useEffect(() => {
     if (!active || !parsed || !documentId) return;
     const key = `${documentId}:${active}`;
-    if (fellBackFor.current === key || passagePlaced(processedChunks, active)) return;
+    if (fellBackFor.current === key || chunkJITYC4OS_cjs.passagePlaced(processedChunks, active)) return;
     fellBackFor.current = key;
     session.setDocumentViewer({ tab: "html" });
   }, [active, parsed, processedChunks, documentId, session]);
@@ -2143,13 +2147,13 @@ function PresentationFileCard({ documentId, fileName }) {
     chunkZW6FPIFC_cjs.EmptyState,
     {
       icon: lucideReact.Presentation,
-      title: chunk4TTX6ZNS_cjs.presentationTitle(fileName),
+      title: chunkORNLCBNE_cjs.presentationTitle(fileName),
       description: "A presentation saved in an earlier format, without its slides. Open it and save it to keep it as a presentation PDF; this file can then be deleted.",
       action: /* @__PURE__ */ jsxRuntime.jsxs(
         ui.Button,
         {
           type: "button",
-          onClick: () => chunkWFMWKPGY_cjs.editPresentation(session, { kind: "open", documentId }),
+          onClick: () => chunkWVZLAAIZ_cjs.editPresentation(session, { kind: "open", documentId }),
           "data-testid": "presentation-file-edit",
           children: [
             /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Pencil, { className: "size-4" }),
@@ -2170,10 +2174,10 @@ var SignatureRequestEditor = React.lazy(
   () => import('./document-tools/viewer/index.cjs').then((m) => ({ default: m.SignatureRequestEditor }))
 );
 var ClippingPdfViewer = React.lazy(
-  () => import('./ClippingPdfViewer-OGYLMVCE.cjs').then((m) => ({ default: m.ClippingPdfViewer }))
+  () => import('./ClippingPdfViewer-3LRTEPHV.cjs').then((m) => ({ default: m.ClippingPdfViewer }))
 );
 var ClippingMediaViewer = React.lazy(
-  () => import('./ClippingMediaViewer-IEIBT74X.cjs').then((m) => ({ default: m.ClippingMediaViewer }))
+  () => import('./ClippingMediaViewer-ZFEX5A3U.cjs').then((m) => ({ default: m.ClippingMediaViewer }))
 );
 var GuidedSigningViewer = React.lazy(
   () => import('./document-tools/viewer/index.cjs').then((m) => ({ default: m.GuidedSigningViewer }))
@@ -2367,7 +2371,7 @@ function ViewerPdfPane({
   return /* @__PURE__ */ jsxRuntime.jsx(SessionPdfViewer, { ...viewerProps, file: pdfBlob });
 }
 var SlidesTab = React.lazy(
-  () => import('./ConnectedSlidesTab-I75LKKN7.cjs').then((m) => ({ default: m.ConnectedSlidesTab }))
+  () => import('./ConnectedSlidesTab-LUAGZ6FD.cjs').then((m) => ({ default: m.ConnectedSlidesTab }))
 );
 var StreamedWordArtifact = React.lazy(
   () => import('./ConnectedStreamedWordArtifact-AG62232A.cjs').then((m) => ({
@@ -2638,7 +2642,7 @@ function DocumentViewerContent({
     ),
     isCompact && !isDraft && documentData?.shared && /* @__PURE__ */ jsxRuntime.jsx(ui.SharingEntity, { shared: true, variant: "icon", "data-testid": "document-shared-status" }),
     isCompact && activeTab === "pdf" && pdfBlob && markup.hasMarkup && !annotating && !placingSignature && /* @__PURE__ */ jsxRuntime.jsx(
-      chunkLHWOKOMP_cjs.MarkupViewNote,
+      chunk3IH55CDE_cjs.MarkupViewNote,
       {
         showOriginal: markup.showOriginal,
         onToggle: () => markup.setShowOriginal((on) => !on)
@@ -2695,9 +2699,9 @@ function DocumentViewerContent({
     isComparing
   });
   const clip = useViewerClipping(annotatable || !!pdfBlob && (isImage || isVideo), isCompact);
-  const clean = useCleanView();
+  const clean = useCleanView(clip.layer);
   const signatureBanner = !isDraft && !liveKind && !snapshotDocumentId && /* @__PURE__ */ jsxRuntime.jsx(
-    chunkLHWOKOMP_cjs.SignatureRequestBanner,
+    chunk3IH55CDE_cjs.SignatureRequestBanner,
     {
       documentId,
       hidden: !!signatureFlow,
@@ -2728,7 +2732,7 @@ function DocumentViewerContent({
   const shownRef = snapshotDocumentId || documentId;
   const rightContent = /* @__PURE__ */ jsxRuntime.jsxs(chunkDTMBAFIL_cjs.ViewerHeaderEnd, { isCompact, children: [
     annotatable && /* @__PURE__ */ jsxRuntime.jsx(
-      chunkLHWOKOMP_cjs.AnnotateButton,
+      chunk3IH55CDE_cjs.AnnotateButton,
       {
         active: annotating,
         compact: isCompact,
@@ -2742,7 +2746,7 @@ function DocumentViewerContent({
     ),
     clip.button,
     activeTab === "pdf" && pdfBlob && !placingSignature && (markup.hasMarkup || annotating) && /* @__PURE__ */ jsxRuntime.jsx(
-      chunkLHWOKOMP_cjs.ShowOriginalButton,
+      chunk3IH55CDE_cjs.ShowOriginalButton,
       {
         active: markup.showOriginal,
         compact: isCompact,
@@ -2753,7 +2757,7 @@ function DocumentViewerContent({
       }
     ),
     activeTab === "pdf" && markup.hasMarkup && !annotating && /* @__PURE__ */ jsxRuntime.jsx(
-      chunkLHWOKOMP_cjs.DownloadMarkupButton,
+      chunk3IH55CDE_cjs.DownloadMarkupButton,
       {
         onClick: () => void markup.downloadMarkup(),
         disabledReason: isSigned ? documentTools.SIGNED_LOCKED_REASON : void 0
@@ -2785,28 +2789,15 @@ function DocumentViewerContent({
         ]
       }
     ),
-    documentId && documentData && !isDraft && !isStreaming && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        ui.Button,
-        {
-          type: "button",
-          variant: "outline",
-          size: "sm",
-          onClick: () => setSharingFile(true),
-          "data-testid": "share-file-button",
-          children: "Share file"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        chunkLHWOKOMP_cjs.FileShareDialog,
-        {
-          open: sharingFile,
-          onOpenChange: setSharingFile,
-          documentId,
-          version: pdfSnapshotNumber ?? documentData.current_version ?? 1
-        }
-      )
-    ] }),
+    documentId && documentData && !isDraft && !isStreaming && /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(
+      chunk3IH55CDE_cjs.FileShareDialog,
+      {
+        open: sharingFile,
+        onOpenChange: setSharingFile,
+        documentId,
+        version: pdfSnapshotNumber ?? documentData.current_version ?? 1
+      }
+    ) }),
     doc.savedDocumentId && !snapshotDocumentId && /* @__PURE__ */ jsxRuntime.jsxs(
       ui.Button,
       {
@@ -2844,43 +2835,6 @@ function DocumentViewerContent({
         stateTestId: "document-title-shared-indicator"
       }
     ),
-    tools.emailDocument && !isDraft && !isStreaming && documentData?.file_name && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mx-1 h-5 w-px bg-border", "aria-hidden": "true" }),
-      /* @__PURE__ */ jsxRuntime.jsxs(
-        ui.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__ */ jsxRuntime.jsx(lucideReact.Mail, { className: "size-4" }),
-            !isCompact && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-1", children: "Email" })
-          ]
-        }
-      )
-    ] }),
-    support.translate && !isDraft && !isStreaming && !liveKind && !isImage && documentData?.file_name && /* @__PURE__ */ jsxRuntime.jsxs(
-      ui.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__ */ jsxRuntime.jsx(lucideReact.Languages, { className: "size-4" }),
-          !isCompact && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-1", children: "Translate" })
-        ]
-      }
-    ),
     !isStreaming && !snapshotDocumentId && /* @__PURE__ */ jsxRuntime.jsx(FinaliseTranslationButton, { document: documentData ?? void 0, isCompact }),
     annotatable && /* @__PURE__ */ jsxRuntime.jsxs(ui.DropdownMenu, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(ui.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
@@ -2894,7 +2848,7 @@ function DocumentViewerContent({
           "data-testid": "signing-menu-trigger",
           className: "pointer-coarse:min-h-11",
           children: [
-            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PenLine, { className: "size-4" }),
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Signature, { className: "size-4" }),
             !isCompact && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-1", children: "Sign" }),
             /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "ml-1 size-3" })
           ]
@@ -2923,7 +2877,7 @@ function DocumentViewerContent({
         ),
         !isSigned && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkLHWOKOMP_cjs.PlaceMySignatureMenuItems,
+            chunk3IH55CDE_cjs.PlaceMySignatureMenuItems,
             {
               onPlace: (mark) => {
                 setPlacingSignature(false);
@@ -2963,6 +2917,44 @@ function DocumentViewerContent({
         appearance: signAppearance
       }
     ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      ViewerMoreMenu,
+      {
+        compact: isCompact,
+        items: [
+          ...documentId && documentData && !isDraft && !isStreaming ? [
+            {
+              key: "share-file",
+              label: "Share file\u2026",
+              icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.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__ */ jsxRuntime.jsx(lucideReact.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__ */ jsxRuntime.jsx(lucideReact.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 = {
@@ -2991,7 +2983,7 @@ function DocumentViewerContent({
         ),
         isCompact && !isCoEditing && /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "viewer-title-row", className: "flex min-w-0 items-center gap-2 px-3 pb-2", children: titleBlock }),
         snapshotDocumentId && /* @__PURE__ */ jsxRuntime.jsx(
-          chunkLHWOKOMP_cjs.VersionSnapshotBar,
+          chunk3IH55CDE_cjs.VersionSnapshotBar,
           {
             versionNumber: snapshotNumber,
             live: isDocx || isArtifact,
@@ -3022,7 +3014,7 @@ function DocumentViewerContent({
             /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: () => void blobs.retryPdf(), className: "underline", children: "Retry loading the current PDF" })
           ] }),
           !clean.on && activeTab === "pdf" && !isMedia && !isImage && /* @__PURE__ */ jsxRuntime.jsx(
-            chunkLHWOKOMP_cjs.MarkupNotices,
+            chunk3IH55CDE_cjs.MarkupNotices,
             {
               legacyPrompt: markup.legacyPrompt,
               olderNote: markup.olderNote,
@@ -3070,7 +3062,7 @@ function DocumentViewerContent({
         ),
         activeTab === "edit" && isArtifact && liveKind && /* @__PURE__ */ jsxRuntime.jsx(chunkEG7EJFUE_cjs.ArtifactCodeView, { source: liveSource, fileName: documentData?.file_name ?? void 0 }),
         activeTab === "edit" && isArtifact && !liveKind && !isStreaming && !isComparing && /* @__PURE__ */ jsxRuntime.jsxs(React.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx(chunkALK3PUUB_cjs.ViewerMessage, { children: "Loading editor\u2026" }), children: [
-          isSigned && !snapshotDocumentId && /* @__PURE__ */ jsxRuntime.jsx(chunkLHWOKOMP_cjs.SignedEditNote, {}),
+          isSigned && !snapshotDocumentId && /* @__PURE__ */ jsxRuntime.jsx(chunk3IH55CDE_cjs.SignedEditNote, {}),
           /* @__PURE__ */ jsxRuntime.jsx(
             chunk7557LDAN_cjs.ConnectedNativeDocxEditor,
             {
@@ -3125,7 +3117,7 @@ function DocumentViewerContent({
         ) }),
         activeTab === "docx" && isDocx && !isComparing && /* @__PURE__ */ jsxRuntime.jsxs(React.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx(chunkALK3PUUB_cjs.ViewerMessage, { children: "Loading editor\u2026" }), children: [
           signatureBanner,
-          isSigned && !snapshotDocumentId && /* @__PURE__ */ jsxRuntime.jsx(chunkLHWOKOMP_cjs.SignedEditNote, {}),
+          isSigned && !snapshotDocumentId && /* @__PURE__ */ jsxRuntime.jsx(chunk3IH55CDE_cjs.SignedEditNote, {}),
           /* @__PURE__ */ jsxRuntime.jsx(
             chunk7557LDAN_cjs.ConnectedNativeDocxEditor,
             {
@@ -3163,5 +3155,5 @@ function DocumentViewerContent({
 }
 
 exports.ConnectedDocumentViewer = ConnectedDocumentViewer;
-//# sourceMappingURL=chunk-UTJ223TI.cjs.map
-//# sourceMappingURL=chunk-UTJ223TI.cjs.map
+//# sourceMappingURL=chunk-BX6G2ZCI.cjs.map
+//# sourceMappingURL=chunk-BX6G2ZCI.cjs.map