@arbidocs/blocks 0.5.123 → 0.5.124

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

@@ -1,8 +1,11 @@
 "use client";
 'use strict';
 
-var chunkWFMWKPGY_cjs = require('./chunk-WFMWKPGY.cjs');
-var chunk4TTX6ZNS_cjs = require('./chunk-4TTX6ZNS.cjs');
+var chunkJITYC4OS_cjs = require('./chunk-JITYC4OS.cjs');
+var chunkWVZLAAIZ_cjs = require('./chunk-WVZLAAIZ.cjs');
+var chunkMVXHTAJ4_cjs = require('./chunk-MVXHTAJ4.cjs');
+var chunkADPRIBSH_cjs = require('./chunk-ADPRIBSH.cjs');
+var chunkORNLCBNE_cjs = require('./chunk-ORNLCBNE.cjs');
 var chunk4CIVQWAX_cjs = require('./chunk-4CIVQWAX.cjs');
 var chunkPL7HUTM3_cjs = require('./chunk-PL7HUTM3.cjs');
 var chunkGFUOCGY6_cjs = require('./chunk-GFUOCGY6.cjs');
@@ -11,14 +14,14 @@ var chunkKXIRVKCJ_cjs = require('./chunk-KXIRVKCJ.cjs');
 var chunk5QERK4PK_cjs = require('./chunk-5QERK4PK.cjs');
 var chunkALK3PUUB_cjs = require('./chunk-ALK3PUUB.cjs');
 var chunk7557LDAN_cjs = require('./chunk-7557LDAN.cjs');
-var chunk46P7IDBX_cjs = require('./chunk-46P7IDBX.cjs');
+var chunk3IH55CDE_cjs = require('./chunk-3IH55CDE.cjs');
 var chunkGNZAH6UI_cjs = require('./chunk-GNZAH6UI.cjs');
 var chunkJH6JTI76_cjs = require('./chunk-JH6JTI76.cjs');
 var chunkDTMBAFIL_cjs = require('./chunk-DTMBAFIL.cjs');
 var chunkMZZ3SBQL_cjs = require('./chunk-MZZ3SBQL.cjs');
-var chunkTG2GM7WJ_cjs = require('./chunk-TG2GM7WJ.cjs');
 var chunkMNIQDXM6_cjs = require('./chunk-MNIQDXM6.cjs');
 var chunkE3Y7RI3J_cjs = require('./chunk-E3Y7RI3J.cjs');
+var chunkTG2GM7WJ_cjs = require('./chunk-TG2GM7WJ.cjs');
 var chunkEG7EJFUE_cjs = require('./chunk-EG7EJFUE.cjs');
 var chunkHQDR43JC_cjs = require('./chunk-HQDR43JC.cjs');
 var chunkJR2YSBD5_cjs = require('./chunk-JR2YSBD5.cjs');
@@ -213,14 +216,14 @@ function ViewerRelatedDocuments({ document: document2 }) {
 }
 function PresentationPill({ compact }) {
   const session = react.useArbiSessionStore();
-  const boundTo = chunk4TTX6ZNS_cjs.usePresentation((s) => s.boundTo);
-  const clips = chunk4TTX6ZNS_cjs.usePresentation((s) => s.clips.length);
-  const title = chunk4TTX6ZNS_cjs.usePresentation((s) => s.title);
+  const boundTo = chunkORNLCBNE_cjs.usePresentation((s) => s.boundTo);
+  const clips = chunkORNLCBNE_cjs.usePresentation((s) => s.clips.length);
+  const title = chunkORNLCBNE_cjs.usePresentation((s) => s.title);
   const onIt = react.useArbiSessionState(
     (s) => s.viewingDocument?.id === boundTo && s.documentViewer.tab === "slides"
   );
   if (onIt || boundTo === null && clips === 0) return null;
-  const back = () => chunkWFMWKPGY_cjs.showPresentation(session, boundTo);
+  const back = () => chunkWVZLAAIZ_cjs.showPresentation(session, boundTo);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     ui.Button,
     {
@@ -239,14 +242,26 @@ function PresentationPill({ compact }) {
     }
   );
 }
