@arbidocs/blocks 0.4.150 → 0.4.152

package/dist/connect/viewer.cjs

@@ -1,8 +1,8 @@
 "use client";
 'use strict';
 
-var chunkV4YZXGXR_cjs = require('../chunk-V4YZXGXR.cjs');
-var chunkKLPRAQCE_cjs = require('../chunk-KLPRAQCE.cjs');
+var chunkT74Q3MCZ_cjs = require('../chunk-T74Q3MCZ.cjs');
+var chunk6I6CVX5G_cjs = require('../chunk-6I6CVX5G.cjs');
 require('../chunk-YAEXSCUW.cjs');
 require('../chunk-223D4727.cjs');
 var chunkGAYMJWTC_cjs = require('../chunk-GAYMJWTC.cjs');
@@ -16,6 +16,7 @@ require('../chunk-COCGRJLA.cjs');
 var chunkVLCY46K6_cjs = require('../chunk-VLCY46K6.cjs');
 require('../chunk-FAXXN7KI.cjs');
 require('../chunk-V46W7YLI.cjs');
+var chunkLJJJ6CYH_cjs = require('../chunk-LJJJ6CYH.cjs');
 require('../chunk-SIB6C7P7.cjs');
 require('../chunk-DVUZTGVL.cjs');
 require('../chunk-AHDJXIUB.cjs');
@@ -27,8 +28,6 @@ var chunk2YV7FBLO_cjs = require('../chunk-2YV7FBLO.cjs');
 require('../chunk-VG24E4JJ.cjs');
 require('../chunk-QVBZESYQ.cjs');
 var chunk7RGLTF76_cjs = require('../chunk-7RGLTF76.cjs');
-var chunkKPZZ5FHE_cjs = require('../chunk-KPZZ5FHE.cjs');
-require('../chunk-ULWRNGGE.cjs');
 require('../chunk-5UHAWSEX.cjs');
 require('../chunk-B6MVQCXW.cjs');
 var chunkJKB7WT7L_cjs = require('../chunk-JKB7WT7L.cjs');
@@ -36,11 +35,14 @@ require('../chunk-32HW2Q33.cjs');
 var chunkFX3K6LNZ_cjs = require('../chunk-FX3K6LNZ.cjs');
 require('../chunk-PPCATBOY.cjs');
 require('../chunk-MHVNT4J3.cjs');
+var chunkLXTOOUEN_cjs = require('../chunk-LXTOOUEN.cjs');
+var chunkKPZZ5FHE_cjs = require('../chunk-KPZZ5FHE.cjs');
+require('../chunk-ULWRNGGE.cjs');
 var chunkKDG6FER6_cjs = require('../chunk-KDG6FER6.cjs');
 require('../chunk-DES3K4SD.cjs');
-var react = require('react');
+var React = require('react');
 var lucideReact = require('lucide-react');
-var react$1 = require('@arbidocs/react');
+var react = require('@arbidocs/react');
 var artifacts = require('@arbidocs/react/artifacts');
 var documentTools = require('@arbidocs/react/document-tools');
 var viewers = require('@arbidocs/react/viewers');
