@arbidocs/react 0.5.110 → 0.5.112

package/dist/viewers/index.js

@@ -1,905 +1,62 @@
-import { installPdfjsPolyfills } from '../chunk-PTOP7OHG.js';
-export { installPdfjsPolyfills } from '../chunk-PTOP7OHG.js';
-export { AudioViewer, ImageViewer, VideoViewer } from '../chunk-HDCRPPBW.js';
-import { useEffect, useRef, useCallback, useLayoutEffect, useState, useMemo } from 'react';
-import { Document, Page, pdfjs } from 'react-pdf';
-import 'react-pdf/dist/Page/AnnotationLayer.css';
-import 'react-pdf/dist/Page/TextLayer.css';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-
-var PAGE_SELECTOR = '[role="article"][data-page-number]';
-function anchorDelta(previousHeight, nextHeight, pageTop, containerTop) {
-  const delta = nextHeight - previousHeight;
-  if (delta === 0) return 0;
-  return pageTop + previousHeight <= containerTop + 1 ? delta : 0;
-}
-function measureVisiblePages(pages, viewTop, viewBottom) {
-  const visibility = /* @__PURE__ */ new Map();
-  let page = null;
-  let bestPx = 0;
-  let score = 0;
-  const viewHeight = viewBottom - viewTop;
-  for (const p of pages) {
-    const height = p.bottom - p.top;
-    const px = Math.min(p.bottom, viewBottom) - Math.max(p.top, viewTop);
-    if (px <= 0 || height <= 0) continue;
-    visibility.set(p.n, px / height);
-    if (px > bestPx) {
-      bestPx = px;
-      page = p.n;
-      score = px / Math.min(height, viewHeight);
-    }
-  }
-  return { page, score, visibility };
-}
-function useScrollAnchor(containerRef, key) {
-  useEffect(() => {
-    const container = containerRef.current;
-    if (!container || typeof ResizeObserver === "undefined") return;
-    container.style.overflowAnchor = "none";
-    const heights = /* @__PURE__ */ new Map();
-    const observer = new ResizeObserver((entries) => {
-      let shift = 0;
-      const containerTop = container.getBoundingClientRect().top;
-      for (const entry of entries) {
-        const el = entry.target;
-        const height = el.getBoundingClientRect().height;
-        const previous = heights.get(el);
-        heights.set(el, height);
-        if (previous === void 0) continue;
-        shift += anchorDelta(previous, height, el.getBoundingClientRect().top, containerTop);
-      }
-      if (shift !== 0 && !container.dataset.zooming) container.scrollTop += shift;
-    });
-    container.querySelectorAll(PAGE_SELECTOR).forEach((el) => {
-      heights.set(el, el.getBoundingClientRect().height);
-      observer.observe(el);
-    });
-    return () => observer.disconnect();
-  }, [containerRef, key]);
-}
-
-// src/viewers/usePageIntersectionObserver.ts
-var PAGE_UPDATE_DEBOUNCE_MS = 10;
-var MIN_VISIBILITY_THRESHOLD = 0.15;
-var INTERSECTION_THRESHOLDS = [0, 0.25, 0.5, 0.75, 1];
-function usePageIntersectionObserver({
-  containerRef,
-  scrollCompleteRef,
-  isEnabled,
-  getPageElements,
-  getPageNumber,
-  onPageChange,
-  onVisibilityUpdate,
-  observeKey
-}) {
-  const latest = useRef({ getPageElements, getPageNumber, onPageChange, onVisibilityUpdate });
-  latest.current = { getPageElements, getPageNumber, onPageChange, onVisibilityUpdate };
-  useEffect(() => {
-    if (!isEnabled || !containerRef.current) return;
-    const container = containerRef.current;
-    let lastReportedPage = null;
-    let updateTimeout = null;
-    let frame = 0;
-    const evaluate = () => {
-      const root = container.getBoundingClientRect();
-      const pages = [];
-      for (const el of latest.current.getPageElements()) {
-        const n = latest.current.getPageNumber(el);
-        if (n <= 0) continue;
-        const r = el.getBoundingClientRect();
-        pages.push({ n, top: r.top, bottom: r.bottom });
-      }
-      const { page, score, visibility } = measureVisiblePages(pages, root.top, root.bottom);
-      if (scrollCompleteRef.current && page !== null && page !== lastReportedPage && score > MIN_VISIBILITY_THRESHOLD) {
-        lastReportedPage = page;
-        latest.current.onPageChange(page);
-      }
-      latest.current.onVisibilityUpdate?.(visibility);
-    };
-    const observer = new IntersectionObserver(
-      () => {
-        if (updateTimeout) clearTimeout(updateTimeout);
-        updateTimeout = setTimeout(evaluate, PAGE_UPDATE_DEBOUNCE_MS);
-      },
-      { root: container, threshold: INTERSECTION_THRESHOLDS }
-    );
-    const onScroll = () => {
-      if (!frame) {
-        frame = requestAnimationFrame(() => {
-          frame = 0;
-          evaluate();
-        });
-      }
-    };
-    container.addEventListener("scroll", onScroll, { passive: true });
-    latest.current.getPageElements().forEach((element) => observer.observe(element));
-    return () => {
-      observer.disconnect();
-      container.removeEventListener("scroll", onScroll);
-      if (updateTimeout) clearTimeout(updateTimeout);
-      if (frame) cancelAnimationFrame(frame);
-    };
-  }, [containerRef, scrollCompleteRef, isEnabled, observeKey]);
-}
-var MIN_ZOOM = 0.5;
-var MAX_ZOOM = 4;
-var DOUBLE_TAP_ZOOM = 2;
-var MAX_CANVAS_PIXELS = 8e6;
-var MAX_RENDER_DPR = 2;
-function clampZoom(zoom) {
-  if (!Number.isFinite(zoom)) return 1;
-  return Math.round(Math.min(MAX_ZOOM, Math.max(MIN_ZOOM, zoom)) * 100) / 100;
-}
-var ZOOM_PRESETS = [1.5, 2, 3];
-function cycleZoom(zoom) {
-  return ZOOM_PRESETS.find((preset) => preset > zoom + 0.05) ?? 1;
-}
-function doubleTapZoom(zoom) {
-  return zoom > 1.05 ? 1 : DOUBLE_TAP_ZOOM;
-}
-function zoomLabel(zoom) {
-  return `${Math.round(zoom * 100)}%`;
-}
-function pinchZoom(startZoom, startDistance, distance2) {
-  if (startDistance <= 0) return startZoom;
-  return clampZoom(startZoom * distance2 / startDistance);
-}
-function anchoredScroll(scroll, focal, oldZoom, newZoom) {
-  if (oldZoom <= 0) return scroll;
-  return (scroll + focal) * newZoom / oldZoom - focal;
-}
-function renderDpr(cssWidth, cssHeight, devicePixelRatio, maxPixels = MAX_CANVAS_PIXELS) {
-  const wanted = Math.min(Math.max(devicePixelRatio || 1, 1), MAX_RENDER_DPR);
-  const area = cssWidth * cssHeight;
-  if (area <= 0) return wanted;
-  const fits = Math.sqrt(maxPixels / area);
-  return Math.max(1, Math.min(wanted, fits));
-}
-function fitPageWidth(contentWidth, pageBorder) {
-  if (!Number.isFinite(contentWidth)) return 0;
-  return Math.max(0, Math.floor(contentWidth) - pageBorder);
-}
-function contentBoxWidth(el) {
-  const style = getComputedStyle(el);
-  const padding = (parseFloat(style.paddingLeft) || 0) + (parseFloat(style.paddingRight) || 0);
-  return Math.max(0, el.clientWidth - padding);
-}
-var distance = (a, b) => Math.hypot(a.clientX - b.clientX, a.clientY - b.clientY);
-var INTERACTIVE = 'button, a, input, textarea, select, [role="button"]';
-var DOUBLE_TAP_MS = 300;
-var DOUBLE_TAP_SLOP_PX = 30;
-function usePinchZoom({ containerRef, zoom, onZoomChange }) {
-  const zoomRef = useRef(zoom);
-  const onChangeRef = useRef(onZoomChange);
-  onChangeRef.current = onZoomChange;
-  const focalRef = useRef(null);
-  const appliedZoomRef = useRef(zoom);
-  const request = useCallback((next, focal) => {
-    const clamped = clampZoom(next);
-    if (clamped === zoomRef.current) return;
-    focalRef.current = focal;
-    zoomRef.current = clamped;
-    onChangeRef.current?.(clamped);
-  }, []);
-  useLayoutEffect(() => {
-    zoomRef.current = zoom;
-    const container = containerRef.current;
-    const previous = appliedZoomRef.current;
-    appliedZoomRef.current = zoom;
-    if (!container || previous === zoom) return;
-    const rect = container.getBoundingClientRect();
-    const focal = focalRef.current ?? { x: rect.width / 2, y: rect.height / 2 };
-    focalRef.current = null;
-    container.dataset.zooming = "true";
-    container.scrollLeft = anchoredScroll(container.scrollLeft, focal.x, previous, zoom);
-    container.scrollTop = anchoredScroll(container.scrollTop, focal.y, previous, zoom);
-    requestAnimationFrame(
-      () => requestAnimationFrame(() => {
-        delete container.dataset.zooming;
-      })
-    );
-  }, [zoom, containerRef]);
-  useEffect(() => {
-    const el = containerRef.current;
-    if (!el) return;
-    let pinch = null;
-    let lastTap = null;
-    let frame = 0;
-    let pending = null;
-    const focalOf = (a, b) => {
-      const rect = el.getBoundingClientRect();
-      return {
-        x: (a.clientX + b.clientX) / 2 - rect.left,
-        y: (a.clientY + b.clientY) / 2 - rect.top
-      };
-    };
-    const flush = () => {
-      frame = 0;
-      if (pending) request(pending.zoom, pending.focal);
-      pending = null;
-    };
-    const onStart = (e) => {
-      if (e.touches.length === 2) {
-        pinch = { startDistance: distance(e.touches[0], e.touches[1]), startZoom: zoomRef.current };
-        lastTap = null;
-      }
-    };
-    const onMove = (e) => {
-      if (!pinch || e.touches.length !== 2) return;
-      e.preventDefault();
-      pending = {
-        zoom: pinchZoom(pinch.startZoom, pinch.startDistance, distance(e.touches[0], e.touches[1])),
-        focal: focalOf(e.touches[0], e.touches[1])
-      };
-      if (!frame) frame = requestAnimationFrame(flush);
-    };
-    const onEnd = (e) => {
-      if (pinch && e.touches.length < 2) {
-        pinch = null;
-        return;
-      }
-      if (e.touches.length !== 0 || e.changedTouches.length !== 1) return;
-      const t = e.changedTouches[0];
-      if (e.target?.closest?.(INTERACTIVE)) return;
-      const now = e.timeStamp;
-      if (lastTap && now - lastTap.time < DOUBLE_TAP_MS && Math.hypot(t.clientX - lastTap.x, t.clientY - lastTap.y) < DOUBLE_TAP_SLOP_PX) {
-        e.preventDefault();
-        const rect = el.getBoundingClientRect();
-        request(doubleTapZoom(zoomRef.current), {
-          x: t.clientX - rect.left,
-          y: t.clientY - rect.top
-        });
-        lastTap = null;
-      } else {
-        lastTap = { time: now, x: t.clientX, y: t.clientY };
-      }
-    };
-    el.addEventListener("touchstart", onStart, { passive: true });
-    el.addEventListener("touchmove", onMove, { passive: false });
-    el.addEventListener("touchend", onEnd, { passive: false });
-    el.addEventListener("touchcancel", onEnd, { passive: false });
-    return () => {
-      el.removeEventListener("touchstart", onStart);
-      el.removeEventListener("touchmove", onMove);
-      el.removeEventListener("touchend", onEnd);
-      el.removeEventListener("touchcancel", onEnd);
-      if (frame) cancelAnimationFrame(frame);
-    };
-  }, [containerRef, request]);
-}
-
-// src/viewers/pdf-viewer-constants.ts
-var LAZY_LOAD_BUFFER_BEFORE = 2;
-var LAZY_LOAD_BUFFER_AFTER = 5;
-var INITIAL_LAZY_LOAD_BUFFER = { before: 0, after: 1 };
-var DEFAULT_ASSETS = {
-  workerSrc: "/pdf.worker.min.mjs",
-  cMapUrl: "/cmaps/",
-  standardFontDataUrl: "/standard_fonts/",
-  wasmUrl: "/wasm/"
+import { PdfViewer, pdfViewerChunk } from "./PdfViewer.js";
+import { installPdfjsPolyfills } from "./pdfjs-polyfills.js";
+import { DocxViewer } from "./DocxViewer.js";
+import { XlsxViewer } from "./XlsxViewer.js";
+import { ImageViewer } from "./ImageViewer.js";
+import { AudioViewer } from "./AudioViewer.js";
+import { VideoViewer } from "./VideoViewer.js";
+import {
+  MIN_ZOOM,
+  MAX_ZOOM,
+  clampZoom,
+  cycleZoom,
+  doubleTapZoom,
+  zoomLabel,
+  pinchZoom,
+  anchoredScroll,
+  renderDpr,
+  usePinchZoom
+} from "./viewer-zoom.js";
+import { PAGE_SELECTOR, anchorDelta, useScrollAnchor } from "./page-scroll.js";
+import { usePageIntersectionObserver } from "./usePageIntersectionObserver.js";
+import {
+  LAZY_LOAD_BUFFER_BEFORE,
+  LAZY_LOAD_BUFFER_AFTER,
+  INITIAL_LAZY_LOAD_BUFFER
+} from "./pdf-viewer-constants.js";
+import {
+  useProcessedChunks
+} from "./useProcessedChunks.js";
+import {
+  computeSelectionRuns
+} from "./selection-runs.js";
+export {
+  AudioViewer,
+  DocxViewer,
+  INITIAL_LAZY_LOAD_BUFFER,
+  ImageViewer,
+  LAZY_LOAD_BUFFER_AFTER,
+  LAZY_LOAD_BUFFER_BEFORE,
+  MAX_ZOOM,
+  MIN_ZOOM,
+  PAGE_SELECTOR,
+  PdfViewer,
+  VideoViewer,
+  XlsxViewer,
+  anchorDelta,
+  anchoredScroll,
+  clampZoom,
+  computeSelectionRuns,
+  cycleZoom,
+  doubleTapZoom,
+  installPdfjsPolyfills,
+  pdfViewerChunk,
+  pinchZoom,
+  renderDpr,
+  usePageIntersectionObserver,
+  usePinchZoom,
+  useProcessedChunks,
+  useScrollAnchor,
+  zoomLabel
 };
-function ensurePdfWorker(workerSrc) {
-  installPdfjsPolyfills();
-  if (pdfjs.GlobalWorkerOptions.workerSrc !== workerSrc) {
-    pdfjs.GlobalWorkerOptions.workerSrc = workerSrc;
-  }
-}
-var DEFAULT_PAGE_ASPECT_RATIO = 1.414;
-var PAGE_BORDER_PX = 2;
-var RERENDER_DEBOUNCE_MS = 250;
-var ZOOMED_BUFFER_THRESHOLD = 1.5;
-function sameSet(a, b) {
-  if (a.size !== b.size) return false;
-  for (const v of a) if (!b.has(v)) return false;
-  return true;
-}
-var TEXT_LAYER_BUFFER = 1;
-var ratioOf = (page) => {
-  const { width, height } = page.getViewport({ scale: 1 });
-  return width > 0 && height > 0 ? height / width : DEFAULT_PAGE_ASPECT_RATIO;
-};
-function PdfViewer({
-  file,
-  currentPage,
-  onLoadSuccess,
-  scrollTrigger,
-  zoom = 1,
-  onZoomChange,
-  onPageChange,
-  disableFontFace = false,
-  assets,
-  renderPageOverlay
-}) {
-  const workerSrc = assets?.workerSrc ?? DEFAULT_ASSETS.workerSrc;
-  const cMapUrl = assets?.cMapUrl ?? DEFAULT_ASSETS.cMapUrl;
-  const standardFontDataUrl = assets?.standardFontDataUrl ?? DEFAULT_ASSETS.standardFontDataUrl;
-  const wasmUrl = assets?.wasmUrl ?? DEFAULT_ASSETS.wasmUrl;
-  ensurePdfWorker(workerSrc);
-  const [numPages, setNumPages] = useState(0);
-  const [containerWidth, setContainerWidth] = useState(0);
-  const [defaultRatio, setDefaultRatio] = useState(DEFAULT_PAGE_ASPECT_RATIO);
-  const [pageRatios, setPageRatios] = useState(/* @__PURE__ */ new Map());
-  const [pageWidthsPt, setPageWidthsPt] = useState(/* @__PURE__ */ new Map());
-  const [loadError, setLoadError] = useState(null);
-  const [documentKey, setDocumentKey] = useState(() => `pdf-${Date.now()}`);
-  const initialPage = currentPage || 1;
-  const [renderedPages, setRenderedPages] = useState(
-    /* @__PURE__ */ new Set([
-      Math.max(1, initialPage - INITIAL_LAZY_LOAD_BUFFER.before),
-      initialPage,
-      initialPage + INITIAL_LAZY_LOAD_BUFFER.after
-    ])
-  );
-  const [visiblePages, setVisiblePages] = useState(/* @__PURE__ */ new Set([initialPage]));
-  const loadLifetime = useMemo(() => ({ file, active: true }), [file]);
-  useEffect(() => {
-    loadLifetime.active = true;
-    return () => {
-      loadLifetime.active = false;
-    };
-  }, [loadLifetime]);
-  useEffect(() => {
-    setDocumentKey(`pdf-${Date.now()}`);
-    setNumPages(0);
-    setLoadError(null);
-  }, [file]);
-  const containerRef = useRef(null);
-  const pageRefs = useRef(/* @__PURE__ */ new Map());
-  const onDocumentLoadSuccess = useCallback(
-    (pdf) => {
-      if (!loadLifetime.active) return;
-      const n = pdf.numPages;
-      void pdf.getPage?.(1).then((page) => {
-        if (loadLifetime.active) setDefaultRatio(ratioOf(page));
-      }).catch(() => {
-      });
-      setNumPages(n);
-      setLoadError(null);
-      try {
-        onLoadSuccess?.(n);
-      } catch (error) {
-        console.error("Error in onLoadSuccess callback:", error);
-      }
-    },
-    [onLoadSuccess, loadLifetime]
-  );
-  useEffect(() => {
-    if (numPages === 0) return;
-    let cancelled = false;
-    const expand = () => {
-      if (cancelled || !loadLifetime.active) return;
-      setRenderedPages((prev) => {
-        if (prev.size === 0) return prev;
-        const newSet = new Set(prev);
-        const anchor = currentPage || 1;
-        for (let i = Math.max(1, anchor - LAZY_LOAD_BUFFER_BEFORE); i <= Math.min(numPages, anchor + LAZY_LOAD_BUFFER_AFTER); i++) {
-          newSet.add(i);
-        }
-        return newSet;
-      });
-    };
-    if (typeof requestIdleCallback !== "undefined") {
-      const handle2 = requestIdleCallback(expand, { timeout: 500 });
-      return () => {
-        cancelled = true;
-        if (typeof cancelIdleCallback !== "undefined") cancelIdleCallback(handle2);
-      };
-    }
-    const handle = setTimeout(expand, 500);
-    return () => {
-      cancelled = true;
-      clearTimeout(handle);
-    };
-  }, [numPages, currentPage, loadLifetime]);
-  const onDocumentLoadError = useCallback((error) => {
-    console.error("PDF loading error:", error);
-    setLoadError(error);
-    setNumPages(0);
-  }, []);
-  const onPassword = useCallback((updatePassword, reason) => {
-    const message = reason === 2 ? "Incorrect password. Enter the password to unlock this PDF:" : "This PDF is password-protected. Enter the password to view it:";
-    const password = window.prompt(message);
-    if (password === null) {
-      setLoadError(new Error("Password required to open this PDF"));
-      setNumPages(0);
-      return;
-    }
-    updatePassword(password);
-  }, []);
-  useEffect(() => {
-    const container = containerRef.current;
-    if (!container) return;
-    const setFromContentWidth = (contentWidth) => setContainerWidth(fitPageWidth(contentWidth, PAGE_BORDER_PX));
-    setFromContentWidth(contentBoxWidth(container));
-    const resizeObserver = new ResizeObserver((entries) => {
-      const entry = entries[entries.length - 1];
-      const box = entry?.contentBoxSize?.[0];
-      setFromContentWidth(box ? box.inlineSize : entry?.contentRect.width ?? 0);
-    });
-    resizeObserver.observe(container);
-    return () => {
-      resizeObserver.disconnect();
-    };
-  }, []);
-  const scrollCompleteRef = useRef(false);
-  useEffect(() => {
-    if (numPages === 0) return;
-    if (scrollCompleteRef.current) return;
-    if (currentPage) {
-      setRenderedPages((prev) => {
-        const newSet = new Set(prev);
-        for (let i = Math.max(1, currentPage - LAZY_LOAD_BUFFER_BEFORE); i <= Math.min(numPages, currentPage + LAZY_LOAD_BUFFER_AFTER); i++) {
-          newSet.add(i);
-        }
-        return newSet;
-      });
-      requestAnimationFrame(() => {
-        const pageElement = pageRefs.current.get(currentPage);
-        if (pageElement) {
-          pageElement.scrollIntoView({ behavior: "auto", block: "start" });
-        }
-        setTimeout(() => {
-          scrollCompleteRef.current = true;
-        }, 100);
-      });
-    }
-  }, [numPages]);
-  const currentPageRef = useRef(currentPage);
-  currentPageRef.current = currentPage;
-  useEffect(() => {
-    const currentPage2 = currentPageRef.current;
-    if (!scrollTrigger || numPages === 0 || !currentPage2) return;
-    scrollCompleteRef.current = false;
-    setRenderedPages((prev) => {
-      const newSet = new Set(prev);
-      for (let i = Math.max(1, currentPage2 - LAZY_LOAD_BUFFER_BEFORE); i <= Math.min(numPages, currentPage2 + LAZY_LOAD_BUFFER_AFTER); i++) {
-        newSet.add(i);
-      }
-      return newSet;
-    });
-    requestAnimationFrame(() => {
-      requestAnimationFrame(() => {
-        const pageElement = pageRefs.current.get(currentPage2);
-        if (pageElement) {
-          pageElement.scrollIntoView({ behavior: "instant", block: "start" });
-        }
-        scrollCompleteRef.current = true;
-      });
-    });
-  }, [scrollTrigger, numPages]);
-  const handleVisibilityUpdate = useCallback(
-    (visibilityMap) => {
-      const visiblePageNums = Array.from(visibilityMap.entries()).filter(([, ratio]) => ratio > 0).map(([pageNum]) => pageNum);
-      if (visiblePageNums.length > 0) {
-        const minVisible = Math.min(...visiblePageNums);
-        const maxVisible = Math.max(...visiblePageNums);
-        const zoomed = zoom > ZOOMED_BUFFER_THRESHOLD;
-        const before = zoomed ? 1 : LAZY_LOAD_BUFFER_BEFORE;
-        const after = zoomed ? 2 : LAZY_LOAD_BUFFER_AFTER;
-        const pagesToRender = /* @__PURE__ */ new Set();
-        for (let i = Math.max(1, minVisible - before); i <= Math.min(numPages, maxVisible + after); i++) {
-          pagesToRender.add(i);
-        }
-        setRenderedPages((prev) => sameSet(prev, pagesToRender) ? prev : pagesToRender);
-        const nearViewport = /* @__PURE__ */ new Set();
-        for (let i = Math.max(1, minVisible - TEXT_LAYER_BUFFER); i <= Math.min(numPages, maxVisible + TEXT_LAYER_BUFFER); i++) {
-          nearViewport.add(i);
-        }
-        setVisiblePages((prev) => sameSet(prev, nearViewport) ? prev : nearViewport);
-      }
-    },
-    [numPages, zoom]
-  );
-  const documentOptions = useMemo(
-    () => ({
-      standardFontDataUrl,
-      cMapUrl,
-      cMapPacked: true,
-      wasmUrl,
-      ...disableFontFace && { disableFontFace: true }
-    }),
-    [standardFontDataUrl, cMapUrl, wasmUrl, disableFontFace]
-  );
-  const handlePageChange = useCallback(
-    (pageNumber) => onPageChange?.(pageNumber),
-    [onPageChange]
-  );
-  usePageIntersectionObserver({
-    containerRef,
-    scrollCompleteRef,
-    isEnabled: numPages > 0,
-    getPageElements: () => Array.from(pageRefs.current.values()),
-    getPageNumber: (element) => parseInt(element.getAttribute("data-page-number") ?? "0"),
-    onPageChange: handlePageChange,
-    onVisibilityUpdate: handleVisibilityUpdate,
-    observeKey: `${numPages}:${containerWidth > 0}`
-  });
-  useScrollAnchor(containerRef, `${numPages}:${containerWidth > 0}`);
-  usePinchZoom({ containerRef, zoom, onZoomChange });
-  const [renderZoom, setRenderZoom] = useState(zoom);
-  useEffect(() => {
-    if (zoom === renderZoom) return;
-    const timer = setTimeout(() => setRenderZoom(zoom), RERENDER_DEBOUNCE_MS);
-    return () => clearTimeout(timer);
-  }, [zoom, renderZoom]);
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref: containerRef,
-      className: "w-full h-full overflow-auto bg-muted flex flex-col items-start p-4 pb-20",
-      style: { touchAction: "pan-x pan-y", scrollbarGutter: "stable" },
-      role: "region",
-      "aria-label": "PDF document viewer",
-      "data-testid": "pdf-viewer",
-      children: /* @__PURE__ */ jsx(
-        Document,
-        {
-          className: "flex w-max min-w-full flex-col",
-          suspense: false,
-          file,
-          onLoadSuccess: onDocumentLoadSuccess,
-          onLoadError: onDocumentLoadError,
-          onPassword,
-          options: documentOptions,
-          loading: /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center h-full", children: /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: "Loading PDF..." }) }),
-          error: /* @__PURE__ */ jsx("div", { className: "flex flex-col items-center justify-center h-full gap-4 p-8", children: /* @__PURE__ */ jsx("div", { className: "text-destructive text-center", children: loadError?.message === "Cannot read properties of null (reading 'sendWithPromise')" ? /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx("p", { className: "font-semibold mb-2", children: "PDF viewer initialization failed" }),
-            /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Please refresh the page to retry" })
-          ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx("p", { className: "font-semibold mb-2", children: "Failed to load PDF" }),
-            loadError && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: loadError.message })
-          ] }) }) }),
-          children: containerWidth > 0 && Array.from(new Array(numPages), (_, index) => {
-            const pageNumber = index + 1;
-            const shouldRender = renderedPages.has(pageNumber);
-            const ratio = pageRatios.get(pageNumber) ?? defaultRatio;
-            const pageWidth = containerWidth * zoom;
-            const pageHeight = pageWidth * ratio;
-            const renderWidth = containerWidth * renderZoom;
-            const scale = zoom / renderZoom;
-            const shouldRenderTextLayer = visiblePages.has(pageNumber);
-            return /* @__PURE__ */ jsxs(
-              "div",
-              {
-                ref: (el) => {
-                  if (el) {
-                    pageRefs.current.set(pageNumber, el);
-                  } else {
-                    pageRefs.current.delete(pageNumber);
-                  }
-                },
-                "data-page-number": pageNumber,
-                className: "relative mx-auto mb-6 shrink-0 shadow-xl bg-white border border-border",
-                style: { width: pageWidth + PAGE_BORDER_PX, height: pageHeight + PAGE_BORDER_PX },
-                role: "article",
-                "aria-label": `Page ${pageNumber} of ${numPages}`,
-                children: [
-                  shouldRender ? /* @__PURE__ */ jsx(
-                    "div",
-                    {
-                      "data-testid": `pdf-page-scaler-${pageNumber}`,
-                      style: scale === 1 ? void 0 : { transform: `scale(${scale})`, transformOrigin: "0 0" },
-                      children: /* @__PURE__ */ jsx(
-                        Page,
-                        {
-                          pageNumber,
-                          width: renderWidth,
-                          renderTextLayer: shouldRenderTextLayer,
-                          renderAnnotationLayer: false,
-                          onLoadSuccess: (page) => {
-                            setPageWidthsPt(
-                              (prev) => prev.get(pageNumber) === page.originalWidth ? prev : new Map(prev).set(pageNumber, page.originalWidth)
-                            );
-                            const ratio2 = page.originalHeight / page.originalWidth;
-                            setPageRatios(
-                              (prev) => Math.abs((prev.get(pageNumber) ?? defaultRatio) - ratio2) < 1e-3 ? prev : new Map(prev).set(pageNumber, ratio2)
-                            );
-                          },
-                          devicePixelRatio: renderDpr(
-                            renderWidth,
-                            renderWidth * ratio,
-                            window.devicePixelRatio || 1
-                          ),
-                          loading: /* @__PURE__ */ jsx(
-                            "div",
-                            {
-                              className: "flex items-center justify-center bg-muted",
-                              style: { width: renderWidth, height: renderWidth * ratio },
-                              children: /* @__PURE__ */ jsxs("div", { className: "text-sm text-muted-foreground", children: [
-                                "Loading page ",
-                                pageNumber,
-                                "..."
-                              ] })
-                            }
-                          )
-                        }
-                      )
-                    }
-                  ) : /* @__PURE__ */ jsx(
-                    "div",
-                    {
-                      className: "flex items-center justify-center bg-muted",
-                      style: { width: pageWidth, height: pageHeight },
-                      children: /* @__PURE__ */ jsxs("div", { className: "text-sm text-muted-foreground", children: [
-                        "Page ",
-                        pageNumber
-                      ] })
-                    }
-                  ),
-                  renderPageOverlay?.({ pageNumber, pageWidthPt: pageWidthsPt.get(pageNumber) })
-                ]
-              },
-              `page_${pageNumber}`
-            );
-          })
-        },
-        documentKey
-      )
-    }
-  );
-}
-function measureContentWidth(container) {
-  let pageWidth = 0;
-  container.querySelectorAll("section.docx").forEach((section) => {
-    pageWidth = Math.max(pageWidth, section.offsetWidth);
-  });
-  if (pageWidth === 0) return 0;
-  const wrapper = container.querySelector(".docx-wrapper");
-  if (wrapper) {
-    const style = window.getComputedStyle(wrapper);
-    pageWidth += (parseFloat(style.paddingLeft) || 0) + (parseFloat(style.paddingRight) || 0);
-  }
-  return pageWidth;
-}
-function DocxViewer({ blob }) {
-  const outerRef = useRef(null);
-  const containerRef = useRef(null);
-  const [error, setError] = useState(null);
-  const [isLoading, setIsLoading] = useState(true);
-  const [containerWidth, setContainerWidth] = useState(0);
-  const [contentWidth, setContentWidth] = useState(0);
-  useEffect(() => {
-    const outer = outerRef.current;
-    if (!outer) return;
-    const updateWidth = () => setContainerWidth(outer.clientWidth);
-    updateWidth();
-    const resizeObserver = new ResizeObserver(updateWidth);
-    resizeObserver.observe(outer);
-    return () => resizeObserver.disconnect();
-  }, []);
-  useEffect(() => {
-    const container = containerRef.current;
-    if (!container) return;
-    let cancelled = false;
-    setIsLoading(true);
-    setError(null);
-    setContentWidth(0);
-    container.innerHTML = "";
-    import('docx-preview').then(({ renderAsync }) => {
-      if (cancelled) return;
-      return renderAsync(blob, container, void 0, {
-        ignoreLastRenderedPageBreak: false
-      });
-    }).then(() => {
-      if (!cancelled) setIsLoading(false);
-    }).catch((err) => {
-      if (!cancelled) {
-        console.error("DocxViewer render error:", err);
-        setError("Failed to render document");
-        setIsLoading(false);
-      }
-    });
-    return () => {
-      cancelled = true;
-    };
-  }, [blob]);
-  useLayoutEffect(() => {
-    const container = containerRef.current;
-    if (isLoading || error || !container) return;
-    setContentWidth(measureContentWidth(container));
-  }, [isLoading, error]);
-  const scale = containerWidth > 0 && contentWidth > 0 ? Math.min(1, containerWidth / contentWidth) : 1;
-  return /* @__PURE__ */ jsxs("div", { ref: outerRef, className: "w-full h-full overflow-auto bg-muted", "data-testid": "docx-viewer", children: [
-    isLoading && /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center h-full", children: /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: "Loading document..." }) }),
-    error && /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center h-full", children: /* @__PURE__ */ jsx("div", { className: "text-destructive", children: error }) }),
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref: containerRef,
-        "data-testid": "docx-viewer-body",
-        className: `docx-viewer-body${isLoading || error ? " hidden" : ""}`,
-        style: { zoom: scale }
-      }
-    )
-  ] });
-}
-function XlsxViewer({ blob }) {
-  const [sheets, setSheets] = useState([]);
-  const [activeSheet, setActiveSheet] = useState("");
-  const [rows, setRows] = useState([]);
-  const [error, setError] = useState(null);
-  const [isLoading, setIsLoading] = useState(true);
-  const workbookRef = useRef(null);
-  const renderSheet = async (sheetName, wb) => {
-    const XLSX = await import('xlsx');
-    const sheet = wb.Sheets[sheetName];
-    const data = XLSX.utils.sheet_to_json(sheet, { header: 1, defval: "" });
-    setRows(data);
-    setActiveSheet(sheetName);
-  };
-  useEffect(() => {
-    let cancelled = false;
-    blob.arrayBuffer().then(async (buffer) => {
-      if (cancelled) return;
-      const XLSX = await import('xlsx');
-      const wb = XLSX.read(buffer, { type: "array" });
-      workbookRef.current = wb;
-      const sheetNames = wb.SheetNames;
-      setSheets(sheetNames);
-      const data = XLSX.utils.sheet_to_json(wb.Sheets[sheetNames[0]], {
-        header: 1,
-        defval: ""
-      });
-      if (!cancelled) {
-        setRows(data);
-        setActiveSheet(sheetNames[0]);
-        setIsLoading(false);
-      }
-    }).catch((err) => {
-      if (!cancelled) {
-        console.error("XlsxViewer error:", err);
-        setError("Failed to render spreadsheet");
-        setIsLoading(false);
-      }
-    });
-    return () => {
-      cancelled = true;
-    };
-  }, [blob]);
-  const handleSheetChange = (sheetName) => {
-    if (workbookRef.current) {
-      renderSheet(sheetName, workbookRef.current);
-    }
-  };
-  if (isLoading) {
-    return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center h-full", children: /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: "Loading spreadsheet..." }) });
-  }
-  if (error) {
-    return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center h-full", children: /* @__PURE__ */ jsx("div", { className: "text-destructive", children: error }) });
-  }
-  const colCount = rows.reduce((max, row) => Math.max(max, row.length), 0);
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: "w-full h-full flex flex-col overflow-hidden bg-background",
-      "data-testid": "xlsx-viewer",
-      children: [
-        sheets.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 flex items-center gap-0.5 px-2 pt-1 border-b bg-muted overflow-x-auto", children: sheets.map((sheet) => /* @__PURE__ */ jsx(
-          "button",
-          {
-            onClick: () => handleSheetChange(sheet),
-            className: `px-3 py-1 text-sm font-medium whitespace-nowrap rounded-t transition-colors border-x border-t ${sheet === activeSheet ? "bg-background text-primary border-border" : "bg-muted text-muted-foreground border-transparent hover:bg-muted hover:text-foreground"}`,
-            children: sheet
-          },
-          sheet
-        )) }),
-        /* @__PURE__ */ jsxs("div", { className: "flex-1 overflow-auto", children: [
-          /* @__PURE__ */ jsx("table", { className: "text-sm border-collapse min-w-full", children: /* @__PURE__ */ jsx("tbody", { children: rows.map((row, rowIdx) => /* @__PURE__ */ jsxs(
-            "tr",
-            {
-              className: rowIdx === 0 ? "bg-muted font-semibold sticky top-0" : "hover:bg-accent",
-              children: [
-                /* @__PURE__ */ jsx("td", { className: "border border-border px-1 text-center text-muted-foreground bg-muted select-none w-8 min-w-[2rem]", children: rowIdx + 1 }),
-                Array.from({ length: colCount }).map((_, colIdx) => /* @__PURE__ */ jsx(
-                  "td",
-                  {
-                    className: "border border-border px-2 py-0.5 whitespace-nowrap max-w-[200px] overflow-hidden text-ellipsis",
-                    title: String(row[colIdx] ?? ""),
-                    children: String(row[colIdx] ?? "")
-                  },
-                  colIdx
-                ))
-              ]
-            },
-            rowIdx
-          )) }) }),
-          rows.length === 0 && /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center p-8 text-sm text-muted-foreground", children: "Empty sheet" })
-        ] })
-      ]
-    }
-  );
-}
-function inlineFootnotes(content, footnotes) {
-  if (!footnotes || Object.keys(footnotes).length === 0) return content;
-  let result = content;
-  result = result.replace(/^\[\^[^\]]+\]:[ \t]+.*(?:\n(?:[ \t]+.+)?)*/gm, "");
-  result = result.replace(/\[\^([^\]]+)\]/g, (_match, key) => {
-    const fnContent = footnotes[key];
-    if (!fnContent) return `<sup class="fn-ref">${key}</sup>`;
-    const escaped = fnContent.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
-    return `<sup class="fn-ref">${key}</sup><span class="fn-inline" title="${escaped}">[${escaped}]</span>`;
-  });
-  return result.trim();
-}
-function useProcessedChunks(chunks, footnotes) {
-  return useMemo(() => {
-    if (!chunks || chunks.length === 0) {
-      return { processedChunks: [], maxPageNumber: 0 };
-    }
-    const hasFootnotes = footnotes && Object.keys(footnotes).length > 0;
-    const chunksByPage = [];
-    let currentPageNumber = -1;
-    let currentPageChunks = [];
-    let maxPageNumber = 0;
-    chunks.forEach((chunk) => {
-      const pageNum = chunk.metadata?.page_number;
-      if (pageNum && pageNum > maxPageNumber) {
-        maxPageNumber = pageNum;
-      }
-      if (pageNum !== currentPageNumber) {
-        if (currentPageChunks.length > 0) {
-          chunksByPage.push({
-            pageNumber: currentPageNumber > 0 ? currentPageNumber : null,
-            chunks: currentPageChunks
-          });
-        }
-        currentPageNumber = pageNum ?? -1;
-        currentPageChunks = [];
-      }
-      currentPageChunks.push({
-        content: hasFootnotes ? inlineFootnotes(chunk.content, footnotes) : chunk.content,
-        chunkIndex: chunk.metadata?.chunk_doc_idx,
-        chunkExtId: chunk.metadata?.chunk_ext_id,
-        docTitle: chunk.metadata?.doc_title ?? void 0
-      });
-    });
-    if (currentPageChunks.length > 0) {
-      chunksByPage.push({
-        pageNumber: currentPageNumber > 0 ? currentPageNumber : null,
-        chunks: currentPageChunks
-      });
-    }
-    return { processedChunks: chunksByPage, maxPageNumber };
-  }, [chunks, footnotes]);
-}
-
-// src/viewers/selection-runs.ts
-function computeSelectionRuns(pages, selectedChunks) {
-  const runs = /* @__PURE__ */ new Map();
-  if (selectedChunks.size === 0) return runs;
-  const flat = pages.flatMap(
-    (page) => page.chunks.map((c) => ({ ...c, pageNumber: page.pageNumber }))
-  );
-  let i = 0;
-  while (i < flat.length) {
-    const chunk = flat[i];
-    if (!chunk.chunkExtId || !selectedChunks.has(chunk.chunkExtId)) {
-      i += 1;
-      continue;
-    }
-    let end = i;
-    while (end + 1 < flat.length && flat[end + 1].chunkExtId && selectedChunks.has(flat[end + 1].chunkExtId)) {
-      end += 1;
-    }
-    const last = flat[end];
-    const endIndex = last.chunkIndex !== void 0 ? last.chunkIndex + 1 : void 0;
-    for (let k = i; k <= end; k += 1) {
-      const id = flat[k].chunkExtId;
-      if (!id) continue;
-      runs.set(id, {
-        isStart: k === i,
-        isEnd: k === end,
-        // Only the run's first member carries the label bounds.
-        endIndex: k === i ? endIndex : void 0,
-        endPage: k === i ? last.pageNumber : void 0
-      });
-    }
-    i = end + 1;
-  }
-  return runs;
-}
-
-export { DocxViewer, INITIAL_LAZY_LOAD_BUFFER, LAZY_LOAD_BUFFER_AFTER, LAZY_LOAD_BUFFER_BEFORE, MAX_ZOOM, MIN_ZOOM, PAGE_SELECTOR, PdfViewer, XlsxViewer, anchorDelta, anchoredScroll, clampZoom, computeSelectionRuns, cycleZoom, doubleTapZoom, pinchZoom, renderDpr, usePageIntersectionObserver, usePinchZoom, useProcessedChunks, useScrollAnchor, zoomLabel };
 //# sourceMappingURL=index.js.map
-//# sourceMappingURL=index.js.map