@arbidocs/blocks 0.5.122 → 0.5.124

package/dist/connect/index.cjs

@@ -1,13 +1,13 @@
 "use client";
 'use strict';
 
+var chunkVWBYE3XY_cjs = require('../chunk-VWBYE3XY.cjs');
 var chunk6OK7ESTL_cjs = require('../chunk-6OK7ESTL.cjs');
 var chunkE3L5DB5F_cjs = require('../chunk-E3L5DB5F.cjs');
 var chunkVWTOIGX4_cjs = require('../chunk-VWTOIGX4.cjs');
 var chunkMLA2BJ2Y_cjs = require('../chunk-MLA2BJ2Y.cjs');
-var chunkVWBYE3XY_cjs = require('../chunk-VWBYE3XY.cjs');
-var chunk5GCCUXMT_cjs = require('../chunk-5GCCUXMT.cjs');
 var chunkPSIKUQYM_cjs = require('../chunk-PSIKUQYM.cjs');
+var chunk5GCCUXMT_cjs = require('../chunk-5GCCUXMT.cjs');
 var chunk7L4X6QN2_cjs = require('../chunk-7L4X6QN2.cjs');
 var chunkXGM4VVNV_cjs = require('../chunk-XGM4VVNV.cjs');
 var chunkCMGNRMPA_cjs = require('../chunk-CMGNRMPA.cjs');
@@ -54,7 +54,7 @@ require('../chunk-JH6JTI76.cjs');
 var chunkQQMMCXBP_cjs = require('../chunk-QQMMCXBP.cjs');
 require('../chunk-DTMBAFIL.cjs');
 require('../chunk-ZESMRGDV.cjs');
-var chunkWRLGLZIA_cjs = require('../chunk-WRLGLZIA.cjs');
+var chunkEMRY62HS_cjs = require('../chunk-EMRY62HS.cjs');
 var chunkSGYSDABK_cjs = require('../chunk-SGYSDABK.cjs');
 require('../chunk-NEGFHF3V.cjs');
 var chunkZ3LFF3YT_cjs = require('../chunk-Z3LFF3YT.cjs');