+var SpotlightStrip = React.lazy(
+  () => import('./SpotlightStrip-ED22UYTM.cjs').then((m) => ({ default: m.SpotlightStrip }))
+);
+function SpotlightLayer() {
+  const { userId } = chunkJR2YSBD5_cjs.useConnectedWorkspace();
+  const gathered = chunkMVXHTAJ4_cjs.useSpotlight((s) => s.clips.length > 0);
+  React.useEffect(() => chunkMVXHTAJ4_cjs.useSpotlight.getState().own(userId ?? null), [userId]);
+  if (!gathered) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(React.Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntime.jsx(SpotlightStrip, {}) });
+}
 function useViewerClipping(clippable, compact) {
-  const [on, setOn] = React.useState(false);
-  const stop = React.useCallback(() => setOn(false), []);
+  const on = chunkMVXHTAJ4_cjs.useSpotlight((s) => s.clipping);
+  const setOn = chunkMVXHTAJ4_cjs.useSpotlight((s) => s.setClipping);
+  const stop = React.useCallback(() => setOn(false), [setOn]);
   const button = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(PresentationPill, { compact }),
-    clippable && /* @__PURE__ */ jsxRuntime.jsx(chunk46P7IDBX_cjs.ClipButton, { active: on, compact, onClick: () => setOn(!on) })
+    clippable && /* @__PURE__ */ jsxRuntime.jsx(chunk3IH55CDE_cjs.ClipButton, { active: on, compact, onClick: () => setOn(!on) })
   ] });
-  return { clipping: on && clippable, stop, button };
+  const layer = /* @__PURE__ */ jsxRuntime.jsx(SpotlightLayer, {});
+  return { clipping: on && clippable, stop, button, layer };
 }
 var IDLE_MS = 2e3;
 function CleanViewControl({ onExit }) {
@@ -288,7 +303,7 @@ function CleanViewControl({ onExit }) {
             size: "sm",
             variant: "ghost",
             className: "h-7",
-            onClick: () => view && chunkWFMWKPGY_cjs.toggleFullscreen(view),
+            onClick: () => view && chunkADPRIBSH_cjs.toggleFullscreen(view),
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Maximize, { className: "size-3.5" }),
               "Full screen"
@@ -314,7 +329,7 @@ function CleanViewControl({ onExit }) {
     }
   );
 }
-function useCleanView() {
+function useCleanView(extra) {
   const session = react.useArbiSessionStore();
   const detached = react.useArbiSessionState((s) => s.documentViewer.detached);
   const presenting = react.useArbiSessionState((s) => s.documentViewer.presenting);
@@ -330,7 +345,10 @@ function useCleanView() {
     on,
     frame: {
       bare: on,
-      overlay: on ? /* @__PURE__ */ jsxRuntime.jsx(CleanViewControl, { onExit: () => session.setDocumentViewer({ presenting: false }) }) : null
+      overlay: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        on && /* @__PURE__ */ jsxRuntime.jsx(CleanViewControl, { onExit: () => session.setDocumentViewer({ presenting: false }) }),
+        extra
+      ] })
     }
   };
 }
@@ -2027,17 +2045,17 @@ function clipOutlinesByPage(viewingId, clips, slides) {
 }
 function usePdfClipOutlines(viewingId) {
   const session = react.useArbiSessionStore();
-  const clips = chunk4TTX6ZNS_cjs.usePresentation((s) => s.clips);
-  const slides = chunk4TTX6ZNS_cjs.usePresentation((s) => s.slides);
+  const clips = chunkORNLCBNE_cjs.usePresentation((s) => s.clips);
+  const slides = chunkORNLCBNE_cjs.usePresentation((s) => s.slides);
   const byPage = React.useMemo(
     () => clipOutlinesByPage(viewingId, clips, slides),
     [viewingId, clips, slides]
   );
   const show = React.useCallback(
     (outline) => {
-      const state = chunk4TTX6ZNS_cjs.usePresentation.getState();
+      const state = chunkORNLCBNE_cjs.usePresentation.getState();
       if (outline.slides.length) state.goTo(outline.slides[0]);
-      chunkWFMWKPGY_cjs.showPresentation(session, state.boundTo);
+      chunkWVZLAAIZ_cjs.showPresentation(session, state.boundTo);
     },
     [session]
   );
@@ -2079,52 +2097,6 @@ function PdfPassageHighlights({
     chunkId
   )) });
 }