@@ -48,41 +50,45 @@ var ui = require('@arbidocs/react/ui');
 var reactQuery = require('@tanstack/react-query');
 var jsxRuntime = require('react/jsx-runtime');
 
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
 function ConnectedDocumentToolsProvider({ children }) {
   const enclosing = documentTools.useOptionalDocumentTools();
   return enclosing ? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children }) : /* @__PURE__ */ jsxRuntime.jsx(OwnDocumentTools, { children });
 }
 function OwnDocumentTools({ children }) {
-  const arbi = react$1.useArbi();
+  const arbi = react.useArbi();
   const queryClient = reactQuery.useQueryClient();
   const { user, ensureWorkspaceOpen } = chunkGFNELPDP_cjs.useConnectedWorkspace();
   const { notify: environmentNotify, openDocument: openInHost } = chunkKPZZ5FHE_cjs.useBlocksEnvironment();
   const client = arbi.isLoggedIn ? arbi.getClient().fetch : null;
-  const signer = react.useMemo(
+  const signer = React.useMemo(
     () => user ? { name: user.name, email: user.email, externalId: user.externalId } : null,
     [user]
   );
-  const notify = react.useCallback(
+  const notify = React.useCallback(
     (message, kind, options) => environmentNotify(message, kind, {
       description: options?.description,
       action: options?.action
     }),
     [environmentNotify]
   );
-  const onDocumentsChanged = react.useCallback(
+  const onDocumentsChanged = React.useCallback(
     async (ids, change) => {
-      const refresh = [react$1.refreshDocuments(queryClient, arbi, ids)];
+      const refresh = [react.refreshDocuments(queryClient, arbi, ids)];
       if (change === "signed" || change === "version")
         for (const id of ids)
           refresh.push(
-            queryClient.invalidateQueries({ queryKey: react$1.arbiQueryKeys.documentVersions(id) }),
+            queryClient.invalidateQueries({ queryKey: react.arbiQueryKeys.documentVersions(id) }),
             queryClient.invalidateQueries({ queryKey: documentTools.documentBytesKey(id) })
           );
       await Promise.all(refresh);
     },
     [queryClient, arbi]
   );
-  const uploadDocument = react.useCallback(
+  const uploadDocument = React.useCallback(
     async (request) => {
       if (!client) throw new Error("Sign in to save a copy.");
       await ensureWorkspaceOpen();
@@ -90,7 +96,7 @@ function OwnDocumentTools({ children }) {
     },
     [client, ensureWorkspaceOpen]
   );
-  const openDocument = react.useCallback((ref) => openInHost(ref), [openInHost]);
+  const openDocument = React.useCallback((ref) => openInHost(ref), [openInHost]);
   if (!client) return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
   return /* @__PURE__ */ jsxRuntime.jsx(
     documentTools.DocumentToolsProvider,
@@ -107,17 +113,17 @@ function OwnDocumentTools({ children }) {
 }
 var isTranslationDraft = (doc) => !!doc?.derived_from?.some((d) => d.role === "translation") && !doc.derived_from.some((d) => d.role === "final");
 function FinaliseTranslationButton({
-  document,
+  document: document2,
   isCompact
 }) {
-  const finalise = react$1.useFinaliseTranslation();
+  const finalise = react.useFinaliseTranslation();
   const { openDocument } = documentTools.useDocumentTools();
   const { notify } = chunkKPZZ5FHE_cjs.useBlocksEnvironment();
-  if (!document || !isTranslationDraft(document)) return null;
+  if (!document2 || !isTranslationDraft(document2)) return null;
   const pending = finalise.isPending;
   const onClick = async () => {
     try {
-      const { document_ext_id: finalId } = await finalise.mutateAsync(document.external_id);
+      const { document_ext_id: finalId } = await finalise.mutateAsync(document2.external_id);
       notify("Saved the final PDF of this translation", "success");
       openDocument?.(finalId);
     } catch (error) {
@@ -150,18 +156,18 @@ function FinaliseTranslationButton({
 function useImageCrop(documentId, fileName, imageBlob) {
   const { uploadDocument, onDocumentsChanged, openDocument } = documentTools.useDocumentTools();
   const { notify } = chunkKPZZ5FHE_cjs.useBlocksEnvironment();
-  const [cropImageUrl, setCropImageUrl] = react.useState(null);
-  const handleOpenCrop = react.useCallback(() => {
+  const [cropImageUrl, setCropImageUrl] = React.useState(null);
+  const handleOpenCrop = React.useCallback(() => {
     if (!imageBlob) return;
     setCropImageUrl(URL.createObjectURL(imageBlob));
   }, [imageBlob]);
-  const closeCrop = react.useCallback(() => {
+  const closeCrop = React.useCallback(() => {
     setCropImageUrl((url) => {
       if (url) URL.revokeObjectURL(url);
       return null;
     });
   }, []);
-  const handleCropComplete = react.useCallback(
+  const handleCropComplete = React.useCallback(
     async (result) => {
       const baseName = (fileName || "image").replace(/\.[^.]+$/, "");
       const file = new File([result.blob], `${baseName} (cropped).png`, { type: "image/png" });
@@ -194,9 +200,9 @@ function fileExtension(fileName) {
   return fileName.substring(fileName.lastIndexOf(".")).toLowerCase();
 }
 function useViewedDocument(documentId) {
-  const support = chunkKLPRAQCE_cjs.useDocumentViewerSupport();
-  const [webmHasVideoTrack, setWebmHasVideoTrack] = react.useState(null);
-  react.useEffect(() => setWebmHasVideoTrack(null), [documentId]);
+  const support = chunk6I6CVX5G_cjs.useDocumentViewerSupport();
+  const [webmHasVideoTrack, setWebmHasVideoTrack] = React.useState(null);
+  React.useEffect(() => setWebmHasVideoTrack(null), [documentId]);
   const streamingDoc = support.streamingDocuments?.[documentId];
   const isStreaming = !!streamingDoc && !streamingDoc.isComplete;
   const draftDoc = support.draftDocuments?.[documentId];
@@ -204,7 +210,7 @@ function useViewedDocument(documentId) {
   const isCaptureDraft = draftDoc?.kind === "audio" || draftDoc?.kind === "photo" || draftDoc?.kind === "video";
   const isTextDraft = draftDoc?.kind === "text";
   const { workspaceId, live } = chunkGFNELPDP_cjs.useConnectedWorkspace();
-  const { data: record } = react$1.useDocument(documentId, {
+  const { data: record } = react.useDocument(documentId, {
     enabled: live && !!workspaceId && !isStreaming && !isDraft,
     // A new version (Save version, a signed copy) is processed before its PDF exists: keep
     // re-reading until it is done, so the PDF tab and the signing tools come back on their own.
@@ -212,8 +218,8 @@ function useViewedDocument(documentId) {
   });
   const documentData = record?.external_id === documentId ? record : void 0;
   const { data: tags } = chunkGAYMJWTC_cjs.useConnectedTags();
-  const labelSummaries = react.useMemo(
-    () => chunkV4YZXGXR_cjs.summariseDocTags(documentData?.doctags ?? [], tags.filter(chunkV4YZXGXR_cjs.isDocumentLabel)),
+  const labelSummaries = React.useMemo(
+    () => chunkT74Q3MCZ_cjs.summariseDocTags(documentData?.doctags ?? [], tags.filter(chunkT74Q3MCZ_cjs.isDocumentLabel)),
     [documentData, tags]
   );
   const fileName = documentData?.file_name;
@@ -238,7 +244,7 @@ function useViewedDocument(documentId) {
   );
   const liveSource = streamingDoc ? streamingDoc.content : liveSourceFetched ?? "";
   const hasParsedDocStatus = documentData?.status === "completed" || documentData?.status === "low-content";
-  const { data: parsedDoc, isLoading: isParsedDocLoading } = react$1.useParsedDocument(
+  const { data: parsedDoc, isLoading: isParsedDocLoading } = react.useParsedDocument(
     documentId,
     "final",
     {
@@ -280,7 +286,7 @@ function useViewerBlobs(documentId, doc) {
   const { setWebmHasVideoTrack } = doc;
   const { client, saveFile } = documentTools.useDocumentTools();
   const { notify } = chunkKPZZ5FHE_cjs.useBlocksEnvironment();
-  const { loadOfflineCopy } = chunkKLPRAQCE_cjs.useDocumentViewerSupport();
+  const { loadOfflineCopy } = chunk6I6CVX5G_cjs.useDocumentViewerSupport();
   const currentVersion = documentData?.current_version ?? 1;
   const name = documentData?.file_name;
   const original = ui.isImageFile(name) || ui.isVideoFile(name) || ui.isAudioFile(name);
@@ -291,15 +297,15 @@ function useViewerBlobs(documentId, doc) {
     enabled: !isArtifact && !!documentData && !isDownloadOnly && (!isDocx || documentData.status === "completed" || documentData.status === "low-content"),
     fallback
   });
-  const [pdfBlob, setPdfBlob] = react.useState(null);
-  react.useEffect(() => setPdfBlob(null), [documentId]);
-  react.useEffect(() => {
+  const [pdfBlob, setPdfBlob] = React.useState(null);
+  React.useEffect(() => setPdfBlob(null), [documentId]);
+  React.useEffect(() => {
     if (pdf.data) setPdfBlob(pdf.data);
   }, [pdf.data]);
-  react.useEffect(() => {
+  React.useEffect(() => {
     if (!isWebmFile || !pdfBlob) return;
     let cancelled = false;
-    void react$1.hasVideoTrack(pdfBlob).then((result) => {
+    void react.hasVideoTrack(pdfBlob).then((result) => {
       if (!cancelled) setWebmHasVideoTrack(result);
     });
     return () => {
@@ -311,7 +317,7 @@ function useViewerBlobs(documentId, doc) {
     kind: "original",
     enabled: !isArtifact && !!documentData && isXlsx
   });
-  const handleDirectDownload = react.useCallback(async () => {
+  const handleDirectDownload = React.useCallback(async () => {
     try {
       saveFile(await documentTools.fetchDocumentFile(client, documentId), documentData?.file_name || "download");
     } catch {
@@ -341,20 +347,20 @@ function useViewerTabs(doc, isCompact, hasHistory = false) {
     hasParsedContent,
     isParsedDocLoading
   } = doc;
-  const session = react$1.useArbiSessionStore();
+  const session = react.useArbiSessionStore();
   const {
     tab: activeTab,
     compareId,
     tabRequest,
     phonePdfChosen
-  } = react$1.useArbiSessionState((s) => s.documentViewer);
+  } = react.useArbiSessionState((s) => s.documentViewer);
   const setActiveTab = (tab) => session.setDocumentViewer({ tab });
   const isTextFile = ui.friendlyFileType(documentData?.file_type, documentData?.file_name) === "Text";
   const isPhone = chunkFX3K6LNZ_cjs.useIsPhone();
-  const phoneDefaultDecidedFor = react.useRef(null);
+  const phoneDefaultDecidedFor = React.useRef(null);
   const hasDocumentData = !!documentData;
   const documentKey = documentData?.external_id;
-  react.useEffect(() => {
+  React.useEffect(() => {
     if (isArtifact && (activeTab === "pdf" || !liveKind && activeTab === "docx")) {
       setActiveTab(liveKind ? "preview" : "edit");
     } else if (isDocx && activeTab === "pdf") {
@@ -367,18 +373,18 @@ function useViewerTabs(doc, isCompact, hasHistory = false) {
       setActiveTab("pdf");
     }
   }, [hasDocumentData, documentKey, isArtifact, isDocx, isXlsx, liveKind]);
-  react.useEffect(() => {
+  React.useEffect(() => {
     if (!tabRequest || !documentKey || tabRequest.documentId !== documentKey) return;
     phoneDefaultDecidedFor.current = documentKey;
     session.setDocumentViewer({ tabRequest: null, tab: tabRequest.tab });
   }, [documentKey, tabRequest]);
   const hasVersionsTab = isArtifact || isDocx || hasHistory;
-  react.useEffect(() => {
+  React.useEffect(() => {
     if (activeTab === "versions" && documentData && !hasVersionsTab) {
       setActiveTab(isXlsx ? "xlsx" : "pdf");
     }
   }, [activeTab, documentData, hasVersionsTab]);
-  react.useEffect(() => {
+  React.useEffect(() => {
     if (activeTab === "html" && documentData !== void 0 && !isParsedDocLoading && !hasParsedContent && !compareId) {
       setActiveTab(isArtifact ? "edit" : isDocx ? "docx" : isXlsx ? "xlsx" : "pdf");
     }
@@ -392,7 +398,7 @@ function useViewerTabs(doc, isCompact, hasHistory = false) {
     isDocx,
     isXlsx
   ]);
-  react.useEffect(() => {
+  React.useEffect(() => {
     if (!isPhone || !documentKey || isParsedDocLoading) return;
     if (phoneDefaultDecidedFor.current === documentKey) return;
     phoneDefaultDecidedFor.current = documentKey;
@@ -407,7 +413,7 @@ function useViewerTabs(doc, isCompact, hasHistory = false) {
     if (isPhone && (tabId === "pdf" || tabId === "html")) change.phonePdfChosen = tabId === "pdf";
     session.setDocumentViewer(change);
   };
-  const mediaTab = isVideo ? { icon: /* @__PURE__ */ jsxRuntime.jsx(react$1.VidIcon, { size: 20 }), tooltip: "Video" } : isAudio ? { icon: /* @__PURE__ */ jsxRuntime.jsx(react$1.AudIcon, { size: 20 }), tooltip: "Audio" } : isImage ? { icon: /* @__PURE__ */ jsxRuntime.jsx(react$1.ImgIcon, { size: 20 }), tooltip: "Image" } : isEmail ? { icon: /* @__PURE__ */ jsxRuntime.jsx(react$1.EmlIcon, { size: 20 }), tooltip: "Email" } : isTextFile ? { icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileText, { className: "size-5" }), tooltip: "Text" } : documentData ? { icon: /* @__PURE__ */ jsxRuntime.jsx(react$1.PdfIcon, { size: 20 }), tooltip: "PDF" } : (
+  const mediaTab = isVideo ? { icon: /* @__PURE__ */ jsxRuntime.jsx(react.VidIcon, { size: 20 }), tooltip: "Video" } : isAudio ? { icon: /* @__PURE__ */ jsxRuntime.jsx(react.AudIcon, { size: 20 }), tooltip: "Audio" } : isImage ? { icon: /* @__PURE__ */ jsxRuntime.jsx(react.ImgIcon, { size: 20 }), tooltip: "Image" } : isEmail ? { icon: /* @__PURE__ */ jsxRuntime.jsx(react.EmlIcon, { size: 20 }), tooltip: "Email" } : isTextFile ? { icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileText, { className: "size-5" }), tooltip: "Text" } : documentData ? { icon: /* @__PURE__ */ jsxRuntime.jsx(react.PdfIcon, { size: 20 }), tooltip: "PDF" } : (
     // The file type is unknown until the record loads: name no guess (a text file
     // would flip from PDF to Text once it arrives).
     { icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileText, { className: "size-5" }), tooltip: "Document" }
@@ -440,7 +446,7 @@ function useViewerTabs(doc, isCompact, hasHistory = false) {
       ...isDocx ? [
         {
           id: "docx",
-          icon: /* @__PURE__ */ jsxRuntime.jsx(react$1.DocIcon, { size: 20 }),
+          icon: /* @__PURE__ */ jsxRuntime.jsx(react.DocIcon, { size: 20 }),
           tooltip: "DOCX (with track changes & comments)",
           label: tabLabel("docx", "DOCX")
         }
@@ -448,7 +454,7 @@ function useViewerTabs(doc, isCompact, hasHistory = false) {
       ...isXlsx ? [
         {
           id: "xlsx",
-          icon: /* @__PURE__ */ jsxRuntime.jsx(react$1.XlsIcon, { size: 20 }),
+          icon: /* @__PURE__ */ jsxRuntime.jsx(react.XlsIcon, { size: 20 }),
           tooltip: "Spreadsheet",
           label: tabLabel("xlsx", "Sheet")
         }
@@ -459,7 +465,7 @@ function useViewerTabs(doc, isCompact, hasHistory = false) {
     ...(hasParsedContent || compareId) && !liveKind ? [
       {
         id: "html",
-        icon: compareId ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileText, { className: "size-5" }) : /* @__PURE__ */ jsxRuntime.jsx(react$1.HtmlIcon, { size: 20 }),
+        icon: compareId ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileText, { className: "size-5" }) : /* @__PURE__ */ jsxRuntime.jsx(react.HtmlIcon, { size: 20 }),
         tooltip: compareId ? "Word redline" : "HTML",
         label: tabLabel("html", compareId ? "Compare" : "HTML")
       }
@@ -470,16 +476,16 @@ function useViewerTabs(doc, isCompact, hasHistory = false) {
 function useViewerVersions(docId) {
   const plainId = docId ? artifacts.parseVersionRef(docId).docId : "";
   const { data: documents } = chunkGAYMJWTC_cjs.useConnectedDocuments();
-  const listed = react.useMemo(
+  const listed = React.useMemo(
     () => plainId ? documents.find((d) => d.external_id === plainId) : void 0,
     [documents, plainId]
   );
-  const { data: history } = react$1.useDocumentVersionList(plainId, { enabled: !!plainId && !listed });
-  const versions = react.useMemo(
+  const { data: history } = react.useDocumentVersionList(plainId, { enabled: !!plainId && !listed });
+  const versions = React.useMemo(
     () => listed ? artifacts.documentVersions(listed) : artifacts.toArtifactVersions(plainId || null, history),
     [listed, history, plainId]
   );
-  const translations = react.useMemo(() => {
+  const translations = React.useMemo(() => {
     if (!plainId) return [];
     return documents.flatMap((doc) => {
       const link = doc.derived_from?.find(
@@ -498,23 +504,1142 @@ function useViewerVersions(docId) {
   }, [documents, plainId]);
   return { versions, translations };
 }
-var AnnotatedPdfViewer = react.lazy(
+
+// src/connection/viewer/parsed/document-tags.ts
+function isDocumentTag(tag) {
+  if (tag.kind === "search") return false;
+  const onDocs = (tag.doctag_count ?? 0) > 0;
+  const onFacts = (tag.facttag_count ?? 0) > 0;
+  return onDocs || !onFacts;
+}
+function hasChunkInCitations(citations, chunkExtId) {
+  return (citations ?? []).some((d) => d.chunks?.some((c) => c.chunk_id === chunkExtId));
+}
+function removeChunkFromCitations(citations, chunkExtId) {
+  if (!citations) return null;
+  const next = citations.map((d) => ({ ...d, chunks: (d.chunks ?? []).filter((c) => c.chunk_id !== chunkExtId) })).filter((d) => d.chunks.length > 0);
+  return next.length ? next : null;
+}
+function addChunkToCitations(citations, documentId, chunkExtId) {
+  const chunk = { chunk_id: chunkExtId, page: null };
+  const list = citations ?? [];
+  const idx = list.findIndex((d) => d.doc_ext_id === documentId);
+  if (idx === -1) return [...list, { doc_ext_id: documentId, chunks: [chunk] }];
+  const doc = list[idx];
+  if ((doc.chunks ?? []).some((c) => c.chunk_id === chunkExtId)) return list;
+  const next = [...list];
+  next[idx] = { ...doc, chunks: [...doc.chunks ?? [], chunk] };
+  return next;
+}
+function useChunkTagging({ documentId, documentDoctags }) {
+  const createDocTag = react.useAssignDocTags();
+  const updateDocTag = react.useUpdateDocTag();
+  const deleteDocTag = react.useRemoveDocTags();
+  const getChunkTagState = React.useCallback(
+    (chunkExtId) => {
+      const appliedTags = documentDoctags.filter(
+        (dt) => hasChunkInCitations(dt.citations, chunkExtId)
+      );
+      const isTagApplied = (tagExtId) => {
+        return appliedTags.some((dt) => dt.tag_ext_id === tagExtId);
+      };
+      const getDoctagForChunk = (tagExtId) => {
+        return appliedTags.find((dt) => dt.tag_ext_id === tagExtId);
+      };
+      return {
+        appliedTags,
+        isTagApplied,
+        getDoctagForChunk
+      };
+    },
+    [documentDoctags]
+  );
+  const toggleChunkTag = React.useCallback(
+    async (chunkExtId, tag, note) => {
+      const existingDoctag = documentDoctags.find((dt) => dt.tag_ext_id === tag.external_id);
+      const isChunkTagged = hasChunkInCitations(existingDoctag?.citations, chunkExtId);
+      if (isChunkTagged) {
+        const updatedCitations = removeChunkFromCitations(existingDoctag.citations, chunkExtId);
+        if (!updatedCitations) {
+          await deleteDocTag.mutateAsync({
+            tagId: tag.external_id,
+            docIds: [documentId]
+          });
+        } else {
+          await updateDocTag.mutateAsync({
+            tagId: tag.external_id,
+            docId: documentId,
+            citations: updatedCitations,
+            note: existingDoctag.note
+          });
+        }
+      } else {
+        if (existingDoctag) {
+          const updatedCitations = addChunkToCitations(
+            existingDoctag.citations,
+            documentId,
+            chunkExtId
+          );
+          await updateDocTag.mutateAsync({
+            tagId: tag.external_id,
+            docId: documentId,
+            citations: updatedCitations,
+            note: note ?? existingDoctag.note
+          });
+        } else {
+          const newCitations = addChunkToCitations(null, documentId, chunkExtId);
+          await createDocTag.mutateAsync({
+            tagId: tag.external_id,
+            docIds: [documentId],
+            citations: newCitations,
+            note
+          });
+        }
+      }
+    },
+    [documentId, documentDoctags, createDocTag, updateDocTag, deleteDocTag]
+  );
+  const updateChunkTagNote = React.useCallback(
+    async (_chunkExtId, tag, note) => {
+      const existingDoctag = documentDoctags.find((dt) => dt.tag_ext_id === tag.external_id);
+      if (!existingDoctag) return;
+      await updateDocTag.mutateAsync({
+        tagId: tag.external_id,
+        docId: documentId,
+        citations: existingDoctag.citations,
+        note
+      });
+    },
+    [documentId, documentDoctags, updateDocTag]
+  );
+  const getChunkTagColors = React.useCallback(
+    (chunkExtId, workspaceTags) => {
+      const { appliedTags } = getChunkTagState(chunkExtId);
+      return appliedTags.map((dt) => {
+        const tag = workspaceTags.find((t) => t.external_id === dt.tag_ext_id);
+        return tag?.external_id;
+      }).filter((id) => !!id);
+    },
+    [getChunkTagState]
+  );
+  const isLoading = createDocTag.isPending || updateDocTag.isPending || deleteDocTag.isPending;
+  return {
+    getChunkTagState,
+    toggleChunkTag,
+    updateChunkTagNote,
+    getChunkTagColors,
+    isLoading
+  };
+}
+var GROUP_TITLES = {
+  checkbox: "Label",
+  select: "Choice",
+  text: "Text",
+  number: "Number"
+};
+function PassageTagPanel({
+  documentId,
+  chunkExtId,
+  chunkContent,
+  pageNumber,
+  documentDoctags,
+  onClose,
+  onViewTaggedChunks
+}) {
+  const { createTag } = chunk6I6CVX5G_cjs.useDocumentViewerSupport();
+  const [editingNoteTagId, setEditingNoteTagId] = React.useState(null);
+  const [noteValue, setNoteValue] = React.useState("");
+  const { data: allTags } = chunkGAYMJWTC_cjs.useConnectedTags();
+  const workspaceTags = React.useMemo(() => allTags.filter(isDocumentTag), [allTags]);
+  const { getChunkTagState, toggleChunkTag, updateChunkTagNote, isLoading } = useChunkTagging({
+    documentId,
+    documentDoctags
+  });
+  const chunkState = React.useMemo(() => getChunkTagState(chunkExtId), [getChunkTagState, chunkExtId]);
+  const groupedTags = React.useMemo(() => {
+    const groups2 = {
+      checkbox: [],
+      select: [],
+      text: [],
+      number: []
+    };
+    workspaceTags.forEach((tag) => {
+      const group = tag.kind === "label" ? "checkbox" : tag.kind === "annotation" ? tag.tag_type.type : null;
+      if (group && groups2[group]) {
+        groups2[group].push(tag);
+      }
+    });
+    return groups2;
+  }, [workspaceTags]);
+  const handleToggleTag = React.useCallback(
+    async (tag) => {
+      try {
+        await toggleChunkTag(chunkExtId, tag);
+      } catch (error) {
+        console.error("Failed to toggle chunk tag:", error);
+      }
+    },
+    [chunkExtId, toggleChunkTag]
+  );
+  const handleStartEditNote = React.useCallback(
+    (tagExtId) => {
+      const doctag = chunkState.getDoctagForChunk(tagExtId);
+      setNoteValue(doctag?.note || "");
+      setEditingNoteTagId(tagExtId);
+    },
+    [chunkState]
+  );
+  const handleSaveNote = React.useCallback(
+    async (tag) => {
+      try {
+        await updateChunkTagNote(chunkExtId, tag, noteValue || null);
+      } catch (error) {
+        console.error("Failed to save note:", error);
+      }
+      setEditingNoteTagId(null);
+      setNoteValue("");
+    },
+    [chunkExtId, noteValue, updateChunkTagNote]
+  );
+  const preview = React.useMemo(() => {
+    const maxLength = 200;
+    if (chunkContent.length <= maxLength) return chunkContent;
+    return chunkContent.slice(0, maxLength) + "...";
+  }, [chunkContent]);
+  const groups = React.useMemo(
+    () => Object.entries(groupedTags).filter(([, tags]) => tags.length > 0).map(([type, tags]) => ({
+      id: type,
+      title: GROUP_TITLES[type] ?? type,
+      tags: tags.map((tag) => ({
+        id: tag.external_id,
+        color: ui.getEntityColor(tag.external_id, "medium"),
+        isApplied: chunkState.isTagApplied(tag.external_id),
+        note: chunkState.getDoctagForChunk(tag.external_id)?.note,
+        badge: /* @__PURE__ */ jsxRuntime.jsx(ui.TagEntity, { tag, size: "sm", showTooltip: false })
+      }))
+    })),
+    [groupedTags, chunkState]
+  );
+  const tagById = React.useMemo(
+    () => new Map(workspaceTags.map((tag) => [tag.external_id, tag])),
+    [workspaceTags]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    chunkT74Q3MCZ_cjs.TagPassagePanel,
+    {
+      pageNumber,
+      preview,
+      groups,
+      isEmpty: workspaceTags.length === 0,
+      isBusy: isLoading,
+      editingNoteTagId,
+      noteValue,
+      onNoteChange: setNoteValue,
+      onToggle: (id) => {
+        const tag = tagById.get(id);
+        if (tag) void handleToggleTag(tag);
+      },
+      onViewTagged: onViewTaggedChunks,
+      onStartNote: handleStartEditNote,
+      onSaveNote: (id) => {
+        const tag = tagById.get(id);
+        if (tag) void handleSaveNote(tag);
+      },
+      onCancelNote: () => {
+        setEditingNoteTagId(null);
+        setNoteValue("");
+      },
+      onCreate: createTag,
+      onClose
+    }
+  );
+}
+var ParsedPassage = React.memo(function ParsedPassage2({
+  chunk,
+  pageNumber,
+  isHighlighted,
+  isSelected,
+  isCitationHighlight,
+  isActiveCitation,
+  factCitationActive,
+  isCitationMode,
+  runIsStart,
+  runIsEnd,
+  runEndIndex,
+  labels,
+  activeTagColor,
+  onTagPassage,
+  onShowLabel,
+  onRemoveLabel,
+  onChunkClick,
+  formatChunkWithCitation,
+  getPassageDeepLink,
+  copyToClipboard,
+  onOpenNavigator
+}) {
+  const chunkId = chunk.chunkExtId;
+  const formattedContent = chunkId ? formatChunkWithCitation(chunk.content, pageNumber || void 0, chunkId) : "";
+  const isStrong = isActiveCitation || !factCitationActive && isSelected;
+  const isLight = isCitationHighlight || !factCitationActive && isHighlighted;
+  const ownIndex = chunk.chunkIndex !== void 0 ? chunk.chunkIndex + 1 : void 0;
+  const runLabel = runEndIndex !== void 0 && ownIndex !== void 0 && runEndIndex > ownIndex ? `\xB6${ownIndex}\u2013${runEndIndex}` : `\xB6${ownIndex ?? ""}`;
+  const showLabel = !!chunkId && (!isSelected || runIsStart);
+  const copyPassage = (type, text, href) => copyToClipboard(text, {
+    type,
+    documentTitle: chunk.docTitle || "Document",
+    pageNumber: pageNumber || void 0,
+    passageIndex: chunk.chunkIndex,
+    passageContent: formattedContent,
+    href
+  });
+  const passageItems = chunkId ? [
+    {
+      id: "copy-passage",
+      label: "Copy passage with citation",
+      primary: true,
+      testId: "passage-copy",
+      onSelect: () => copyPassage("passage", formattedContent, getPassageDeepLink(chunkId) || void 0)
+    },
+    {
+      id: "copy-link",
+      label: "Copy passage link",
+      testId: "passage-copy-link",
+      onSelect: () => {
+        const link = getPassageDeepLink(chunkId);
+        if (link) copyPassage("link", link, link);
+      }
+    },
+    ...onTagPassage ? [
+      {
+        id: "label",
+        label: "Label this passage",
+        testId: "passage-label",
+        onSelect: () => onTagPassage(chunkId)
+      }
+    ] : [],
+    ...onOpenNavigator ? [
+      {
+        id: "navigator",
+        label: "Open in navigator",
+        testId: "passage-navigator",
+        onSelect: onOpenNavigator
+      }
+    ] : []
+  ] : [];
+  const labelItems = chunkId ? labels.flatMap((l, i) => {
+    const suffix = labels.length > 1 ? ` \u201C${l.name}\u201D` : " label";
+    return [
+      ...onShowLabel ? [
+        {
+          id: `show-${l.tagExtId}`,
+          label: `Show${suffix}`,
+          primary: i === 0,
+          testId: "label-show",
+          onSelect: () => onShowLabel(l.tagExtId)
+        }
+      ] : [],
+      ...onRemoveLabel ? [
+        {
+          id: `remove-${l.tagExtId}`,
+          label: `Remove${suffix}`,
+          destructive: true,
+          testId: "label-remove",
+          onSelect: () => onRemoveLabel(chunkId, l.tagExtId)
+        }
+      ] : []
+    ];
+  }) : [];
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    chunkT74Q3MCZ_cjs.HtmlPassage,
+    {
+      chunkId,
+      highlight: isStrong ? "strong" : isLight ? "light" : void 0,
+      isHit: isHighlighted,
+      isSelected,
+      runIsStart,
+      runIsEnd,
+      isClickable: isCitationMode,
+      onSelect: onChunkClick && chunkId ? (extend) => onChunkClick(chunkId, extend) : void 0,
+      isTagged: labels.length > 0,
+      activeTagColor,
+      tagMark: labels.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
+        chunkLXTOOUEN_cjs.LabelMark,
+        {
+          colors: labels.map((l) => l.color),
+          name: `Labels: ${labels.map((l) => l.name).join(", ")}`,
+          menuLabel: "Label actions",
+          testId: `passage-tag-dots-${chunkId}`,
+          preview: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block font-medium", children: labels.map((l) => l.name).join(", ") }),
+          items: labelItems
+        }
+      ) : void 0,
+      runMarker: isSelected && runIsStart ? /* @__PURE__ */ jsxRuntime.jsx(
+        chunkLXTOOUEN_cjs.NoteMark,
+        {
+          label: runLabel,
+          title: "Cited by this note \u2014 click a passage to add, shift-click for a range",
+          testId: `note-marker-${chunkId}`
+        }
+      ) : void 0,
+      mark: showLabel && chunkId ? /* @__PURE__ */ jsxRuntime.jsx(
+        chunkLXTOOUEN_cjs.PassageMark,
+        {
+          label: runLabel,
+          menuLabel: "Passage actions",
+          testId: `passage-mark-${chunkId}`,
+          items: passageItems
+        }
+      ) : void 0,
+      children: /* @__PURE__ */ jsxRuntime.jsx(ui.MarkdownRenderer, { children: chunk.content })
+    }
+  );
+});
+
+// src/connection/viewer/parsed/citation-line.ts
+function formatCitation(data) {
+  const { documentTitle, documentDate, pageNumber } = data;
+  let citation = "";
+  if (documentTitle) {
+    citation += `${documentTitle}`;
+  }
+  if (documentDate) {
+    citation += documentTitle ? `, ${documentDate}` : documentDate;
+  }
+  if (pageNumber) {
+    citation += citation ? `, p. ${pageNumber}` : `p. ${pageNumber}`;
+  }
+  return citation;
+}
+
+// src/connection/viewer/parsed/usePassageCopy.ts
+function usePassageCopy({
+  documentId,
+  documentData,
+  selectedWorkspaceId
+}) {
+  const { notify, runtimeConfig } = chunkKPZZ5FHE_cjs.useBlocksEnvironment();
+  const deploymentDomain = runtimeConfig.deploymentDomain;
+  const formatChunkWithCitation = React.useCallback(
+    (chunkContent, pageNumber, chunkExtId) => {
+      const docDate = documentData?.doc_metadata?.doc_date;
+      const citation = formatCitation({
+        documentTitle: documentData?.doc_metadata?.title || documentData?.file_name || "",
+        documentDate: docDate ? new Date(docDate).toISOString().split("T")[0] : void 0,
+        pageNumber
+      });
+      const deepLinkUrl = selectedWorkspaceId && documentId && chunkExtId ? chunkLJJJ6CYH_cjs.buildDeepLinkUrl(
+        { workspaceId: selectedWorkspaceId, documentId, chunkId: chunkExtId },
+        deploymentDomain
+      ) : "";
+      let result = `"${chunkContent.trim()}"`;
+      if (citation) {
+        result += `
+
+\u2014 ${citation}`;
+      }
+      if (deepLinkUrl) {
+        result += `
+[ARBI Docs link](${deepLinkUrl})`;
+      }
+      return result;
+    },
+    [documentData, selectedWorkspaceId, documentId, deploymentDomain]
+  );
+  const getPassageDeepLink = React.useCallback(
+    (chunkExtId) => {
+      if (!selectedWorkspaceId || !documentId || !chunkExtId) {
+        return "";
+      }
+      return chunkLJJJ6CYH_cjs.buildDeepLinkUrl(
+        { workspaceId: selectedWorkspaceId, documentId, chunkId: chunkExtId },
+        deploymentDomain
+      );
+    },
+    [selectedWorkspaceId, documentId, deploymentDomain]
+  );
+  const copyToClipboard = React.useCallback(
+    async (text, passageInfo) => {
+      try {
+        if (passageInfo?.href) {
+          const isLink = passageInfo.type === "link";
+          const { documentTitle, pageNumber, passageIndex, href } = passageInfo;
+          const pageNotation = pageNumber ? `p.${pageNumber}` : "";
+          const passageNotation = passageIndex !== void 0 ? `(${passageIndex})` : "";
+          const citation = `${documentTitle}${pageNotation ? `, ${pageNotation}${passageNotation}` : ""}`;
+          let html;
+          let plainText;
+          if (isLink) {
+            html = `<a href="${href}" target="_blank" rel="noopener noreferrer">${citation}</a>`;
+            plainText = href;
+          } else {
+            const linkHtml = `<p><a href="${href}" target="_blank" rel="noopener noreferrer">${citation}</a></p>`;
+            html = `${linkHtml}<blockquote style="margin: 8px 0; padding-left: 12px; border-left: 3px solid #ccc;">${text}</blockquote>`;
+            plainText = `${href}
+
+${text}
+
+\u2014 ${citation}`;
+          }
+          const clipboardItem = new ClipboardItem({
+            "text/html": new Blob([html], { type: "text/html" }),
+            "text/plain": new Blob([plainText], { type: "text/plain" })
+          });
+          await navigator.clipboard.write([clipboardItem]);
+          const prefix = isLink ? "Link copied:" : "Passage copied:";
+          const notificationElement = React__default.default.createElement(
+            "span",
+            { className: "inline-flex items-center gap-2" },
+            prefix,
+            React__default.default.createElement(chunkLXTOOUEN_cjs.PassagePill, {
+              icon: React__default.default.createElement(react.HtmlIcon, { size: 16, className: "flex-shrink-0" }),
+              documentTitle: passageInfo.documentTitle,
+              pageNumber: passageInfo.pageNumber,
+              passageIndex: passageInfo.passageIndex,
+              href: passageInfo.href,
+              onClick: (e) => e.stopPropagation(),
+              showTooltip: false
+            })
+          );
+          notify(notificationElement, "success", {
+            workspaceId: selectedWorkspaceId || void 0,
+            // The bell entry deep-links back to the copied passage.
+            href: passageInfo.href
+          });
+        } else {
+          await navigator.clipboard.writeText(text);
+          notify("Copied to clipboard", "success");
+        }
+      } catch (err) {
+        console.error("Clipboard copy failed:", err);
+        notify("Failed to copy to clipboard.", "error");
+      }
+    },
+    [selectedWorkspaceId, notify]
+  );
+  return {
+    formatChunkWithCitation,
+    getPassageDeepLink,
+    copyToClipboard
+  };
+}
+function useDocumentLabels(documentId, doctags, orderedChunkIds) {
+  const { data: allTags } = chunkGAYMJWTC_cjs.useConnectedTags();
+  const workspaceTags = React.useMemo(() => allTags.filter(isDocumentTag), [allTags]);
+  const documentDoctags = React.useMemo(() => doctags ?? [], [doctags]);
+  const tagSummaries = React.useMemo(
+    () => chunkT74Q3MCZ_cjs.summariseDocTags(documentDoctags, workspaceTags),
+    [documentDoctags, workspaceTags]
+  );
+  const labelSummaries = React.useMemo(
+    () => chunkT74Q3MCZ_cjs.summariseDocTags(documentDoctags, workspaceTags.filter(chunkT74Q3MCZ_cjs.isDocumentLabel)),
+    [documentDoctags, workspaceTags]
+  );
+  const labelsByChunk = React.useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    for (const s of tagSummaries) {
+      const label = {
+        tagExtId: s.tagExtId,
+        name: s.name,
+        color: ui.getEntityColor(s.tagExtId, "medium")
+      };
+      for (const id of s.chunkIds) {
+        const list = map.get(id);
+        if (list) list.push(label);
+        else map.set(id, [label]);
+      }
+    }
+    return map;
+  }, [tagSummaries]);
+  const { toggleChunkTag } = useChunkTagging({ documentId, documentDoctags });
+  const removeLabel = React.useCallback(
+    async (chunkExtId, tagExtId) => {
+      const tag = workspaceTags.find((t) => t.external_id === tagExtId);
+      if (!tag) return;
+      try {
+        await toggleChunkTag(chunkExtId, tag);
+      } catch (error) {
+        console.error("Failed to remove passage label", error);
+      }
+    },
+    [workspaceTags, toggleChunkTag]
+  );
+  const [activeTagExtId, setActiveTagExtId] = React.useState(null);
+  const [tagCursor, setTagCursor] = React.useState(0);
+  const [taggingChunkId, setTaggingChunkId] = React.useState(null);
+  const activeTagSummary = tagSummaries.find((t) => t.tagExtId === activeTagExtId);
+  const activeTagColor = activeTagExtId ? ui.getEntityColor(activeTagExtId, "medium") : void 0;
+  const activeChunkIds = React.useMemo(
+    () => new Set(activeTagSummary?.chunkIds ?? []),
+    [activeTagSummary]
+  );
+  const orderedActiveIds = React.useMemo(
+    () => orderedChunkIds.filter((id) => activeChunkIds.has(id)),
+    [orderedChunkIds, activeChunkIds]
+  );
+  const gotoTagged = React.useCallback(
+    (delta) => {
+      if (orderedActiveIds.length === 0) return;
+      const next = (tagCursor + delta + orderedActiveIds.length) % orderedActiveIds.length;
+      setTagCursor(next);
+      document.getElementById(orderedActiveIds[next])?.scrollIntoView({ behavior: "smooth", block: "center" });
+    },
+    [tagCursor, orderedActiveIds]
+  );
+  const selectTag = React.useCallback((tagExtId) => {
+    setActiveTagExtId(tagExtId);
+    setTagCursor(0);
+  }, []);
+  React.useEffect(() => {
+    if (!activeTagExtId || orderedActiveIds.length === 0) return;
+    document.getElementById(orderedActiveIds[0])?.scrollIntoView({ behavior: "smooth", block: "center" });
+  }, [activeTagExtId]);
+  return {
+    documentDoctags,
+    labelSummaries,
+    labelsByChunk,
+    removeLabel,
+    activeTagExtId,
+    activeTagColor,
+    activeChunkIds,
+    tagCursor,
+    gotoTagged,
+    selectTag,
+    taggingChunkId,
+    setTaggingChunkId
+  };
+}
+var NONE = [];
+var noop = () => {
+};
+function useCitationSelection({
+  documentId,
+  containerRef,
+  processedChunks,
+  orderedChunkIds,
+  pageOf
+}) {
+  const { passageCitation } = chunk6I6CVX5G_cjs.useDocumentViewerSupport();
+  const activeCitationContext = passageCitation?.active ?? null;
+  const setPendingPassagesForCitation = passageCitation?.pick ?? noop;
+  const setUnselectedPassagesForCitation = passageCitation?.unpick ?? noop;
+  const viewingPassageId = react.useArbiSessionState((s) => s.viewingDocument?.passageId ?? null);
+  const [selectedChunks, setSelectedChunks] = React.useState(/* @__PURE__ */ new Set());
+  const selectedChunksRef = React.useRef(selectedChunks);
+  selectedChunksRef.current = selectedChunks;
+  const selectionAnchorRef = React.useRef(null);
+  const factCitationChunkIds = passageCitation?.highlighted ?? NONE;
+  const factCitationSet = React.useMemo(() => new Set(factCitationChunkIds), [factCitationChunkIds]);
+  const factCitationActive = factCitationSet.size > 0;
+  const factCitationSetRef = React.useRef(factCitationSet);
+  factCitationSetRef.current = factCitationSet;
+  const isCitationMode = !!activeCitationContext && activeCitationContext.documentId === documentId;
+  const selectionRuns = React.useMemo(
+    () => viewers.computeSelectionRuns(processedChunks, selectedChunks),
+    [processedChunks, selectedChunks]
+  );
+  const runStartIds = React.useMemo(
+    () => orderedChunkIds.filter((id) => selectionRuns.get(id)?.isStart),
+    [orderedChunkIds, selectionRuns]
+  );
+  const [runCursor, setRunCursor] = React.useState(0);
+  const gotoRun = React.useCallback(
+    (delta) => {
+      if (runStartIds.length === 0) return;
+      const next = (runCursor + delta + runStartIds.length) % runStartIds.length;
+      setRunCursor(next);
+      document.getElementById(runStartIds[next])?.scrollIntoView({ behavior: "smooth", block: "center" });
+    },
+    [runCursor, runStartIds]
+  );
+  React.useEffect(() => {
+    if (runCursor >= runStartIds.length) setRunCursor(0);
+  }, [runStartIds.length, runCursor]);
+  React.useEffect(() => {
+    setSelectedChunks(/* @__PURE__ */ new Set());
+  }, [activeCitationContext?.key, activeCitationContext?.documentId]);
+  const handleSelectionEnd = React.useCallback(() => {
+    if (!activeCitationContext || activeCitationContext.documentId !== documentId) return;
+    const selection = window.getSelection();
+    if (!selection || selection.isCollapsed || selection.rangeCount === 0) return;
+    const container = containerRef.current;
+    if (!container) return;
+    const newSelectedChunks = /* @__PURE__ */ new Set();
+    container.querySelectorAll("[data-chunk-id]").forEach((el) => {
+      const chunkId = el.getAttribute("data-chunk-id");
+      if (!chunkId) return;
+      if (selection.containsNode(el, true)) newSelectedChunks.add(chunkId);
+    });
+    if (newSelectedChunks.size > 0) {
+      setSelectedChunks((prev) => /* @__PURE__ */ new Set([...prev, ...newSelectedChunks]));
+      setPendingPassagesForCitation(
+        Array.from(newSelectedChunks).map((id) => ({ chunk_id: id, page: pageOf(id) }))
+      );
+    }
+    selection.removeAllRanges();
+  }, [activeCitationContext, documentId, containerRef, setPendingPassagesForCitation, pageOf]);
+  const handleChunkClick = React.useCallback(
+    (chunkId, extendFromAnchor) => {
+      if (!activeCitationContext || activeCitationContext.documentId !== documentId) return;
+      const anchorId = selectionAnchorRef.current;
+      const anchorIdx = anchorId ? orderedChunkIds.indexOf(anchorId) : -1;
+      const targetIdx = orderedChunkIds.indexOf(chunkId);
+      if (extendFromAnchor && anchorIdx !== -1 && targetIdx !== -1) {
+        const [from, to] = anchorIdx <= targetIdx ? [anchorIdx, targetIdx] : [targetIdx, anchorIdx];
+        const range = orderedChunkIds.slice(from, to + 1);
+        setSelectedChunks((prev) => /* @__PURE__ */ new Set([...prev, ...range]));
+        setPendingPassagesForCitation(range.map((id) => ({ chunk_id: id, page: pageOf(id) })));
+        return;
+      }
+      selectionAnchorRef.current = chunkId;
+      const wasSelected = factCitationSetRef.current.size ? factCitationSetRef.current.has(chunkId) : selectedChunksRef.current.has(chunkId);
+      setSelectedChunks((prev) => {
+        const next = new Set(prev);
+        if (wasSelected) next.delete(chunkId);
+        else next.add(chunkId);
+        return next;
+      });
+      if (wasSelected) setUnselectedPassagesForCitation([chunkId]);
+      else setPendingPassagesForCitation([{ chunk_id: chunkId, page: pageOf(chunkId) }]);
+    },
+    [
+      activeCitationContext,
+      documentId,
+      orderedChunkIds,
+      setPendingPassagesForCitation,
+      setUnselectedPassagesForCitation,
+      pageOf
+    ]
+  );
+  return {
+    isCitationMode,
+    selectedChunks,
+    selectionRuns,
+    runStartIds,
+    runCursor,
+    gotoRun,
+    handleSelectionEnd,
+    handleChunkClick,
+    factCitationSet,
+    factCitationActive,
+    viewingPassageId
+  };
+}
+function scrollToChunk(chunkId) {
+  requestAnimationFrame(() => {
+    const element = document.getElementById(chunkId);
+    if (element) {
+      element.scrollIntoView({ behavior: "auto", block: "center" });
+      return;
+    }
+    setTimeout(() => {
+      document.getElementById(chunkId)?.scrollIntoView({ behavior: "auto", block: "center" });
+    }, 100);
+  });
+}
+function usePageScrollSync({
+  containerRef,
+  processedChunksLength,
+  scrollTrigger,
+  onVisibilityUpdate
+}) {
+  const session = react.useArbiSessionStore();
+  const viewingId = react.useArbiSessionState((s) => s.viewingDocument?.id);
+  const viewingDocumentPage = react.useArbiSessionState((s) => s.viewingDocument?.page ?? null);
+  const viewingPassageId = react.useArbiSessionState((s) => s.viewingDocument?.passageId ?? null);
+  const activeTab = react.useArbiSessionState((s) => s.documentViewer.tab);
+  const setViewingDocumentPage = React.useCallback(
+    (page) => {
+      if (viewingId) session.setViewingDocument({ id: viewingId, page });
+    },
+    [session, viewingId]
+  );
+  const [highlighted, setHighlighted] = React.useState(null);
+  const isChunkHighlighted = React.useCallback(
+    (chunkId) => chunkId === highlighted,
+    [highlighted]
+  );
+  const scrollCompleteRef = React.useRef(false);
+  const viewingPassageIdRef = React.useRef(viewingPassageId);
+  viewingPassageIdRef.current = viewingPassageId;
+  React.useEffect(() => {
+    if (activeTab !== "html") {
+      scrollCompleteRef.current = false;
+    }
+  }, [activeTab]);
+  React.useEffect(() => {
+    if (activeTab !== "html" || processedChunksLength === 0) return;
+    if (scrollCompleteRef.current) return;
+    if (viewingPassageIdRef.current) {
+      scrollCompleteRef.current = true;
+      return;
+    }
+    requestAnimationFrame(() => {
+      if (viewingDocumentPage) {
+        const pageElement = document.getElementById(`page-${viewingDocumentPage}`);
+        if (pageElement) {
+          pageElement.scrollIntoView({ behavior: "auto", block: "start" });
+          setTimeout(() => {
+            scrollCompleteRef.current = true;
+          }, 100);
+        }
+      } else {
+        scrollCompleteRef.current = true;
+      }
+    });
+  }, [activeTab, processedChunksLength]);
+  const lastScrolledPassageRef = React.useRef(null);
+  React.useEffect(() => {
+    if (!viewingPassageId) {
+      lastScrolledPassageRef.current = null;
+      setHighlighted(null);
+    }
+  }, [viewingPassageId]);
+  React.useEffect(() => {
+    if (!viewingPassageId || activeTab !== "html" || processedChunksLength === 0) return;
+    if (lastScrolledPassageRef.current === viewingPassageId) return;
+    lastScrolledPassageRef.current = viewingPassageId;
+    setHighlighted(viewingPassageId);
+    scrollToChunk(viewingPassageId);
+  }, [viewingPassageId, activeTab, processedChunksLength]);
+  const viewingPageRef = React.useRef(viewingDocumentPage);
+  viewingPageRef.current = viewingDocumentPage;
+  React.useEffect(() => {
+    const viewingDocumentPage2 = viewingPageRef.current;
+    if (!scrollTrigger || processedChunksLength === 0 || !viewingDocumentPage2) return;
+    scrollCompleteRef.current = false;
+    requestAnimationFrame(() => {
+      const pageElement = document.getElementById(`page-${viewingDocumentPage2}`);
+      if (pageElement) {
+        pageElement.scrollIntoView({ behavior: "smooth", block: "start" });
+      }
+      setTimeout(() => {
+        scrollCompleteRef.current = true;
+      }, 500);
+    });
+  }, [scrollTrigger, processedChunksLength]);
+  const getPageElements = React.useCallback(
+    () => Array.from(document.querySelectorAll('[id^="page-"]')),
+    []
+  );
+  const getPageNumber = React.useCallback((element) => {
+    const pageMatch = element.id.match(/page-(\d+)/);
+    return pageMatch ? parseInt(pageMatch[1], 10) : 0;
+  }, []);
+  viewers.usePageIntersectionObserver({
+    containerRef,
+    scrollCompleteRef,
+    isEnabled: activeTab === "html" && processedChunksLength > 0,
+    getPageElements,
+    getPageNumber,
+    onPageChange: setViewingDocumentPage,
+    onVisibilityUpdate,
+    observeKey: processedChunksLength
+  });
+  return {
+    isChunkHighlighted
+  };
+}
+
+// src/connection/viewer/parsed/useLazyPages.ts
+var LAZY_LOAD_BUFFER_BEFORE = 2;
+var LAZY_LOAD_BUFFER_AFTER = 5;
+var INITIAL_PAGES_TO_RENDER = 3;
+var PAGE_ASPECT_RATIO = 1.3;
+function useLazyPages({ containerRef, processedChunks, scrollTrigger }) {
+  const [containerWidth, setContainerWidth] = React.useState(0);
+  React.useEffect(() => {
+    const el = containerRef.current;
+    if (!el) return;
+    const observer = new ResizeObserver((entries) => {
+      setContainerWidth(entries[0]?.contentRect.width ?? 0);
+    });
+    observer.observe(el);
+    return () => observer.disconnect();
+  }, [containerRef]);
+  const [renderedPages, setRenderedPages] = React.useState(
+    () => new Set(Array.from({ length: INITIAL_PAGES_TO_RENDER }, (_, i) => i))
+  );
+  React.useEffect(() => {
+    if (processedChunks.length === 0) return;
+    const renderAll = () => {
+      setRenderedPages((prev) => {
+        if (prev.size === processedChunks.length) return prev;
+        return new Set(Array.from({ length: processedChunks.length }, (_, i) => i));
+      });
+    };
+    if (typeof window.requestIdleCallback !== "function") {
+      const timer = setTimeout(renderAll, 200);
+      return () => clearTimeout(timer);
+    }
+    const id = window.requestIdleCallback(renderAll);
+    return () => window.cancelIdleCallback(id);
+  }, [processedChunks.length]);
+  const handleVisibilityUpdate = React.useCallback(
+    (visibilityMap) => {
+      const visiblePageNumbers = Array.from(visibilityMap.entries()).filter(([, ratio]) => ratio > 0).map(([pageNum]) => pageNum);
+      if (visiblePageNumbers.length === 0) return;
+      const visibleIndices = [];
+      processedChunks.forEach((page, index) => {
+        if (page.pageNumber !== null && visiblePageNumbers.includes(page.pageNumber)) {
+          visibleIndices.push(index);
+        }
+      });
+      if (visibleIndices.length === 0) return;
+      const minIndex = Math.min(...visibleIndices);
+      const maxIndex = Math.max(...visibleIndices);
+      const pagesToRender = /* @__PURE__ */ new Set();
+      for (let i = Math.max(0, minIndex - LAZY_LOAD_BUFFER_BEFORE); i <= Math.min(processedChunks.length - 1, maxIndex + LAZY_LOAD_BUFFER_AFTER); i++) {
+        pagesToRender.add(i);
+      }
+      setRenderedPages((prev) => {
+        for (const i of pagesToRender) if (!prev.has(i)) return /* @__PURE__ */ new Set([...prev, ...pagesToRender]);
+        return prev;
+      });
+    },
+    [processedChunks]
+  );
+  const viewingDocumentPage = react.useArbiSessionState((s) => s.viewingDocument?.page ?? null);
+  const viewingPassageId = react.useArbiSessionState((s) => s.viewingDocument?.passageId ?? null);
+  const activeTab = react.useArbiSessionState((s) => s.documentViewer.tab);
+  React.useEffect(() => {
+    if (!viewingDocumentPage || processedChunks.length === 0) return;
+    if (!viewingPassageId && activeTab !== "html") return;
+    const targetIndex = processedChunks.findIndex((p) => p.pageNumber === viewingDocumentPage);
+    if (targetIndex === -1) return;
+    setRenderedPages((prev) => {
+      if (prev.has(targetIndex)) return prev;
+      const next = new Set(prev);
+      for (let i = Math.max(0, targetIndex - LAZY_LOAD_BUFFER_BEFORE); i <= Math.min(processedChunks.length - 1, targetIndex + LAZY_LOAD_BUFFER_AFTER); i++) {
+        next.add(i);
+      }
+      return next;
+    });
+  }, [viewingPassageId, viewingDocumentPage, processedChunks, activeTab]);
+  const tabSwitchScrolledRef = React.useRef(false);
+  const passageScrolledRef = React.useRef(null);
+  React.useEffect(() => {
+    if (activeTab !== "html") tabSwitchScrolledRef.current = false;
+  }, [activeTab]);
+  React.useEffect(() => {
+    if (!viewingPassageId) passageScrolledRef.current = null;
+  }, [viewingPassageId]);
+  React.useEffect(() => {
+    if (activeTab !== "html" || !viewingDocumentPage) return;
+    if (viewingPassageId && passageScrolledRef.current !== viewingPassageId) {
+      const target = viewingPassageId;
+      const deadline = performance.now() + 3e3;
+      let raf = 0;
+      const tick = () => {
+        const el = document.getElementById(target);
+        if (el) {
+          passageScrolledRef.current = target;
+          tabSwitchScrolledRef.current = true;
+          el.scrollIntoView({ behavior: "auto", block: "center" });
+          raf = requestAnimationFrame(
+            () => el.scrollIntoView({ behavior: "auto", block: "center" })
+          );
+          return;
+        }
+        if (performance.now() < deadline) raf = requestAnimationFrame(tick);
+      };
+      raf = requestAnimationFrame(tick);
+      return () => cancelAnimationFrame(raf);
+    }
+    if (tabSwitchScrolledRef.current) return;
+    const pageElement = document.getElementById(`page-${viewingDocumentPage}`);
+    if (!pageElement) return;
+    tabSwitchScrolledRef.current = true;
+    requestAnimationFrame(() => {
+      pageElement.scrollIntoView({ behavior: "auto", block: "start" });
+    });
+  }, [renderedPages, activeTab, viewingDocumentPage, viewingPassageId]);
+  const { isChunkHighlighted } = usePageScrollSync({
+    containerRef,
+    processedChunksLength: processedChunks.length,
+    scrollTrigger,
+    onVisibilityUpdate: handleVisibilityUpdate
+  });
+  return {
+    renderedPages,
+    isChunkHighlighted,
+    placeholderHeight: containerWidth ? containerWidth * PAGE_ASPECT_RATIO : 500
+  };
+}
+var EMPTY_LABELS = [];
+function ParsedTextView({
+  documentId,
+  stage = "final",
+  onLoadSuccess,
+  scrollTrigger,
+  zoom = 1,
+  onZoomChange
+}) {
+  const { workspaceId } = chunkGFNELPDP_cjs.useConnectedWorkspace();
+  const { openInNavigator } = chunk6I6CVX5G_cjs.useDocumentViewerSupport();
+  const containerRef = React.useRef(null);
+  const { data: documentRecord } = react.useDocument(artifacts.parseVersionRef(documentId).docId, {
+    enabled: !!documentId && !!workspaceId
+  });
+  const documentData = documentRecord ?? void 0;
+  const { data: parsedDoc, isLoading, error } = react.useParsedDocument(documentId, stage);
+  const { processedChunks, maxPageNumber } = viewers.useProcessedChunks(
+    parsedDoc?.chunks,
+    parsedDoc?.footnotes || {}
+  );
+  const pageByChunk = React.useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    for (const page of processedChunks) {
+      for (const chunk of page.chunks) {
+        if (chunk.chunkExtId) map.set(chunk.chunkExtId, page.pageNumber ?? void 0);
+      }
+    }
+    return map;
+  }, [processedChunks]);
+  const pageOf = React.useCallback((id) => pageByChunk.get(id), [pageByChunk]);
+  const orderedChunkIds = React.useMemo(
+    () => processedChunks.flatMap(
+      (page) => page.chunks.map((c) => c.chunkExtId).filter((id) => !!id)
+    ),
+    [processedChunks]
+  );
+  const totalPages = React.useMemo(
+    () => processedChunks.filter((p) => p.pageNumber !== null).length,
+    [processedChunks]
+  );
+  const labels = useDocumentLabels(documentId, documentData?.doctags, orderedChunkIds);
+  const citation = useCitationSelection({
+    documentId,
+    containerRef,
+    processedChunks,
+    orderedChunkIds,
+    pageOf
+  });
+  const { renderedPages, isChunkHighlighted, placeholderHeight } = useLazyPages({
+    containerRef,
+    processedChunks,
+    scrollTrigger
+  });
+  viewers.useScrollAnchor(containerRef, processedChunks.length);
+  viewers.usePinchZoom({ containerRef, zoom, onZoomChange });
+  const { formatChunkWithCitation, getPassageDeepLink, copyToClipboard } = usePassageCopy({
+    documentId,
+    documentData,
+    selectedWorkspaceId: workspaceId
+  });
+  const handleOpenNavigator = React.useMemo(
+    () => openInNavigator ? () => openInNavigator(documentId) : void 0,
+    [openInNavigator, documentId]
+  );
+  React.useEffect(() => {
+    if (maxPageNumber > 0 && onLoadSuccess) {
+      try {
+        onLoadSuccess(maxPageNumber);
+      } catch (err) {
+        console.error("Error in onLoadSuccess callback:", err);
+      }
+    }
+  }, [maxPageNumber, onLoadSuccess]);
+  if (isLoading) return /* @__PURE__ */ jsxRuntime.jsx(chunkT74Q3MCZ_cjs.ViewerMessage, { children: "Loading parsed document..." });
+  if (error) {
+    return /* @__PURE__ */ jsxRuntime.jsx(chunkT74Q3MCZ_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(chunkT74Q3MCZ_cjs.HtmlViewerRoot, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      chunkT74Q3MCZ_cjs.DocumentLabelBar,
+      {
+        summaries: labels.labelSummaries,
+        activeTagExtId: labels.activeTagExtId,
+        cursor: labels.tagCursor,
+        onSelect: labels.selectTag,
+        onStep: labels.gotoTagged
+      }
+    ),
+    labels.taggingChunkId && /* @__PURE__ */ jsxRuntime.jsx(
+      PassageTagPanel,
+      {
+        documentId,
+        chunkExtId: labels.taggingChunkId,
+        chunkContent: taggingChunk?.content ?? "",
+        pageNumber: pageOf(labels.taggingChunkId),
+        documentDoctags: labels.documentDoctags,
+        onClose: () => labels.setTaggingChunkId(null),
+        onViewTaggedChunks: (tagExtId) => {
+          labels.selectTag(tagExtId);
+          labels.setTaggingChunkId(null);
+        }
+      }
+    ),
+    !citation.factCitationActive && citation.runStartIds.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+      chunkT74Q3MCZ_cjs.CitedRunNav,
+      {
+        position: citation.runCursor + 1,
+        total: citation.runStartIds.length,
+        onStep: citation.gotoRun
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkT74Q3MCZ_cjs.HtmlViewerSurface, { surfaceRef: containerRef, onMouseUp: citation.handleSelectionEnd, children: processedChunks.length > 0 ? processedChunks.map((page, pageIndex) => /* @__PURE__ */ jsxRuntime.jsx(
+      chunkT74Q3MCZ_cjs.HtmlPage,
+      {
+        pageNumber: page.pageNumber,
+        totalPages,
+        isRendered: renderedPages.has(pageIndex),
+        placeholderHeight,
+        zoom,
+        children: page.chunks.map((chunk, chunkIndex) => {
+          const id = chunk.chunkExtId;
+          const run = id ? citation.selectionRuns.get(id) : void 0;
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            ParsedPassage,
+            {
+              chunk,
+              pageNumber: page.pageNumber,
+              isHighlighted: !!(id && isChunkHighlighted(id)),
+              isSelected: !!(id && citation.selectedChunks.has(id)),
+              isCitationHighlight: !!(id && citation.factCitationSet.has(id)),
+              isActiveCitation: !!(id && citation.factCitationActive && citation.viewingPassageId === id && // Only while it is STILL cited: clicking it off must clear it.
+              citation.factCitationSet.has(id)),
+              factCitationActive: citation.factCitationActive,
+              isCitationMode: citation.isCitationMode,
+              runIsStart: !!run?.isStart,
+              runIsEnd: !!run?.isEnd,
+              runEndIndex: run?.endIndex,
+              onChunkClick: citation.isCitationMode ? citation.handleChunkClick : void 0,
+              formatChunkWithCitation,
+              getPassageDeepLink,
+              copyToClipboard,
+              onOpenNavigator: handleOpenNavigator,
+              labels: id ? labels.labelsByChunk.get(id) ?? EMPTY_LABELS : EMPTY_LABELS,
+              activeTagColor: id && labels.activeChunkIds.has(id) ? labels.activeTagColor : void 0,
+              onTagPassage: labels.setTaggingChunkId,
+              onShowLabel: labels.selectTag,
+              onRemoveLabel: labels.removeLabel
+            },
+            chunkIndex
+          );
+        })
+      },
+      pageIndex
+    )) : /* @__PURE__ */ jsxRuntime.jsx(chunkT74Q3MCZ_cjs.HtmlViewerEmpty, {}) })
+  ] });
+}
+var AnnotatedPdfViewer = React.lazy(
   () => import('../document-tools/viewer/index.cjs').then((m) => ({ default: m.AnnotatedPdfViewer }))
 );
-var SignaturePlacementViewer = react.lazy(
+var SignaturePlacementViewer = React.lazy(
   () => import('../document-tools/viewer/index.cjs').then((m) => ({ default: m.SignaturePlacementViewer }))
 );
-var SignatureRequestEditor = react.lazy(
+var SignatureRequestEditor = React.lazy(
   () => import('../document-tools/viewer/index.cjs').then((m) => ({ default: m.SignatureRequestEditor }))
 );
-var GuidedSigningViewer = react.lazy(
+var GuidedSigningViewer = React.lazy(
   () => import('../document-tools/viewer/index.cjs').then((m) => ({ default: m.GuidedSigningViewer }))
 );
 function SessionPdfViewer(props) {
-  const session = react$1.useArbiSessionStore();
-  const viewingId = react$1.useArbiSessionState((s) => s.viewingDocument?.id);
-  const { isDetached } = chunkKLPRAQCE_cjs.useDocumentViewerSupport();
-  const onPageChange = react.useCallback(
+  const session = react.useArbiSessionStore();
+  const viewingId = react.useArbiSessionState((s) => s.viewingDocument?.id);
+  const { isDetached } = chunk6I6CVX5G_cjs.useDocumentViewerSupport();
+  const onPageChange = React.useCallback(
     (page) => {
       if (viewingId) session.setViewingDocument({ id: viewingId, page });
     },
@@ -544,7 +1669,7 @@ function ViewerPdfPane({
   const showMarkup = markup.hasMarkup && !markup.showOriginal;
   if (isDownloadOnly) {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkV4YZXGXR_cjs.ViewerPreviewUnavailable,
+      chunkT74Q3MCZ_cjs.ViewerPreviewUnavailable,
       {
         extension: fileExtension(documentData?.file_name),
         onDownload
@@ -554,26 +1679,26 @@ 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 && documentData && !["completed", "low-content", "failed"].includes(documentData.status || "")) {
-    return /* @__PURE__ */ jsxRuntime.jsx(chunkV4YZXGXR_cjs.ViewerMessage, { children: "PDF and search indexing are processing. Open the DOCX tab to edit now." });
+    return /* @__PURE__ */ jsxRuntime.jsx(chunkT74Q3MCZ_cjs.ViewerMessage, { children: "PDF and search indexing are processing. Open the DOCX tab to edit now." });
   }
-  if (isPdfLoading) return /* @__PURE__ */ jsxRuntime.jsx(chunkV4YZXGXR_cjs.ViewerMessage, { children: loadingLabel });
+  if (isPdfLoading) return /* @__PURE__ */ jsxRuntime.jsx(chunkT74Q3MCZ_cjs.ViewerMessage, { children: loadingLabel });
   if (pdfError) {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkV4YZXGXR_cjs.ViewerLoadError,
+      chunkT74Q3MCZ_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(chunkV4YZXGXR_cjs.ViewerMessage, { children: loadingLabel });
+  if (!pdfBlob) return /* @__PURE__ */ jsxRuntime.jsx(chunkT74Q3MCZ_cjs.ViewerMessage, { children: loadingLabel });
   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(chunkV4YZXGXR_cjs.ViewerMessage, { children: "Loading\u2026" }), children: /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ jsxRuntime.jsx(React.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx(chunkT74Q3MCZ_cjs.ViewerMessage, { children: "Loading\u2026" }), children: /* @__PURE__ */ jsxRuntime.jsx(
       SignatureRequestEditor,
       {
         ...viewerProps,
@@ -589,7 +1714,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(chunkV4YZXGXR_cjs.ViewerMessage, { children: "Loading\u2026" }), children: /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ jsxRuntime.jsx(React.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx(chunkT74Q3MCZ_cjs.ViewerMessage, { children: "Loading\u2026" }), children: /* @__PURE__ */ jsxRuntime.jsx(
       GuidedSigningViewer,
       {
         ...guidedProps,
@@ -603,7 +1728,7 @@ function ViewerPdfPane({
     ) });
   }
   if (placingSignature) {
-    return /* @__PURE__ */ jsxRuntime.jsx(react.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx(chunkV4YZXGXR_cjs.ViewerMessage, { children: "Loading\u2026" }), children: /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ jsxRuntime.jsx(React.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx(chunkT74Q3MCZ_cjs.ViewerMessage, { children: "Loading\u2026" }), children: /* @__PURE__ */ jsxRuntime.jsx(
       SignaturePlacementViewer,
       {
         ...viewerProps,
@@ -617,9 +1742,9 @@ function ViewerPdfPane({
   }
   if (annotating || showMarkup) {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      react.Suspense,
+      React.Suspense,
       {
-        fallback: /* @__PURE__ */ jsxRuntime.jsx(chunkV4YZXGXR_cjs.ViewerMessage, { children: annotating ? "Loading annotation tools\u2026" : "Loading markup\u2026" }),
+        fallback: /* @__PURE__ */ jsxRuntime.jsx(chunkT74Q3MCZ_cjs.ViewerMessage, { children: annotating ? "Loading annotation tools\u2026" : "Loading markup\u2026" }),
         children: /* @__PURE__ */ jsxRuntime.jsx(
           AnnotatedPdfViewer,
           {
@@ -642,18 +1767,18 @@ function ViewerPdfPane({
   }
   return /* @__PURE__ */ jsxRuntime.jsx(SessionPdfViewer, { ...viewerProps, file: pdfBlob });
 }
-var NativeDocxEditor = react.lazy(
-  () => import('../ConnectedNativeDocxEditor-OUWFMIPH.cjs').then((m) => ({
+var NativeDocxEditor = React.lazy(
+  () => import('../ConnectedNativeDocxEditor-HTEW5JAH.cjs').then((m) => ({
     default: m.ConnectedNativeDocxEditor
   }))
 );
-var StreamedWordArtifact = react.lazy(
-  () => import('../ConnectedStreamedWordArtifact-D5LSMDO4.cjs').then((m) => ({
+var StreamedWordArtifact = React.lazy(
+  () => import('../ConnectedStreamedWordArtifact-QW74LKHN.cjs').then((m) => ({
     default: m.ConnectedStreamedWordArtifact
   }))
 );
-var NativeDocxComparison = react.lazy(
-  () => import('../ConnectedNativeDocxComparison-3XQSINPQ.cjs').then((m) => ({
+var NativeDocxComparison = React.lazy(
+  () => import('../ConnectedNativeDocxComparison-Y5BNLNH6.cjs').then((m) => ({
     default: m.ConnectedNativeDocxComparison
   }))
 );
@@ -663,7 +1788,7 @@ function canChangeVisibility(doc, userId) {
   return userId.startsWith("agt-") || (doc.created_by_ext_id?.startsWith("agt-") ?? false) || doc.created_by_ext_id === userId;
 }
 function ConnectedDocumentViewer(props) {
-  const viewing = react$1.useArbiSessionState((s) => s.viewingDocument?.id);
+  const viewing = react.useArbiSessionState((s) => s.viewingDocument?.id);
   const openedId = props.documentId ?? viewing;
   if (!openedId) return null;
   return /* @__PURE__ */ jsxRuntime.jsx(ConnectedDocumentToolsProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(DocumentViewerContent, { ...props, openedId }) });
@@ -673,24 +1798,24 @@ function DocumentViewerContent({
   headerActions,
   artifactRuntimeUrl = "/artifact-runtime/"
 }) {
-  const arbi = react$1.useArbi();
-  const session = react$1.useArbiSessionStore();
-  const support = chunkKLPRAQCE_cjs.useDocumentViewerSupport();
+  const arbi = react.useArbi();
+  const session = react.useArbiSessionStore();
+  const support = chunk6I6CVX5G_cjs.useDocumentViewerSupport();
   const formatDate = support.formatDate ?? chunkKDG6FER6_cjs.fmtDate;
   const tools = documentTools.useDocumentTools();
   const { openConversation, notify } = chunkKPZZ5FHE_cjs.useBlocksEnvironment();
   const { userId: currentUserId } = chunkGFNELPDP_cjs.useConnectedWorkspace();
   const documentId = artifacts.parseVersionRef(openedId).docId;
-  const [totalPages, setTotalPages] = react.useState(0);
-  const [isCompact, setIsCompact] = react.useState(false);
-  const [pdfZoom, setPdfZoom] = react.useState(1);
+  const [totalPages, setTotalPages] = React.useState(0);
+  const [isCompact, setIsCompact] = React.useState(false);
+  const [pdfZoom, setPdfZoom] = React.useState(1);
   const {
     tab: zoomTab,
     textScale,
     compareId: compareDocumentId
-  } = react$1.useArbiSessionState((s) => s.documentViewer);
+  } = react.useArbiSessionState((s) => s.documentViewer);
   const zoom = zoomTab === "html" ? textScale : pdfZoom;
-  const setZoom = react.useCallback(
+  const setZoom = React.useCallback(
     (next) => {
       const value = typeof next === "function" ? next(zoom) : next;
       if (zoomTab === "html") session.setDocumentViewer({ textScale: value });
@@ -698,9 +1823,9 @@ function DocumentViewerContent({
     },
     [zoomTab, session, zoom]
   );
-  const [scrollTrigger, setScrollTrigger] = react.useState(0);
-  const containerRef = react.useRef(null);
-  const viewingDocumentPage = react$1.useArbiSessionState((s) => s.viewingDocument?.page ?? null);
+  const [scrollTrigger, setScrollTrigger] = React.useState(0);
+  const containerRef = React.useRef(null);
+  const viewingDocumentPage = react.useArbiSessionState((s) => s.viewingDocument?.page ?? null);
   const setViewingDocumentPage = (page) => session.setViewingDocument({ id: openedId, page });
   const setViewingDocumentId = (id) => session.setViewingDocument({ id });
   const setActiveTab = (tab) => session.setDocumentViewer({ tab });
@@ -744,17 +1869,17 @@ function DocumentViewerContent({
   const shownDocumentId = pdfSnapshotId || documentId;
   const blobs = useViewerBlobs(shownDocumentId, doc);
   const { pdfBlob, xlsxBlob, xlsxError, handleDirectDownload } = blobs;
-  const [annotating, setAnnotating] = react.useState(false);
-  react.useEffect(() => setAnnotating(false), [documentId]);
+  const [annotating, setAnnotating] = React.useState(false);
+  React.useEffect(() => setAnnotating(false), [documentId]);
   const hasHistory = versions.length > 1 || (documentData?.current_version ?? 1) > 1 || translations.length > 0;
   const { activeTab, handleTabChange, viewerTabs } = useViewerTabs(doc, isCompact, hasHistory);
   const crop = useImageCrop(documentId, documentData?.file_name, pdfBlob);
-  const [placingSignature, setPlacingSignature] = react.useState(false);
-  const [signAppearance, setSignAppearance] = react.useState();
-  const [isSignOpen, setIsSignOpen] = react.useState(false);
-  react.useEffect(() => setPlacingSignature(false), [documentId, snapshotDocumentId]);
-  const [signatureFlow, setSignatureFlow] = react.useState(null);
-  react.useEffect(() => setSignatureFlow(null), [documentId, snapshotDocumentId]);
+  const [placingSignature, setPlacingSignature] = React.useState(false);
+  const [signAppearance, setSignAppearance] = React.useState();
+  const [isSignOpen, setIsSignOpen] = React.useState(false);
+  React.useEffect(() => setPlacingSignature(false), [documentId, snapshotDocumentId]);
+  const [signatureFlow, setSignatureFlow] = React.useState(null);
+  React.useEffect(() => setSignatureFlow(null), [documentId, snapshotDocumentId]);
   const { data: signatureStatus } = documentTools.useDocumentSignatures(shownDocumentId, !isDraft && !liveKind);
   const isCoEditing = !snapshotDocumentId && !compareDocumentId && !isDraft && (activeTab === "docx" && isDocx || activeTab === "edit" && isArtifact && !liveKind && !isStreaming);
   const currentVersionLabel = isCoEditing ? void 0 : !snapshotDocumentId && !compareDocumentId && (isDocx || isArtifact && !liveKind) ? "Live" : artifacts.versionLabel(versions, snapshotDocumentId || documentId);
@@ -763,7 +1888,7 @@ function DocumentViewerContent({
   const pdfSnapshotNumber = pdfSnapshotId ? snapshotNumber : void 0;
   const isSigned = !!signatureStatus?.signed;
   const markup = documentTools.useDocumentMarkup(documentData, pdfSnapshotNumber, isSigned);
-  react.useEffect(() => {
+  React.useEffect(() => {
     const container = containerRef.current;
     if (!container) return;
     const resizeObserver = new ResizeObserver((entries) => {
@@ -772,7 +1897,7 @@ function DocumentViewerContent({
     resizeObserver.observe(container);
     return () => resizeObserver.disconnect();
   }, []);
-  const handleLoadSuccess = react.useCallback((numPages) => setTotalPages(numPages), []);
+  const handleLoadSuccess = React.useCallback((numPages) => setTotalPages(numPages), []);
   const goToPage = (page) => {
     setViewingDocumentPage(page);
     setScrollTrigger((prev) => prev + 1);
@@ -783,15 +1908,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(chunkV4YZXGXR_cjs.ViewerZoomControl, { zoom, onCycle: () => setZoom(viewers.cycleZoom(zoom)) }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkT74Q3MCZ_cjs.ViewerZoomControl, { zoom, onCycle: () => setZoom(viewers.cycleZoom(zoom)) }),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkV4YZXGXR_cjs.PdfPageNav,
+      chunkT74Q3MCZ_cjs.PdfPageNav,
       {
         canPrev: (viewingDocumentPage || 1) > 1,
         canNext: (viewingDocumentPage || 1) < totalPages,
         onPrev: () => stepPage(-1),
         onNext: () => stepPage(1),
-        counter: /* @__PURE__ */ jsxRuntime.jsx(chunkV4YZXGXR_cjs.ViewerPageCounter, { page: viewingDocumentPage || 1, total: totalPages, onGoTo: goToPage })
+        counter: /* @__PURE__ */ jsxRuntime.jsx(chunkT74Q3MCZ_cjs.ViewerPageCounter, { page: viewingDocumentPage || 1, total: totalPages, onGoTo: goToPage })
       }
     )
   ] });
@@ -815,7 +1940,7 @@ function DocumentViewerContent({
   );
   const titleBlock = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     isDraft ? support.renderDraftTitle?.(documentId) : /* @__PURE__ */ jsxRuntime.jsx(
-      chunkV4YZXGXR_cjs.ViewerTitle,
+      chunkT74Q3MCZ_cjs.ViewerTitle,
       {
         title: documentTitle,
         versionLabel: currentVersionLabel,
@@ -840,7 +1965,7 @@ function DocumentViewerContent({
       // A draft's kind replaces the tabs: neither Versions nor the text view means anything
       // before the first save.
       support.renderDraftKind?.(documentId)
-    ) : /* @__PURE__ */ jsxRuntime.jsx(chunkV4YZXGXR_cjs.ViewerTabBar, { tabs: viewerTabs, activeId: activeTab, onChange: handleTabChange }),
+    ) : /* @__PURE__ */ jsxRuntime.jsx(chunkT74Q3MCZ_cjs.ViewerTabBar, { tabs: viewerTabs, activeId: activeTab, onChange: handleTabChange }),
     !isCompact && titleBlock
   ] });
   const annotatable = documentTools.canAnnotate({
@@ -913,7 +2038,7 @@ function DocumentViewerContent({
       }
     ),
     activeTab === "pdf" && isImage && pdfBlob && /* @__PURE__ */ jsxRuntime.jsx(
-      chunkV4YZXGXR_cjs.ViewerImageActions,
+      chunkT74Q3MCZ_cjs.ViewerImageActions,
       {
         compact: isCompact,
         onUseAsReference: support.useImageAsReference ? () => support.useImageAsReference(documentId) : void 0,
@@ -1041,7 +2166,7 @@ function DocumentViewerContent({
     onZoomChange: setZoom
   };
   return /* @__PURE__ */ jsxRuntime.jsxs(
-    chunkV4YZXGXR_cjs.ViewerFrame,
+    chunkT74Q3MCZ_cjs.ViewerFrame,
     {
       frameRef: containerRef,
       contentId: documentId,
@@ -1072,13 +2197,13 @@ function DocumentViewerContent({
       footer: (
         // Crop to a new document. Full resolution (no maxSize): a crop frames, it never downscales.
         /* @__PURE__ */ jsxRuntime.jsx(
-          react$1.ImageCropModal,
+          react.ImageCropModal,
           {
             open: crop.cropImageUrl !== null,
             image: crop.cropImageUrl,
             title: "Crop image",
             saveLabel: "Save as a copy",
-            aspectOptions: react$1.DEFAULT_ASPECT_OPTIONS,
+            aspectOptions: react.DEFAULT_ASPECT_OPTIONS,
             output: { mimeType: "image/png" },
             onComplete: crop.handleCropComplete,
             onCancel: crop.closeCrop
@@ -1086,7 +2211,7 @@ function DocumentViewerContent({
         )
       ),
       children: [
-        isComparing && /* @__PURE__ */ jsxRuntime.jsx(react.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx(chunkV4YZXGXR_cjs.ViewerMessage, { children: "Loading comparison\u2026" }), children: /* @__PURE__ */ jsxRuntime.jsx(
+        isComparing && /* @__PURE__ */ jsxRuntime.jsx(React.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx(chunkT74Q3MCZ_cjs.ViewerMessage, { children: "Loading comparison\u2026" }), children: /* @__PURE__ */ jsxRuntime.jsx(
           NativeDocxComparison,
           {
             baseId: compareDocumentId,
@@ -1096,7 +2221,7 @@ function DocumentViewerContent({
         ) }),
         isCaptureDraft && support.renderCaptureDraft?.(documentId),
         !isCaptureDraft && (activeTab === "pdf" || isMedia && activeTab === "html") && !isArtifact && !isComparing && /* @__PURE__ */ jsxRuntime.jsxs(chunkUWIILWDI_cjs.ViewerPane, { hidden: activeTab !== "pdf", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkV4YZXGXR_cjs.DocumentLabelBar, { summaries: labelSummaries }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkT74Q3MCZ_cjs.DocumentLabelBar, { summaries: labelSummaries }),
           !isMedia && !isImage && signatureBanner,
           activeTab === "pdf" && !isMedia && !isImage && /* @__PURE__ */ jsxRuntime.jsx(
             chunkD3WFIFRY_cjs.MarkupNotices,
@@ -1106,7 +2231,7 @@ function DocumentViewerContent({
               onOpenVersion: (n) => setSnapshotDocumentId(`${documentId}@v${n}`)
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkV4YZXGXR_cjs.ViewerControlBar, { controls: activeTab === "pdf" && pageNav, children: /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsxRuntime.jsx(chunkT74Q3MCZ_cjs.ViewerControlBar, { controls: activeTab === "pdf" && pageNav, children: /* @__PURE__ */ jsxRuntime.jsx(
             ViewerPdfPane,
             {
               documentId,
@@ -1144,7 +2269,7 @@ function DocumentViewerContent({
           }
         ),
         activeTab === "edit" && isArtifact && liveKind && /* @__PURE__ */ jsxRuntime.jsx(chunk2YV7FBLO_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(chunkV4YZXGXR_cjs.ViewerMessage, { children: "Loading editor\u2026" }), children: [
+        activeTab === "edit" && isArtifact && !liveKind && !isStreaming && !isComparing && /* @__PURE__ */ jsxRuntime.jsxs(React.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx(chunkT74Q3MCZ_cjs.ViewerMessage, { children: "Loading editor\u2026" }), children: [
           isSigned && !snapshotDocumentId && /* @__PURE__ */ jsxRuntime.jsx(chunkD3WFIFRY_cjs.SignedEditNote, {}),
           /* @__PURE__ */ jsxRuntime.jsx(
             NativeDocxEditor,
@@ -1187,8 +2312,8 @@ function DocumentViewerContent({
             onOpenTranslation: (id) => setViewingDocumentId(id)
           }
         ),
-        activeTab === "xlsx" && isXlsx && (xlsxBlob ? /* @__PURE__ */ jsxRuntime.jsx(viewers.XlsxViewer, { blob: xlsxBlob }) : /* @__PURE__ */ jsxRuntime.jsx(chunkV4YZXGXR_cjs.ViewerMessage, { children: xlsxError ? "Failed to load spreadsheet" : "Loading spreadsheet..." })),
-        activeTab === "docx" && isDocx && !isComparing && /* @__PURE__ */ jsxRuntime.jsxs(react.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx(chunkV4YZXGXR_cjs.ViewerMessage, { children: "Loading editor\u2026" }), children: [
+        activeTab === "xlsx" && isXlsx && (xlsxBlob ? /* @__PURE__ */ jsxRuntime.jsx(viewers.XlsxViewer, { blob: xlsxBlob }) : /* @__PURE__ */ jsxRuntime.jsx(chunkT74Q3MCZ_cjs.ViewerMessage, { children: xlsxError ? "Failed to load spreadsheet" : "Loading spreadsheet..." })),
+        activeTab === "docx" && isDocx && !isComparing && /* @__PURE__ */ jsxRuntime.jsxs(React.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx(chunkT74Q3MCZ_cjs.ViewerMessage, { children: "Loading editor\u2026" }), children: [
           signatureBanner,
           isSigned && !snapshotDocumentId && /* @__PURE__ */ jsxRuntime.jsx(chunkD3WFIFRY_cjs.SignedEditNote, {}),
           /* @__PURE__ */ jsxRuntime.jsx(
@@ -1201,7 +2326,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(chunkV4YZXGXR_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(chunkT74Q3MCZ_cjs.ViewerMessage, { children: "Opening draft\u2026" }), children: /* @__PURE__ */ jsxRuntime.jsx(
           StreamedWordArtifact,
           {
             documentId: documentId.startsWith("doc-") ? documentId : void 0,
@@ -1211,13 +2336,16 @@ function DocumentViewerContent({
           },
           documentId
         ) }),
-        !isCaptureDraft && !isComparing && activeTab === "html" && !(isStreaming && isArtifact && !liveKind) && support.renderParsedView && /* @__PURE__ */ jsxRuntime.jsx(chunkUWIILWDI_cjs.ViewerPane, { children: /* @__PURE__ */ jsxRuntime.jsx(chunkV4YZXGXR_cjs.ViewerControlBar, { controls: pageNav, children: support.renderParsedView({
-          documentId: pdfSnapshotId || documentId,
-          onLoadSuccess: handleLoadSuccess,
-          scrollTrigger,
-          zoom,
-          onZoomChange: setZoom
-        }) }) })
+        !isCaptureDraft && !isComparing && activeTab === "html" && !(isStreaming && isArtifact && !liveKind) && /* @__PURE__ */ jsxRuntime.jsx(chunkUWIILWDI_cjs.ViewerPane, { children: /* @__PURE__ */ jsxRuntime.jsx(chunkT74Q3MCZ_cjs.ViewerControlBar, { controls: pageNav, children: /* @__PURE__ */ jsxRuntime.jsx(
+          ParsedTextView,
+          {
+            documentId: pdfSnapshotId || documentId,
+            onLoadSuccess: handleLoadSuccess,
+            scrollTrigger,
+            zoom,
+            onZoomChange: setZoom
+          }
+        ) }) })
       ]
     }
   );