@@ -264,7 +264,7 @@ function ConnectedWorkspaceActivity({
     [feed.data]
   );
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkWRLGLZIA_cjs.WorkspaceActivityList,
+    chunkEMRY62HS_cjs.WorkspaceActivityList,
     {
       ...listProps,
       items,
@@ -3374,7 +3374,7 @@ function ConnectedTagTable({
   const fail2 = (fallback) => (e) => notify19(browser.refusalReason(e, fallback), "error");
   const snapshot2 = (data) => {
     const title = exportTitle ?? ui.tagKindTitle(kind, { plural: true });
-    const bytes = chunkWRLGLZIA_cjs.tagTableDocx(data, {
+    const bytes = chunkEMRY62HS_cjs.tagTableDocx(data, {
       title,
       nameOf: (id) => people.find((p) => p.value === id)?.label
     });
@@ -3383,7 +3383,7 @@ function ConnectedTagTable({
     return { blob: new Blob([bytes], { type: chunkUKOYN2WD_cjs.DOCX_MIME_TYPE }), name };
   };
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkWRLGLZIA_cjs.TagTable,
+    chunkEMRY62HS_cjs.TagTable,
     {
       ...props,
       table,
@@ -3760,9 +3760,9 @@ function GlossaryExport({ labelId, nameOf }) {
   const narrowed = agreements.find((a) => a.id === narrowTo);
   const title = narrowed ? `Glossary - ${narrowed.name}` : "Glossary";
   const download = (format) => {
-    const entries = chunkWRLGLZIA_cjs.glossaryEntries(sources, { labelId: narrowed?.id });
-    const blob = format === "docx" ? new Blob([chunkWRLGLZIA_cjs.glossaryDocx(entries, { title })], { type: chunkUKOYN2WD_cjs.DOCX_MIME_TYPE }) : new Blob([chunkWRLGLZIA_cjs.glossaryMarkdown(entries, { title })], { type: "text/markdown" });
-    documentTools.downloadBlob(blob, chunkWRLGLZIA_cjs.glossaryFileName(title, format));
+    const entries = chunkEMRY62HS_cjs.glossaryEntries(sources, { labelId: narrowed?.id });
+    const blob = format === "docx" ? new Blob([chunkEMRY62HS_cjs.glossaryDocx(entries, { title })], { type: chunkUKOYN2WD_cjs.DOCX_MIME_TYPE }) : new Blob([chunkEMRY62HS_cjs.glossaryMarkdown(entries, { title })], { type: "text/markdown" });
+    documentTools.downloadBlob(blob, chunkEMRY62HS_cjs.glossaryFileName(title, format));
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", "data-testid": "tags-glossary", children: [
     agreements.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(
@@ -4291,7 +4291,7 @@ function KindSection({
     {
       testId: `tags-kind-${kind}`,
       title: ui.tagKindTitle(kind, { plural: true }),
-      description: chunkWRLGLZIA_cjs.tagKindDescription(kind),
+      description: chunkEMRY62HS_cjs.tagKindDescription(kind),
       children: [
         browser.isEntityTag({ kind }) && extractingCount > 0 && /* @__PURE__ */ jsxRuntime.jsxs(
           "p",
@@ -4301,9 +4301,9 @@ function KindSection({
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "size-4 animate-spin" }),
               "Extracting ",
-              chunkWRLGLZIA_cjs.entitiesPhrase().toLowerCase(),
+              chunkEMRY62HS_cjs.entitiesPhrase().toLowerCase(),
               " from ",
-              chunkWRLGLZIA_cjs.documentCount(extractingCount),
+              chunkEMRY62HS_cjs.documentCount(extractingCount),
               "\u2026"
             ]
           }
@@ -4321,7 +4321,7 @@ function KindSection({
             onOpenTag: ctx.onOpenTag,
             onOpenRow: ctx.onOpenTag,
             onOpenTaggedItems: ctx.onOpenTaggedItems,
-            labels: chunkWRLGLZIA_cjs.tagTableLabels(kind),
+            labels: chunkEMRY62HS_cjs.tagTableLabels(kind),
             testId: `tags-table-${kind}`
           }
         )
@@ -4429,15 +4429,15 @@ function TagSection({
             onOpenTag: ctx.onOpenTag,
             onOpenRow: ctx.onOpenTag,
             onOpenTaggedItems: ctx.onOpenTaggedItems,
-            labels: chunkWRLGLZIA_cjs.tagTableLabels(tag.kind),
+            labels: chunkEMRY62HS_cjs.tagTableLabels(tag.kind),
             testId: "tags-rows"
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkWRLGLZIA_cjs.TagDetail,
+          chunkEMRY62HS_cjs.TagDetail,
           {
             onOpenTaggedItems: ctx.onOpenTaggedItems,
-            fieldLabels: chunkWRLGLZIA_cjs.tagTableLabels(tag.kind),
+            fieldLabels: chunkEMRY62HS_cjs.tagTableLabels(tag.kind),
             row: detailRow,
             fields: schema.data?.fields ?? [],
             isLoading: detail.isLoading,
@@ -4451,7 +4451,7 @@ function TagSection({
                 throw e;
               })
             ),
-            labels: chunkWRLGLZIA_cjs.tagDetailLabels(),
+            labels: chunkEMRY62HS_cjs.tagDetailLabels(),
             testId: "tags-detail"
           }
         )
@@ -4526,7 +4526,7 @@ function ConnectedTagsPage() {
   const onDelete = async (t) => {
     const nested = browser.getChildTags([...tags], t.external_id);
     const uses = browser.tagUseCount(t);
-    const n2 = chunkWRLGLZIA_cjs.tagsPageNouns();
+    const n2 = chunkEMRY62HS_cjs.tagsPageNouns();
     const tagNoun = (count2) => (count2 === 1 ? n2.tag : n2.tags).toLowerCase();
     const carriers = uses === 1 ? `${n2.document}, ${n2.fact} or ${n2.thread}` : `${n2.documents}, ${n2.facts} and ${n2.threads}`;
     const message = `Delete ${ui.tagKindNouns(t.kind).singular} "${t.name}"?` + (uses > 0 ? `
@@ -4547,11 +4547,11 @@ ${nested.length} nested ${tagNoun(nested.length)} ${nested.length === 1 ? "moves
     try {
       await extract.mutateAsync(docIds);
       notify19(
-        `Extracting ${chunkWRLGLZIA_cjs.entitiesPhrase().toLowerCase()} from ${chunkWRLGLZIA_cjs.documentCount(docIds.length)}. You will be notified when it is done.`,
+        `Extracting ${chunkEMRY62HS_cjs.entitiesPhrase().toLowerCase()} from ${chunkEMRY62HS_cjs.documentCount(docIds.length)}. You will be notified when it is done.`,
         "info"
       );
     } catch (error) {
-      notify19(browser.refusalReason(error, `Could not extract ${chunkWRLGLZIA_cjs.entitiesPhrase().toLowerCase()}`), "error");
+      notify19(browser.refusalReason(error, `Could not extract ${chunkEMRY62HS_cjs.entitiesPhrase().toLowerCase()}`), "error");
       throw error;
     }
   };
@@ -4565,10 +4565,10 @@ ${nested.length} nested ${tagNoun(nested.length)} ${nested.length === 1 ? "moves
     onOpenTag: openTag,
     onOpenTaggedItems
   };
-  const n = chunkWRLGLZIA_cjs.tagsPageNouns();
+  const n = chunkEMRY62HS_cjs.tagsPageNouns();
   const action = view === "person" || view === "organisation" ? {
     label: "Extract",
-    title: `Extract ${chunkWRLGLZIA_cjs.entitiesPhrase().toLowerCase()} from ${n.documents.toLowerCase()}`,
+    title: `Extract ${chunkEMRY62HS_cjs.entitiesPhrase().toLowerCase()} from ${n.documents.toLowerCase()}`,
     icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Sparkles, { className: "h-4 w-4" }),
     run: () => setExtracting(true),
     testId: "tags-extract-entities"
@@ -4737,7 +4737,7 @@ ${nested.length} nested ${tagNoun(nested.length)} ${nested.length === 1 ? "moves
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkWRLGLZIA_cjs.ExtractEntitiesDialog,
+      chunkEMRY62HS_cjs.ExtractEntitiesDialog,
       {
         open: extracting,
         onOpenChange: setExtracting,
@@ -7739,7 +7739,7 @@ function ConnectedFactsPage() {
         onNewFact: composing && !editingId ? () => void 0 : composer.startNewFact,
         navSlotRef: setNavSlot,
         navigator: view === "table" ? /* @__PURE__ */ jsxRuntime.jsx(
-          chunkWRLGLZIA_cjs.GridRowNavigator,
+          chunkEMRY62HS_cjs.GridRowNavigator,
           {
             gridApi,
             selectedId: editingId,
@@ -12760,13 +12760,13 @@ function ConnectedWorkspaceSettings({
   const [membersExpanded, setMembersExpanded] = react$1.useState(false);
   const [shareOpen, setShareOpen] = react$1.useState(false);
   if (!workspace) {
-    return /* @__PURE__ */ jsxRuntime.jsx(chunkCMGNRMPA_cjs.PageLoading, { children: /* @__PURE__ */ jsxRuntime.jsx(chunkWRLGLZIA_cjs.LoadingIndicator, { message: "Loading workspace..." }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(chunkCMGNRMPA_cjs.PageLoading, { children: /* @__PURE__ */ jsxRuntime.jsx(chunkEMRY62HS_cjs.LoadingIndicator, { message: "Loading workspace..." }) });
   }
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsxs(chunkCMGNRMPA_cjs.WorkspacePageFrame, { testId, children: [
       /* @__PURE__ */ jsxRuntime.jsxs(chunkCMGNRMPA_cjs.WorkspaceIdentityPanel, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkWRLGLZIA_cjs.EntityIdentityBar,
+          chunkEMRY62HS_cjs.EntityIdentityBar,
           {
             testId: "workspace-identity-bar",
             canEdit: isOwner,
@@ -12783,7 +12783,7 @@ function ConnectedWorkspaceSettings({
                 label: "Name",
                 value: workspace.name,
                 placeholder: "Untitled",
-                maxLength: chunkWRLGLZIA_cjs.IDENTITY_NAME_MAX_LENGTH,
+                maxLength: chunkEMRY62HS_cjs.IDENTITY_NAME_MAX_LENGTH,
                 valueClassName: "truncate text-base font-semibold",
                 testId: "workspace-home-title",
                 hideLabel: true,
@@ -17231,7 +17231,7 @@ function ConnectedWorkspaceList({
       }
     );
   }
-  if (list.isLoading) return /* @__PURE__ */ jsxRuntime.jsx(chunkWRLGLZIA_cjs.LoadingIndicator, { message: "Loading workspaces..." });
+  if (list.isLoading) return /* @__PURE__ */ jsxRuntime.jsx(chunkEMRY62HS_cjs.LoadingIndicator, { message: "Loading workspaces..." });
   if (list.error) {
     return /* @__PURE__ */ jsxRuntime.jsx(
       chunkH7PHOTX2_cjs.HomeLoadError,
@@ -17304,7 +17304,7 @@ function ConnectedWorkspaceList({
           workspaceState
         }
       ) })
-    ) : /* @__PURE__ */ jsxRuntime.jsx(react$1.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx(chunkWRLGLZIA_cjs.LoadingIndicator, { message: "Loading grid..." }), children: /* @__PURE__ */ jsxRuntime.jsx(chunkH7PHOTX2_cjs.HomeCenteredColumn, { children: /* @__PURE__ */ jsxRuntime.jsx(
+    ) : /* @__PURE__ */ jsxRuntime.jsx(react$1.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx(chunkEMRY62HS_cjs.LoadingIndicator, { message: "Loading grid..." }), children: /* @__PURE__ */ jsxRuntime.jsx(chunkH7PHOTX2_cjs.HomeCenteredColumn, { children: /* @__PURE__ */ jsxRuntime.jsx(
       WorkspaceTableView,
       {
         list,
@@ -17565,7 +17565,7 @@ function ConnectedProjectsListPage({
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkWRLGLZIA_cjs.Toolbar,
+      chunkEMRY62HS_cjs.Toolbar,
       {
         search,
         onSearch: setSearch,
@@ -26980,7 +26980,7 @@ function ConnectedSecureMailClaimPage({
       }
     })();
   }, [authenticated, claimId, key]);
-  if (!error) return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: loading ?? /* @__PURE__ */ jsxRuntime.jsx(chunkWRLGLZIA_cjs.LoadingIndicator, { variant: "splash" }) });
+  if (!error) return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: loading ?? /* @__PURE__ */ jsxRuntime.jsx(chunkEMRY62HS_cjs.LoadingIndicator, { variant: "splash" }) });
   return /* @__PURE__ */ jsxRuntime.jsx("main", { className: "flex min-h-screen items-center justify-center bg-background p-6", children: /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "w-full max-w-md rounded-lg border border-border bg-card p-6", children: [
     /* @__PURE__ */ jsxRuntime.jsx("p", { role: "alert", className: "mb-4 text-sm text-destructive", children: error }),
     /* @__PURE__ */ jsxRuntime.jsx(
@@ -33110,7 +33110,7 @@ function useBatchCompleteToasts() {
         }
       }, AI_FIELDS_NOTICE_WINDOW_MS);
     } else if (message.batch_type === "entity_extract") {
-      say(`${chunkWRLGLZIA_cjs.entitiesPhrase()} extracted from ${chunkWRLGLZIA_cjs.documentCount(docIds.length)}`, "success", {
+      say(`${chunkEMRY62HS_cjs.entitiesPhrase()} extracted from ${chunkEMRY62HS_cjs.documentCount(docIds.length)}`, "success", {
         ...openTags && { action: { label: "View", onClick: openTags } }
       });
     } else if (message.batch_type === "upload") {
@@ -33925,10 +33925,10 @@ var DocumentReviewCard = react$1.lazy(
   () => import('../DocumentReviewCard-M53XFLI2.cjs').then((module) => ({ default: module.DocumentReviewCard }))
 );
 var FilesViewerDialog = react$1.lazy(
-  () => import('../FilesViewerDialog-4352KIOG.cjs').then((module) => ({ default: module.FilesViewerDialog }))
+  () => import('../FilesViewerDialog-JWKNJLWG.cjs').then((module) => ({ default: module.FilesViewerDialog }))
 );
 function defaultReviewCard(props) {
-  return /* @__PURE__ */ jsxRuntime.jsx(react$1.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx(chunkWRLGLZIA_cjs.LoadingIndicator, { message: "Loading document viewer..." }), children: /* @__PURE__ */ jsxRuntime.jsx(DocumentReviewCard, { ...props }, `navigator-${props.currentDocument.external_id}`) });
+  return /* @__PURE__ */ jsxRuntime.jsx(react$1.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx(chunkEMRY62HS_cjs.LoadingIndicator, { message: "Loading document viewer..." }), children: /* @__PURE__ */ jsxRuntime.jsx(DocumentReviewCard, { ...props }, `navigator-${props.currentDocument.external_id}`) });
 }
 function ConnectedFilesPage({
   isModal = false,
@@ -34506,7 +34506,7 @@ function ConnectedFilesPage({
             viewMode === "grid" ? (
               // ‹ n / N › over the table's displayed rows; a step opens the document.
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunkWRLGLZIA_cjs.GridRowNavigator,
+                chunkEMRY62HS_cjs.GridRowNavigator,
                 {
                   gridApi,
                   selectedId: viewingDocumentId ?? selectedDocumentIds[0] ?? null,
@@ -36943,7 +36943,7 @@ function GuidedRuns() {
   chunkOHHKBURG_cjs.useRemoteControlSessionReset();
   const { cursorMark } = chunkORELHENJ_cjs.useGuidedRuns();
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkWRLGLZIA_cjs.GuidedCursor, { markSrc: cursorMark }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkEMRY62HS_cjs.GuidedCursor, { markSrc: cursorMark }),
     /* @__PURE__ */ jsxRuntime.jsx(ConnectedRemoteControlConsent, {})
   ] });
 }
@@ -36977,7 +36977,7 @@ function ConnectedAppRuntime({
     on("pageTransition") && /* @__PURE__ */ jsxRuntime.jsx(PageTransition, {}),
     on("freshChatModel") && /* @__PURE__ */ jsxRuntime.jsx(FreshChatModel, {}),
     on("workspaceOpenMetrics") && measure && /* @__PURE__ */ jsxRuntime.jsx(WorkspaceOpenMetrics, { measure }),
-    on("prefetch") && /* @__PURE__ */ jsxRuntime.jsx(Prefetch, { loaders: [...prefetch ?? [], ...chunkWRLGLZIA_cjs.KIT_CHUNK_LOADERS] }),
+    on("prefetch") && /* @__PURE__ */ jsxRuntime.jsx(Prefetch, { loaders: [...prefetch ?? [], ...chunkEMRY62HS_cjs.KIT_CHUNK_LOADERS] }),
     on("guidedRuns") && /* @__PURE__ */ jsxRuntime.jsx(GuidedRuns, {})
   ] });
 }
@@ -41919,7 +41919,7 @@ function SsoResendVerificationButton({
           onClick: async () => handleResendEmailVerification(),
           disabled: loading || disabled,
           "aria-label": "Resend verification email",
-          children: loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkWRLGLZIA_cjs.LoadingIndicator, {}) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          children: loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkEMRY62HS_cjs.LoadingIndicator, {}) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
             "Didn't get a verification email? ",
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold", children: "Resend" })
           ] })
@@ -43190,7 +43190,7 @@ function ShellNavigationProvider({
   );
 }
 var ConnectedPresentation = react$1.lazy(
-  () => import('../ConnectedPresentation-AU25OW25.cjs').then((m) => ({ default: m.ConnectedPresentation }))
+  () => import('../ConnectedPresentation-OV2KBOLK.cjs').then((m) => ({ default: m.ConnectedPresentation }))
 );
 function PresentationSlot() {
   const session = react.useArbiSessionStore();
@@ -43374,7 +43374,7 @@ function ConnectedTipBar({
     workspaceOpen,
     ...state
   };
-  const { tip, index, count: count2, previous, next, onHoverChange } = chunkWRLGLZIA_cjs.useTipsPlacement({
+  const { tip, index, count: count2, previous, next, onHoverChange } = chunkEMRY62HS_cjs.useTipsPlacement({
     registry,
     context,
     state: situation,
@@ -43672,6 +43672,18 @@ function ChromeInstallDialog({
   ] }) });
 }
 
+Object.defineProperty(exports, "DEFAULT_ASK_SUGGESTIONS", {
+  enumerable: true,
+  get: function () { return chunkVWBYE3XY_cjs.DEFAULT_ASK_SUGGESTIONS; }
+});
+Object.defineProperty(exports, "DEFAULT_DOCUMENT_VIEWER_LABELS", {
+  enumerable: true,
+  get: function () { return chunkVWBYE3XY_cjs.DEFAULT_DOCUMENT_VIEWER_LABELS; }
+});
+Object.defineProperty(exports, "DEFAULT_DOCUMENT_VIEWER_TABS", {
+  enumerable: true,
+  get: function () { return chunkVWBYE3XY_cjs.DEFAULT_DOCUMENT_VIEWER_TABS; }
+});
 Object.defineProperty(exports, "ConnectedPanelHost", {
   enumerable: true,
   get: function () { return chunk6OK7ESTL_cjs.ConnectedPanelHost; }
@@ -43748,18 +43760,6 @@ Object.defineProperty(exports, "useMemberLookup", {
   enumerable: true,
   get: function () { return chunkMLA2BJ2Y_cjs.useMemberLookup; }
 });
-Object.defineProperty(exports, "DEFAULT_ASK_SUGGESTIONS", {
-  enumerable: true,
-  get: function () { return chunkVWBYE3XY_cjs.DEFAULT_ASK_SUGGESTIONS; }
-});
-Object.defineProperty(exports, "DEFAULT_DOCUMENT_VIEWER_LABELS", {
-  enumerable: true,
-  get: function () { return chunkVWBYE3XY_cjs.DEFAULT_DOCUMENT_VIEWER_LABELS; }
-});
-Object.defineProperty(exports, "DEFAULT_DOCUMENT_VIEWER_TABS", {
-  enumerable: true,
-  get: function () { return chunkVWBYE3XY_cjs.DEFAULT_DOCUMENT_VIEWER_TABS; }
-});
 Object.defineProperty(exports, "ConnectedAssistantDock", {
   enumerable: true,
   get: function () { return chunk7L4X6QN2_cjs.ConnectedAssistantDock; }

package/dist/connect/viewer.cjs

@@ -1,9 +1,12 @@
 "use client";
 'use strict';
 
-var chunkUTJ223TI_cjs = require('../chunk-UTJ223TI.cjs');
-require('../chunk-WFMWKPGY.cjs');
-require('../chunk-4TTX6ZNS.cjs');
+var chunkBX6G2ZCI_cjs = require('../chunk-BX6G2ZCI.cjs');
+require('../chunk-JITYC4OS.cjs');
+require('../chunk-WVZLAAIZ.cjs');
+require('../chunk-MVXHTAJ4.cjs');
+require('../chunk-ADPRIBSH.cjs');
+require('../chunk-ORNLCBNE.cjs');
 require('../chunk-4CIVQWAX.cjs');
 var chunkPL7HUTM3_cjs = require('../chunk-PL7HUTM3.cjs');
 require('../chunk-GFUOCGY6.cjs');
@@ -20,7 +23,7 @@ require('../chunk-4ONPEVTP.cjs');
 require('../chunk-V3KLUWQQ.cjs');
 require('../chunk-P5AQYC4D.cjs');
 require('../chunk-WAV762GP.cjs');
-require('../chunk-LHWOKOMP.cjs');
+require('../chunk-3IH55CDE.cjs');
 require('../chunk-GNZAH6UI.cjs');
 require('../chunk-JH6JTI76.cjs');
 require('../chunk-QQMMCXBP.cjs');
@@ -92,7 +95,7 @@ require('../chunk-PLIF5CUV.cjs');
 
 Object.defineProperty(exports, "ConnectedDocumentViewer", {
   enumerable: true,
-  get: function () { return chunkUTJ223TI_cjs.ConnectedDocumentViewer; }
+  get: function () { return chunkBX6G2ZCI_cjs.ConnectedDocumentViewer; }
 });
 Object.defineProperty(exports, "ConnectedDocumentToolsProvider", {
   enumerable: true,

package/dist/connection/presentation/ClippingMediaViewer.js

@@ -5,7 +5,7 @@ import { Pause, Play, Plus } from "lucide-react";
 import { Button } from "@arbidocs/react/ui";
 import { ClipCaptureOverlay } from "../../presentation/ClipCaptureOverlay.js";
 import { formatTime, mediaCaption } from "../../presentation/model.js";
-import { usePresentation } from "../../presentation/store.js";
+import { useSpotlight } from "../../presentation/spotlight.js";
 import { useObjectUrl } from "../../presentation/useObjectUrl.js";
 const WHOLE = { x: 0, y: 0, w: 1, h: 1 };
 function ClippingMediaViewer({
@@ -38,7 +38,7 @@ function ClippingMediaViewer({
   const capture = useCallback(
     ({ rect, aspect }) => {
       const start = kind === "video" ? videoRef.current?.currentTime ?? 0 : void 0;
-      usePresentation.getState().addClip({
+      useSpotlight.getState().gather({
         kind,
         documentId,
         fileName,
@@ -54,7 +54,7 @@ function ClippingMediaViewer({
     [kind, documentId, fileName, file]
   );
   return /* @__PURE__ */ jsxs("div", { className: "flex h-full min-h-0 flex-col", "data-testid": "clipping-media-viewer", children: [
-    /* @__PURE__ */ jsx("div", { className: "border-b border-border bg-muted px-3 py-1.5 text-xs text-muted-foreground", children: kind === "video" ? "Drag over the video to clip that area from this moment, or add the whole frame." : "Drag over the part of the image to show it in the presentation." }),
+    /* @__PURE__ */ jsx("div", { className: "border-b border-border bg-muted px-3 py-1.5 text-xs text-muted-foreground", children: kind === "video" ? "Drag over the video to clip that area from this moment, or add the whole frame." : "Drag over the part of the image to clip it." }),
     /* @__PURE__ */ jsx("div", { className: "relative min-h-0 flex-1 bg-black", style: { containerType: "size" }, children: /* @__PURE__ */ jsxs(
       "div",
       {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/connection/presentation/ClippingMediaViewer.tsx"],
-  "sourcesContent": ["/**\n * An image or a video while clipping for a presentation: drag over it and that area becomes a clip\n * (of a video: from the moment on screen). A video has its own small bar (play / pause, scrub, and\n * \"Add whole frame\"), since the drag area covers the picture.\n */\n\nimport { useCallback, useEffect, useRef, useState } from 'react'\nimport { Pause, Play, Plus } from 'lucide-react'\nimport { Button } from '@arbidocs/react/ui'\nimport { ClipCaptureOverlay } from '../../presentation/ClipCaptureOverlay'\nimport { formatTime, mediaCaption, type Rect } from '../../presentation/model'\nimport { usePresentation } from '../../presentation/store'\nimport { useObjectUrl } from '../../presentation/useObjectUrl'\n\nexport interface ClippingMediaViewerProps {\n  file: Blob\n  kind: 'image' | 'video'\n  documentId: string\n  fileName: string\n}\n\nconst WHOLE: Rect = { x: 0, y: 0, w: 1, h: 1 }\n\nexport function ClippingMediaViewer({\n  file,\n  kind,\n  documentId,\n  fileName,\n}: ClippingMediaViewerProps) {\n  const url = useObjectUrl(file)\n  const videoRef = useRef<HTMLVideoElement>(null)\n  const imageRef = useRef<HTMLImageElement>(null)\n  // The picture's own width / height, once known.\n  const [natural, setNatural] = useState<number | null>(null)\n  const [time, setTime] = useState(0)\n  const [duration, setDuration] = useState(0)\n  const [playing, setPlaying] = useState(false)\n\n  // Its size, read as soon as it is known: at once if it already loaded (a cached file can load\n  // before any handler is attached), else when it does.\n  useEffect(() => {\n    const media = videoRef.current ?? imageRef.current\n    if (!media || !url) return\n    const read = () => {\n      const width = media instanceof HTMLVideoElement ? media.videoWidth : media.naturalWidth\n      const height = media instanceof HTMLVideoElement ? media.videoHeight : media.naturalHeight\n      if (width && height) setNatural(width / height)\n      if (media instanceof HTMLVideoElement) setDuration(media.duration || 0)\n    }\n    read()\n    const event = media instanceof HTMLVideoElement ? 'loadedmetadata' : 'load'\n    media.addEventListener(event, read)\n    return () => media.removeEventListener(event, read)\n  }, [url])\n\n  const capture = useCallback(\n    ({ rect, aspect }: { rect: Rect; aspect: number }) => {\n      const start = kind === 'video' ? (videoRef.current?.currentTime ?? 0) : undefined\n      usePresentation.getState().addClip({\n        kind,\n        documentId,\n        fileName,\n        page: 1,\n        rect,\n        aspect,\n        masks: [],\n        source: file,\n        start,\n        caption: mediaCaption(fileName, start),\n      })\n    },\n    [kind, documentId, fileName, file]\n  )\n\n  return (\n    <div className=\"flex h-full min-h-0 flex-col\" data-testid=\"clipping-media-viewer\">\n      <div className=\"border-b border-border bg-muted px-3 py-1.5 text-xs text-muted-foreground\">\n        {kind === 'video'\n          ? 'Drag over the video to clip that area from this moment, or add the whole frame.'\n          : 'Drag over the part of the image to show it in the presentation.'}\n      </div>\n      <div className=\"relative min-h-0 flex-1 bg-black\" style={{ containerType: 'size' }}>\n        {/* The picture as large as fits, aspect kept; the drag area covers exactly it. */}\n        <div\n          className=\"absolute inset-0 m-auto\"\n          style={\n            natural\n              ? {\n                  width: `min(100cqw, calc(100cqh * ${natural}))`,\n                  height: `min(100cqh, calc(100cqw / ${natural}))`,\n                }\n              : { width: '100%', height: '100%' }\n          }\n        >\n          {kind === 'video' ? (\n            <video\n              ref={videoRef}\n              src={url}\n              playsInline\n              preload=\"auto\"\n              className=\"block h-full w-full\"\n              onTimeUpdate={(event) => setTime(event.currentTarget.currentTime)}\n              onPlay={() => setPlaying(true)}\n              onPause={() => setPlaying(false)}\n            />\n          ) : (\n            <img\n              ref={imageRef}\n              src={url}\n              alt={fileName}\n              draggable={false}\n              className=\"block h-full w-full select-none\"\n            />\n          )}\n          {natural && <ClipCaptureOverlay page={1} onCapture={capture} />}\n        </div>\n      </div>\n      {kind === 'video' && (\n        <div className=\"flex items-center gap-2 border-t border-border px-3 py-1.5\">\n          <Button\n            type=\"button\"\n            size=\"icon\"\n            variant=\"ghost\"\n            className=\"size-8\"\n            onClick={() => {\n              const v = videoRef.current\n              if (!v) return\n              if (v.paused) void v.play()\n              else v.pause()\n            }}\n            aria-label={playing ? 'Pause' : 'Play'}\n          >\n            {playing ? <Pause className=\"size-4\" /> : <Play className=\"size-4\" />}\n          </Button>\n          <input\n            type=\"range\"\n            min={0}\n            max={duration || 0}\n            step={0.1}\n            value={time}\n            onChange={(event) => {\n              const v = videoRef.current\n              if (v) v.currentTime = Number(event.target.value)\n            }}\n            className=\"min-w-0 flex-1\"\n            aria-label=\"Position in the video\"\n          />\n          <span className=\"text-xs tabular-nums text-muted-foreground\">\n            {formatTime(time)} / {formatTime(duration)}\n          </span>\n          <Button\n            type=\"button\"\n            size=\"sm\"\n            variant=\"outline\"\n            disabled={!natural}\n            onClick={() => natural && capture({ rect: WHOLE, aspect: natural })}\n            data-testid=\"clip-whole-frame\"\n          >\n            <Plus className=\"mr-1 size-4\" />\n            Add whole frame\n          </Button>\n        </div>\n      )}\n    </div>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["/**\n * An image or a video while clipping for a presentation: drag over it and that area becomes a clip\n * (of a video: from the moment on screen). A video has its own small bar (play / pause, scrub, and\n * \"Add whole frame\"), since the drag area covers the picture.\n */\n\nimport { useCallback, useEffect, useRef, useState } from 'react'\nimport { Pause, Play, Plus } from 'lucide-react'\nimport { Button } from '@arbidocs/react/ui'\nimport { ClipCaptureOverlay } from '../../presentation/ClipCaptureOverlay'\nimport { formatTime, mediaCaption, type Rect } from '../../presentation/model'\nimport { useSpotlight } from '../../presentation/spotlight'\nimport { useObjectUrl } from '../../presentation/useObjectUrl'\n\nexport interface ClippingMediaViewerProps {\n  file: Blob\n  kind: 'image' | 'video'\n  documentId: string\n  fileName: string\n}\n\nconst WHOLE: Rect = { x: 0, y: 0, w: 1, h: 1 }\n\nexport function ClippingMediaViewer({\n  file,\n  kind,\n  documentId,\n  fileName,\n}: ClippingMediaViewerProps) {\n  const url = useObjectUrl(file)\n  const videoRef = useRef<HTMLVideoElement>(null)\n  const imageRef = useRef<HTMLImageElement>(null)\n  // The picture's own width / height, once known.\n  const [natural, setNatural] = useState<number | null>(null)\n  const [time, setTime] = useState(0)\n  const [duration, setDuration] = useState(0)\n  const [playing, setPlaying] = useState(false)\n\n  // Its size, read as soon as it is known: at once if it already loaded (a cached file can load\n  // before any handler is attached), else when it does.\n  useEffect(() => {\n    const media = videoRef.current ?? imageRef.current\n    if (!media || !url) return\n    const read = () => {\n      const width = media instanceof HTMLVideoElement ? media.videoWidth : media.naturalWidth\n      const height = media instanceof HTMLVideoElement ? media.videoHeight : media.naturalHeight\n      if (width && height) setNatural(width / height)\n      if (media instanceof HTMLVideoElement) setDuration(media.duration || 0)\n    }\n    read()\n    const event = media instanceof HTMLVideoElement ? 'loadedmetadata' : 'load'\n    media.addEventListener(event, read)\n    return () => media.removeEventListener(event, read)\n  }, [url])\n\n  const capture = useCallback(\n    ({ rect, aspect }: { rect: Rect; aspect: number }) => {\n      const start = kind === 'video' ? (videoRef.current?.currentTime ?? 0) : undefined\n      useSpotlight.getState().gather({\n        kind,\n        documentId,\n        fileName,\n        page: 1,\n        rect,\n        aspect,\n        masks: [],\n        source: file,\n        start,\n        caption: mediaCaption(fileName, start),\n      })\n    },\n    [kind, documentId, fileName, file]\n  )\n\n  return (\n    <div className=\"flex h-full min-h-0 flex-col\" data-testid=\"clipping-media-viewer\">\n      <div className=\"border-b border-border bg-muted px-3 py-1.5 text-xs text-muted-foreground\">\n        {kind === 'video'\n          ? 'Drag over the video to clip that area from this moment, or add the whole frame.'\n          : 'Drag over the part of the image to clip it.'}\n      </div>\n      <div className=\"relative min-h-0 flex-1 bg-black\" style={{ containerType: 'size' }}>\n        {/* The picture as large as fits, aspect kept; the drag area covers exactly it. */}\n        <div\n          className=\"absolute inset-0 m-auto\"\n          style={\n            natural\n              ? {\n                  width: `min(100cqw, calc(100cqh * ${natural}))`,\n                  height: `min(100cqh, calc(100cqw / ${natural}))`,\n                }\n              : { width: '100%', height: '100%' }\n          }\n        >\n          {kind === 'video' ? (\n            <video\n              ref={videoRef}\n              src={url}\n              playsInline\n              preload=\"auto\"\n              className=\"block h-full w-full\"\n              onTimeUpdate={(event) => setTime(event.currentTarget.currentTime)}\n              onPlay={() => setPlaying(true)}\n              onPause={() => setPlaying(false)}\n            />\n          ) : (\n            <img\n              ref={imageRef}\n              src={url}\n              alt={fileName}\n              draggable={false}\n              className=\"block h-full w-full select-none\"\n            />\n          )}\n          {natural && <ClipCaptureOverlay page={1} onCapture={capture} />}\n        </div>\n      </div>\n      {kind === 'video' && (\n        <div className=\"flex items-center gap-2 border-t border-border px-3 py-1.5\">\n          <Button\n            type=\"button\"\n            size=\"icon\"\n            variant=\"ghost\"\n            className=\"size-8\"\n            onClick={() => {\n              const v = videoRef.current\n              if (!v) return\n              if (v.paused) void v.play()\n              else v.pause()\n            }}\n            aria-label={playing ? 'Pause' : 'Play'}\n          >\n            {playing ? <Pause className=\"size-4\" /> : <Play className=\"size-4\" />}\n          </Button>\n          <input\n            type=\"range\"\n            min={0}\n            max={duration || 0}\n            step={0.1}\n            value={time}\n            onChange={(event) => {\n              const v = videoRef.current\n              if (v) v.currentTime = Number(event.target.value)\n            }}\n            className=\"min-w-0 flex-1\"\n            aria-label=\"Position in the video\"\n          />\n          <span className=\"text-xs tabular-nums text-muted-foreground\">\n            {formatTime(time)} / {formatTime(duration)}\n          </span>\n          <Button\n            type=\"button\"\n            size=\"sm\"\n            variant=\"outline\"\n            disabled={!natural}\n            onClick={() => natural && capture({ rect: WHOLE, aspect: natural })}\n            data-testid=\"clip-whole-frame\"\n          >\n            <Plus className=\"mr-1 size-4\" />\n            Add whole frame\n          </Button>\n        </div>\n      )}\n    </div>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -1,6 +1,7 @@
 /**
- * The PDF while clipping for a presentation: drag over a page and the area becomes a clip in the
- * presentation (and goes on the current slide while that has fewer than two).
+ * The PDF while clipping: a click on a passage clips that passage (outlined under the pointer), a
+ * drag over a page clips that area. Clips are gathered in the viewer's spotlight strip
+ * (`SpotlightStrip`), to show over the document or keep as a slide.
  *
  * Redactions are honoured: when the version has markup, its redaction marks (all but rejected
  * ones) are read first and every clip carries those over its area as black masks, so a redacted
@@ -8,7 +9,7 @@
  * read.
  */
 import { type ComponentType } from 'react';
-import type { PdfViewerProps } from '@arbidocs/react/viewers';
+import { type PdfViewerProps } from '@arbidocs/react/viewers';
 export interface ClippingPdfViewerProps extends Omit<PdfViewerProps, 'renderPageOverlay'> {
     file: Blob;
     documentId: string;

package/dist/connection/presentation/ClippingPdfViewer.js

@@ -1,9 +1,18 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useCallback, useEffect, useState } from "react";
+import {
+  useCallback,
+  useEffect,
+  useMemo,
+  useState
+} from "react";
+import { useParsedDocument } from "@arbidocs/react";
 import { createMarkupStore, useDocumentTools } from "@arbidocs/react/document-tools";
+import { useProcessedChunks } from "@arbidocs/react/viewers";
 import { ClipCaptureOverlay } from "../../presentation/ClipCaptureOverlay.js";
-import { usePresentation } from "../../presentation/store.js";
+import { passageClipRect } from "../../presentation/passage-clip.js";
+import { useSpotlight } from "../../presentation/spotlight.js";
+import { placedPassagesByPage } from "../viewer/pdf/passageHighlights.js";
 const NO_MASKS = { status: "ready", masks: /* @__PURE__ */ new Map() };
 function useRedactionMasks(documentId, version, hasMarkup) {
   const { client } = useDocumentTools();
@@ -30,6 +39,20 @@ function useRedactionMasks(documentId, version, hasMarkup) {
   }, [client, documentId, version, hasMarkup]);
   return state;
 }
+const NO_FOOTNOTES = {};
+const NO_PASSAGES = /* @__PURE__ */ new Map();
+function usePassageAreas(documentId, current) {
+  const { data: parsed } = useParsedDocument(documentId, "final", { enabled: current });
+  const { processedChunks } = useProcessedChunks(parsed?.chunks, NO_FOOTNOTES);
+  return useMemo(() => {
+    if (!current || !processedChunks.length) return NO_PASSAGES;
+    const areas = /* @__PURE__ */ new Map();
+    for (const [page, boxes] of placedPassagesByPage(processedChunks)) {
+      areas.set(page, boxes.map(passageClipRect));
+    }
+    return areas;
+  }, [current, processedChunks]);
+}
 function Notice({ children }) {
   return /* @__PURE__ */ jsx("div", { className: "border-b border-border bg-muted px-3 py-1.5 text-xs text-muted-foreground", children });
 }
@@ -42,11 +65,12 @@ function ClippingPdfViewer({
   ...viewerProps
 }) {
   const masks = useRedactionMasks(documentId, version, hasMarkup);
+  const passages = usePassageAreas(documentId, version === void 0);
   const file = viewerProps.file;
   const capture = useCallback(
     ({ page, rect, aspect }) => {
       if (masks.status !== "ready") return;
-      usePresentation.getState().addClip({
+      useSpotlight.getState().gather({
         kind: "pdf",
         documentId,
         version,
@@ -61,13 +85,28 @@ function ClippingPdfViewer({
     [masks, documentId, version, fileName, file]
   );
   const renderPageOverlay = useCallback(
-    ({ pageNumber }) => masks.status === "ready" ? /* @__PURE__ */ jsx(ClipCaptureOverlay, { page: pageNumber, onCapture: capture }) : null,
-    [masks.status, capture]
+    ({ pageNumber }) => masks.status === "ready" ? /* @__PURE__ */ jsx(
+      ClipCaptureOverlay,
+      {
+        page: pageNumber,
+        passages: passages.get(pageNumber),
+        onCapture: capture
+      }
+    ) : null,
+    [masks.status, capture, passages]
+  );
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "flex h-full min-h-0 flex-col",
+      "data-clip-document": documentId,
+      "data-testid": "clipping-pdf-viewer",
+      children: [
+        /* @__PURE__ */ jsx(Notice, { children: masks.status === "loading" ? "Reading the redactions before clipping\u2026" : masks.status === "error" ? "Couldn't read this document's redactions, so it can't be clipped." : passages.size ? "Click a passage to clip it, or drag over any area." : "Drag over the part of a page to clip it." }),
+        /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1", children: /* @__PURE__ */ jsx(Viewer, { ...viewerProps, renderPageOverlay }) })
+      ]
+    }
   );
-  return /* @__PURE__ */ jsxs("div", { className: "flex h-full min-h-0 flex-col", "data-testid": "clipping-pdf-viewer", children: [
-    /* @__PURE__ */ jsx(Notice, { children: masks.status === "loading" ? "Reading the redactions before clipping\u2026" : masks.status === "error" ? "Couldn't read this document's redactions, so it can't be clipped." : "Drag over the part of a page to show it in the presentation." }),
-    /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1", children: /* @__PURE__ */ jsx(Viewer, { ...viewerProps, renderPageOverlay }) })
-  ] });
 }
 export {
   ClippingPdfViewer

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/connection/presentation/ClippingPdfViewer.tsx"],
-  "sourcesContent": ["/**\n * The PDF while clipping for a presentation: drag over a page and the area becomes a clip in the\n * presentation (and goes on the current slide while that has fewer than two).\n *\n * Redactions are honoured: when the version has markup, its redaction marks (all but rejected\n * ones) are read first and every clip carries those over its area as black masks, so a redacted\n * passage never reaches a shared screen. Clipping waits for them, and stays off if they cannot be\n * read.\n */\n\nimport { useCallback, useEffect, useState, type ComponentType, type ReactNode } from 'react'\nimport { createMarkupStore, useDocumentTools } from '@arbidocs/react/document-tools'\nimport type { PdfViewerProps } from '@arbidocs/react/viewers'\nimport { ClipCaptureOverlay } from '../../presentation/ClipCaptureOverlay'\nimport type { Rect } from '../../presentation/model'\nimport { usePresentation } from '../../presentation/store'\n\ntype MaskState =\n  | { status: 'loading' }\n  | { status: 'error' }\n  | { status: 'ready'; masks: ReadonlyMap<number, Rect[]> }\n\nconst NO_MASKS: MaskState = { status: 'ready', masks: new Map() }\n\n/** The version's redaction rectangles by page; none to read when it has no markup. */\nfunction useRedactionMasks(documentId: string, version: number | undefined, hasMarkup: boolean) {\n  const { client } = useDocumentTools()\n  const [state, setState] = useState<MaskState>(hasMarkup ? { status: 'loading' } : NO_MASKS)\n  useEffect(() => {\n    if (!hasMarkup) {\n      setState(NO_MASKS)\n      return\n    }\n    let cancelled = false\n    setState({ status: 'loading' })\n    createMarkupStore({ version, client })\n      .load(documentId)\n      .then((layer) => {\n        if (cancelled) return\n        const masks = new Map<number, Rect[]>()\n        for (const mark of layer.annotations) {\n          if (mark.kind !== 'redaction' || mark.status === 'rejected') continue\n          masks.set(mark.page, [...(masks.get(mark.page) ?? []), ...mark.rects])\n        }\n        setState({ status: 'ready', masks })\n      })\n      .catch(() => !cancelled && setState({ status: 'error' }))\n    return () => {\n      cancelled = true\n    }\n  }, [client, documentId, version, hasMarkup])\n  return state\n}\n\nexport interface ClippingPdfViewerProps extends Omit<PdfViewerProps, 'renderPageOverlay'> {\n  file: Blob\n  documentId: string\n  /** The version on screen when it is an older one. */\n  version?: number\n  fileName: string\n  /** The version has markup, which may hold redactions. */\n  hasMarkup: boolean\n  viewer: ComponentType<PdfViewerProps>\n}\n\nfunction Notice({ children }: { children: ReactNode }) {\n  return (\n    <div className=\"border-b border-border bg-muted px-3 py-1.5 text-xs text-muted-foreground\">\n      {children}\n    </div>\n  )\n}\n\nexport function ClippingPdfViewer({\n  documentId,\n  version,\n  fileName,\n  hasMarkup,\n  viewer: Viewer,\n  ...viewerProps\n}: ClippingPdfViewerProps) {\n  const masks = useRedactionMasks(documentId, version, hasMarkup)\n  const file = viewerProps.file\n\n  const capture = useCallback(\n    ({ page, rect, aspect }: { page: number; rect: Rect; aspect: number }) => {\n      if (masks.status !== 'ready') return\n      usePresentation.getState().addClip({\n        kind: 'pdf',\n        documentId,\n        version,\n        fileName,\n        page,\n        rect,\n        aspect,\n        masks: masks.masks.get(page) ?? [],\n        source: file,\n      })\n      // It joins the presentation's tray (the viewer's Presentation pill counts it).\n    },\n    [masks, documentId, version, fileName, file]\n  )\n\n  const renderPageOverlay = useCallback(\n    ({ pageNumber }: { pageNumber: number }) =>\n      masks.status === 'ready' ? (\n        <ClipCaptureOverlay page={pageNumber} onCapture={capture} />\n      ) : null,\n    [masks.status, capture]\n  )\n\n  return (\n    <div className=\"flex h-full min-h-0 flex-col\" data-testid=\"clipping-pdf-viewer\">\n      <Notice>\n        {masks.status === 'loading'\n          ? 'Reading the redactions before clipping\u2026'\n          : masks.status === 'error'\n            ? \"Couldn't read this document's redactions, so it can't be clipped.\"\n            : 'Drag over the part of a page to show it in the presentation.'}\n      </Notice>\n      <div className=\"min-h-0 flex-1\">\n        <Viewer {...viewerProps} renderPageOverlay={renderPageOverlay} />\n      </div>\n    </div>\n  )\n}\n"],
-  "mappings": ";AAmEI,cA6CA,YA7CA;AAzDJ,SAAS,aAAa,WAAW,gBAAoD;AACrF,SAAS,mBAAmB,wBAAwB;AAEpD,SAAS,0BAA0B;AAEnC,SAAS,uBAAuB;AAOhC,MAAM,WAAsB,EAAE,QAAQ,SAAS,OAAO,oBAAI,IAAI,EAAE;AAGhE,SAAS,kBAAkB,YAAoB,SAA6B,WAAoB;AAC9F,QAAM,EAAE,OAAO,IAAI,iBAAiB;AACpC,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAoB,YAAY,EAAE,QAAQ,UAAU,IAAI,QAAQ;AAC1F,YAAU,MAAM;AACd,QAAI,CAAC,WAAW;AACd,eAAS,QAAQ;AACjB;AAAA,IACF;AACA,QAAI,YAAY;AAChB,aAAS,EAAE,QAAQ,UAAU,CAAC;AAC9B,sBAAkB,EAAE,SAAS,OAAO,CAAC,EAClC,KAAK,UAAU,EACf,KAAK,CAAC,UAAU;AACf,UAAI,UAAW;AACf,YAAM,QAAQ,oBAAI,IAAoB;AACtC,iBAAW,QAAQ,MAAM,aAAa;AACpC,YAAI,KAAK,SAAS,eAAe,KAAK,WAAW,WAAY;AAC7D,cAAM,IAAI,KAAK,MAAM,CAAC,GAAI,MAAM,IAAI,KAAK,IAAI,KAAK,CAAC,GAAI,GAAG,KAAK,KAAK,CAAC;AAAA,MACvE;AACA,eAAS,EAAE,QAAQ,SAAS,MAAM,CAAC;AAAA,IACrC,CAAC,EACA,MAAM,MAAM,CAAC,aAAa,SAAS,EAAE,QAAQ,QAAQ,CAAC,CAAC;AAC1D,WAAO,MAAM;AACX,kBAAY;AAAA,IACd;AAAA,EACF,GAAG,CAAC,QAAQ,YAAY,SAAS,SAAS,CAAC;AAC3C,SAAO;AACT;AAaA,SAAS,OAAO,EAAE,SAAS,GAA4B;AACrD,SACE,oBAAC,SAAI,WAAU,6EACZ,UACH;AAEJ;AAEO,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR,GAAG;AACL,GAA2B;AACzB,QAAM,QAAQ,kBAAkB,YAAY,SAAS,SAAS;AAC9D,QAAM,OAAO,YAAY;AAEzB,QAAM,UAAU;AAAA,IACd,CAAC,EAAE,MAAM,MAAM,OAAO,MAAoD;AACxE,UAAI,MAAM,WAAW,QAAS;AAC9B,sBAAgB,SAAS,EAAE,QAAQ;AAAA,QACjC,MAAM;AAAA,QACN;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,OAAO,MAAM,MAAM,IAAI,IAAI,KAAK,CAAC;AAAA,QACjC,QAAQ;AAAA,MACV,CAAC;AAAA,IAEH;AAAA,IACA,CAAC,OAAO,YAAY,SAAS,UAAU,IAAI;AAAA,EAC7C;AAEA,QAAM,oBAAoB;AAAA,IACxB,CAAC,EAAE,WAAW,MACZ,MAAM,WAAW,UACf,oBAAC,sBAAmB,MAAM,YAAY,WAAW,SAAS,IACxD;AAAA,IACN,CAAC,MAAM,QAAQ,OAAO;AAAA,EACxB;AAEA,SACE,qBAAC,SAAI,WAAU,gCAA+B,eAAY,uBACxD;AAAA,wBAAC,UACE,gBAAM,WAAW,YACd,iDACA,MAAM,WAAW,UACf,sEACA,gEACR;AAAA,IACA,oBAAC,SAAI,WAAU,kBACb,8BAAC,UAAQ,GAAG,aAAa,mBAAsC,GACjE;AAAA,KACF;AAEJ;",
+  "sourcesContent": ["/**\n * The PDF while clipping: a click on a passage clips that passage (outlined under the pointer), a\n * drag over a page clips that area. Clips are gathered in the viewer's spotlight strip\n * (`SpotlightStrip`), to show over the document or keep as a slide.\n *\n * Redactions are honoured: when the version has markup, its redaction marks (all but rejected\n * ones) are read first and every clip carries those over its area as black masks, so a redacted\n * passage never reaches a shared screen. Clipping waits for them, and stays off if they cannot be\n * read.\n */\n\nimport {\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n  type ComponentType,\n  type ReactNode,\n} from 'react'\nimport { useParsedDocument } from '@arbidocs/react'\nimport { createMarkupStore, useDocumentTools } from '@arbidocs/react/document-tools'\nimport { useProcessedChunks, type PdfViewerProps } from '@arbidocs/react/viewers'\nimport { ClipCaptureOverlay } from '../../presentation/ClipCaptureOverlay'\nimport type { Rect } from '../../presentation/model'\nimport { passageClipRect } from '../../presentation/passage-clip'\nimport { useSpotlight } from '../../presentation/spotlight'\nimport { placedPassagesByPage } from '../viewer/pdf/passageHighlights'\n\ntype MaskState =\n  | { status: 'loading' }\n  | { status: 'error' }\n  | { status: 'ready'; masks: ReadonlyMap<number, Rect[]> }\n\nconst NO_MASKS: MaskState = { status: 'ready', masks: new Map() }\n\n/** The version's redaction rectangles by page; none to read when it has no markup. */\nfunction useRedactionMasks(documentId: string, version: number | undefined, hasMarkup: boolean) {\n  const { client } = useDocumentTools()\n  const [state, setState] = useState<MaskState>(hasMarkup ? { status: 'loading' } : NO_MASKS)\n  useEffect(() => {\n    if (!hasMarkup) {\n      setState(NO_MASKS)\n      return\n    }\n    let cancelled = false\n    setState({ status: 'loading' })\n    createMarkupStore({ version, client })\n      .load(documentId)\n      .then((layer) => {\n        if (cancelled) return\n        const masks = new Map<number, Rect[]>()\n        for (const mark of layer.annotations) {\n          if (mark.kind !== 'redaction' || mark.status === 'rejected') continue\n          masks.set(mark.page, [...(masks.get(mark.page) ?? []), ...mark.rects])\n        }\n        setState({ status: 'ready', masks })\n      })\n      .catch(() => !cancelled && setState({ status: 'error' }))\n    return () => {\n      cancelled = true\n    }\n  }, [client, documentId, version, hasMarkup])\n  return state\n}\n\nconst NO_FOOTNOTES: Record<string, string> = {}\nconst NO_PASSAGES: ReadonlyMap<number, Rect[]> = new Map()\n\n/**\n * The areas a click clips, by page: each passage the parser placed, with its margin. Only for the\n * current version (the passages are its own); an older one is clipped by dragging.\n */\nfunction usePassageAreas(documentId: string, current: boolean): ReadonlyMap<number, Rect[]> {\n  const { data: parsed } = useParsedDocument(documentId, 'final', { enabled: current })\n  const { processedChunks } = useProcessedChunks(parsed?.chunks, NO_FOOTNOTES)\n  return useMemo(() => {\n    if (!current || !processedChunks.length) return NO_PASSAGES\n    const areas = new Map<number, Rect[]>()\n    for (const [page, boxes] of placedPassagesByPage(processedChunks)) {\n      areas.set(page, boxes.map(passageClipRect))\n    }\n    return areas\n  }, [current, processedChunks])\n}\n\nexport interface ClippingPdfViewerProps extends Omit<PdfViewerProps, 'renderPageOverlay'> {\n  file: Blob\n  documentId: string\n  /** The version on screen when it is an older one. */\n  version?: number\n  fileName: string\n  /** The version has markup, which may hold redactions. */\n  hasMarkup: boolean\n  viewer: ComponentType<PdfViewerProps>\n}\n\nfunction Notice({ children }: { children: ReactNode }) {\n  return (\n    <div className=\"border-b border-border bg-muted px-3 py-1.5 text-xs text-muted-foreground\">\n      {children}\n    </div>\n  )\n}\n\nexport function ClippingPdfViewer({\n  documentId,\n  version,\n  fileName,\n  hasMarkup,\n  viewer: Viewer,\n  ...viewerProps\n}: ClippingPdfViewerProps) {\n  const masks = useRedactionMasks(documentId, version, hasMarkup)\n  const passages = usePassageAreas(documentId, version === undefined)\n  const file = viewerProps.file\n\n  const capture = useCallback(\n    ({ page, rect, aspect }: { page: number; rect: Rect; aspect: number }) => {\n      if (masks.status !== 'ready') return\n      useSpotlight.getState().gather({\n        kind: 'pdf',\n        documentId,\n        version,\n        fileName,\n        page,\n        rect,\n        aspect,\n        masks: masks.masks.get(page) ?? [],\n        source: file,\n      })\n      // It joins the viewer's spotlight strip.\n    },\n    [masks, documentId, version, fileName, file]\n  )\n\n  const renderPageOverlay = useCallback(\n    ({ pageNumber }: { pageNumber: number }) =>\n      masks.status === 'ready' ? (\n        <ClipCaptureOverlay\n          page={pageNumber}\n          passages={passages.get(pageNumber)}\n          onCapture={capture}\n        />\n      ) : null,\n    [masks.status, capture, passages]\n  )\n\n  return (\n    <div\n      className=\"flex h-full min-h-0 flex-col\"\n      // The spotlight finds a clip's page here, to fly it from there.\n      data-clip-document={documentId}\n      data-testid=\"clipping-pdf-viewer\"\n    >\n      <Notice>\n        {masks.status === 'loading'\n          ? 'Reading the redactions before clipping\u2026'\n          : masks.status === 'error'\n            ? \"Couldn't read this document's redactions, so it can't be clipped.\"\n            : passages.size\n              ? 'Click a passage to clip it, or drag over any area.'\n              : 'Drag over the part of a page to clip it.'}\n      </Notice>\n      <div className=\"min-h-0 flex-1\">\n        <Viewer {...viewerProps} renderPageOverlay={renderPageOverlay} />\n      </div>\n    </div>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }