@arbidocs/blocks 0.5.119 → 0.5.121

package/dist/{chunk-SB4M3ITT.cjs → chunk-7VUJGHMY.cjs}

@@ -1,29 +1,33 @@
 "use client";
 'use strict';
 
+var chunk5LTIZ44D_cjs = require('./chunk-5LTIZ44D.cjs');
+var chunkXTR26TNE_cjs = require('./chunk-XTR26TNE.cjs');
 var chunk4CIVQWAX_cjs = require('./chunk-4CIVQWAX.cjs');
 var chunkPL7HUTM3_cjs = require('./chunk-PL7HUTM3.cjs');
-var chunkYGXOKB5Z_cjs = require('./chunk-YGXOKB5Z.cjs');
-var chunkKXIRVKCJ_cjs = require('./chunk-KXIRVKCJ.cjs');
-var chunkTT4IF52H_cjs = require('./chunk-TT4IF52H.cjs');
-var chunkNNUK5ZM7_cjs = require('./chunk-NNUK5ZM7.cjs');
-var chunkVGCTYTEW_cjs = require('./chunk-VGCTYTEW.cjs');
-var chunkYYPZOEED_cjs = require('./chunk-YYPZOEED.cjs');
+var chunkVJ5ZLRBD_cjs = require('./chunk-VJ5ZLRBD.cjs');
+var chunk734NPQNR_cjs = require('./chunk-734NPQNR.cjs');
+var chunkUUENH4BJ_cjs = require('./chunk-UUENH4BJ.cjs');
+var chunkBVAT4EVC_cjs = require('./chunk-BVAT4EVC.cjs');
+var chunkJQLWKNJO_cjs = require('./chunk-JQLWKNJO.cjs');
+var chunkC2OICDMI_cjs = require('./chunk-C2OICDMI.cjs');
+var chunkLHWOKOMP_cjs = require('./chunk-LHWOKOMP.cjs');
 var chunkGNZAH6UI_cjs = require('./chunk-GNZAH6UI.cjs');
 var chunkJH6JTI76_cjs = require('./chunk-JH6JTI76.cjs');
 var chunkDTMBAFIL_cjs = require('./chunk-DTMBAFIL.cjs');
 var chunkMZZ3SBQL_cjs = require('./chunk-MZZ3SBQL.cjs');
-var chunkMNIQDXM6_cjs = require('./chunk-MNIQDXM6.cjs');
-var chunkE3Y7RI3J_cjs = require('./chunk-E3Y7RI3J.cjs');
-var chunkVLCY46K6_cjs = require('./chunk-VLCY46K6.cjs');
+var chunkTG2GM7WJ_cjs = require('./chunk-TG2GM7WJ.cjs');
+var chunkFX3K6LNZ_cjs = require('./chunk-FX3K6LNZ.cjs');
+var chunkIPSHAMO2_cjs = require('./chunk-IPSHAMO2.cjs');
 var chunkEG7EJFUE_cjs = require('./chunk-EG7EJFUE.cjs');
 var chunkHQDR43JC_cjs = require('./chunk-HQDR43JC.cjs');
 var chunkJR2YSBD5_cjs = require('./chunk-JR2YSBD5.cjs');
 var chunkSJSGSHIT_cjs = require('./chunk-SJSGSHIT.cjs');
-var chunkFX3K6LNZ_cjs = require('./chunk-FX3K6LNZ.cjs');
-var chunkIPSHAMO2_cjs = require('./chunk-IPSHAMO2.cjs');
-var chunkTKHCIHE2_cjs = require('./chunk-TKHCIHE2.cjs');
+var chunkZW6FPIFC_cjs = require('./chunk-ZW6FPIFC.cjs');
 var chunkLJJJ6CYH_cjs = require('./chunk-LJJJ6CYH.cjs');
+var chunkMNIQDXM6_cjs = require('./chunk-MNIQDXM6.cjs');
+var chunkE3Y7RI3J_cjs = require('./chunk-E3Y7RI3J.cjs');
+var chunkTKHCIHE2_cjs = require('./chunk-TKHCIHE2.cjs');
 var React = require('react');
 var lucideReact = require('lucide-react');
 var react = require('@arbidocs/react');
@@ -43,7 +47,8 @@ var KIND_OPTIONS = [
   { value: "text", icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileText, { className: "w-4 h-4" }), label: "Doc" },
   { value: "audio", icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Mic, { className: "w-4 h-4" }), label: "Voice" },
   { value: "video", icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Video, { className: "w-4 h-4" }), label: "Video" },