-
-// src/connection/viewer/pdf/passageHighlights.ts
-function passageHighlight(chunkId, { cited, active }) {
-  if (cited.size > 0) {
-    if (!cited.has(chunkId)) return null;
-    return chunkId === active ? "strong" : "light";
-  }
-  return chunkId === active ? "light" : null;
-}
-function asBox(bbox) {
-  if (!bbox || bbox.length !== 4 || !bbox.every(Number.isFinite)) return null;
-  const [x0, y0, x1, y1] = bbox;
-  if (x1 <= x0 || y1 <= y0) return null;
-  return [x0, y0, x1, y1];
-}
-function isWholePage([x0, y0, x1, y1]) {
-  return x0 <= 0 && y0 <= 0 && x1 >= 1 && y1 >= 1;
-}
-function passagePlaced(pages, chunkId) {
-  for (const page of pages) {
-    const chunk = page.chunks.find((entry) => entry.chunkExtId === chunkId);
-    if (chunk) {
-      const box = asBox(chunk.pageBbox);
-      return !!box && !isWholePage(box);
-    }
-  }
-  return false;
-}
-function passageBoxesByPage(pages, state) {
-  const byPage = /* @__PURE__ */ new Map();
-  if (state.cited.size === 0 && !state.active) return byPage;
-  for (const page of pages) {
-    if (page.pageNumber === null) continue;
-    for (const chunk of page.chunks) {
-      const chunkId = chunk.chunkExtId;
-      if (!chunkId) continue;
-      const highlight = passageHighlight(chunkId, state);
-      const box = highlight && asBox(chunk.pageBbox);
-      if (!highlight || !box || isWholePage(box)) continue;
-      const boxes = byPage.get(page.pageNumber) ?? [];
-      boxes.push({ chunkId, box, highlight });
-      byPage.set(page.pageNumber, boxes);
-    }
-  }
-  return byPage;
-}
 var NONE2 = [];
 var NO_FOOTNOTES = {};
 function usePdfPassageHighlights(documentId) {
@@ -2136,7 +2108,7 @@ function usePdfPassageHighlights(documentId) {
   });
   const { processedChunks } = viewers.useProcessedChunks(parsed?.chunks, NO_FOOTNOTES);
   const boxesByPage = React.useMemo(
-    () => passageBoxesByPage(processedChunks, { cited, active }),
+    () => chunkJITYC4OS_cjs.passageBoxesByPage(processedChunks, { cited, active }),
     [processedChunks, cited, active]
   );
   const session = react.useArbiSessionStore();