-  { value: "photo", icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Camera, { className: "w-4 h-4" }), label: "Photo" }
+  { value: "photo", icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Camera, { className: "w-4 h-4" }), label: "Photo" },
+  { value: "presentation", icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Presentation, { className: "w-4 h-4" }), label: "Presentation" }
 ];
 var useDraft = (documentId) => react.useArbiSessionState((state) => state.draftDocuments[documentId]);
 function ViewerDraftKind({ documentId }) {
@@ -82,7 +87,8 @@ var TITLE_PLACEHOLDER = {
   text: "New Doc",
   audio: "New Audio",
   photo: "New Photo",
-  video: "New Video"
+  video: "New Video",
+  presentation: "New Presentation"
 };
 function selectTitleOnFocus(event) {
   if (event.target instanceof HTMLInputElement) event.target.select();
@@ -125,7 +131,7 @@ function ViewerCaptureDraft({ documentId }) {
   const { notify } = chunkTKHCIHE2_cjs.useBlocksEnvironment();
   const upload = react.useUploadDocuments();
   const { data: userSettings } = react.useUserSettings();
-  if (!draft || draft.kind === "text") return null;
+  if (!draft || draft.kind === "text" || draft.kind === "presentation") return null;
   const kind = draft.kind;
   const file = CAPTURE_FILE[kind];
   const discard = () => {
@@ -194,17 +200,145 @@ function ViewerRelatedDocuments({ document: document2 }) {
   );
   if (!related) return null;
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkTT4IF52H_cjs.RelatedDocumentsCell,
+    chunkBVAT4EVC_cjs.RelatedDocumentsCell,
     {
       currentDoc: document2,
       related,
       viewingDocumentId: viewerOpen ? viewingId : null,
       onDocumentClick: (id) => session.setViewingDocument({ id, page: null }),
-      onDelete: (doc) => chunkYGXOKB5Z_cjs.useFilesDialogs.getState().requestDelete(doc),
+      onDelete: (doc) => chunk734NPQNR_cjs.useFilesDialogs.getState().requestDelete(doc),
       onCompare
     }
   );
 }
+function PresentationPill({ compact }) {
+  const session = react.useArbiSessionStore();
+  const boundTo = chunkXTR26TNE_cjs.usePresentation((s) => s.boundTo);
+  const clips = chunkXTR26TNE_cjs.usePresentation((s) => s.clips.length);
+  const title = chunkXTR26TNE_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 = () => {
+    if (boundTo === null) return chunk5LTIZ44D_cjs.editPresentation(session, { kind: "new" });
+    session.setViewingDocument({ id: boundTo, page: null });
+    session.setDocumentViewer({ tab: "slides" });
+    session.openPanel(react.DOCUMENT_VIEWER_PANEL, "docked");
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    ui.Button,
+    {
+      type: "button",
+      variant: "outline",
+      size: "sm",
+      className: "h-7 max-w-56 gap-1.5 rounded-full px-2.5 text-xs",
+      onClick: back,
+      title: `Back to the presentation "${title}": ${clips} clip${clips === 1 ? "" : "s"} to arrange`,
+      "data-testid": "presentation-pill",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Presentation, { className: "size-3.5 shrink-0" }),
+        !compact && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 truncate", children: title }),
+        clips > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded-full bg-primary px-1.5 text-[10px] font-semibold leading-4 text-primary-foreground", children: clips })
+      ]
+    }
+  );
+}
+function useViewerClipping(clippable, compact) {
+  const [on, setOn] = React.useState(false);
+  const stop = React.useCallback(() => setOn(false), []);
+  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) })
+  ] });
+  return { clipping: on && clippable, stop, button };
+}
+var IDLE_MS = 2e3;
+function CleanViewControl({ onExit }) {
+  const [view, setView] = React.useState(null);
+  const [shown, setShown] = React.useState(true);
+  const ref = React.useCallback((node) => {
+    setView(node?.ownerDocument.defaultView ?? null);
+  }, []);
+  React.useEffect(() => {
+    if (!view) return;
+    let timer = view.setTimeout(() => setShown(false), IDLE_MS);
+    const wake = () => {
+      setShown(true);
+      view.clearTimeout(timer);
+      timer = view.setTimeout(() => setShown(false), IDLE_MS);
+    };
+    view.addEventListener("pointermove", wake);
+    view.addEventListener("keydown", wake);
+    return () => {
+      view.clearTimeout(timer);
+      view.removeEventListener("pointermove", wake);
+      view.removeEventListener("keydown", wake);
+    };
+  }, [view]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ref,
+      className: ui.cn(
+        "absolute right-3 top-3 z-20 flex gap-1 rounded-md bg-background/90 p-1 shadow-md transition-opacity",
+        shown ? "opacity-100" : "pointer-events-none opacity-0"
+      ),
+      "data-testid": "viewer-clean-control",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          ui.Button,
+          {
+            type: "button",
+            size: "sm",
+            variant: "ghost",
+            className: "h-7",
+            onClick: () => view && chunk5LTIZ44D_cjs.toggleFullscreen(view),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Maximize, { className: "size-3.5" }),
+              "Full screen"
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          ui.Button,
+          {
+            type: "button",
+            size: "sm",
+            variant: "ghost",
+            className: "h-7",
+            onClick: onExit,
+            "data-testid": "viewer-clean-exit",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PanelTop, { className: "size-3.5" }),
+              "Show controls"
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+function useCleanView() {
+  const session = react.useArbiSessionStore();
+  const detached = react.useArbiSessionState((s) => s.documentViewer.detached);
+  const presenting = react.useArbiSessionState((s) => s.documentViewer.presenting);
+  const on = detached && presenting;
+  const wasDetached = React.useRef(detached);
+  React.useEffect(() => {
+    if (wasDetached.current && !detached && presenting) {
+      session.setDocumentViewer({ presenting: false });
+    }
+    wasDetached.current = detached;
+  }, [detached, presenting, session]);
+  return {
+    on,
+    frame: {
+      bare: on,
+      overlay: on ? /* @__PURE__ */ jsxRuntime.jsx(CleanViewControl, { onExit: () => session.setDocumentViewer({ presenting: false }) }) : null
+    }
+  };
+}
 var isTranslationDraft = (doc) => !!doc?.derived_from?.some((d) => d.role === "translation") && !doc.derived_from.some((d) => d.role === "final");
 function FinaliseTranslationButton({
   document: document2,
@@ -299,6 +433,21 @@ function useImageCrop(documentId, fileName, imageBlob, workspaceId) {
   );
   return { cropImageUrl, handleOpenCrop, closeCrop, handleCropComplete };
 }
+function ViewerCropModal({ crop }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    react.ImageCropModal,
+    {
+      open: crop.cropImageUrl !== null,
+      image: crop.cropImageUrl,
+      title: "Crop image",
+      saveLabel: "Save as a copy",
+      aspectOptions: react.DEFAULT_ASPECT_OPTIONS,
+      output: { mimeType: "image/png" },
+      onComplete: crop.handleCropComplete,
+      onCancel: crop.closeCrop
+    }
+  );
+}
 var DOCX_EXTENSIONS = /* @__PURE__ */ new Set([".docx", ".doc"]);
 var XLSX_EXTENSIONS = /* @__PURE__ */ new Set([".xlsx", ".xls"]);
 var EMAIL_EXTENSIONS = /* @__PURE__ */ new Set([".eml", ".msg"]);
@@ -327,7 +476,7 @@ function useViewedDocument(documentId) {
   const documentData = record?.external_id === documentId ? record : void 0;
   const { data: tags } = chunkHQDR43JC_cjs.useConnectedTags();
   const labelSummaries = React.useMemo(
-    () => chunkNNUK5ZM7_cjs.summariseDocTags(documentData?.doctags ?? [], tags.filter(chunkNNUK5ZM7_cjs.isDocumentLabel)),
+    () => chunkJQLWKNJO_cjs.summariseDocTags(documentData?.doctags ?? [], tags.filter(chunkJQLWKNJO_cjs.isDocumentLabel)),
     [documentData, tags]
   );
   const fileName = documentData?.file_name;
@@ -338,6 +487,7 @@ function useViewedDocument(documentId) {
   const isAudio = isWebmFile && webmHasVideoTrack === false ? true : ui.isAudioFile(fileName);
   const isBlobArtifact = streamingDoc?.mode === "image" || documentData?.wp_type === "artifact" && (isImage || isVideo || isAudio);
   const isArtifact = (!!streamingDoc || isTextDraft || documentData?.wp_type === "artifact" || isMarkdown) && !isBlobArtifact;
+  const isPresentation = draftDoc?.kind === "presentation" || ui.isPresentationFileName(documentData?.file_name, documentData?.folder);
   const liveKind = isArtifact ? artifacts.artifactKindFromMode(streamingDoc?.mode ?? void 0) ?? artifacts.artifactKindFromFileName(fileName) : null;
   const savedDocumentId = shell.savedDocumentIdFor({
     documentId,
@@ -379,6 +529,7 @@ function useViewedDocument(documentId) {
     isBlobArtifact,
     savedDocumentId,
     isArtifact,
+    isPresentation,
     liveKind,
     liveSource,
     isDocx: DOCX_EXTENSIONS.has(fileExtension(fileName)),
@@ -450,6 +601,7 @@ function useViewerTabs(doc, isCompact, hasHistory = false) {
   const {
     documentData,
     isArtifact,
+    isPresentation,
     isDraft,
     isStreaming,
     isDocx,
@@ -476,7 +628,11 @@ function useViewerTabs(doc, isCompact, hasHistory = false) {
   const hasDocumentData = !!documentData;
   const documentKey = documentData?.external_id;
   React.useEffect(() => {
-    if (isArtifact && (activeTab === "pdf" || !liveKind && activeTab === "docx")) {
+    if (isPresentation && hasDocumentData && activeTab === "pdf") {
+      setActiveTab("slides");
+    } else if (!isPresentation && documentData && activeTab === "slides") {
+      setActiveTab(isDocx ? "docx" : isXlsx ? "xlsx" : "pdf");
+    } else if (isArtifact && (activeTab === "pdf" || !liveKind && activeTab === "docx")) {
       setActiveTab(liveKind ? "preview" : "edit");
     } else if (isDocx && activeTab === "pdf") {
       setActiveTab("docx");
@@ -487,7 +643,7 @@ function useViewerTabs(doc, isCompact, hasHistory = false) {
     } else if (!isArtifact && !isDocx && !isXlsx && documentData && (activeTab === "docx" || activeTab === "xlsx")) {
       setActiveTab("pdf");
     }
-  }, [hasDocumentData, documentKey, isArtifact, isDocx, isXlsx, liveKind]);
+  }, [hasDocumentData, documentKey, isArtifact, isDocx, isXlsx, liveKind, isPresentation]);
   React.useEffect(() => {
     if (!tabRequest || !documentKey || tabRequest.documentId !== documentKey) return;
     phoneDefaultDecidedFor.current = documentKey;
@@ -541,6 +697,15 @@ function useViewerTabs(doc, isCompact, hasHistory = false) {
     label: tabLabel("versions", "Versions")
   };
   const viewerTabs = [
+    // A presentation's slides, edited; then its PDF (the slides as saved), once it has one.
+    ...isPresentation ? [
+      {
+        id: "slides",
+        icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Presentation, { className: "size-5" }),
+        tooltip: "Slides",
+        label: tabLabel("slides", "Slides")
+      }
+    ] : [],
     ...isArtifact ? [
       ...liveKind ? [
         {
@@ -582,7 +747,7 @@ function useViewerTabs(doc, isCompact, hasHistory = false) {
           label: tabLabel("xlsx", "Sheet")
         }
       ] : [],
-      { id: "pdf", ...mediaTab, label: tabLabel("pdf", mediaTab.tooltip) },
+      ...isPresentation && isDraft ? [] : [{ id: "pdf", ...mediaTab, label: tabLabel("pdf", mediaTab.tooltip) }],
       ...hasVersionsTab ? [versionsTab] : []
     ],
     ...(hasParsedContent || compareId) && !liveKind ? [
@@ -881,7 +1046,7 @@ function PassageTagPanel({
     [workspaceTags]
   );
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkNNUK5ZM7_cjs.TagPassagePanel,
+    chunkJQLWKNJO_cjs.TagPassagePanel,
     {
       pageNumber,
       preview,
@@ -1006,7 +1171,7 @@ var ParsedPassage = React.memo(function ParsedPassage2({
     ];
   }) : [];
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkNNUK5ZM7_cjs.HtmlPassage,
+    chunkJQLWKNJO_cjs.HtmlPassage,
     {
       chunkId,
       highlight: isStrong ? "strong" : isLight ? "light" : void 0,
@@ -1046,7 +1211,7 @@ var ParsedPassage = React.memo(function ParsedPassage2({
           items: passageItems
         }
       ) : void 0,
-      children: /* @__PURE__ */ jsxRuntime.jsx(chunkKXIRVKCJ_cjs.ConnectedMarkdown, { children: chunk.content })
+      children: /* @__PURE__ */ jsxRuntime.jsx(chunkUUENH4BJ_cjs.ConnectedMarkdown, { children: chunk.content })
     }
   );
 });
@@ -1182,11 +1347,11 @@ function useDocumentLabels(documentId, doctags, orderedChunkIds) {
   const workspaceTags = React.useMemo(() => allTags.filter(isDocumentTag), [allTags]);
   const documentDoctags = React.useMemo(() => doctags ?? [], [doctags]);
   const tagSummaries = React.useMemo(
-    () => chunkNNUK5ZM7_cjs.summariseDocTags(documentDoctags, workspaceTags),
+    () => chunkJQLWKNJO_cjs.summariseDocTags(documentDoctags, workspaceTags),
     [documentDoctags, workspaceTags]
   );
   const labelSummaries = React.useMemo(
-    () => chunkNNUK5ZM7_cjs.summariseDocTags(documentDoctags, workspaceTags.filter(chunkNNUK5ZM7_cjs.isDocumentLabel)),
+    () => chunkJQLWKNJO_cjs.summariseDocTags(documentDoctags, workspaceTags.filter(chunkJQLWKNJO_cjs.isDocumentLabel)),
     [documentDoctags, workspaceTags]
   );
   const labelsByChunk = React.useMemo(() => {
@@ -1694,14 +1859,14 @@ function ParsedTextView({
       }
     }
   }, [maxPageNumber, onLoadSuccess]);
-  if (isLoading) return /* @__PURE__ */ jsxRuntime.jsx(chunkNNUK5ZM7_cjs.ViewerMessage, { children: "Loading parsed document..." });
+  if (isLoading) return /* @__PURE__ */ jsxRuntime.jsx(chunkJQLWKNJO_cjs.ViewerMessage, { children: "Loading parsed document..." });
   if (error) {
-    return /* @__PURE__ */ jsxRuntime.jsx(chunkNNUK5ZM7_cjs.ViewerMessage, { children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-red-text", children: "Failed to load parsed document" }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(chunkJQLWKNJO_cjs.ViewerMessage, { children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-red-text", children: "Failed to load parsed document" }) });
   }
   const taggingChunk = labels.taggingChunkId ? processedChunks.flatMap((page) => page.chunks).find((c) => c.chunkExtId === labels.taggingChunkId) : void 0;
-  return /* @__PURE__ */ jsxRuntime.jsxs(chunkNNUK5ZM7_cjs.HtmlViewerRoot, { children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(chunkJQLWKNJO_cjs.HtmlViewerRoot, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkNNUK5ZM7_cjs.DocumentLabelBar,
+      chunkJQLWKNJO_cjs.DocumentLabelBar,
       {
         summaries: labels.labelSummaries,
         activeTagExtId: labels.activeTagExtId,
@@ -1726,15 +1891,15 @@ function ParsedTextView({
       }
     ),
     !citation.factCitationActive && citation.runStartIds.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
-      chunkNNUK5ZM7_cjs.CitedRunNav,
+      chunkJQLWKNJO_cjs.CitedRunNav,
       {
         position: citation.runCursor + 1,
         total: citation.runStartIds.length,
         onStep: citation.gotoRun
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsx(chunkNNUK5ZM7_cjs.HtmlViewerSurface, { surfaceRef: containerRef, onMouseUp: citation.handleSelectionEnd, children: processedChunks.length > 0 ? processedChunks.map((page, pageIndex) => /* @__PURE__ */ jsxRuntime.jsx(
-      chunkNNUK5ZM7_cjs.HtmlPage,
+    /* @__PURE__ */ jsxRuntime.jsx(chunkJQLWKNJO_cjs.HtmlViewerSurface, { surfaceRef: containerRef, onMouseUp: citation.handleSelectionEnd, children: processedChunks.length > 0 ? processedChunks.map((page, pageIndex) => /* @__PURE__ */ jsxRuntime.jsx(
+      chunkJQLWKNJO_cjs.HtmlPage,
       {
         pageNumber: page.pageNumber,
         totalPages,
@@ -1775,9 +1940,132 @@ function ParsedTextView({
         })
       },
       pageIndex
-    )) : /* @__PURE__ */ jsxRuntime.jsx(chunkNNUK5ZM7_cjs.HtmlViewerEmpty, {}) })
+    )) : /* @__PURE__ */ jsxRuntime.jsx(chunkJQLWKNJO_cjs.HtmlViewerEmpty, {}) })
   ] });
 }
+function PdfPassageHighlights({
+  boxes,
+  activeId,
+  onActiveDrawn
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pointer-events-none absolute inset-0", "data-testid": "pdf-passage-highlights", children: boxes.map(({ chunkId, box: [x0, y0, x1, y1], highlight }) => /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref: chunkId === activeId ? (element) => {
+        if (element) onActiveDrawn(element);
+      } : void 0,
+      "data-testid": "pdf-passage-highlight",
+      "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
+        "absolute rounded-sm mix-blend-multiply",
+        highlight === "strong" ? "bg-ai-soft ring-1 ring-ai-accent/50" : "bg-ai-soft/60"
+      ),
+      style: {
+        left: `${x0 * 100}%`,
+        top: `${y0 * 100}%`,
+        width: `${(x1 - x0) * 100}%`,
+        height: `${(y1 - y0) * 100}%`
+      }
+    },
+    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 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) {
+  const citedIds = chunk4CIVQWAX_cjs.useViewerPassageCitation()?.highlighted ?? NONE2;
+  const cited = React.useMemo(() => new Set(citedIds), [citedIds]);
+  const active = react.useArbiSessionState((s) => s.viewingDocument?.passageId ?? null);
+  const { data: parsed } = react.useParsedDocument(documentId, "final", {
+    enabled: cited.size > 0 || !!active
+  });
+  const { processedChunks } = viewers.useProcessedChunks(parsed?.chunks, NO_FOOTNOTES);
+  const boxesByPage = React.useMemo(
+    () => passageBoxesByPage(processedChunks, { cited, active }),
+    [processedChunks, cited, active]
+  );
+  const centredFor = React.useRef(null);
+  const activeKey = active ? `${documentId}:${active}` : null;
+  React.useEffect(() => {
+    if (!activeKey) centredFor.current = null;
+  }, [activeKey]);
+  const centre = React.useCallback(
+    (element) => {
+      if (!activeKey || centredFor.current === activeKey) return;
+      centredFor.current = activeKey;
+      element.scrollIntoView?.({ block: "center", behavior: "smooth" });
+    },
+    [activeKey]
+  );
+  return React.useCallback(
+    (pageNumber) => {
+      const boxes = boxesByPage.get(pageNumber);
+      return boxes ? /* @__PURE__ */ jsxRuntime.jsx(PdfPassageHighlights, { boxes, activeId: active, onActiveDrawn: centre }) : null;
+    },
+    [boxesByPage, active, centre]
+  );
+}
+function PresentationFileCard({ documentId, fileName }) {
+  const session = react.useArbiSessionStore();
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-full items-center justify-center p-6", "data-testid": "presentation-file", children: /* @__PURE__ */ jsxRuntime.jsx(
+    chunkZW6FPIFC_cjs.EmptyState,
+    {
+      icon: lucideReact.Presentation,
+      title: chunkXTR26TNE_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: () => chunk5LTIZ44D_cjs.editPresentation(session, { kind: "open", documentId }),
+          "data-testid": "presentation-file-edit",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Pencil, { className: "size-4" }),
+            "Open the slides"
+          ]
+        }
+      )
+    }
+  ) });
+}
 var AnnotatedPdfViewer = React.lazy(
   () => import('./document-tools/viewer/index.cjs').then((m) => ({ default: m.AnnotatedPdfViewer }))
 );
@@ -1787,6 +2075,12 @@ var SignaturePlacementViewer = React.lazy(
 var SignatureRequestEditor = React.lazy(
   () => import('./document-tools/viewer/index.cjs').then((m) => ({ default: m.SignatureRequestEditor }))
 );
+var ClippingPdfViewer = React.lazy(
+  () => import('./ClippingPdfViewer-6GCVTV3V.cjs').then((m) => ({ default: m.ClippingPdfViewer }))
+);
+var ClippingMediaViewer = React.lazy(
+  () => import('./ClippingMediaViewer-B6WG7Q64.cjs').then((m) => ({ default: m.ClippingMediaViewer }))
+);
 var GuidedSigningViewer = React.lazy(
   () => import('./document-tools/viewer/index.cjs').then((m) => ({ default: m.GuidedSigningViewer }))
 );
@@ -1800,7 +2094,24 @@ function SessionPdfViewer(props) {
     },
     [session, viewingId]
   );
-  return /* @__PURE__ */ jsxRuntime.jsx(viewers.PdfViewer, { ...props, onPageChange, disableFontFace: !!isDetached });
+  const passageHighlights = usePdfPassageHighlights(viewingId);
+  const { renderPageOverlay: modeOverlay } = props;
+  const renderPageOverlay = React.useCallback(
+    (page) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      passageHighlights(page.pageNumber),
+      modeOverlay?.(page)
+    ] }),
+    [passageHighlights, modeOverlay]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    viewers.PdfViewer,
+    {
+      ...props,
+      renderPageOverlay,
+      onPageChange,
+      disableFontFace: !!isDetached
+    }
+  );
 }
 function ViewerPdfPane({
   documentId,
@@ -1816,6 +2127,7 @@ function ViewerPdfPane({
   placingSignature,
   onPlacingDone,
   annotating,
+  clipping = false,
   markup,
   pdfSnapshotNumber,
   isSigned,
@@ -1823,9 +2135,12 @@ function ViewerPdfPane({
 }) {
   const { documentData, isDownloadOnly, isVideo, isAudio, isImage, isDocx } = doc;
   const showMarkup = markup.hasMarkup && !markup.showOriginal;
+  if (chunkVJ5ZLRBD_cjs.isLegacyPresentationFile(documentData?.file_name)) {
+    return /* @__PURE__ */ jsxRuntime.jsx(PresentationFileCard, { documentId, fileName: documentData?.file_name ?? "" });
+  }
   if (isDownloadOnly) {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkNNUK5ZM7_cjs.ViewerPreviewUnavailable,
+      chunkJQLWKNJO_cjs.ViewerPreviewUnavailable,
       {
         extension: fileExtension(documentData?.file_name),
         onDownload
@@ -1835,29 +2150,40 @@ function ViewerPdfPane({
   const loadingLabel = isVideo ? "Loading video..." : isAudio ? "Loading audio..." : isImage ? "Loading image..." : !documentData ? "Loading document..." : ui.friendlyFileType(documentData.file_type, documentData.file_name) === "Text" ? "Loading text..." : "Loading PDF...";
   const errorLabel = isVideo ? "Failed to load video" : isAudio ? "Failed to load audio" : isImage ? "Failed to load image" : "Failed to load PDF";
   if (isDocx && !pdfSnapshotNumber && documentData && !["completed", "low-content", "failed"].includes(documentData.status || "")) {
-    return /* @__PURE__ */ jsxRuntime.jsx(chunkNNUK5ZM7_cjs.ViewerMessage, { children: "PDF and search indexing are processing. Open the DOCX tab to edit now." });
+    return /* @__PURE__ */ jsxRuntime.jsx(chunkJQLWKNJO_cjs.ViewerMessage, { children: "PDF and search indexing are processing. Open the DOCX tab to edit now." });
   }
   if (isDocx && !pdfSnapshotNumber && documentData?.status === "failed") {
-    return /* @__PURE__ */ jsxRuntime.jsx(chunkNNUK5ZM7_cjs.ViewerMessage, { children: "PDF conversion failed. Open the Word editor or download the document." });
+    return /* @__PURE__ */ jsxRuntime.jsx(chunkJQLWKNJO_cjs.ViewerMessage, { children: "PDF conversion failed. Open the Word editor or download the document." });
   }
-  if (isPdfLoading) return /* @__PURE__ */ jsxRuntime.jsx(chunkNNUK5ZM7_cjs.ViewerMessage, { children: loadingLabel });
+  if (isPdfLoading) return /* @__PURE__ */ jsxRuntime.jsx(chunkJQLWKNJO_cjs.ViewerMessage, { children: loadingLabel });
   if (pdfError) {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkNNUK5ZM7_cjs.ViewerLoadError,
+      chunkJQLWKNJO_cjs.ViewerLoadError,
       {
         message: isVideo || isAudio || isImage ? `${errorLabel} \u2014 download it instead.` : "Couldn't display the PDF \u2014 download it instead.",
         onDownload
       }
     );
   }
-  if (!pdfBlob) return /* @__PURE__ */ jsxRuntime.jsx(chunkNNUK5ZM7_cjs.ViewerMessage, { children: loadingLabel });
+  if (!pdfBlob) return /* @__PURE__ */ jsxRuntime.jsx(chunkJQLWKNJO_cjs.ViewerMessage, { children: loadingLabel });
+  if (clipping && (isImage || isVideo)) {
+    return /* @__PURE__ */ jsxRuntime.jsx(React.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx(chunkJQLWKNJO_cjs.ViewerMessage, { children: "Loading\u2026" }), children: /* @__PURE__ */ jsxRuntime.jsx(
+      ClippingMediaViewer,
+      {
+        file: pdfBlob,
+        kind: isVideo ? "video" : "image",
+        documentId,
+        fileName: documentData?.file_name || (isVideo ? "Video" : "Image")
+      }
+    ) });
+  }
   if (isVideo) return /* @__PURE__ */ jsxRuntime.jsx(viewers.VideoViewer, { blob: pdfBlob, title: documentData?.file_name || "Video" });
   if (isAudio) return /* @__PURE__ */ jsxRuntime.jsx(viewers.AudioViewer, { blob: pdfBlob, title: documentData?.file_name || "Audio" });
   if (isImage) {
     return /* @__PURE__ */ jsxRuntime.jsx(viewers.ImageViewer, { blob: pdfBlob, alt: documentData?.file_name || "Document image" });
   }
   if (signatureFlow?.kind === "prepare") {
-    return /* @__PURE__ */ jsxRuntime.jsx(React.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx(chunkNNUK5ZM7_cjs.ViewerMessage, { children: "Loading\u2026" }), children: /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ jsxRuntime.jsx(React.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx(chunkJQLWKNJO_cjs.ViewerMessage, { children: "Loading\u2026" }), children: /* @__PURE__ */ jsxRuntime.jsx(
       SignatureRequestEditor,
       {
         ...viewerProps,
@@ -1875,7 +2201,7 @@ function ViewerPdfPane({
   }
   if (signatureFlow?.kind === "sign" && currentUserId) {
     const { currentPage: _page, scrollTrigger: _trigger, ...guidedProps } = viewerProps;
-    return /* @__PURE__ */ jsxRuntime.jsx(React.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx(chunkNNUK5ZM7_cjs.ViewerMessage, { children: "Loading\u2026" }), children: /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ jsxRuntime.jsx(React.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx(chunkJQLWKNJO_cjs.ViewerMessage, { children: "Loading\u2026" }), children: /* @__PURE__ */ jsxRuntime.jsx(
       GuidedSigningViewer,
       {
         ...guidedProps,
@@ -1889,7 +2215,7 @@ function ViewerPdfPane({
     ) });
   }
   if (placingSignature) {
-    return /* @__PURE__ */ jsxRuntime.jsx(React.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx(chunkNNUK5ZM7_cjs.ViewerMessage, { children: "Loading\u2026" }), children: /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ jsxRuntime.jsx(React.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx(chunkJQLWKNJO_cjs.ViewerMessage, { children: "Loading\u2026" }), children: /* @__PURE__ */ jsxRuntime.jsx(
       SignaturePlacementViewer,
       {
         ...viewerProps,
@@ -1901,11 +2227,25 @@ function ViewerPdfPane({
       }
     ) });
   }
+  if (clipping) {
+    return /* @__PURE__ */ jsxRuntime.jsx(React.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx(chunkJQLWKNJO_cjs.ViewerMessage, { children: "Loading\u2026" }), children: /* @__PURE__ */ jsxRuntime.jsx(
+      ClippingPdfViewer,
+      {
+        ...viewerProps,
+        file: pdfBlob,
+        documentId,
+        version: pdfSnapshotNumber,
+        fileName: documentData?.file_name || "Document",
+        hasMarkup: markup.hasMarkup,
+        viewer: SessionPdfViewer
+      }
+    ) });
+  }
   if (annotating || showMarkup) {
     return /* @__PURE__ */ jsxRuntime.jsx(
       React.Suspense,
       {
-        fallback: /* @__PURE__ */ jsxRuntime.jsx(chunkNNUK5ZM7_cjs.ViewerMessage, { children: annotating ? "Loading annotation tools\u2026" : "Loading markup\u2026" }),
+        fallback: /* @__PURE__ */ jsxRuntime.jsx(chunkJQLWKNJO_cjs.ViewerMessage, { children: annotating ? "Loading annotation tools\u2026" : "Loading markup\u2026" }),
         children: /* @__PURE__ */ jsxRuntime.jsx(
           AnnotatedPdfViewer,
           {
@@ -1930,13 +2270,16 @@ function ViewerPdfPane({
   }
   return /* @__PURE__ */ jsxRuntime.jsx(SessionPdfViewer, { ...viewerProps, file: pdfBlob });
 }
+var SlidesTab = React.lazy(
+  () => import('./ConnectedSlidesTab-7QDE2CZD.cjs').then((m) => ({ default: m.ConnectedSlidesTab }))
+);
 var StreamedWordArtifact = React.lazy(
-  () => import('./ConnectedStreamedWordArtifact-S2ZFZLZQ.cjs').then((m) => ({
+  () => import('./ConnectedStreamedWordArtifact-FFOQJBOI.cjs').then((m) => ({
     default: m.ConnectedStreamedWordArtifact
   }))
 );
 var NativeDocxComparison = React.lazy(
-  () => import('./ConnectedNativeDocxComparison-546ILGLW.cjs').then((m) => ({
+  () => import('./ConnectedNativeDocxComparison-4Q5S7VLD.cjs').then((m) => ({
     default: m.ConnectedNativeDocxComparison
   }))
 );
@@ -2011,6 +2354,7 @@ function DocumentViewerContent({
     streamingDoc,
     isStreaming,
     draftDoc,
+    isPresentation,
     isDraft,
     isCaptureDraft,
     labelSummaries,
@@ -2130,7 +2474,7 @@ function DocumentViewerContent({
     signatureDocumentId,
     !isDraft && !liveKind
   );
-  const isCoEditing = !snapshotDocumentId && !compareDocumentId && !isDraft && (activeTab === "docx" && isDocx || activeTab === "edit" && isArtifact && !liveKind && !isStreaming);
+  const isCoEditing = !snapshotDocumentId && !compareDocumentId && !isDraft && (activeTab === "docx" && isDocx || activeTab === "slides" && isPresentation || activeTab === "edit" && isArtifact && !liveKind && !isStreaming);
   const currentVersionLabel = isCoEditing ? void 0 : !snapshotDocumentId && !compareDocumentId && (isDocx || isArtifact && !liveKind) ? "Live" : artifacts.versionLabel(versions, snapshotDocumentId || documentId);
   const compareVersionLabel = artifacts.versionLabel(versions, compareDocumentId);
   const snapshotNumber = artifacts.findVersion(versions, snapshotDocumentId)?.number;
@@ -2157,15 +2501,15 @@ function DocumentViewerContent({
   };
   const documentTitle = streamingDoc?.title || draftDoc?.title || documentData?.doc_metadata?.title || documentData?.file_name || "Document";
   const pageNav = totalPages > 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkNNUK5ZM7_cjs.ViewerZoomControl, { zoom, onCycle: () => setZoom(viewers.cycleZoom(zoom)) }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkJQLWKNJO_cjs.ViewerZoomControl, { zoom, onCycle: () => setZoom(viewers.cycleZoom(zoom)) }),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkNNUK5ZM7_cjs.PdfPageNav,
+      chunkJQLWKNJO_cjs.PdfPageNav,
       {
         canPrev: (viewingDocumentPage || 1) > 1,
         canNext: (viewingDocumentPage || 1) < totalPages,
         onPrev: () => stepPage(-1),
         onNext: () => stepPage(1),
-        counter: /* @__PURE__ */ jsxRuntime.jsx(chunkNNUK5ZM7_cjs.ViewerPageCounter, { page: viewingDocumentPage || 1, total: totalPages, onGoTo: goToPage })
+        counter: /* @__PURE__ */ jsxRuntime.jsx(chunkJQLWKNJO_cjs.ViewerPageCounter, { page: viewingDocumentPage || 1, total: totalPages, onGoTo: goToPage })
       }
     )
   ] });
@@ -2189,16 +2533,16 @@ function DocumentViewerContent({
   );
   const titleBlock = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     isDraft ? /* @__PURE__ */ jsxRuntime.jsx(ViewerDraftTitle, { documentId }) : /* @__PURE__ */ jsxRuntime.jsx(
-      chunkNNUK5ZM7_cjs.ViewerTitle,
+      chunkJQLWKNJO_cjs.ViewerTitle,
       {
         title: documentTitle,
         versionLabel: currentVersionLabel,
         shrink: !!liveKind || isCompact
       }
     ),
-    isCompact && !isDraft && documentData?.shared && /* @__PURE__ */ jsxRuntime.jsx(chunkDTMBAFIL_cjs.ViewerStatusNote, { testId: "document-shared-status", children: "Shared with the workspace" }),
+    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(
-      chunkYYPZOEED_cjs.MarkupViewNote,
+      chunkLHWOKOMP_cjs.MarkupViewNote,
       {
         showOriginal: markup.showOriginal,
         onToggle: () => markup.setShowOriginal((on) => !on)
@@ -2216,7 +2560,7 @@ function DocumentViewerContent({
       /* @__PURE__ */ jsxRuntime.jsx(ViewerDraftKind, { documentId })
     ) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkNNUK5ZM7_cjs.ViewerTabBar,
+        chunkJQLWKNJO_cjs.ViewerTabBar,
         {
           tabs: viewerTabs.filter((tab) => tab.id !== "versions"),
           activeId: activeTab,
@@ -2254,8 +2598,10 @@ function DocumentViewerContent({
     isSnapshot: !!snapshotDocumentId,
     isComparing
   });
+  const clip = useViewerClipping(annotatable || !!pdfBlob && (isImage || isVideo), isCompact);
+  const clean = useCleanView();
   const signatureBanner = !isDraft && !liveKind && !snapshotDocumentId && /* @__PURE__ */ jsxRuntime.jsx(
-    chunkYYPZOEED_cjs.SignatureRequestBanner,
+    chunkLHWOKOMP_cjs.SignatureRequestBanner,
     {
       documentId,
       hidden: !!signatureFlow,
@@ -2286,19 +2632,21 @@ function DocumentViewerContent({
   const shownRef = snapshotDocumentId || documentId;
   const rightContent = /* @__PURE__ */ jsxRuntime.jsxs(chunkDTMBAFIL_cjs.ViewerHeaderEnd, { isCompact, children: [
     annotatable && /* @__PURE__ */ jsxRuntime.jsx(
-      chunkYYPZOEED_cjs.AnnotateButton,
+      chunkLHWOKOMP_cjs.AnnotateButton,
       {
         active: annotating,
         compact: isCompact,
         onClick: () => {
           setPlacingSignature(false);
+          clip.stop();
           markup.setShowOriginal(false);
           setAnnotating((on) => !on);
         }
       }
     ),
+    clip.button,
     activeTab === "pdf" && pdfBlob && !placingSignature && (markup.hasMarkup || annotating) && /* @__PURE__ */ jsxRuntime.jsx(
-      chunkYYPZOEED_cjs.ShowOriginalButton,
+      chunkLHWOKOMP_cjs.ShowOriginalButton,
       {
         active: markup.showOriginal,
         compact: isCompact,
@@ -2309,14 +2657,14 @@ function DocumentViewerContent({
       }
     ),
     activeTab === "pdf" && markup.hasMarkup && !annotating && /* @__PURE__ */ jsxRuntime.jsx(
-      chunkYYPZOEED_cjs.DownloadMarkupButton,
+      chunkLHWOKOMP_cjs.DownloadMarkupButton,
       {
         onClick: () => void markup.downloadMarkup(),
         disabledReason: isSigned ? documentTools.SIGNED_LOCKED_REASON : void 0
       }
     ),
     activeTab === "pdf" && isImage && pdfBlob && /* @__PURE__ */ jsxRuntime.jsx(
-      chunkNNUK5ZM7_cjs.ViewerImageActions,
+      chunkJQLWKNJO_cjs.ViewerImageActions,
       {
         compact: isCompact,
         onUseAsReference: support.useImageAsReference ? () => support.useImageAsReference(documentId) : void 0,
@@ -2354,7 +2702,7 @@ function DocumentViewerContent({
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkYYPZOEED_cjs.FileShareDialog,
+        chunkLHWOKOMP_cjs.FileShareDialog,
         {
           open: sharingFile,
           onOpenChange: setSharingFile,
@@ -2381,11 +2729,11 @@ function DocumentViewerContent({
       }
     ),
     documentId && doc.workspaceId && /* @__PURE__ */ jsxRuntime.jsx(
-      chunkVLCY46K6_cjs.ShareControl,
+      chunkTG2GM7WJ_cjs.ShareControl,
       {
         state: documentData?.shared ? "shared" : "private",
         onToggle: share,
-        disabled: !chunkNNUK5ZM7_cjs.canChangeVisibility(documentData, currentUserId),
+        disabled: !chunkJQLWKNJO_cjs.canChangeVisibility(documentData, currentUserId),
         disabledTooltip: "Only the owner can change visibility",
         tooltip: documentData?.shared ? "Shared with the workspace \u2014 click to share with specific people" : "Share with the workspace, then optionally notify specific people by email",
         variant: "outline",
@@ -2479,7 +2827,7 @@ function DocumentViewerContent({
         ),
         !isSigned && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkYYPZOEED_cjs.PlaceMySignatureMenuItems,
+            chunkLHWOKOMP_cjs.PlaceMySignatureMenuItems,
             {
               onPlace: (mark) => {
                 setPlacingSignature(false);
@@ -2529,7 +2877,7 @@ function DocumentViewerContent({
     onZoomChange: setZoom
   };
   return /* @__PURE__ */ jsxRuntime.jsxs(
-    chunkNNUK5ZM7_cjs.ViewerFrame,
+    chunkJQLWKNJO_cjs.ViewerFrame,
     {
       frameRef: containerRef,
       contentId: documentId,
@@ -2547,7 +2895,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(
-          chunkYYPZOEED_cjs.VersionSnapshotBar,
+          chunkLHWOKOMP_cjs.VersionSnapshotBar,
           {
             versionNumber: snapshotNumber,
             live: isDocx || isArtifact,
@@ -2557,24 +2905,10 @@ function DocumentViewerContent({
         )
       ] }),
       compareRow: isComparing ? compareIndicator || void 0 : void 0,
-      footer: (
-        // Crop to a new document. Full resolution (no maxSize): a crop frames, it never downscales.
-        /* @__PURE__ */ jsxRuntime.jsx(
-          react.ImageCropModal,
-          {
-            open: crop.cropImageUrl !== null,
-            image: crop.cropImageUrl,
-            title: "Crop image",
-            saveLabel: "Save as a copy",
-            aspectOptions: react.DEFAULT_ASPECT_OPTIONS,
-            output: { mimeType: "image/png" },
-            onComplete: crop.handleCropComplete,
-            onCancel: crop.closeCrop
-          }
-        )
-      ),
+      ...clean.frame,
+      footer: /* @__PURE__ */ jsxRuntime.jsx(ViewerCropModal, { crop }),
       children: [
-        isComparing && /* @__PURE__ */ jsxRuntime.jsx(React.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx(chunkNNUK5ZM7_cjs.ViewerMessage, { children: "Loading comparison\u2026" }), children: /* @__PURE__ */ jsxRuntime.jsx(
+        isComparing && /* @__PURE__ */ jsxRuntime.jsx(React.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx(chunkJQLWKNJO_cjs.ViewerMessage, { children: "Loading comparison\u2026" }), children: /* @__PURE__ */ jsxRuntime.jsx(
           NativeDocxComparison,
           {
             baseId: compareDocumentId,
@@ -2584,22 +2918,22 @@ function DocumentViewerContent({
         ) }),
         isCaptureDraft && /* @__PURE__ */ jsxRuntime.jsx(ViewerCaptureDraft, { documentId }),
         !isCaptureDraft && (activeTab === "pdf" || isMedia && activeTab === "html") && (!isArtifact || isDocx && !isDraft && !isStreaming && !liveKind) && !isComparing && /* @__PURE__ */ jsxRuntime.jsxs(chunkDTMBAFIL_cjs.ViewerPane, { hidden: activeTab !== "pdf", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkNNUK5ZM7_cjs.DocumentLabelBar, { summaries: labelSummaries }),
-          !isMedia && !isImage && signatureBanner,
-          activeTab === "pdf" && pdfBlob && !pdfVerified && /* @__PURE__ */ jsxRuntime.jsxs(chunkNNUK5ZM7_cjs.ViewerMessage, { children: [
+          !clean.on && /* @__PURE__ */ jsxRuntime.jsx(chunkJQLWKNJO_cjs.DocumentLabelBar, { summaries: labelSummaries }),
+          !clean.on && !isMedia && !isImage && signatureBanner,
+          !clean.on && activeTab === "pdf" && pdfBlob && !pdfVerified && /* @__PURE__ */ jsxRuntime.jsxs(chunkJQLWKNJO_cjs.ViewerMessage, { children: [
             "Offline copy: its version cannot be verified. Reconnect before signing.",
             " ",
             /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: () => void blobs.retryPdf(), className: "underline", children: "Retry loading the current PDF" })
           ] }),
-          activeTab === "pdf" && !isMedia && !isImage && /* @__PURE__ */ jsxRuntime.jsx(
-            chunkYYPZOEED_cjs.MarkupNotices,
+          !clean.on && activeTab === "pdf" && !isMedia && !isImage && /* @__PURE__ */ jsxRuntime.jsx(
+            chunkLHWOKOMP_cjs.MarkupNotices,
             {
               legacyPrompt: markup.legacyPrompt,
               olderNote: markup.olderNote,
               onOpenVersion: (n) => setSnapshotDocumentId(`${documentId}@v${n}`)
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkNNUK5ZM7_cjs.ViewerControlBar, { controls: activeTab === "pdf" && pageNav, children: /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsxRuntime.jsx(chunkJQLWKNJO_cjs.ViewerControlBar, { controls: !clean.on && activeTab === "pdf" && pageNav, children: /* @__PURE__ */ jsxRuntime.jsx(
             ViewerPdfPane,
             {
               documentId,
@@ -2620,6 +2954,7 @@ function DocumentViewerContent({
                 setIsSignOpen(true);
               },
               annotating,
+              clipping: clip.clipping,
               markup,
               pdfSnapshotNumber,
               isSigned,
@@ -2638,10 +2973,10 @@ 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(chunkNNUK5ZM7_cjs.ViewerMessage, { children: "Loading editor\u2026" }), children: [
-          isSigned && !snapshotDocumentId && /* @__PURE__ */ jsxRuntime.jsx(chunkYYPZOEED_cjs.SignedEditNote, {}),
+        activeTab === "edit" && isArtifact && !liveKind && !isStreaming && !isComparing && /* @__PURE__ */ jsxRuntime.jsxs(React.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx(chunkJQLWKNJO_cjs.ViewerMessage, { children: "Loading editor\u2026" }), children: [
+          isSigned && !snapshotDocumentId && /* @__PURE__ */ jsxRuntime.jsx(chunkLHWOKOMP_cjs.SignedEditNote, {}),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkVGCTYTEW_cjs.ConnectedNativeDocxEditor,
+            chunkC2OICDMI_cjs.ConnectedNativeDocxEditor,
             {
               documentId: snapshotDocumentId || documentId,
               title: documentTitle,
@@ -2682,12 +3017,21 @@ function DocumentViewerContent({
             onOpenTranslation: (id) => setViewingDocumentId(id)
           }
         ),
-        activeTab === "xlsx" && isXlsx && (xlsxBlob ? /* @__PURE__ */ jsxRuntime.jsx(viewers.XlsxViewer, { blob: xlsxBlob }) : /* @__PURE__ */ jsxRuntime.jsx(chunkNNUK5ZM7_cjs.ViewerMessage, { children: xlsxError ? "Failed to load spreadsheet" : "Loading spreadsheet..." })),
-        activeTab === "docx" && isDocx && !isComparing && /* @__PURE__ */ jsxRuntime.jsxs(React.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx(chunkNNUK5ZM7_cjs.ViewerMessage, { children: "Loading editor\u2026" }), children: [
+        activeTab === "xlsx" && isXlsx && (xlsxBlob ? /* @__PURE__ */ jsxRuntime.jsx(viewers.XlsxViewer, { blob: xlsxBlob }) : /* @__PURE__ */ jsxRuntime.jsx(chunkJQLWKNJO_cjs.ViewerMessage, { children: xlsxError ? "Failed to load spreadsheet" : "Loading spreadsheet..." })),
+        activeTab === "slides" && isPresentation && /* @__PURE__ */ jsxRuntime.jsx(React.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx(chunkJQLWKNJO_cjs.ViewerMessage, { children: "Loading slides\u2026" }), children: /* @__PURE__ */ jsxRuntime.jsx(
+          SlidesTab,
+          {
+            documentId,
+            version: snapshotDocumentId ? snapshotNumber : void 0,
+            currentVersion: documentData?.current_version ?? void 0,
+            draftTitle: isDraft ? draftDoc?.title ?? "" : void 0
+          }
+        ) }),
+        activeTab === "docx" && isDocx && !isComparing && /* @__PURE__ */ jsxRuntime.jsxs(React.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx(chunkJQLWKNJO_cjs.ViewerMessage, { children: "Loading editor\u2026" }), children: [
           signatureBanner,
-          isSigned && !snapshotDocumentId && /* @__PURE__ */ jsxRuntime.jsx(chunkYYPZOEED_cjs.SignedEditNote, {}),
+          isSigned && !snapshotDocumentId && /* @__PURE__ */ jsxRuntime.jsx(chunkLHWOKOMP_cjs.SignedEditNote, {}),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkVGCTYTEW_cjs.ConnectedNativeDocxEditor,
+            chunkC2OICDMI_cjs.ConnectedNativeDocxEditor,
             {
               documentId: snapshotDocumentId || documentId,
               title: documentTitle,
@@ -2697,7 +3041,7 @@ function DocumentViewerContent({
             `${snapshotDocumentId || documentId}-${snapshotDocumentId ? "snapshot" : "live"}`
           )
         ] }),
-        streamingDoc && isStreaming && isArtifact && !liveKind && !isComparing && (activeTab === "html" || activeTab === "edit") && /* @__PURE__ */ jsxRuntime.jsx(React.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx(chunkNNUK5ZM7_cjs.ViewerMessage, { children: "Opening draft\u2026" }), children: /* @__PURE__ */ jsxRuntime.jsx(
+        streamingDoc && isStreaming && isArtifact && !liveKind && !isComparing && (activeTab === "html" || activeTab === "edit") && /* @__PURE__ */ jsxRuntime.jsx(React.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx(chunkJQLWKNJO_cjs.ViewerMessage, { children: "Opening draft\u2026" }), children: /* @__PURE__ */ jsxRuntime.jsx(
           StreamedWordArtifact,
           {
             documentId: documentId.startsWith("doc-") ? documentId : void 0,
@@ -2707,7 +3051,7 @@ function DocumentViewerContent({
           },
           documentId
         ) }),
-        !isCaptureDraft && !isComparing && activeTab === "html" && !(isStreaming && isArtifact && !liveKind) && /* @__PURE__ */ jsxRuntime.jsx(chunkDTMBAFIL_cjs.ViewerPane, { children: /* @__PURE__ */ jsxRuntime.jsx(chunkNNUK5ZM7_cjs.ViewerControlBar, { controls: pageNav, children: /* @__PURE__ */ jsxRuntime.jsx(
+        !isCaptureDraft && !isComparing && activeTab === "html" && !(isStreaming && isArtifact && !liveKind) && /* @__PURE__ */ jsxRuntime.jsx(chunkDTMBAFIL_cjs.ViewerPane, { children: /* @__PURE__ */ jsxRuntime.jsx(chunkJQLWKNJO_cjs.ViewerControlBar, { controls: pageNav, children: /* @__PURE__ */ jsxRuntime.jsx(
           ParsedTextView,
           {
             documentId: pdfSnapshotId || documentId,
@@ -2723,5 +3067,5 @@ function DocumentViewerContent({
 }
 
 exports.ConnectedDocumentViewer = ConnectedDocumentViewer;
-//# sourceMappingURL=chunk-SB4M3ITT.cjs.map
-//# sourceMappingURL=chunk-SB4M3ITT.cjs.map
+//# sourceMappingURL=chunk-7VUJGHMY.cjs.map
+//# sourceMappingURL=chunk-7VUJGHMY.cjs.map