@@ -2144,7 +2116,7 @@ function usePdfPassageHighlights(documentId) {
   React.useEffect(() => {
     if (!active || !parsed || !documentId) return;
     const key = `${documentId}:${active}`;
-    if (fellBackFor.current === key || passagePlaced(processedChunks, active)) return;
+    if (fellBackFor.current === key || chunkJITYC4OS_cjs.passagePlaced(processedChunks, active)) return;
     fellBackFor.current = key;
     session.setDocumentViewer({ tab: "html" });
   }, [active, parsed, processedChunks, documentId, session]);
@@ -2175,13 +2147,13 @@ function PresentationFileCard({ documentId, fileName }) {
     chunkZW6FPIFC_cjs.EmptyState,
     {
       icon: lucideReact.Presentation,
-      title: chunk4TTX6ZNS_cjs.presentationTitle(fileName),
+      title: chunkORNLCBNE_cjs.presentationTitle(fileName),
       description: "A presentation saved in an earlier format, without its slides. Open it and save it to keep it as a presentation PDF; this file can then be deleted.",
       action: /* @__PURE__ */ jsxRuntime.jsxs(
         ui.Button,
         {
           type: "button",
-          onClick: () => chunkWFMWKPGY_cjs.editPresentation(session, { kind: "open", documentId }),
+          onClick: () => chunkWVZLAAIZ_cjs.editPresentation(session, { kind: "open", documentId }),
           "data-testid": "presentation-file-edit",
           children: [
             /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Pencil, { className: "size-4" }),
@@ -2202,10 +2174,10 @@ var SignatureRequestEditor = React.lazy(
   () => import('./document-tools/viewer/index.cjs').then((m) => ({ default: m.SignatureRequestEditor }))
 );
 var ClippingPdfViewer = React.lazy(
-  () => import('./ClippingPdfViewer-OGYLMVCE.cjs').then((m) => ({ default: m.ClippingPdfViewer }))
+  () => import('./ClippingPdfViewer-3LRTEPHV.cjs').then((m) => ({ default: m.ClippingPdfViewer }))
 );
 var ClippingMediaViewer = React.lazy(
-  () => import('./ClippingMediaViewer-IEIBT74X.cjs').then((m) => ({ default: m.ClippingMediaViewer }))
+  () => import('./ClippingMediaViewer-ZFEX5A3U.cjs').then((m) => ({ default: m.ClippingMediaViewer }))
 );
 var GuidedSigningViewer = React.lazy(
   () => import('./document-tools/viewer/index.cjs').then((m) => ({ default: m.GuidedSigningViewer }))
@@ -2399,7 +2371,7 @@ function ViewerPdfPane({
   return /* @__PURE__ */ jsxRuntime.jsx(SessionPdfViewer, { ...viewerProps, file: pdfBlob });
 }
 var SlidesTab = React.lazy(
-  () => import('./ConnectedSlidesTab-7YMEDGUU.cjs').then((m) => ({ default: m.ConnectedSlidesTab }))
+  () => import('./ConnectedSlidesTab-LUAGZ6FD.cjs').then((m) => ({ default: m.ConnectedSlidesTab }))
 );
 var StreamedWordArtifact = React.lazy(
   () => import('./ConnectedStreamedWordArtifact-AG62232A.cjs').then((m) => ({
@@ -2670,7 +2642,7 @@ function DocumentViewerContent({
     ),
     isCompact && !isDraft && documentData?.shared && /* @__PURE__ */ jsxRuntime.jsx(ui.SharingEntity, { shared: true, variant: "icon", "data-testid": "document-shared-status" }),
     isCompact && activeTab === "pdf" && pdfBlob && markup.hasMarkup && !annotating && !placingSignature && /* @__PURE__ */ jsxRuntime.jsx(
-      chunk46P7IDBX_cjs.MarkupViewNote,
+      chunk3IH55CDE_cjs.MarkupViewNote,
       {
         showOriginal: markup.showOriginal,
         onToggle: () => markup.setShowOriginal((on) => !on)
@@ -2727,9 +2699,9 @@ function DocumentViewerContent({
     isComparing
   });
   const clip = useViewerClipping(annotatable || !!pdfBlob && (isImage || isVideo), isCompact);
-  const clean = useCleanView();
+  const clean = useCleanView(clip.layer);
   const signatureBanner = !isDraft && !liveKind && !snapshotDocumentId && /* @__PURE__ */ jsxRuntime.jsx(
-    chunk46P7IDBX_cjs.SignatureRequestBanner,
+    chunk3IH55CDE_cjs.SignatureRequestBanner,
     {
       documentId,
       hidden: !!signatureFlow,
@@ -2760,7 +2732,7 @@ function DocumentViewerContent({
   const shownRef = snapshotDocumentId || documentId;
   const rightContent = /* @__PURE__ */ jsxRuntime.jsxs(chunkDTMBAFIL_cjs.ViewerHeaderEnd, { isCompact, children: [
     annotatable && /* @__PURE__ */ jsxRuntime.jsx(
-      chunk46P7IDBX_cjs.AnnotateButton,
+      chunk3IH55CDE_cjs.AnnotateButton,
       {
         active: annotating,
         compact: isCompact,
@@ -2774,7 +2746,7 @@ function DocumentViewerContent({
     ),
     clip.button,
     activeTab === "pdf" && pdfBlob && !placingSignature && (markup.hasMarkup || annotating) && /* @__PURE__ */ jsxRuntime.jsx(
-      chunk46P7IDBX_cjs.ShowOriginalButton,
+      chunk3IH55CDE_cjs.ShowOriginalButton,
       {
         active: markup.showOriginal,
         compact: isCompact,
@@ -2785,7 +2757,7 @@ function DocumentViewerContent({
       }
     ),
     activeTab === "pdf" && markup.hasMarkup && !annotating && /* @__PURE__ */ jsxRuntime.jsx(
-      chunk46P7IDBX_cjs.DownloadMarkupButton,
+      chunk3IH55CDE_cjs.DownloadMarkupButton,
       {
         onClick: () => void markup.downloadMarkup(),
         disabledReason: isSigned ? documentTools.SIGNED_LOCKED_REASON : void 0
@@ -2818,7 +2790,7 @@ function DocumentViewerContent({
       }
     ),
     documentId && documentData && !isDraft && !isStreaming && /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(
-      chunk46P7IDBX_cjs.FileShareDialog,
+      chunk3IH55CDE_cjs.FileShareDialog,
       {
         open: sharingFile,
         onOpenChange: setSharingFile,
@@ -2905,7 +2877,7 @@ function DocumentViewerContent({
         ),
         !isSigned && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunk46P7IDBX_cjs.PlaceMySignatureMenuItems,
+            chunk3IH55CDE_cjs.PlaceMySignatureMenuItems,
             {
               onPlace: (mark) => {
                 setPlacingSignature(false);
@@ -3011,7 +2983,7 @@ function DocumentViewerContent({
         ),
         isCompact && !isCoEditing && /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "viewer-title-row", className: "flex min-w-0 items-center gap-2 px-3 pb-2", children: titleBlock }),
         snapshotDocumentId && /* @__PURE__ */ jsxRuntime.jsx(
-          chunk46P7IDBX_cjs.VersionSnapshotBar,
+          chunk3IH55CDE_cjs.VersionSnapshotBar,
           {
             versionNumber: snapshotNumber,
             live: isDocx || isArtifact,
@@ -3042,7 +3014,7 @@ function DocumentViewerContent({
             /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: () => void blobs.retryPdf(), className: "underline", children: "Retry loading the current PDF" })
           ] }),
           !clean.on && activeTab === "pdf" && !isMedia && !isImage && /* @__PURE__ */ jsxRuntime.jsx(
-            chunk46P7IDBX_cjs.MarkupNotices,
+            chunk3IH55CDE_cjs.MarkupNotices,
             {
               legacyPrompt: markup.legacyPrompt,
               olderNote: markup.olderNote,
@@ -3090,7 +3062,7 @@ function DocumentViewerContent({
         ),
         activeTab === "edit" && isArtifact && liveKind && /* @__PURE__ */ jsxRuntime.jsx(chunkEG7EJFUE_cjs.ArtifactCodeView, { source: liveSource, fileName: documentData?.file_name ?? void 0 }),
         activeTab === "edit" && isArtifact && !liveKind && !isStreaming && !isComparing && /* @__PURE__ */ jsxRuntime.jsxs(React.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx(chunkALK3PUUB_cjs.ViewerMessage, { children: "Loading editor\u2026" }), children: [
-          isSigned && !snapshotDocumentId && /* @__PURE__ */ jsxRuntime.jsx(chunk46P7IDBX_cjs.SignedEditNote, {}),
+          isSigned && !snapshotDocumentId && /* @__PURE__ */ jsxRuntime.jsx(chunk3IH55CDE_cjs.SignedEditNote, {}),
           /* @__PURE__ */ jsxRuntime.jsx(
             chunk7557LDAN_cjs.ConnectedNativeDocxEditor,
             {
@@ -3145,7 +3117,7 @@ function DocumentViewerContent({
         ) }),
         activeTab === "docx" && isDocx && !isComparing && /* @__PURE__ */ jsxRuntime.jsxs(React.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx(chunkALK3PUUB_cjs.ViewerMessage, { children: "Loading editor\u2026" }), children: [
           signatureBanner,
-          isSigned && !snapshotDocumentId && /* @__PURE__ */ jsxRuntime.jsx(chunk46P7IDBX_cjs.SignedEditNote, {}),
+          isSigned && !snapshotDocumentId && /* @__PURE__ */ jsxRuntime.jsx(chunk3IH55CDE_cjs.SignedEditNote, {}),
           /* @__PURE__ */ jsxRuntime.jsx(
             chunk7557LDAN_cjs.ConnectedNativeDocxEditor,
             {
@@ -3183,5 +3155,5 @@ function DocumentViewerContent({
 }
 
 exports.ConnectedDocumentViewer = ConnectedDocumentViewer;
-//# sourceMappingURL=chunk-JD2HX2BR.cjs.map
-//# sourceMappingURL=chunk-JD2HX2BR.cjs.map
+//# sourceMappingURL=chunk-BX6G2ZCI.cjs.map
+//# sourceMappingURL=chunk-BX6G2ZCI.cjs.map