react-pdf-highlighter-plus 1.1.2 → 1.1.4

package/dist/esm/index.js

@@ -1,5 +1,4 @@
 // src/components/PdfHighlighter.tsx
-import debounce from "lodash.debounce";
 import React6, {
   useEffect as useEffect4,
   useLayoutEffect as useLayoutEffect2,
@@ -659,9 +658,12 @@ var HighlightLayer = ({
   scrolledToHighlightId,
   viewer,
   highlightBindings,
-  children
+  children,
+  shouldRenderHighlight
 }) => {
-  const currentHighlights = highlightsByPage[pageNumber] || [];
+  const currentHighlights = (highlightsByPage[pageNumber] || []).filter(
+    (highlight) => shouldRenderHighlight?.(highlight) ?? true
+  );
   return /* @__PURE__ */ React2.createElement("div", null, currentHighlights.map((highlight, index) => {
     const viewportHighlight = {
       ...highlight,
@@ -1111,11 +1113,13 @@ var TipContainer = ({
 
 // src/components/PdfHighlighter.tsx
 var EventBus;
+var PDFFindController;
 var PDFLinkService;
 var PDFViewer;
 (async () => {
   const pdfjs = await import("pdfjs-dist/web/pdf_viewer.mjs");
   EventBus = pdfjs.EventBus;
+  PDFFindController = pdfjs.PDFFindController;
   PDFLinkService = pdfjs.PDFLinkService;
   PDFViewer = pdfjs.PDFViewer;
 })();
@@ -1143,6 +1147,22 @@ var findOrCreateHighlightLayer = (textLayer) => {
     "PdfHighlighter__highlight-layer"
   );
 };
+var findOrCreateNoteLayer = (textLayer) => {
+  const pageLayer = textLayer.closest(".page");
+  const container = pageLayer;
+  if (!container) return null;
+  const doc = getDocument(container);
+  let layer = Array.from(container.children).find(
+    (child) => child.classList.contains("PdfHighlighter__note-layer")
+  );
+  if (!layer && container.children.length) {
+    layer = doc.createElement("div");
+    layer.className = "PdfHighlighter__note-layer";
+    container.appendChild(layer);
+  }
+  return layer;
+};
+var isFreetextHighlight = (highlight) => "type" in highlight && highlight.type === "freetext";
 var disableTextSelection = (viewer, flag) => {
   viewer.viewer?.classList.toggle("PdfHighlighter--disable-selection", flag);
 };
@@ -1189,6 +1209,9 @@ var PdfHighlighter = ({
   const highlightBindingsRef = useRef5(
     {}
   );
+  const noteBindingsRef = useRef5({});
+  const highlightsRef = useRef5(highlights);
+  const childrenRef = useRef5(children);
   const ghostHighlightRef = useRef5(null);
   const selectionRef = useRef5(null);
   const scrolledToHighlightIdRef = useRef5(null);
@@ -1204,41 +1227,59 @@ var PdfHighlighter = ({
     })
   );
   const resizeObserverRef = useRef5(null);
+  const renderRetryTimeoutsRef = useRef5(
+    []
+  );
+  const resumeScrollAwayTimeoutRef = useRef5(
+    null
+  );
+  const findControllerRef = useRef5(null);
   const viewerRef = useRef5(null);
+  highlightsRef.current = highlights;
+  childrenRef.current = children;
   useLayoutEffect2(() => {
     if (!containerNodeRef.current) return;
-    const debouncedDocumentInit = debounce(() => {
-      viewerRef.current = viewerRef.current || new PDFViewer({
-        container: containerNodeRef.current,
-        eventBus: eventBusRef.current,
-        textLayerMode: 2,
-        removePageBorders: true,
-        linkService: linkServiceRef.current
-      });
-      viewerRef.current.setDocument(pdfDocument);
-      linkServiceRef.current.setDocument(pdfDocument);
-      linkServiceRef.current.setViewer(viewerRef.current);
-      setIsViewerReady(true);
-    }, 100);
-    debouncedDocumentInit();
-    return () => {
-      debouncedDocumentInit.cancel();
-    };
-  }, [document]);
+    findControllerRef.current = findControllerRef.current || new PDFFindController({
+      eventBus: eventBusRef.current,
+      linkService: linkServiceRef.current
+    });
+    viewerRef.current = viewerRef.current || new PDFViewer({
+      container: containerNodeRef.current,
+      eventBus: eventBusRef.current,
+      findController: findControllerRef.current,
+      textLayerMode: 2,
+      removePageBorders: true,
+      linkService: linkServiceRef.current
+    });
+    viewerRef.current.setDocument(pdfDocument);
+    linkServiceRef.current.setDocument(pdfDocument);
+    linkServiceRef.current.setViewer(viewerRef.current);
+    setIsViewerReady(true);
+  }, [pdfDocument]);
   useLayoutEffect2(() => {
     if (!containerNodeRef.current) return;
     resizeObserverRef.current = new ResizeObserver(handleScaleValue);
     resizeObserverRef.current.observe(containerNodeRef.current);
     const doc = containerNodeRef.current.ownerDocument;
-    eventBusRef.current.on("textlayerrendered", renderHighlightLayers);
+    eventBusRef.current.on("textlayerrendered", scheduleRenderHighlightLayers);
+    eventBusRef.current.on("pagerendered", scheduleRenderHighlightLayers);
     eventBusRef.current.on("pagesinit", handleScaleValue);
     doc.addEventListener("keydown", handleKeyDown);
-    renderHighlightLayers();
+    doc.addEventListener("copy", handleCopy, true);
+    scheduleRenderHighlightLayers();
     return () => {
       eventBusRef.current.off("pagesinit", handleScaleValue);
-      eventBusRef.current.off("textlayerrendered", renderHighlightLayers);
+      eventBusRef.current.off("pagerendered", scheduleRenderHighlightLayers);
+      eventBusRef.current.off("textlayerrendered", scheduleRenderHighlightLayers);
       doc.removeEventListener("keydown", handleKeyDown);
+      doc.removeEventListener("copy", handleCopy, true);
       resizeObserverRef.current?.disconnect();
+      renderRetryTimeoutsRef.current.forEach(clearTimeout);
+      renderRetryTimeoutsRef.current = [];
+      if (resumeScrollAwayTimeoutRef.current) {
+        clearTimeout(resumeScrollAwayTimeoutRef.current);
+        resumeScrollAwayTimeoutRef.current = null;
+      }
     };
   }, [selectionTip, highlights, onSelectionFinished]);
   const handleScroll = () => {
@@ -1358,26 +1399,46 @@ var PdfHighlighter = ({
       setTip(null);
     }
   };
+  const handleCopy = (event) => {
+    const container = containerNodeRef.current;
+    if (!container || !event.clipboardData) return;
+    const target = event.target;
+    const targetElement = target instanceof HTMLElement ? target : target instanceof Node ? target.parentElement : null;
+    if (targetElement && (targetElement.closest("input, textarea, [contenteditable='true']") || targetElement.closest(".PdfHighlighter__tip-container"))) {
+      return;
+    }
+    const selection = getWindow(container).getSelection();
+    const range = selection?.rangeCount ? selection.getRangeAt(0) : null;
+    if (!selection || selection.isCollapsed || !range || !container.contains(range.commonAncestorContainer)) {
+      return;
+    }
+    const text = selectionRef.current?.content.text?.trim() || selection.toString().split("\n").join(" ").trim();
+    if (!text) return;
+    event.clipboardData.setData("text/plain", text);
+    event.preventDefault();
+    event.stopPropagation();
+  };
   const handleScaleValue = () => {
     if (viewerRef.current) {
       viewerRef.current.currentScaleValue = pdfScaleValue.toString();
     }
   };
-  const renderHighlightLayer = (highlightBindings, pageNumber) => {
+  const renderHighlightLayer = (highlightBindings, pageNumber, shouldRenderHighlight) => {
     if (!viewerRef.current) return;
     highlightBindings.reactRoot.render(
       /* @__PURE__ */ React6.createElement(PdfHighlighterContext.Provider, { value: pdfHighlighterUtils }, /* @__PURE__ */ React6.createElement(
         HighlightLayer,
         {
           highlightsByPage: group_highlights_by_page_default([
-            ...highlights,
+            ...highlightsRef.current,
             ghostHighlightRef.current
           ]),
           pageNumber,
           scrolledToHighlightId: scrolledToHighlightIdRef.current,
           viewer: viewerRef.current,
           highlightBindings,
-          children
+          shouldRenderHighlight,
+          children: childrenRef.current
         }
       ))
     );
@@ -1385,31 +1446,61 @@ var PdfHighlighter = ({
   const renderHighlightLayers = () => {
     if (!viewerRef.current) return;
     for (let pageNumber = 1; pageNumber <= pdfDocument.numPages; pageNumber++) {
-      const highlightBindings = highlightBindingsRef.current[pageNumber];
-      if (highlightBindings?.container?.isConnected) {
-        renderHighlightLayer(highlightBindings, pageNumber);
-      } else {
-        const { textLayer } = viewerRef.current.getPageView(pageNumber - 1) || {};
-        if (!textLayer) continue;
-        const highlightLayer = findOrCreateHighlightLayer(
-          textLayer.div
-        );
-        if (highlightLayer) {
-          const reactRoot = createRoot(highlightLayer);
-          highlightBindingsRef.current[pageNumber] = {
-            reactRoot,
+      const { textLayer } = viewerRef.current.getPageView(pageNumber - 1) || {};
+      if (!textLayer) continue;
+      const textLayerDiv = textLayer.div;
+      const highlightLayer = findOrCreateHighlightLayer(textLayerDiv);
+      const noteLayer = findOrCreateNoteLayer(textLayerDiv);
+      if (highlightLayer) {
+        let highlightBindings = highlightBindingsRef.current[pageNumber];
+        if (!highlightBindings?.container?.isConnected) {
+          highlightBindings = {
+            reactRoot: createRoot(highlightLayer),
             container: highlightLayer,
-            textLayer: textLayer.div
-            // textLayer.div for version >=3.0 and textLayer.textLayerDiv otherwise.
+            textLayer: textLayerDiv
           };
-          renderHighlightLayer(
-            highlightBindingsRef.current[pageNumber],
-            pageNumber
-          );
+          highlightBindingsRef.current[pageNumber] = highlightBindings;
+        }
+        renderHighlightLayer(
+          highlightBindings,
+          pageNumber,
+          (highlight) => !isFreetextHighlight(highlight)
+        );
+      }
+      if (noteLayer) {
+        let noteBindings = noteBindingsRef.current[pageNumber];
+        if (!noteBindings?.container?.isConnected) {
+          noteBindings = {
+            reactRoot: createRoot(noteLayer),
+            container: noteLayer,
+            textLayer: textLayerDiv
+          };
+          noteBindingsRef.current[pageNumber] = noteBindings;
         }
+        renderHighlightLayer(noteBindings, pageNumber, isFreetextHighlight);
       }
     }
   };
+  const scheduleRenderHighlightLayers = () => {
+    renderHighlightLayers();
+    renderRetryTimeoutsRef.current.forEach(clearTimeout);
+    renderRetryTimeoutsRef.current = [50, 150, 350, 750, 1200].map(
+      (delay) => setTimeout(renderHighlightLayers, delay)
+    );
+  };
+  const resumeScrollAwayListenerAfterNavigation = () => {
+    const container = viewerRef.current?.container;
+    if (!container) return;
+    if (resumeScrollAwayTimeoutRef.current) {
+      clearTimeout(resumeScrollAwayTimeoutRef.current);
+    }
+    resumeScrollAwayTimeoutRef.current = setTimeout(() => {
+      container.addEventListener("scroll", handleScroll, {
+        once: true
+      });
+      resumeScrollAwayTimeoutRef.current = null;
+    }, 1200);
+  };
   const isEditingOrHighlighting = () => {
     return Boolean(selectionRef.current) || Boolean(ghostHighlightRef.current) || isAreaSelectionInProgressRef.current || isEditInProgressRef.current;
   };
@@ -1461,12 +1552,49 @@ var PdfHighlighter = ({
       ]
     });
     scrolledToHighlightIdRef.current = highlight.id;
-    renderHighlightLayers();
-    setTimeout(() => {
-      viewerRef.current.container.addEventListener("scroll", handleScroll, {
-        once: true
-      });
-    }, 100);
+    scheduleRenderHighlightLayers();
+    resumeScrollAwayListenerAfterNavigation();
+  };
+  const dispatchFind = (query, findPrevious2, options = {}, type) => {
+    eventBusRef.current.dispatch("find", {
+      source: findControllerRef.current || viewerRef.current,
+      type,
+      query,
+      phraseSearch: true,
+      caseSensitive: options.caseSensitive ?? false,
+      entireWord: options.entireWord ?? false,
+      highlightAll: options.highlightAll ?? true,
+      findPrevious: findPrevious2,
+      matchDiacritics: options.matchDiacritics ?? false
+    });
+  };
+  const currentSearchRef = useRef5({
+    query: "",
+    options: {}
+  });
+  const search = (query, options = {}) => {
+    currentSearchRef.current = { query, options };
+    if (!query.trim()) {
+      clearSearch();
+      return;
+    }
+    dispatchFind(query, false, options);
+  };
+  const findNext = () => {
+    const { query, options } = currentSearchRef.current;
+    if (!query.trim()) return;
+    dispatchFind(query, false, options, "again");
+  };
+  const findPrevious = () => {
+    const { query, options } = currentSearchRef.current;
+    if (!query.trim()) return;
+    dispatchFind(query, true, options, "again");
+  };
+  const clearSearch = () => {
+    currentSearchRef.current = { query: "", options: {} };
+    eventBusRef.current.dispatch("findbarclose", {
+      source: findControllerRef.current || viewerRef.current
+    });
   };
   const pdfHighlighterUtils = {
     isEditingOrHighlighting,
@@ -1483,6 +1611,10 @@ var PdfHighlighter = ({
     updateTipPosition: updateTipPositionRef.current,
     getLinkService: () => linkServiceRef.current,
     getEventBus: () => eventBusRef.current,
+    search,
+    findNext,
+    findPrevious,
+    clearSearch,
     goToPage: (pageNumber) => {
       console.log("[PdfHighlighter] goToPage called with page:", pageNumber);
       const viewer = viewerRef.current;
@@ -1591,6 +1723,9 @@ var PdfHighlighter = ({
           .PdfHighlighter--dark .PdfHighlighter__highlight-layer {
             filter: invert(${resolvedTheme.darkModeInvertIntensity}) hue-rotate(180deg) brightness(0.95);
           }
+          .PdfHighlighter--dark .PdfHighlighter__note-layer {
+            filter: invert(${resolvedTheme.darkModeInvertIntensity}) hue-rotate(180deg) brightness(0.95);
+          }
           ` : ""}
         `),
     isViewerReady && /* @__PURE__ */ React6.createElement(
@@ -1676,10 +1811,78 @@ var PdfHighlighter = ({
 import React7, {
   useState as useState6,
   useRef as useRef6,
-  useEffect as useEffect5
+  useEffect as useEffect5,
+  useLayoutEffect as useLayoutEffect3
 } from "react";
+import { createPortal } from "react-dom";
+
+// src/lib/copy-highlight-content.ts
+var intersects = (a, b) => a.left < b.left + b.width && a.left + a.width > b.left && a.top < b.top + b.height && a.top + a.height > b.top;
+var copyTextToClipboard = async (text) => {
+  if (!text) return;
+  if (navigator.clipboard?.writeText) {
+    await navigator.clipboard.writeText(text);
+    return;
+  }
+  const textarea = document.createElement("textarea");
+  textarea.value = text;
+  textarea.style.position = "fixed";
+  textarea.style.opacity = "0";
+  document.body.appendChild(textarea);
+  textarea.select();
+  document.execCommand("copy");
+  textarea.remove();
+};
+var extractTextFromHighlightRect = (anchor, rect) => {
+  const page = anchor.closest(".page");
+  const textLayer = page?.querySelector(".textLayer");
+  if (!page || !textLayer) return "";
+  const pageRect = page.getBoundingClientRect();
+  const targetRect = {
+    left: pageRect.left + rect.left,
+    top: pageRect.top + rect.top,
+    width: rect.width,
+    height: rect.height
+  };
+  const matches = Array.from(textLayer.querySelectorAll("span")).map((span) => {
+    const spanRect = span.getBoundingClientRect();
+    return {
+      text: span.textContent || "",
+      rect: {
+        left: spanRect.left,
+        top: spanRect.top,
+        width: spanRect.width,
+        height: spanRect.height
+      }
+    };
+  }).filter(({ text, rect: rect2 }) => text.trim() && intersects(rect2, targetRect)).sort((a, b) => {
+    const lineDelta = a.rect.top - b.rect.top;
+    return Math.abs(lineDelta) > 4 ? lineDelta : a.rect.left - b.rect.left;
+  });
+  return matches.map(({ text }) => text).join(" ").replace(/\s+/g, " ").trim();
+};
+
+// src/lib/highlight-config-layer.ts
+var findOrCreateHighlightConfigLayer = (anchor) => {
+  const pageLayer = anchor.closest(".page");
+  if (!pageLayer) return null;
+  const doc = getDocument(pageLayer);
+  let layer = Array.from(pageLayer.children).find(
+    (child) => child.classList.contains("PdfHighlighter__config-layer")
+  );
+  if (!layer) {
+    layer = doc.createElement("div");
+    layer.className = "PdfHighlighter__config-layer";
+    pageLayer.appendChild(layer);
+  }
+  return layer;
+};
+
+// src/components/TextHighlight.tsx
 var DefaultStyleIcon = () => /* @__PURE__ */ React7.createElement("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "currentColor" }, /* @__PURE__ */ React7.createElement("path", { d: "M12 3c-4.97 0-9 4.03-9 9s4.03 9 9 9c.83 0 1.5-.67 1.5-1.5 0-.39-.15-.74-.39-1.01-.23-.26-.38-.61-.38-.99 0-.83.67-1.5 1.5-1.5H16c2.76 0 5-2.24 5-5 0-4.42-4.03-8-9-8zm-5.5 9c-.83 0-1.5-.67-1.5-1.5S5.67 9 6.5 9 8 9.67 8 10.5 7.33 12 6.5 12zm3-4C8.67 8 8 7.33 8 6.5S8.67 5 9.5 5s1.5.67 1.5 1.5S10.33 8 9.5 8zm5 0c-.83 0-1.5-.67-1.5-1.5S13.67 5 14.5 5s1.5.67 1.5 1.5S15.33 8 14.5 8zm3 4c-.83 0-1.5-.67-1.5-1.5S16.67 9 17.5 9s1.5.67 1.5 1.5-.67 1.5-1.5 1.5z" }));
 var DefaultDeleteIcon = () => /* @__PURE__ */ React7.createElement("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "currentColor" }, /* @__PURE__ */ React7.createElement("path", { d: "M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z" }));
+var DefaultCopyIcon = () => /* @__PURE__ */ React7.createElement("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "currentColor" }, /* @__PURE__ */ React7.createElement("path", { d: "M16 1H4c-1.1 0-2 .9-2 2v12h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z" }));
+var DefaultCopiedIcon = () => /* @__PURE__ */ React7.createElement("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "currentColor" }, /* @__PURE__ */ React7.createElement("path", { d: "M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z" }));
 var HighlightIcon = () => /* @__PURE__ */ React7.createElement("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "currentColor" }, /* @__PURE__ */ React7.createElement("path", { d: "M6 14l3 3v5h6v-5l3-3V9H6v5zm5-12h2v3h-2V2zM3.5 5.875L4.914 4.46l2.12 2.122L5.622 8 3.5 5.875zm13.46.71l2.123-2.12 1.414 1.414L18.375 8l-1.414-1.414z" }));
 var UnderlineIcon = () => /* @__PURE__ */ React7.createElement("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "currentColor" }, /* @__PURE__ */ React7.createElement("path", { d: "M12 17c3.31 0 6-2.69 6-6V3h-2.5v8c0 1.93-1.57 3.5-3.5 3.5S8.5 12.93 8.5 11V3H6v8c0 3.31 2.69 6 6 6zm-7 2v2h14v-2H5z" }));
 var StrikethroughIcon = () => /* @__PURE__ */ React7.createElement("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "currentColor" }, /* @__PURE__ */ React7.createElement("path", { d: "M10 19h4v-3h-4v3zM5 4v3h5v3h4V7h5V4H5zM3 14h18v-2H3v2z" }));
@@ -1709,12 +1912,28 @@ var TextHighlight = ({
   onDelete,
   styleIcon,
   deleteIcon,
+  copyText,
   colorPresets = DEFAULT_COLOR_PRESETS
 }) => {
   const [isStylePanelOpen, setIsStylePanelOpen] = useState6(false);
   const [isHovered, setIsHovered] = useState6(false);
+  const [isCopied, setIsCopied] = useState6(false);
+  const [configLayer, setConfigLayer] = useState6(null);
   const stylePanelRef = useRef6(null);
   const containerRef = useRef6(null);
+  const copyResetTimeoutRef = useRef6(null);
+  useLayoutEffect3(() => {
+    if (containerRef.current) {
+      setConfigLayer(findOrCreateHighlightConfigLayer(containerRef.current));
+    }
+  }, []);
+  useEffect5(() => {
+    return () => {
+      if (copyResetTimeoutRef.current) {
+        window.clearTimeout(copyResetTimeoutRef.current);
+      }
+    };
+  }, []);
   useEffect5(() => {
     if (!isStylePanelOpen) return;
     const handleClickOutside = (e) => {
@@ -1753,6 +1972,19 @@ var TextHighlight = ({
     }
     return baseStyle;
   };
+  const handleCopy = async (event) => {
+    event.stopPropagation();
+    const text = copyText || highlight.content?.text || (containerRef.current && firstRect ? extractTextFromHighlightRect(containerRef.current, firstRect) : "");
+    await copyTextToClipboard(text);
+    setIsCopied(true);
+    if (copyResetTimeoutRef.current) {
+      window.clearTimeout(copyResetTimeoutRef.current);
+    }
+    copyResetTimeoutRef.current = window.setTimeout(() => {
+      setIsCopied(false);
+      copyResetTimeoutRef.current = null;
+    }, 1500);
+  };
   return /* @__PURE__ */ React7.createElement(
     "div",
     {
@@ -1760,107 +1992,120 @@ var TextHighlight = ({
       onContextMenu,
       ref: containerRef
     },
-    (onStyleChange || onDelete) && firstRect && /* @__PURE__ */ React7.createElement(
-      "div",
-      {
-        className: "TextHighlight__toolbar-wrapper",
-        style: {
-          position: "absolute",
-          left: firstRect.left,
-          top: firstRect.top - 28,
-          paddingBottom: 12
-        },
-        onMouseEnter: () => setIsHovered(true),
-        onMouseLeave: () => setIsHovered(false)
-      },
+    configLayer && (onStyleChange || onDelete) && firstRect && createPortal(
       /* @__PURE__ */ React7.createElement(
         "div",
         {
-          className: `TextHighlight__toolbar ${isHovered || isStylePanelOpen ? "TextHighlight__toolbar--visible" : ""}`
+          className: "TextHighlight__toolbar-wrapper",
+          style: {
+            position: "absolute",
+            left: firstRect.left,
+            top: firstRect.top - 28,
+            paddingBottom: 12
+          },
+          onMouseEnter: () => setIsHovered(true),
+          onMouseLeave: () => setIsHovered(false)
         },
-        onStyleChange && /* @__PURE__ */ React7.createElement(
-          "button",
+        /* @__PURE__ */ React7.createElement(
+          "div",
           {
-            className: "TextHighlight__style-button",
-            onClick: (e) => {
-              e.stopPropagation();
-              setIsStylePanelOpen(!isStylePanelOpen);
-            },
-            title: "Change style",
-            type: "button"
+            className: `TextHighlight__toolbar ${isHovered || isScrolledTo || isStylePanelOpen ? "TextHighlight__toolbar--visible" : ""}`
           },
-          styleIcon || /* @__PURE__ */ React7.createElement(DefaultStyleIcon, null)
+          onStyleChange && /* @__PURE__ */ React7.createElement(
+            "button",
+            {
+              className: "TextHighlight__style-button",
+              onClick: (e) => {
+                e.stopPropagation();
+                setIsStylePanelOpen(!isStylePanelOpen);
+              },
+              title: "Change style",
+              type: "button"
+            },
+            styleIcon || /* @__PURE__ */ React7.createElement(DefaultStyleIcon, null)
+          ),
+          /* @__PURE__ */ React7.createElement(
+            "button",
+            {
+              className: "TextHighlight__copy-button",
+              onClick: handleCopy,
+              title: isCopied ? "Copied" : "Copy text",
+              type: "button"
+            },
+            isCopied ? /* @__PURE__ */ React7.createElement(DefaultCopiedIcon, null) : /* @__PURE__ */ React7.createElement(DefaultCopyIcon, null)
+          ),
+          onDelete && /* @__PURE__ */ React7.createElement(
+            "button",
+            {
+              className: "TextHighlight__delete-button",
+              onClick: (e) => {
+                e.stopPropagation();
+                onDelete();
+              },
+              title: "Delete",
+              type: "button"
+            },
+            deleteIcon || /* @__PURE__ */ React7.createElement(DefaultDeleteIcon, null)
+          )
         ),
-        onDelete && /* @__PURE__ */ React7.createElement(
-          "button",
+        isStylePanelOpen && onStyleChange && /* @__PURE__ */ React7.createElement(
+          "div",
           {
-            className: "TextHighlight__delete-button",
-            onClick: (e) => {
-              e.stopPropagation();
-              onDelete();
-            },
-            title: "Delete",
-            type: "button"
+            className: "TextHighlight__style-panel",
+            ref: stylePanelRef,
+            onClick: (e) => e.stopPropagation()
           },
-          deleteIcon || /* @__PURE__ */ React7.createElement(DefaultDeleteIcon, null)
+          /* @__PURE__ */ React7.createElement("div", { className: "TextHighlight__style-row" }, /* @__PURE__ */ React7.createElement("label", null, "Style"), /* @__PURE__ */ React7.createElement("div", { className: "TextHighlight__style-buttons" }, /* @__PURE__ */ React7.createElement(
+            "button",
+            {
+              type: "button",
+              className: `TextHighlight__style-type-button ${highlightStyle === "highlight" ? "active" : ""}`,
+              onClick: () => onStyleChange({ highlightStyle: "highlight" }),
+              title: "Highlight"
+            },
+            /* @__PURE__ */ React7.createElement(HighlightIcon, null)
+          ), /* @__PURE__ */ React7.createElement(
+            "button",
+            {
+              type: "button",
+              className: `TextHighlight__style-type-button ${highlightStyle === "underline" ? "active" : ""}`,
+              onClick: () => onStyleChange({ highlightStyle: "underline" }),
+              title: "Underline"
+            },
+            /* @__PURE__ */ React7.createElement(UnderlineIcon, null)
+          ), /* @__PURE__ */ React7.createElement(
+            "button",
+            {
+              type: "button",
+              className: `TextHighlight__style-type-button ${highlightStyle === "strikethrough" ? "active" : ""}`,
+              onClick: () => onStyleChange({ highlightStyle: "strikethrough" }),
+              title: "Strikethrough"
+            },
+            /* @__PURE__ */ React7.createElement(StrikethroughIcon, null)
+          ))),
+          /* @__PURE__ */ React7.createElement("div", { className: "TextHighlight__style-row" }, /* @__PURE__ */ React7.createElement("label", null, "Color"), /* @__PURE__ */ React7.createElement("div", { className: "TextHighlight__color-options" }, /* @__PURE__ */ React7.createElement("div", { className: "TextHighlight__color-presets" }, colorPresets.map((c) => /* @__PURE__ */ React7.createElement(
+            "button",
+            {
+              key: c,
+              type: "button",
+              className: `TextHighlight__color-preset ${highlightColor === c ? "active" : ""}`,
+              style: { backgroundColor: c },
+              onClick: () => onStyleChange({ highlightColor: c }),
+              title: c
+            }
+          ))), /* @__PURE__ */ React7.createElement(
+            "input",
+            {
+              type: "color",
+              value: highlightColor,
+              onChange: (e) => {
+                onStyleChange({ highlightColor: e.target.value });
+              }
+            }
+          )))
         )
       ),
-      isStylePanelOpen && onStyleChange && /* @__PURE__ */ React7.createElement(
-        "div",
-        {
-          className: "TextHighlight__style-panel",
-          ref: stylePanelRef,
-          onClick: (e) => e.stopPropagation()
-        },
-        /* @__PURE__ */ React7.createElement("div", { className: "TextHighlight__style-row" }, /* @__PURE__ */ React7.createElement("label", null, "Style"), /* @__PURE__ */ React7.createElement("div", { className: "TextHighlight__style-buttons" }, /* @__PURE__ */ React7.createElement(
-          "button",
-          {
-            type: "button",
-            className: `TextHighlight__style-type-button ${highlightStyle === "highlight" ? "active" : ""}`,
-            onClick: () => onStyleChange({ highlightStyle: "highlight" }),
-            title: "Highlight"
-          },
-          /* @__PURE__ */ React7.createElement(HighlightIcon, null)
-        ), /* @__PURE__ */ React7.createElement(
-          "button",
-          {
-            type: "button",
-            className: `TextHighlight__style-type-button ${highlightStyle === "underline" ? "active" : ""}`,
-            onClick: () => onStyleChange({ highlightStyle: "underline" }),
-            title: "Underline"
-          },
-          /* @__PURE__ */ React7.createElement(UnderlineIcon, null)
-        ), /* @__PURE__ */ React7.createElement(
-          "button",
-          {
-            type: "button",
-            className: `TextHighlight__style-type-button ${highlightStyle === "strikethrough" ? "active" : ""}`,
-            onClick: () => onStyleChange({ highlightStyle: "strikethrough" }),
-            title: "Strikethrough"
-          },
-          /* @__PURE__ */ React7.createElement(StrikethroughIcon, null)
-        ))),
-        /* @__PURE__ */ React7.createElement("div", { className: "TextHighlight__style-row" }, /* @__PURE__ */ React7.createElement("label", null, "Color"), /* @__PURE__ */ React7.createElement("div", { className: "TextHighlight__color-options" }, /* @__PURE__ */ React7.createElement("div", { className: "TextHighlight__color-presets" }, colorPresets.map((c) => /* @__PURE__ */ React7.createElement(
-          "button",
-          {
-            key: c,
-            type: "button",
-            className: `TextHighlight__color-preset ${highlightColor === c ? "active" : ""}`,
-            style: { backgroundColor: c },
-            onClick: () => onStyleChange({ highlightColor: c }),
-            title: c
-          }
-        ))), /* @__PURE__ */ React7.createElement(
-          "input",
-          {
-            type: "color",
-            value: highlightColor,
-            onChange: (e) => {
-              onStyleChange({ highlightColor: e.target.value });
-            }
-          }
-        )))
-      )
+      configLayer
     ),
     /* @__PURE__ */ React7.createElement(
       "div",
@@ -1966,11 +2211,15 @@ var MonitoredHighlightContainer = ({
 import React10, {
   useState as useState7,
   useRef as useRef9,
-  useEffect as useEffect7
+  useEffect as useEffect7,
+  useLayoutEffect as useLayoutEffect4
 } from "react";
+import { createPortal as createPortal2 } from "react-dom";
 import { Rnd } from "react-rnd";
 var DefaultStyleIcon2 = () => /* @__PURE__ */ React10.createElement("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "currentColor" }, /* @__PURE__ */ React10.createElement("path", { d: "M12 3c-4.97 0-9 4.03-9 9s4.03 9 9 9c.83 0 1.5-.67 1.5-1.5 0-.39-.15-.74-.39-1.01-.23-.26-.38-.61-.38-.99 0-.83.67-1.5 1.5-1.5H16c2.76 0 5-2.24 5-5 0-4.42-4.03-8-9-8zm-5.5 9c-.83 0-1.5-.67-1.5-1.5S5.67 9 6.5 9 8 9.67 8 10.5 7.33 12 6.5 12zm3-4C8.67 8 8 7.33 8 6.5S8.67 5 9.5 5s1.5.67 1.5 1.5S10.33 8 9.5 8zm5 0c-.83 0-1.5-.67-1.5-1.5S13.67 5 14.5 5s1.5.67 1.5 1.5S15.33 8 14.5 8zm3 4c-.83 0-1.5-.67-1.5-1.5S16.67 9 17.5 9s1.5.67 1.5 1.5-.67 1.5-1.5 1.5z" }));
 var DefaultDeleteIcon2 = () => /* @__PURE__ */ React10.createElement("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "currentColor" }, /* @__PURE__ */ React10.createElement("path", { d: "M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z" }));
+var DefaultCopyIcon2 = () => /* @__PURE__ */ React10.createElement("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "currentColor" }, /* @__PURE__ */ React10.createElement("path", { d: "M16 1H4c-1.1 0-2 .9-2 2v12h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z" }));
+var DefaultCopiedIcon2 = () => /* @__PURE__ */ React10.createElement("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "currentColor" }, /* @__PURE__ */ React10.createElement("path", { d: "M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z" }));
 var DEFAULT_COLOR_PRESETS2 = [
   "rgba(255, 226, 143, 1)",
   // Yellow (default)
@@ -1996,11 +2245,28 @@ var AreaHighlight = ({
   onDelete,
   styleIcon,
   deleteIcon,
+  copyText,
   colorPresets = DEFAULT_COLOR_PRESETS2
 }) => {
   const [isStylePanelOpen, setIsStylePanelOpen] = useState7(false);
   const [isHovered, setIsHovered] = useState7(false);
+  const [isCopied, setIsCopied] = useState7(false);
+  const [configLayer, setConfigLayer] = useState7(null);
   const stylePanelRef = useRef9(null);
+  const containerRef = useRef9(null);
+  const copyResetTimeoutRef = useRef9(null);
+  useLayoutEffect4(() => {
+    if (containerRef.current) {
+      setConfigLayer(findOrCreateHighlightConfigLayer(containerRef.current));
+    }
+  }, []);
+  useEffect7(() => {
+    return () => {
+      if (copyResetTimeoutRef.current) {
+        window.clearTimeout(copyResetTimeoutRef.current);
+      }
+    };
+  }, []);
   useEffect7(() => {
     if (!isStylePanelOpen) return;
     const handleClickOutside = (e) => {
@@ -2022,85 +2288,115 @@ var AreaHighlight = ({
     ...style,
     backgroundColor: highlightColor
   };
+  const handleCopy = async (event) => {
+    event.stopPropagation();
+    const text = copyText || highlight.content?.text || (containerRef.current ? extractTextFromHighlightRect(
+      containerRef.current,
+      highlight.position.boundingRect
+    ) : "");
+    await copyTextToClipboard(text);
+    setIsCopied(true);
+    if (copyResetTimeoutRef.current) {
+      window.clearTimeout(copyResetTimeoutRef.current);
+    }
+    copyResetTimeoutRef.current = window.setTimeout(() => {
+      setIsCopied(false);
+      copyResetTimeoutRef.current = null;
+    }, 1500);
+  };
   return /* @__PURE__ */ React10.createElement(
     "div",
     {
       className: `AreaHighlight ${highlightClass}`,
-      onContextMenu
+      onContextMenu,
+      ref: containerRef
     },
-    (onStyleChange || onDelete) && /* @__PURE__ */ React10.createElement(
-      "div",
-      {
-        className: "AreaHighlight__toolbar-wrapper",
-        style: {
-          position: "absolute",
-          left: highlight.position.boundingRect.left,
-          top: highlight.position.boundingRect.top - 28,
-          paddingBottom: 12
-        },
-        onMouseEnter: () => setIsHovered(true),
-        onMouseLeave: () => setIsHovered(false)
-      },
+    configLayer && (onStyleChange || onDelete) && createPortal2(
       /* @__PURE__ */ React10.createElement(
         "div",
         {
-          className: `AreaHighlight__toolbar ${isHovered || isStylePanelOpen ? "AreaHighlight__toolbar--visible" : ""}`
+          className: "AreaHighlight__toolbar-wrapper",
+          style: {
+            position: "absolute",
+            left: highlight.position.boundingRect.left,
+            top: highlight.position.boundingRect.top - 28,
+            paddingBottom: 12
+          },
+          onMouseEnter: () => setIsHovered(true),
+          onMouseLeave: () => setIsHovered(false)
         },
-        onStyleChange && /* @__PURE__ */ React10.createElement(
-          "button",
+        /* @__PURE__ */ React10.createElement(
+          "div",
           {
-            className: "AreaHighlight__style-button",
-            onClick: (e) => {
-              e.stopPropagation();
-              setIsStylePanelOpen(!isStylePanelOpen);
-            },
-            title: "Change color",
-            type: "button"
+            className: `AreaHighlight__toolbar ${isHovered || isScrolledTo || isStylePanelOpen ? "AreaHighlight__toolbar--visible" : ""}`
           },
-          styleIcon || /* @__PURE__ */ React10.createElement(DefaultStyleIcon2, null)
+          onStyleChange && /* @__PURE__ */ React10.createElement(
+            "button",
+            {
+              className: "AreaHighlight__style-button",
+              onClick: (e) => {
+                e.stopPropagation();
+                setIsStylePanelOpen(!isStylePanelOpen);
+              },
+              title: "Change color",
+              type: "button"
+            },
+            styleIcon || /* @__PURE__ */ React10.createElement(DefaultStyleIcon2, null)
+          ),
+          /* @__PURE__ */ React10.createElement(
+            "button",
+            {
+              className: "AreaHighlight__copy-button",
+              onClick: handleCopy,
+              title: isCopied ? "Copied" : "Copy text",
+              type: "button"
+            },
+            isCopied ? /* @__PURE__ */ React10.createElement(DefaultCopiedIcon2, null) : /* @__PURE__ */ React10.createElement(DefaultCopyIcon2, null)
+          ),
+          onDelete && /* @__PURE__ */ React10.createElement(
+            "button",
+            {
+              className: "AreaHighlight__delete-button",
+              onClick: (e) => {
+                e.stopPropagation();
+                onDelete();
+              },
+              title: "Delete",
+              type: "button"
+            },
+            deleteIcon || /* @__PURE__ */ React10.createElement(DefaultDeleteIcon2, null)
+          )
         ),
-        onDelete && /* @__PURE__ */ React10.createElement(
-          "button",
+        isStylePanelOpen && onStyleChange && /* @__PURE__ */ React10.createElement(
+          "div",
           {
-            className: "AreaHighlight__delete-button",
-            onClick: (e) => {
-              e.stopPropagation();
-              onDelete();
-            },
-            title: "Delete",
-            type: "button"
+            className: "AreaHighlight__style-panel",
+            ref: stylePanelRef,
+            onClick: (e) => e.stopPropagation()
           },
-          deleteIcon || /* @__PURE__ */ React10.createElement(DefaultDeleteIcon2, null)
+          /* @__PURE__ */ React10.createElement("div", { className: "AreaHighlight__style-row" }, /* @__PURE__ */ React10.createElement("label", null, "Color"), /* @__PURE__ */ React10.createElement("div", { className: "AreaHighlight__color-options" }, /* @__PURE__ */ React10.createElement("div", { className: "AreaHighlight__color-presets" }, colorPresets.map((c) => /* @__PURE__ */ React10.createElement(
+            "button",
+            {
+              key: c,
+              type: "button",
+              className: `AreaHighlight__color-preset ${highlightColor === c ? "active" : ""}`,
+              style: { backgroundColor: c },
+              onClick: () => onStyleChange({ highlightColor: c }),
+              title: c
+            }
+          ))), /* @__PURE__ */ React10.createElement(
+            "input",
+            {
+              type: "color",
+              value: highlightColor,
+              onChange: (e) => {
+                onStyleChange({ highlightColor: e.target.value });
+              }
+            }
+          )))
         )
       ),
-      isStylePanelOpen && onStyleChange && /* @__PURE__ */ React10.createElement(
-        "div",
-        {
-          className: "AreaHighlight__style-panel",
-          ref: stylePanelRef,
-          onClick: (e) => e.stopPropagation()
-        },
-        /* @__PURE__ */ React10.createElement("div", { className: "AreaHighlight__style-row" }, /* @__PURE__ */ React10.createElement("label", null, "Color"), /* @__PURE__ */ React10.createElement("div", { className: "AreaHighlight__color-options" }, /* @__PURE__ */ React10.createElement("div", { className: "AreaHighlight__color-presets" }, colorPresets.map((c) => /* @__PURE__ */ React10.createElement(
-          "button",
-          {
-            key: c,
-            type: "button",
-            className: `AreaHighlight__color-preset ${highlightColor === c ? "active" : ""}`,
-            style: { backgroundColor: c },
-            onClick: () => onStyleChange({ highlightColor: c }),
-            title: c
-          }
-        ))), /* @__PURE__ */ React10.createElement(
-          "input",
-          {
-            type: "color",
-            value: highlightColor,
-            onChange: (e) => {
-              onStyleChange({ highlightColor: e.target.value });
-            }
-          }
-        )))
-      )
+      configLayer
     ),
     /* @__PURE__ */ React10.createElement(
       Rnd,
@@ -2157,6 +2453,8 @@ var DefaultDragIcon = () => /* @__PURE__ */ React11.createElement("svg", { width
 var DefaultEditIcon = () => /* @__PURE__ */ React11.createElement("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "currentColor" }, /* @__PURE__ */ React11.createElement("path", { d: "M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z" }));
 var DefaultStyleIcon3 = () => /* @__PURE__ */ React11.createElement("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "currentColor" }, /* @__PURE__ */ React11.createElement("path", { d: "M12 3c-4.97 0-9 4.03-9 9s4.03 9 9 9c.83 0 1.5-.67 1.5-1.5 0-.39-.15-.74-.39-1.01-.23-.26-.38-.61-.38-.99 0-.83.67-1.5 1.5-1.5H16c2.76 0 5-2.24 5-5 0-4.42-4.03-8-9-8zm-5.5 9c-.83 0-1.5-.67-1.5-1.5S5.67 9 6.5 9 8 9.67 8 10.5 7.33 12 6.5 12zm3-4C8.67 8 8 7.33 8 6.5S8.67 5 9.5 5s1.5.67 1.5 1.5S10.33 8 9.5 8zm5 0c-.83 0-1.5-.67-1.5-1.5S13.67 5 14.5 5s1.5.67 1.5 1.5S15.33 8 14.5 8zm3 4c-.83 0-1.5-.67-1.5-1.5S16.67 9 17.5 9s1.5.67 1.5 1.5-.67 1.5-1.5 1.5z" }));
 var DefaultDeleteIcon3 = () => /* @__PURE__ */ React11.createElement("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "currentColor" }, /* @__PURE__ */ React11.createElement("path", { d: "M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z" }));
+var DefaultCompactIcon = () => /* @__PURE__ */ React11.createElement("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "currentColor" }, /* @__PURE__ */ React11.createElement("path", { d: "M6 3h9l5 5v13H6V3zm8 1.5V9h4.5L14 4.5zM8 12h8v1.5H8V12zm0 3h8v1.5H8V15zm0 3h5v1.5H8V18z" }));
+var DefaultCollapseIcon = () => /* @__PURE__ */ React11.createElement("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "currentColor" }, /* @__PURE__ */ React11.createElement("path", { d: "M7 10v2h10v-2H7zm-2-7h14c1.1 0 2 .9 2 2v14c0 1.1-.9 2-2 2H5c-1.1 0-2-.9-2-2V5c0-1.1.9-2 2-2zm0 2v14h14V5H5z" }));
 var DEFAULT_BACKGROUND_PRESETS = ["transparent", "#ffffc8", "#ffcdd2", "#c8e6c9", "#bbdefb", "#e1bee7"];
 var DEFAULT_TEXT_PRESETS = ["#333333", "#d32f2f", "#1976d2", "#388e3c", "#7b1fa2"];
 var FreetextHighlight = ({
@@ -2180,9 +2478,13 @@ var FreetextHighlight = ({
   backgroundColorPresets = DEFAULT_BACKGROUND_PRESETS,
   textColorPresets = DEFAULT_TEXT_PRESETS,
   onDelete,
-  deleteIcon
+  deleteIcon,
+  compact = false,
+  compactSize = 32,
+  compactIcon
 }) => {
   const [isEditing, setIsEditing] = useState8(false);
+  const [isExpanded, setIsExpanded] = useState8(!compact);
   const [isStylePanelOpen, setIsStylePanelOpen] = useState8(false);
   const [text, setText] = useState8(highlight.content?.text || "");
   const textareaRef = useRef10(null);
@@ -2190,6 +2492,13 @@ var FreetextHighlight = ({
   useEffect8(() => {
     setText(highlight.content?.text || "");
   }, [highlight.content?.text]);
+  useEffect8(() => {
+    setIsExpanded(!compact);
+    setIsStylePanelOpen(false);
+    if (!compact) {
+      setIsEditing(false);
+    }
+  }, [compact]);
   useEffect8(() => {
     if (isEditing && textareaRef.current) {
       textareaRef.current.focus();
@@ -2213,10 +2522,14 @@ var FreetextHighlight = ({
   }, [isStylePanelOpen]);
   const highlightClass = isScrolledTo ? "FreetextHighlight--scrolledTo" : "";
   const editingClass = isEditing ? "FreetextHighlight--editing" : "";
-  const key = `${highlight.position.boundingRect.width}${highlight.position.boundingRect.height}${highlight.position.boundingRect.left}${highlight.position.boundingRect.top}`;
+  const compactClass = compact ? "FreetextHighlight--compact" : "";
+  const isCompactCollapsed = compact && !isExpanded && !isEditing && !isStylePanelOpen;
+  const collapsedClass = isCompactCollapsed ? "FreetextHighlight--collapsed" : "";
+  const key = `${highlight.position.boundingRect.width}${highlight.position.boundingRect.height}${highlight.position.boundingRect.left}${highlight.position.boundingRect.top}${isCompactCollapsed ? "collapsed" : "expanded"}`;
   const handleTextClick = (e) => {
     e.stopPropagation();
     if (!isEditing) {
+      setIsExpanded(true);
       setIsEditing(true);
       onEditStart?.();
     }
@@ -2251,7 +2564,7 @@ var FreetextHighlight = ({
   return /* @__PURE__ */ React11.createElement(
     "div",
     {
-      className: `FreetextHighlight ${highlightClass} ${editingClass}`,
+      className: `FreetextHighlight ${highlightClass} ${editingClass} ${compactClass} ${collapsedClass}`,
       onContextMenu
     },
     /* @__PURE__ */ React11.createElement(
@@ -2274,14 +2587,14 @@ var FreetextHighlight = ({
         default: {
           x: highlight.position.boundingRect.left,
           y: highlight.position.boundingRect.top,
-          width: highlight.position.boundingRect.width || 150,
-          height: highlight.position.boundingRect.height || 80
+          width: isCompactCollapsed ? compactSize : highlight.position.boundingRect.width || 150,
+          height: isCompactCollapsed ? compactSize : highlight.position.boundingRect.height || 80
         },
-        minWidth: 100,
-        minHeight: 50,
+        minWidth: isCompactCollapsed ? compactSize : 100,
+        minHeight: isCompactCollapsed ? compactSize : 50,
         key,
         bounds,
-        enableResizing: {
+        enableResizing: isCompactCollapsed ? false : {
           top: false,
           right: true,
           bottom: true,
@@ -2306,9 +2619,21 @@ var FreetextHighlight = ({
             onEditStart?.();
           }
         },
-        cancel: ".FreetextHighlight__text, .FreetextHighlight__input, .FreetextHighlight__edit-button, .FreetextHighlight__style-button, .FreetextHighlight__style-panel, .FreetextHighlight__delete-button"
+        cancel: ".FreetextHighlight__text, .FreetextHighlight__input, .FreetextHighlight__edit-button, .FreetextHighlight__style-button, .FreetextHighlight__style-panel, .FreetextHighlight__delete-button, .FreetextHighlight__collapse-button, .FreetextHighlight__compact-button"
       },
-      /* @__PURE__ */ React11.createElement("div", { className: "FreetextHighlight__container", style: containerStyle }, /* @__PURE__ */ React11.createElement("div", { className: "FreetextHighlight__toolbar" }, /* @__PURE__ */ React11.createElement("div", { className: "FreetextHighlight__drag-handle", title: "Drag to move" }, dragIcon || /* @__PURE__ */ React11.createElement(DefaultDragIcon, null)), /* @__PURE__ */ React11.createElement(
+      /* @__PURE__ */ React11.createElement("div", { className: "FreetextHighlight__container", style: containerStyle }, isCompactCollapsed ? /* @__PURE__ */ React11.createElement(
+        "button",
+        {
+          className: "FreetextHighlight__compact-button",
+          type: "button",
+          title: text || "Open note",
+          onClick: (event) => {
+            event.stopPropagation();
+            setIsExpanded(true);
+          }
+        },
+        compactIcon || /* @__PURE__ */ React11.createElement(DefaultCompactIcon, null)
+      ) : /* @__PURE__ */ React11.createElement(React11.Fragment, null, /* @__PURE__ */ React11.createElement("div", { className: "FreetextHighlight__toolbar" }, /* @__PURE__ */ React11.createElement("div", { className: "FreetextHighlight__drag-handle", title: "Drag to move" }, dragIcon || /* @__PURE__ */ React11.createElement(DefaultDragIcon, null)), /* @__PURE__ */ React11.createElement(
         "button",
         {
           className: "FreetextHighlight__edit-button",
@@ -2329,6 +2654,19 @@ var FreetextHighlight = ({
           type: "button"
         },
         styleIcon || /* @__PURE__ */ React11.createElement(DefaultStyleIcon3, null)
+      ), compact && /* @__PURE__ */ React11.createElement(
+        "button",
+        {
+          className: "FreetextHighlight__collapse-button",
+          onClick: (e) => {
+            e.stopPropagation();
+            setIsExpanded(false);
+            setIsStylePanelOpen(false);
+          },
+          title: "Collapse note",
+          type: "button"
+        },
+        /* @__PURE__ */ React11.createElement(DefaultCollapseIcon, null)
       ), onDelete && /* @__PURE__ */ React11.createElement(
         "button",
         {
@@ -2433,7 +2771,7 @@ var FreetextHighlight = ({
           onKeyDown: handleKeyDown,
           onClick: (e) => e.stopPropagation()
         }
-      ) : /* @__PURE__ */ React11.createElement("div", { className: "FreetextHighlight__text" }, text || "New note")))
+      ) : /* @__PURE__ */ React11.createElement("div", { className: "FreetextHighlight__text" }, text || "New note"))))
     )
   );
 };
@@ -2687,7 +3025,8 @@ var SignaturePad = ({
 };
 
 // src/components/DrawingHighlight.tsx
-import React14, { useState as useState9, useCallback as useCallback4, useEffect as useEffect10, useRef as useRef12 } from "react";
+import React14, { useState as useState9, useCallback as useCallback4, useEffect as useEffect10, useLayoutEffect as useLayoutEffect5, useRef as useRef12 } from "react";
+import { createPortal as createPortal3 } from "react-dom";
 import { Rnd as Rnd4 } from "react-rnd";
 var DRAWING_COLORS = ["#000000", "#FF0000", "#0000FF", "#00FF00", "#FFFF00"];
 var STROKE_WIDTHS = [
@@ -2734,7 +3073,15 @@ var DrawingHighlight = ({
 }) => {
   const highlightClass = isScrolledTo ? "DrawingHighlight--scrolledTo" : "";
   const [showStyleControls, setShowStyleControls] = useState9(false);
+  const [isHovered, setIsHovered] = useState9(false);
+  const [configLayer, setConfigLayer] = useState9(null);
   const styleControlsRef = useRef12(null);
+  const containerRef = useRef12(null);
+  useLayoutEffect5(() => {
+    if (containerRef.current) {
+      setConfigLayer(findOrCreateHighlightConfigLayer(containerRef.current));
+    }
+  }, []);
   useEffect10(() => {
     if (!showStyleControls) return;
     const handleClickOutside = (e) => {
@@ -2787,8 +3134,78 @@ var DrawingHighlight = ({
     "div",
     {
       className: `DrawingHighlight ${highlightClass}`,
-      onContextMenu
+      onContextMenu,
+      ref: containerRef
     },
+    configLayer && createPortal3(
+      /* @__PURE__ */ React14.createElement(
+        "div",
+        {
+          className: `DrawingHighlight__toolbar DrawingHighlight__toolbar--floating ${isHovered || isScrolledTo || showStyleControls ? "DrawingHighlight__toolbar--visible" : ""}`,
+          style: {
+            left: highlight.position.boundingRect.left + 4,
+            top: highlight.position.boundingRect.top + 4
+          },
+          onMouseEnter: () => setIsHovered(true),
+          onMouseLeave: () => setIsHovered(false)
+        },
+        /* @__PURE__ */ React14.createElement("div", { className: "DrawingHighlight__drag-handle", title: "Drag to move" }, dragIcon || /* @__PURE__ */ React14.createElement(DefaultDragIcon3, null)),
+        strokes && strokes.length > 0 && onStyleChange && /* @__PURE__ */ React14.createElement(
+          "button",
+          {
+            type: "button",
+            className: "DrawingHighlight__style-button",
+            title: "Edit style",
+            onClick: (e) => {
+              e.stopPropagation();
+              setShowStyleControls(!showStyleControls);
+            }
+          },
+          /* @__PURE__ */ React14.createElement("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "currentColor" }, /* @__PURE__ */ React14.createElement("path", { d: "M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z" }))
+        ),
+        onDelete && /* @__PURE__ */ React14.createElement(
+          "button",
+          {
+            className: "DrawingHighlight__delete-button",
+            onClick: (e) => {
+              e.stopPropagation();
+              onDelete();
+            },
+            title: "Delete",
+            type: "button"
+          },
+          deleteIcon || /* @__PURE__ */ React14.createElement(DefaultDeleteIcon5, null)
+        ),
+        showStyleControls && strokes && strokes.length > 0 && onStyleChange && /* @__PURE__ */ React14.createElement("div", { className: "DrawingHighlight__style-controls", ref: styleControlsRef }, /* @__PURE__ */ React14.createElement("div", { className: "DrawingHighlight__color-picker" }, DRAWING_COLORS.map((color) => /* @__PURE__ */ React14.createElement(
+          "button",
+          {
+            key: color,
+            type: "button",
+            className: `DrawingHighlight__color-button ${currentColor === color ? "active" : ""}`,
+            style: { backgroundColor: color },
+            onClick: (e) => {
+              e.stopPropagation();
+              handleColorChange(color);
+            },
+            title: `Color: ${color}`
+          }
+        ))), /* @__PURE__ */ React14.createElement("div", { className: "DrawingHighlight__width-picker" }, STROKE_WIDTHS.map((w) => /* @__PURE__ */ React14.createElement(
+          "button",
+          {
+            key: w.value,
+            type: "button",
+            className: `DrawingHighlight__width-button ${currentWidth === w.value ? "active" : ""}`,
+            onClick: (e) => {
+              e.stopPropagation();
+              handleWidthChange(w.value);
+            },
+            title: w.label
+          },
+          w.label
+        ))))
+      ),
+      configLayer
+    ),
     /* @__PURE__ */ React14.createElement(
       Rnd4,
       {
@@ -2826,72 +3243,29 @@ var DrawingHighlight = ({
         key,
         bounds,
         lockAspectRatio: false,
-        dragHandleClassName: "DrawingHighlight__drag-handle",
         onClick: (event) => {
           event.stopPropagation();
           event.preventDefault();
         },
         style
       },
-      /* @__PURE__ */ React14.createElement("div", { className: "DrawingHighlight__container" }, /* @__PURE__ */ React14.createElement("div", { className: "DrawingHighlight__toolbar" }, /* @__PURE__ */ React14.createElement("div", { className: "DrawingHighlight__drag-handle", title: "Drag to move" }, dragIcon || /* @__PURE__ */ React14.createElement(DefaultDragIcon3, null)), strokes && strokes.length > 0 && onStyleChange && /* @__PURE__ */ React14.createElement(
-        "button",
-        {
-          type: "button",
-          className: "DrawingHighlight__style-button",
-          title: "Edit style",
-          onClick: (e) => {
-            e.stopPropagation();
-            setShowStyleControls(!showStyleControls);
-          }
-        },
-        /* @__PURE__ */ React14.createElement("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "currentColor" }, /* @__PURE__ */ React14.createElement("path", { d: "M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z" }))
-      ), onDelete && /* @__PURE__ */ React14.createElement(
-        "button",
-        {
-          className: "DrawingHighlight__delete-button",
-          onClick: (e) => {
-            e.stopPropagation();
-            onDelete();
-          },
-          title: "Delete",
-          type: "button"
-        },
-        deleteIcon || /* @__PURE__ */ React14.createElement(DefaultDeleteIcon5, null)
-      )), showStyleControls && strokes && strokes.length > 0 && onStyleChange && /* @__PURE__ */ React14.createElement("div", { className: "DrawingHighlight__style-controls", ref: styleControlsRef }, /* @__PURE__ */ React14.createElement("div", { className: "DrawingHighlight__color-picker" }, DRAWING_COLORS.map((color) => /* @__PURE__ */ React14.createElement(
-        "button",
-        {
-          key: color,
-          type: "button",
-          className: `DrawingHighlight__color-button ${currentColor === color ? "active" : ""}`,
-          style: { backgroundColor: color },
-          onClick: (e) => {
-            e.stopPropagation();
-            handleColorChange(color);
-          },
-          title: `Color: ${color}`
-        }
-      ))), /* @__PURE__ */ React14.createElement("div", { className: "DrawingHighlight__width-picker" }, STROKE_WIDTHS.map((w) => /* @__PURE__ */ React14.createElement(
-        "button",
+      /* @__PURE__ */ React14.createElement(
+        "div",
         {
-          key: w.value,
-          type: "button",
-          className: `DrawingHighlight__width-button ${currentWidth === w.value ? "active" : ""}`,
-          onClick: (e) => {
-            e.stopPropagation();
-            handleWidthChange(w.value);
-          },
-          title: w.label
+          className: "DrawingHighlight__container",
+          onMouseEnter: () => setIsHovered(true),
+          onMouseLeave: () => setIsHovered(false)
         },
-        w.label
-      )))), /* @__PURE__ */ React14.createElement("div", { className: "DrawingHighlight__content" }, imageUrl ? /* @__PURE__ */ React14.createElement(
-        "img",
-        {
-          src: imageUrl,
-          alt: "Drawing",
-          className: "DrawingHighlight__image",
-          draggable: false
-        }
-      ) : /* @__PURE__ */ React14.createElement("div", { className: "DrawingHighlight__placeholder" }, "No drawing")))
+        /* @__PURE__ */ React14.createElement("div", { className: "DrawingHighlight__content" }, imageUrl ? /* @__PURE__ */ React14.createElement(
+          "img",
+          {
+            src: imageUrl,
+            alt: "Drawing",
+            className: "DrawingHighlight__image",
+            draggable: false
+          }
+        ) : /* @__PURE__ */ React14.createElement("div", { className: "DrawingHighlight__placeholder" }, "No drawing"))
+      )
     )
   );
 };
@@ -2900,8 +3274,10 @@ var DrawingHighlight = ({
 import React15, {
   useState as useState10,
   useRef as useRef13,
-  useEffect as useEffect11
+  useEffect as useEffect11,
+  useLayoutEffect as useLayoutEffect6
 } from "react";
+import { createPortal as createPortal4 } from "react-dom";
 import { Rnd as Rnd5 } from "react-rnd";
 var DefaultStyleIcon4 = () => /* @__PURE__ */ React15.createElement("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "currentColor" }, /* @__PURE__ */ React15.createElement("path", { d: "M12 3c-4.97 0-9 4.03-9 9s4.03 9 9 9c.83 0 1.5-.67 1.5-1.5 0-.39-.15-.74-.39-1.01-.23-.26-.38-.61-.38-.99 0-.83.67-1.5 1.5-1.5H16c2.76 0 5-2.24 5-5 0-4.42-4.03-8-9-8zm-5.5 9c-.83 0-1.5-.67-1.5-1.5S5.67 9 6.5 9 8 9.67 8 10.5 7.33 12 6.5 12zm3-4C8.67 8 8 7.33 8 6.5S8.67 5 9.5 5s1.5.67 1.5 1.5S10.33 8 9.5 8zm5 0c-.83 0-1.5-.67-1.5-1.5S13.67 5 14.5 5s1.5.67 1.5 1.5S15.33 8 14.5 8zm3 4c-.83 0-1.5-.67-1.5-1.5S16.67 9 17.5 9s1.5.67 1.5 1.5-.67 1.5-1.5 1.5z" }));
 var DefaultDeleteIcon6 = () => /* @__PURE__ */ React15.createElement("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "currentColor" }, /* @__PURE__ */ React15.createElement("path", { d: "M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z" }));
@@ -2944,7 +3320,14 @@ var ShapeHighlight = ({
 }) => {
   const [isStylePanelOpen, setIsStylePanelOpen] = useState10(false);
   const [isHovered, setIsHovered] = useState10(false);
+  const [configLayer, setConfigLayer] = useState10(null);
   const stylePanelRef = useRef13(null);
+  const containerRef = useRef13(null);
+  useLayoutEffect6(() => {
+    if (containerRef.current) {
+      setConfigLayer(findOrCreateHighlightConfigLayer(containerRef.current));
+    }
+  }, []);
   useEffect11(() => {
     if (!isStylePanelOpen) return;
     const handleClickOutside = (e) => {
@@ -3056,92 +3439,96 @@ var ShapeHighlight = ({
     "div",
     {
       className: `ShapeHighlight ${highlightClass}`,
-      onContextMenu
+      onContextMenu,
+      ref: containerRef
     },
-    (onStyleChange || onDelete) && /* @__PURE__ */ React15.createElement(
-      "div",
-      {
-        className: "ShapeHighlight__toolbar-wrapper",
-        style: {
-          position: "absolute",
-          left: highlight.position.boundingRect.left,
-          top: highlight.position.boundingRect.top - 28,
-          paddingBottom: 12
-        },
-        onMouseEnter: () => setIsHovered(true),
-        onMouseLeave: () => setIsHovered(false)
-      },
+    configLayer && (onStyleChange || onDelete) && createPortal4(
       /* @__PURE__ */ React15.createElement(
         "div",
         {
-          className: `ShapeHighlight__toolbar ${isHovered || isStylePanelOpen ? "ShapeHighlight__toolbar--visible" : ""}`
+          className: "ShapeHighlight__toolbar-wrapper",
+          style: {
+            position: "absolute",
+            left: highlight.position.boundingRect.left,
+            top: highlight.position.boundingRect.top - 28,
+            paddingBottom: 12
+          },
+          onMouseEnter: () => setIsHovered(true),
+          onMouseLeave: () => setIsHovered(false)
         },
-        onStyleChange && /* @__PURE__ */ React15.createElement(
-          "button",
+        /* @__PURE__ */ React15.createElement(
+          "div",
           {
-            className: "ShapeHighlight__style-button",
-            onClick: (e) => {
-              e.stopPropagation();
-              setIsStylePanelOpen(!isStylePanelOpen);
-            },
-            title: "Change style",
-            type: "button"
+            className: `ShapeHighlight__toolbar ${isHovered || isScrolledTo || isStylePanelOpen ? "ShapeHighlight__toolbar--visible" : ""}`
           },
-          styleIcon || /* @__PURE__ */ React15.createElement(DefaultStyleIcon4, null)
+          onStyleChange && /* @__PURE__ */ React15.createElement(
+            "button",
+            {
+              className: "ShapeHighlight__style-button",
+              onClick: (e) => {
+                e.stopPropagation();
+                setIsStylePanelOpen(!isStylePanelOpen);
+              },
+              title: "Change style",
+              type: "button"
+            },
+            styleIcon || /* @__PURE__ */ React15.createElement(DefaultStyleIcon4, null)
+          ),
+          onDelete && /* @__PURE__ */ React15.createElement(
+            "button",
+            {
+              className: "ShapeHighlight__delete-button",
+              onClick: (e) => {
+                e.stopPropagation();
+                onDelete();
+              },
+              title: "Delete",
+              type: "button"
+            },
+            deleteIcon || /* @__PURE__ */ React15.createElement(DefaultDeleteIcon6, null)
+          )
         ),
-        onDelete && /* @__PURE__ */ React15.createElement(
-          "button",
+        isStylePanelOpen && onStyleChange && /* @__PURE__ */ React15.createElement(
+          "div",
           {
-            className: "ShapeHighlight__delete-button",
-            onClick: (e) => {
-              e.stopPropagation();
-              onDelete();
-            },
-            title: "Delete",
-            type: "button"
+            className: "ShapeHighlight__style-panel",
+            ref: stylePanelRef,
+            onClick: (e) => e.stopPropagation()
           },
-          deleteIcon || /* @__PURE__ */ React15.createElement(DefaultDeleteIcon6, null)
+          /* @__PURE__ */ React15.createElement("div", { className: "ShapeHighlight__style-row" }, /* @__PURE__ */ React15.createElement("label", null, "Color"), /* @__PURE__ */ React15.createElement("div", { className: "ShapeHighlight__color-options" }, /* @__PURE__ */ React15.createElement("div", { className: "ShapeHighlight__color-presets" }, colorPresets.map((c) => /* @__PURE__ */ React15.createElement(
+            "button",
+            {
+              key: c,
+              type: "button",
+              className: `ShapeHighlight__color-preset ${strokeColor === c ? "active" : ""}`,
+              style: { backgroundColor: c },
+              onClick: () => onStyleChange({ strokeColor: c }),
+              title: c
+            }
+          ))), /* @__PURE__ */ React15.createElement(
+            "input",
+            {
+              type: "color",
+              value: strokeColor,
+              onChange: (e) => {
+                onStyleChange({ strokeColor: e.target.value });
+              }
+            }
+          ))),
+          /* @__PURE__ */ React15.createElement("div", { className: "ShapeHighlight__style-row" }, /* @__PURE__ */ React15.createElement("label", null, "Width"), /* @__PURE__ */ React15.createElement("div", { className: "ShapeHighlight__width-options" }, STROKE_WIDTHS2.map((w) => /* @__PURE__ */ React15.createElement(
+            "button",
+            {
+              key: w.value,
+              type: "button",
+              className: `ShapeHighlight__width-button ${strokeWidth === w.value ? "active" : ""}`,
+              onClick: () => onStyleChange({ strokeWidth: w.value }),
+              title: w.label
+            },
+            w.label
+          ))))
         )
       ),
-      isStylePanelOpen && onStyleChange && /* @__PURE__ */ React15.createElement(
-        "div",
-        {
-          className: "ShapeHighlight__style-panel",
-          ref: stylePanelRef,
-          onClick: (e) => e.stopPropagation()
-        },
-        /* @__PURE__ */ React15.createElement("div", { className: "ShapeHighlight__style-row" }, /* @__PURE__ */ React15.createElement("label", null, "Color"), /* @__PURE__ */ React15.createElement("div", { className: "ShapeHighlight__color-options" }, /* @__PURE__ */ React15.createElement("div", { className: "ShapeHighlight__color-presets" }, colorPresets.map((c) => /* @__PURE__ */ React15.createElement(
-          "button",
-          {
-            key: c,
-            type: "button",
-            className: `ShapeHighlight__color-preset ${strokeColor === c ? "active" : ""}`,
-            style: { backgroundColor: c },
-            onClick: () => onStyleChange({ strokeColor: c }),
-            title: c
-          }
-        ))), /* @__PURE__ */ React15.createElement(
-          "input",
-          {
-            type: "color",
-            value: strokeColor,
-            onChange: (e) => {
-              onStyleChange({ strokeColor: e.target.value });
-            }
-          }
-        ))),
-        /* @__PURE__ */ React15.createElement("div", { className: "ShapeHighlight__style-row" }, /* @__PURE__ */ React15.createElement("label", null, "Width"), /* @__PURE__ */ React15.createElement("div", { className: "ShapeHighlight__width-options" }, STROKE_WIDTHS2.map((w) => /* @__PURE__ */ React15.createElement(
-          "button",
-          {
-            key: w.value,
-            type: "button",
-            className: `ShapeHighlight__width-button ${strokeWidth === w.value ? "active" : ""}`,
-            onClick: () => onStyleChange({ strokeWidth: w.value }),
-            title: w.label
-          },
-          w.label
-        ))))
-      )
+      configLayer
     ),
     /* @__PURE__ */ React15.createElement(
       Rnd5,
@@ -3204,7 +3591,10 @@ var DEFAULT_ERROR_MESSAGE = (error) => /* @__PURE__ */ React16.createElement("di
 var DEFAULT_ON_ERROR = (error) => {
   throw new Error(`Error loading PDF document: ${error.message}!`);
 };
-var DEFAULT_WORKER_SRC = "https://unpkg.com/pdfjs-dist@4.4.168/build/pdf.worker.min.mjs";
+var DEFAULT_WORKER_SRC = new URL(
+  "pdfjs-dist/build/pdf.worker.min.mjs",
+  import.meta.url
+).toString();
 var PdfLoader = ({
   document: document2,
   beforeLoad = DEFAULT_BEFORE_LOAD,
@@ -3245,405 +3635,708 @@ var PdfLoader = ({
   return error ? errorMessage(error) : loadingProgress ? beforeLoad(loadingProgress) : pdfDocumentRef.current && children(pdfDocumentRef.current);
 };
 
-// src/lib/export-pdf.ts
-import { PDFDocument, rgb, StandardFonts } from "pdf-lib";
-function parseColor(color) {
-  const rgbaMatch = color.match(
-    /rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*([\d.]+))?\)/
-  );
-  if (rgbaMatch) {
-    return {
-      r: parseInt(rgbaMatch[1]) / 255,
-      g: parseInt(rgbaMatch[2]) / 255,
-      b: parseInt(rgbaMatch[3]) / 255,
-      a: rgbaMatch[4] ? parseFloat(rgbaMatch[4]) : 1
-    };
+// src/lib/extract-sentences.ts
+var DEFAULT_OPTIONS = {
+  pages: "all",
+  includePositions: false,
+  includeSources: false,
+  normalize: true,
+  locale: "en",
+  idPrefix: "",
+  includeTextUnitTypes: ["paragraph"],
+  readingOrder: "auto",
+  columnDetection: "auto"
+};
+var isTextItem = (item) => {
+  return typeof item === "object" && item !== null && "str" in item && typeof item.str === "string" && "transform" in item && Array.isArray(item.transform);
+};
+var shouldInsertSpace = (previous, next) => {
+  if (!previous || !next) return false;
+  if (/\s$/.test(previous) || /^\s/.test(next)) return false;
+  if (/^[,.;:!?)]/.test(next)) return false;
+  if (/[([{]$/.test(previous)) return false;
+  return true;
+};
+var getLastNonWhitespace = (text) => {
+  const match = text.match(/\S(?=\s*$)/);
+  return match?.[0] ?? "";
+};
+var getTrimmedChars = (text) => Array.from(text.trim());
+var getItemTextKind = (text) => {
+  if (!text.trim()) return "space";
+  if (/^[,.;:!?)\]}]+$/.test(text.trim())) return "punctuation";
+  const chars = getTrimmedChars(text);
+  if (chars.length === 1 && /[\p{L}\p{N}]/u.test(chars[0])) {
+    return "singleGlyph";
   }
-  const hex = color.replace("#", "");
-  if (hex.length === 3) {
-    return {
-      r: parseInt(hex[0] + hex[0], 16) / 255,
-      g: parseInt(hex[1] + hex[1], 16) / 255,
-      b: parseInt(hex[2] + hex[2], 16) / 255,
-      a: 1
-    };
+  if (/[\p{L}\p{N}]/u.test(text)) return "wordLike";
+  return "other";
+};
+var getMedianGlyphWidth = (textItems) => {
+  const glyphWidths = textItems.map((item) => {
+    const textLength = Math.max(getTrimmedChars(item.text).length, 1);
+    return item.rect.width / textLength;
+  }).filter((width) => Number.isFinite(width) && width > 0).sort((a, b) => a - b);
+  if (glyphWidths.length === 0) return 0;
+  return glyphWidths[Math.floor(glyphWidths.length / 2)];
+};
+var getHorizontalGap = (previousItem, nextItem, medianGlyphWidth) => {
+  const previousRight = previousItem.rect.left + previousItem.rect.width;
+  const gap = nextItem.rect.left - previousRight;
+  const zeroTolerance = Math.max(medianGlyphWidth * 0.08, 0.35);
+  return Math.abs(gap) <= zeroTolerance ? 0 : gap;
+};
+var shouldInsertSpaceBetweenItems = (previousItem, nextItem, currentText, averageHeight, medianGlyphWidth) => {
+  if (!previousItem || !currentText || !nextItem.text) return false;
+  if (/\s$/.test(currentText) || /^\s/.test(nextItem.text)) return false;
+  const previousChar = getLastNonWhitespace(currentText);
+  const nextChar = Array.from(nextItem.text.trim())[0] ?? "";
+  const previousKind = getItemTextKind(previousItem.text);
+  const nextKind = getItemTextKind(nextItem.text);
+  if (!nextChar) return false;
+  if (nextKind === "punctuation" || /^[,.;:!?)]/.test(nextChar)) return false;
+  if (/[([{]$/.test(previousChar)) return false;
+  const gap = getHorizontalGap(previousItem, nextItem, medianGlyphWidth);
+  if (gap < 0) return false;
+  const glyphWidth = Math.max(
+    medianGlyphWidth,
+    averageHeight * 0.18,
+    1
+  );
+  const singleGlyphPair = previousKind === "singleGlyph" && nextKind === "singleGlyph";
+  if (singleGlyphPair) {
+    return gap > Math.max(glyphWidth * 0.35, 1);
   }
-  if (hex.length === 6) {
-    return {
-      r: parseInt(hex.slice(0, 2), 16) / 255,
-      g: parseInt(hex.slice(2, 4), 16) / 255,
-      b: parseInt(hex.slice(4, 6), 16) / 255,
-      a: 1
-    };
+  if ((previousKind === "wordLike" || previousKind === "singleGlyph") && (nextKind === "wordLike" || nextKind === "singleGlyph")) {
+    return gap > Math.max(glyphWidth * 0.08, 0.35);
   }
-  return { r: 1, g: 0.89, b: 0.56, a: 0.5 };
-}
-function scaledToPdfPoints(scaled, page) {
-  const pdfWidth = page.getWidth();
-  const pdfHeight = page.getHeight();
-  const xRatio = pdfWidth / scaled.width;
-  const yRatio = pdfHeight / scaled.height;
-  const x = scaled.x1 * xRatio;
-  const width = (scaled.x2 - scaled.x1) * xRatio;
-  const height = (scaled.y2 - scaled.y1) * yRatio;
-  const y = pdfHeight - scaled.y1 * yRatio - height;
-  return { x, y, width, height };
-}
-function dataUrlToBytes(dataUrl) {
-  const base64 = dataUrl.split(",")[1];
-  const byteString = atob(base64);
-  const bytes = new Uint8Array(byteString.length);
-  for (let i = 0; i < byteString.length; i++) {
-    bytes[i] = byteString.charCodeAt(i);
+  return shouldInsertSpace(currentText, nextItem.text);
+};
+var appendTextItem = (currentText, item, previousItem, averageHeight, medianGlyphWidth) => {
+  return `${currentText}${shouldInsertSpaceBetweenItems(
+    previousItem,
+    item,
+    currentText,
+    averageHeight,
+    medianGlyphWidth
+  ) ? " " : ""}${item.text}`;
+};
+var getAverageItemHeight = (textItems) => {
+  const heights = textItems.map((item) => item.rect.height).filter((height) => height > 0).sort((a, b) => a - b);
+  if (heights.length === 0) return 0;
+  return heights[Math.floor(heights.length / 2)];
+};
+var areTextItemsOnSameLine = (previous, next, averageHeight) => {
+  const previousMiddle = previous.rect.top + previous.rect.height / 2;
+  const nextMiddle = next.rect.top + next.rect.height / 2;
+  const tolerance = Math.max(averageHeight * 0.45, 2);
+  return Math.abs(previousMiddle - nextMiddle) <= tolerance;
+};
+var getTextItemRect = (item, viewport, pageNumber) => {
+  const [, , , , x, y] = item.transform;
+  const width = Math.abs(item.width ?? 0);
+  const height = Math.abs(item.height ?? 0);
+  const [x1, y1, x2, y2] = viewport.convertToViewportRectangle([
+    x,
+    y,
+    x + width,
+    y + height
+  ]);
+  return {
+    left: Math.min(x1, x2),
+    top: Math.min(y1, y2),
+    width: Math.abs(x2 - x1),
+    height: Math.abs(y2 - y1),
+    pageNumber
+  };
+};
+var resolvePageNumbers = (pdfDocument, pages) => {
+  if (pages === "all" || pages === void 0) {
+    return Array.from({ length: pdfDocument.numPages }, (_, index) => index + 1);
   }
-  const type = dataUrl.includes("image/png") ? "png" : "jpg";
-  return { bytes, type };
-}
-function wrapText(text, font, fontSize, maxWidth) {
-  if (!text || maxWidth <= 0) return [];
-  const lines = [];
-  const paragraphs = text.split(/\n/);
-  for (const paragraph of paragraphs) {
-    if (!paragraph.trim()) {
-      lines.push("");
-      continue;
+  return [...new Set(pages)].filter((pageNumber) => pageNumber >= 1 && pageNumber <= pdfDocument.numPages).sort((a, b) => a - b);
+};
+var buildPageTextStream = (textItems) => {
+  let text = "";
+  const charItemIndexes = [];
+  const averageHeight = getAverageItemHeight(textItems);
+  const medianGlyphWidth = getMedianGlyphWidth(textItems);
+  let previousItem;
+  textItems.forEach((item) => {
+    if (!item.text) return;
+    if (shouldInsertSpaceBetweenItems(
+      previousItem,
+      item,
+      text,
+      averageHeight,
+      medianGlyphWidth
+    )) {
+      text += " ";
+      charItemIndexes.push(null);
     }
-    const words = paragraph.split(/\s+/);
-    let currentLine = "";
-    for (const word of words) {
-      const testLine = currentLine ? `${currentLine} ${word}` : word;
-      const testWidth = font.widthOfTextAtSize(testLine, fontSize);
-      if (testWidth <= maxWidth) {
-        currentLine = testLine;
-      } else {
-        if (currentLine) {
-          lines.push(currentLine);
-          currentLine = "";
-        }
-        if (font.widthOfTextAtSize(word, fontSize) > maxWidth) {
-          let remaining = word;
-          while (remaining.length > 0) {
-            let charCount = 1;
-            while (charCount < remaining.length && font.widthOfTextAtSize(remaining.substring(0, charCount + 1), fontSize) <= maxWidth) {
-              charCount++;
-            }
-            const chunk = remaining.substring(0, charCount);
-            remaining = remaining.substring(charCount);
-            if (remaining.length > 0) {
-              lines.push(chunk);
-            } else {
-              currentLine = chunk;
-            }
-          }
-        } else {
-          currentLine = word;
-        }
-      }
+    for (const char of item.text) {
+      text += char;
+      charItemIndexes.push(item.index);
     }
-    if (currentLine) lines.push(currentLine);
-  }
-  return lines;
-}
-function groupByPage(highlights) {
-  const map = /* @__PURE__ */ new Map();
-  for (const h of highlights) {
-    const pageNum = h.position.boundingRect.pageNumber;
-    if (!map.has(pageNum)) map.set(pageNum, []);
-    map.get(pageNum).push(h);
+    previousItem = item;
+  });
+  return { text, charItemIndexes };
+};
+var normalizePdfLigatures = (text) => {
+  return text.replace(/ffi/g, "ffi").replace(/ffl/g, "ffl").replace(/fi/g, "fi").replace(/fl/g, "fl").replace(/ff/g, "ff");
+};
+var cleanupPdfHyphenSpacing = (text) => {
+  return text.replace(
+    /\b([\p{L}\p{N}]{2,})\s+-\s+([\p{L}\p{N}]{2,})\b/gu,
+    "$1-$2"
+  );
+};
+var normalizePdfSentenceText = (text) => {
+  return cleanupPdfHyphenSpacing(normalizePdfLigatures(text)).replace(/(\p{L}+)-\s+(\p{L}+)/gu, "$1-$2").replace(/\[\s*([^\]]*?)\s*\]/g, (_, citation) => {
+    const normalizedCitation = citation.replace(/\s*,\s*/g, ", ").replace(/\s+/g, " ").trim();
+    return `[${normalizedCitation}]`;
+  }).replace(/\s+/g, " ").trim();
+};
+var splitPdfSentences = (text, locale = DEFAULT_OPTIONS.locale) => {
+  const segmenterConstructor = Intl.Segmenter;
+  if (segmenterConstructor) {
+    const segmenter = new segmenterConstructor(locale, {
+      granularity: "sentence"
+    });
+    return Array.from(segmenter.segment(text)).map((segment) => ({
+      text: segment.segment.trim(),
+      start: segment.index + segment.segment.search(/\S/),
+      end: segment.index + segment.segment.trimEnd().length
+    })).filter((sentence) => sentence.text.length > 0 && sentence.start >= 0);
   }
-  return map;
-}
-async function renderTextHighlight(page, highlight, options) {
-  const colorStr = highlight.highlightColor || options.textHighlightColor || "rgba(255, 226, 143, 0.5)";
-  const color = parseColor(colorStr);
-  const highlightStyle = highlight.highlightStyle || "highlight";
-  const rects = highlight.position.rects.length > 0 ? highlight.position.rects : [highlight.position.boundingRect];
-  for (const rect of rects) {
-    const { x, y, width, height } = scaledToPdfPoints(rect, page);
-    if (highlightStyle === "highlight") {
-      page.drawRectangle({
-        x,
-        y,
-        width,
-        height,
-        color: rgb(color.r, color.g, color.b),
-        opacity: color.a
-      });
-    } else if (highlightStyle === "underline") {
-      const lineThickness = Math.max(1, height * 0.1);
-      page.drawRectangle({
-        x,
-        y,
-        width,
-        height: lineThickness,
-        color: rgb(color.r, color.g, color.b),
-        opacity: color.a
-      });
-    } else if (highlightStyle === "strikethrough") {
-      const lineThickness = Math.max(1, height * 0.1);
-      const lineY = y + height / 2 - lineThickness / 2;
-      page.drawRectangle({
-        x,
-        y: lineY,
-        width,
-        height: lineThickness,
-        color: rgb(color.r, color.g, color.b),
-        opacity: color.a
+  const ranges = [];
+  let start = 0;
+  for (let index = 0; index < text.length; index += 1) {
+    const char = text[index];
+    if (!/[.!?]/.test(char)) continue;
+    const nextText = text.slice(index + 1);
+    const nextNonSpace = nextText.match(/\S/);
+    const nextChar = nextNonSpace?.[0] ?? "";
+    const shouldSplit = nextChar === "" || /[A-Z([{"']/.test(nextChar);
+    if (!shouldSplit) continue;
+    const rawSentence = text.slice(start, index + 1);
+    const leadingWhitespace2 = rawSentence.search(/\S/);
+    const sentenceStart = start + Math.max(leadingWhitespace2, 0);
+    const sentenceText = rawSentence.trim();
+    if (sentenceText) {
+      ranges.push({
+        text: sentenceText,
+        start: sentenceStart,
+        end: start + rawSentence.trimEnd().length
       });
     }
+    start = index + 1;
   }
-}
-async function renderAreaHighlight(page, highlight, options) {
-  const colorStr = highlight.highlightColor || options.areaHighlightColor || "rgba(255, 226, 143, 0.5)";
-  const color = parseColor(colorStr);
-  const { x, y, width, height } = scaledToPdfPoints(
-    highlight.position.boundingRect,
-    page
-  );
-  page.drawRectangle({
-    x,
-    y,
-    width,
-    height,
-    color: rgb(color.r, color.g, color.b),
-    opacity: color.a
+  const finalRawSentence = text.slice(start);
+  const leadingWhitespace = finalRawSentence.search(/\S/);
+  const finalText = finalRawSentence.trim();
+  if (finalText) {
+    ranges.push({
+      text: finalText,
+      start: start + Math.max(leadingWhitespace, 0),
+      end: start + finalRawSentence.trimEnd().length
+    });
+  }
+  return ranges;
+};
+var getSentenceTextItemIndexes = (charItemIndexes, start, end) => {
+  const indexes = /* @__PURE__ */ new Set();
+  for (let index = start; index < end; index += 1) {
+    const itemIndex = charItemIndexes[index];
+    if (itemIndex !== null && itemIndex !== void 0) {
+      indexes.add(itemIndex);
+    }
+  }
+  return Array.from(indexes).sort((a, b) => a - b);
+};
+var getScaledPosition = (textItems, textItemIndexes, page) => {
+  const indexSet = new Set(textItemIndexes);
+  const rects = textItems.filter((item) => indexSet.has(item.index)).map((item) => item.rect).filter((rect) => rect.width > 0 && rect.height > 0);
+  if (rects.length === 0) return void 0;
+  const boundingRect = get_bounding_rect_default(rects);
+  return {
+    boundingRect: viewportToScaled(boundingRect, page),
+    rects: rects.map((rect) => viewportToScaled(rect, page))
+  };
+};
+var getTextItemsPosition = (textItems, textItemIndexes, page, includePositions) => {
+  return includePositions ? getScaledPosition(textItems, textItemIndexes, page) : void 0;
+};
+var getTextItemsBoundingRect = (textItems) => {
+  const rects = textItems.map((item) => item.rect).filter((rect) => rect.width > 0 && rect.height > 0);
+  return rects.length > 0 ? get_bounding_rect_default(rects) : void 0;
+};
+var getOrderedTextItems = (textItems, readingOrder) => {
+  if (readingOrder === "document") return [...textItems];
+  const averageHeight = getAverageItemHeight(textItems);
+  return [...textItems].sort((a, b) => {
+    const topDelta = a.rect.top - b.rect.top;
+    if (Math.abs(topDelta) > Math.max(averageHeight * 0.45, 2)) {
+      return topDelta;
+    }
+    return a.rect.left - b.rect.left;
   });
-}
-async function renderFreetextHighlight(page, highlight, options, font) {
-  const text = highlight.content?.text || "";
-  const textColor = parseColor(
-    highlight.color || options.defaultFreetextColor || "#333333"
-  );
-  const { x, y, width, height } = scaledToPdfPoints(
-    highlight.position.boundingRect,
-    page
-  );
-  const pdfHeight = page.getHeight();
-  const yRatio = pdfHeight / highlight.position.boundingRect.height;
-  const storedFontSize = parseInt(highlight.fontSize || "") || options.defaultFreetextFontSize || 14;
-  const fontSize = storedFontSize * yRatio;
-  console.log("Freetext export:", {
-    storedFontSize,
-    yRatio,
-    fontSize,
-    boxDimensions: { x, y, width, height },
-    text: text.substring(0, 50)
+};
+var groupTextItemsIntoLines = (textItems) => {
+  const averageHeight = getAverageItemHeight(textItems);
+  const sortedItems = getOrderedTextItems(textItems, "position");
+  const lines = [];
+  sortedItems.forEach((item) => {
+    const currentLine = lines[lines.length - 1];
+    const previousItem = currentLine?.[currentLine.length - 1];
+    if (currentLine && previousItem && areTextItemsOnSameLine(previousItem, item, averageHeight)) {
+      currentLine.push(item);
+      currentLine.sort((a, b) => a.rect.left - b.rect.left);
+      return;
+    }
+    lines.push([item]);
   });
-  const bgColorValue = highlight.backgroundColor || options.defaultFreetextBgColor || "#ffffc8";
-  if (bgColorValue !== "transparent") {
-    const bgColor = parseColor(bgColorValue);
-    page.drawRectangle({
-      x,
-      y,
-      width,
-      height,
-      color: rgb(bgColor.r, bgColor.g, bgColor.b),
-      opacity: bgColor.a
-    });
+  return lines;
+};
+var isLikelyBodyTextItem = (item, page) => {
+  const text = item.text.trim();
+  if (!text) return false;
+  if (item.rect.top < page.height * 0.12 && page.pageNumber === 1 || item.rect.top > page.height * 0.88) {
+    return false;
   }
-  const padding = 4 * yRatio;
-  const maxWidth = width - padding * 2;
-  const lineHeight = fontSize * 1.3;
-  if (maxWidth > 0 && text) {
-    const lines = wrapText(text, font, fontSize, maxWidth);
-    let currentY = y + height - fontSize - padding;
-    for (const line of lines) {
-      if (currentY < y + padding) break;
-      if (line.trim()) {
-        page.drawText(line, {
-          x: x + padding,
-          y: currentY,
-          size: fontSize,
-          font,
-          color: rgb(textColor.r, textColor.g, textColor.b)
-        });
-      }
-      currentY -= lineHeight;
+  if (isLikelyFootnoteOrReference(text)) return false;
+  return true;
+};
+var getColumnRanges = (textItems, page) => {
+  if (textItems.length < 24) return void 0;
+  const minLeft = Math.min(...textItems.map((item) => item.rect.left));
+  const maxRight = Math.max(
+    ...textItems.map((item) => item.rect.left + item.rect.width)
+  );
+  const pageSpan = maxRight - minLeft;
+  const binCount = 80;
+  const bins = Array.from({ length: binCount }, () => 0);
+  textItems.forEach((item) => {
+    const left = item.rect.left;
+    const right = item.rect.left + item.rect.width;
+    const startBin = Math.max(
+      0,
+      Math.floor((left - minLeft) / pageSpan * binCount)
+    );
+    const endBin = Math.min(
+      binCount - 1,
+      Math.ceil((right - minLeft) / pageSpan * binCount)
+    );
+    for (let index = startBin; index <= endBin; index += 1) {
+      bins[index] += 1;
+    }
+  });
+  const centerStart = Math.floor(binCount * 0.35);
+  const centerEnd = Math.ceil(binCount * 0.65);
+  let bestGapStart = -1;
+  let bestGapEnd = -1;
+  let currentGapStart = -1;
+  for (let index = centerStart; index <= centerEnd; index += 1) {
+    if (bins[index] === 0) {
+      if (currentGapStart === -1) currentGapStart = index;
+      continue;
+    }
+    if (currentGapStart !== -1 && index - currentGapStart > bestGapEnd - bestGapStart) {
+      bestGapStart = currentGapStart;
+      bestGapEnd = index;
     }
+    currentGapStart = -1;
   }
-}
-function transformToRawCoordinates(page, x, y, width, height) {
-  const rotation = page.getRotation().angle;
-  const pageWidth = page.getWidth();
-  const pageHeight = page.getHeight();
-  if (rotation === 90) {
+  if (currentGapStart !== -1 && centerEnd + 1 - currentGapStart > bestGapEnd - bestGapStart) {
+    bestGapStart = currentGapStart;
+    bestGapEnd = centerEnd + 1;
+  }
+  const gapBins = bestGapEnd - bestGapStart;
+  const gapWidth = gapBins / binCount * pageSpan;
+  const minGapWidth = Math.max(page.width * 0.035, 14);
+  if (bestGapStart < 0 || gapWidth < minGapWidth) return void 0;
+  const gapLeft = minLeft + bestGapStart / binCount * pageSpan;
+  const gapRight = minLeft + bestGapEnd / binCount * pageSpan;
+  const splitX = (gapLeft + gapRight) / 2;
+  const leftItems = textItems.filter(
+    (item) => item.rect.left + item.rect.width / 2 < splitX
+  );
+  const rightItems = textItems.filter(
+    (item) => item.rect.left + item.rect.width / 2 >= splitX
+  );
+  if (leftItems.length < 10 || rightItems.length < 10) return void 0;
+  const leftRange = {
+    left: Math.min(...leftItems.map((item) => item.rect.left)),
+    right: Math.max(...leftItems.map((item) => item.rect.left + item.rect.width))
+  };
+  const rightRange = {
+    left: Math.min(...rightItems.map((item) => item.rect.left)),
+    right: Math.max(...rightItems.map((item) => item.rect.left + item.rect.width))
+  };
+  const leftHeight = getAverageItemHeight(leftItems);
+  const rightHeight = getAverageItemHeight(rightItems);
+  if (leftHeight > 0 && rightHeight > 0 && Math.max(leftHeight, rightHeight) / Math.min(leftHeight, rightHeight) > 1.45) {
+    return void 0;
+  }
+  return [leftRange, rightRange];
+};
+var assignColumnsToPage = (page, columnDetection) => {
+  if (columnDetection === "none") {
     return {
-      x: y,
-      y: pageWidth - x - width,
-      width: height,
-      height: width
+      ...page,
+      textItems: page.textItems.map((item) => ({ ...item, columnIndex: 0 })),
+      columns: [
+        {
+          index: 0,
+          left: 0,
+          right: page.width,
+          width: page.width,
+          textItemIndexes: page.textItems.map((item) => item.index)
+        }
+      ]
     };
-  } else if (rotation === 180) {
+  }
+  const bodyItems = page.textItems.filter(
+    (item) => isLikelyBodyTextItem(item, page)
+  );
+  const ranges = getColumnRanges(bodyItems, page);
+  if (!ranges) {
     return {
-      x: pageWidth - x - width,
-      y: pageHeight - y - height,
-      width,
-      height
+      ...page,
+      textItems: page.textItems.map((item) => ({ ...item, columnIndex: 0 })),
+      columns: [
+        {
+          index: 0,
+          left: 0,
+          right: page.width,
+          width: page.width,
+          textItemIndexes: page.textItems.map((item) => item.index)
+        }
+      ]
     };
-  } else if (rotation === 270) {
+  }
+  const splitX = (ranges[0].right + ranges[1].left) / 2;
+  const textItems = page.textItems.map((item) => {
+    const centerX = item.rect.left + item.rect.width / 2;
     return {
-      x: pageHeight - y - height,
-      y: x,
-      width: height,
-      height: width
+      ...item,
+      columnIndex: centerX < splitX ? 0 : 1
     };
-  }
-  return { x, y, width, height };
-}
-async function renderImageHighlight(pdfDoc, page, highlight) {
-  const imageDataUrl = highlight.content?.image;
-  if (!imageDataUrl) return;
-  try {
-    const { bytes, type } = dataUrlToBytes(imageDataUrl);
-    const image = type === "png" ? await pdfDoc.embedPng(bytes) : await pdfDoc.embedJpg(bytes);
-    const visualCoords = scaledToPdfPoints(
-      highlight.position.boundingRect,
-      page
-    );
-    const rawCoords = transformToRawCoordinates(
-      page,
-      visualCoords.x,
-      visualCoords.y,
-      visualCoords.width,
-      visualCoords.height
+  });
+  const columns = ranges.map((range, index) => ({
+    index,
+    left: range.left,
+    right: range.right,
+    width: range.right - range.left,
+    textItemIndexes: textItems.filter((item) => item.columnIndex === index).map((item) => item.index)
+  }));
+  return { ...page, textItems, columns };
+};
+var isFullWidthBlock = (block, page, detectedColumnCount) => {
+  if (detectedColumnCount < 2) return false;
+  const textItems = block.flat();
+  const boundingRect = getTextItemsBoundingRect(textItems);
+  if (!boundingRect) return false;
+  return boundingRect.width > page.width * 0.72;
+};
+var buildBlocksForItems = (textItems, page) => {
+  const lines = groupTextItemsIntoLines(textItems);
+  const averageHeight = getAverageItemHeight(textItems);
+  const blocks = [];
+  lines.forEach((line) => {
+    const currentBlock = blocks[blocks.length - 1];
+    const previousLine = currentBlock?.[currentBlock.length - 1];
+    if (currentBlock && previousLine && !shouldStartNewBlock(previousLine, line, page, averageHeight)) {
+      currentBlock.push(line);
+      return;
+    }
+    blocks.push([line]);
+  });
+  return blocks;
+};
+var compareBlocksByPosition = (left, right) => {
+  const leftRect = getTextItemsBoundingRect(left.block.flat());
+  const rightRect = getTextItemsBoundingRect(right.block.flat());
+  return (leftRect?.top ?? 0) - (rightRect?.top ?? 0);
+};
+var compareBlocksByColumnReadingOrder = (left, right) => {
+  const columnDelta = (left.columnIndex ?? 0) - (right.columnIndex ?? 0);
+  if (columnDelta !== 0) return columnDelta;
+  return compareBlocksByPosition(left, right);
+};
+var buildTextUnit = ({
+  block,
+  columnIndex,
+  indexInPage,
+  includePositions,
+  idPrefix,
+  page,
+  shouldNormalize
+}) => {
+  const textItems = block.flat();
+  const rawText = block.map(getLineText).join(" ");
+  const textItemIndexes = textItems.map((item) => item.index);
+  const type = classifyTextUnit(rawText, textItemIndexes, page);
+  const position = getTextItemsPosition(
+    page.textItems,
+    textItemIndexes,
+    page,
+    includePositions
+  );
+  return {
+    id: `${idPrefix}p${page.pageNumber}-u${indexInPage}`,
+    type,
+    text: shouldNormalize ? normalizePdfSentenceText(rawText) : rawText.trim(),
+    rawText: rawText.trim(),
+    pageNumber: page.pageNumber,
+    indexInPage,
+    ...columnIndex !== void 0 ? { columnIndex } : {},
+    ...position ? { position } : {},
+    source: {
+      textItemIndexes
+    }
+  };
+};
+var getLineText = (line) => {
+  const averageHeight = getAverageItemHeight(line);
+  const medianGlyphWidth = getMedianGlyphWidth(line);
+  return line.reduce((text, item, index) => {
+    return appendTextItem(
+      text,
+      item,
+      line[index - 1],
+      averageHeight,
+      medianGlyphWidth
     );
-    console.log("Image export:", {
-      rotation: page.getRotation().angle,
-      visualCoords,
-      rawCoords
-    });
-    page.drawImage(image, {
-      x: rawCoords.x,
-      y: rawCoords.y,
-      width: rawCoords.width,
-      height: rawCoords.height
-    });
-  } catch (error) {
-    console.error("Failed to embed image:", error);
+  }, "");
+};
+var getLineRect = (line) => get_bounding_rect_default(line.map((item) => item.rect));
+var shouldStartNewBlock = (previousLine, nextLine, page, averageHeight) => {
+  const previousRect = getLineRect(previousLine);
+  const nextRect = getLineRect(nextLine);
+  const verticalGap = nextRect.top - (previousRect.top + previousRect.height);
+  const leftDelta = Math.abs(nextRect.left - previousRect.left);
+  const previousText = getLineText(previousLine).trim();
+  const nextText = getLineText(nextLine).trim();
+  if (verticalGap > Math.max(averageHeight * 1.15, 7)) return true;
+  if (leftDelta > page.width * 0.18) return true;
+  if (isLikelyStandaloneBlock(previousText) || isLikelyStandaloneBlock(nextText)) {
+    return true;
   }
-}
-async function renderShapeHighlight(page, highlight) {
-  const shapeType = highlight.content?.shape?.shapeType || highlight.shapeType || "rectangle";
-  const strokeColorStr = highlight.content?.shape?.strokeColor || highlight.strokeColor || "#000000";
-  const strokeWidth = highlight.content?.shape?.strokeWidth || highlight.strokeWidth || 2;
-  const color = parseColor(strokeColorStr);
-  const { x, y, width, height } = scaledToPdfPoints(
-    highlight.position.boundingRect,
-    page
+  return false;
+};
+var isLikelyStandaloneBlock = (text) => {
+  const normalizedText = normalizePdfSentenceText(text);
+  if (!normalizedText) return false;
+  if (isLikelySectionHeading(normalizedText)) return true;
+  if (isLikelyFootnoteOrReference(normalizedText)) return true;
+  return false;
+};
+var isLikelySectionHeading = (text) => {
+  if (text.length > 80) return false;
+  if (/^\d+(\.\d+)*\.?\s+[A-Z]/.test(text)) return true;
+  const letters = text.replace(/[^A-Za-z]/g, "");
+  if (letters.length < 3) return false;
+  const uppercaseLetters = text.replace(/[^A-Z]/g, "");
+  return uppercaseLetters.length / letters.length > 0.75;
+};
+var isLikelyFootnoteOrReference = (text) => {
+  return /^\d+\s*https?:\/\//i.test(text) || /^\[\d+\]/.test(text) || /https?:\/\/|doi\.org|arxiv\.org/i.test(text);
+};
+var isLikelyAuthor = (text) => {
+  return text.length <= 80 && !/[.!?]$/.test(text) && /^[A-Z][A-Za-z'.-]+(?:\s+[A-Z][A-Za-z'.-]+){1,4}$/.test(text);
+};
+var isLikelyAffiliation = (text) => {
+  return text.length <= 160 && /university|institute|department|school|college|faculty|laboratory|germany|usa|china|france|italy|spain|canada|japan|korea/i.test(
+    text
   );
-  switch (shapeType) {
-    case "rectangle":
-      page.drawRectangle({
-        x,
-        y,
-        width,
-        height,
-        borderColor: rgb(color.r, color.g, color.b),
-        borderWidth: strokeWidth,
-        opacity: color.a
-      });
-      break;
-    case "circle":
-      page.drawEllipse({
-        x: x + width / 2,
-        y: y + height / 2,
-        xScale: width / 2,
-        yScale: height / 2,
-        borderColor: rgb(color.r, color.g, color.b),
-        borderWidth: strokeWidth,
-        opacity: color.a
-      });
-      break;
-    case "arrow": {
-      const startPt = highlight.content?.shape?.startPoint;
-      const endPt = highlight.content?.shape?.endPoint;
-      const startX = startPt ? x + startPt.x * width : x;
-      const startY = startPt ? y + (1 - startPt.y) * height : y + height / 2;
-      const endX = endPt ? x + endPt.x * width : x + width;
-      const endY = endPt ? y + (1 - endPt.y) * height : y + height / 2;
-      page.drawLine({
-        start: { x: startX, y: startY },
-        end: { x: endX, y: endY },
-        color: rgb(color.r, color.g, color.b),
-        thickness: strokeWidth,
-        opacity: color.a
-      });
-      const angle = Math.atan2(endY - startY, endX - startX);
-      const arrowSize = Math.min(15, width * 0.2, height * 0.4);
-      const arrowAngle = Math.PI / 6;
-      page.drawLine({
-        start: {
-          x: endX - arrowSize * Math.cos(angle - arrowAngle),
-          y: endY - arrowSize * Math.sin(angle - arrowAngle)
-        },
-        end: { x: endX, y: endY },
-        color: rgb(color.r, color.g, color.b),
-        thickness: strokeWidth,
-        opacity: color.a
+};
+var classifyTextUnit = (rawText, textItemIndexes, page) => {
+  const text = normalizePdfSentenceText(rawText);
+  const textItems = page.textItems.filter(
+    (item) => textItemIndexes.includes(item.index)
+  );
+  const rects = textItems.map((item) => item.rect);
+  const boundingRect = rects.length > 0 ? get_bounding_rect_default(rects) : void 0;
+  const averagePageHeight = getAverageItemHeight(page.textItems);
+  const averageUnitHeight = getAverageItemHeight(textItems);
+  const isTopOfFirstPage = page.pageNumber === 1 && (boundingRect?.top ?? page.height) < page.height * 0.2;
+  const isBottomOfPage = (boundingRect?.top ?? 0) > page.height * 0.78;
+  const isLargeText = averagePageHeight > 0 && averageUnitHeight > averagePageHeight * 1.25;
+  const isCentered = boundingRect !== void 0 && Math.abs(boundingRect.left + boundingRect.width / 2 - page.width / 2) < page.width * 0.16;
+  if (isLikelyFootnoteOrReference(text) || isBottomOfPage && /^\d+\s/.test(text)) {
+    return text.includes("://") || /^\d+\s*https?:\/\//i.test(text) ? "footnote" : "reference";
+  }
+  if (isLikelySectionHeading(text)) return "heading";
+  if (isTopOfFirstPage && isLargeText && isCentered) return "title";
+  if (isTopOfFirstPage && isLikelyAuthor(text)) return "author";
+  if (isTopOfFirstPage && isLikelyAffiliation(text)) return "affiliation";
+  return "paragraph";
+};
+var extractTextUnitsFromPages = (pages, options = {}) => {
+  const includePositions = options.includePositions ?? DEFAULT_OPTIONS.includePositions;
+  const includeSources = options.includeSources ?? DEFAULT_OPTIONS.includeSources;
+  const shouldNormalize = options.normalize ?? DEFAULT_OPTIONS.normalize;
+  const idPrefix = options.idPrefix ?? DEFAULT_OPTIONS.idPrefix;
+  const readingOrder = options.readingOrder ?? DEFAULT_OPTIONS.readingOrder;
+  const columnDetection = options.columnDetection ?? DEFAULT_OPTIONS.columnDetection;
+  const units = [];
+  pages.forEach((page) => {
+    const pageWithColumns = assignColumnsToPage(page, columnDetection);
+    const detectedColumnCount = pageWithColumns.columns?.length ?? 1;
+    const columnIndexes = detectedColumnCount > 1 && readingOrder !== "document" ? pageWithColumns.columns?.map((column) => column.index) ?? [0] : [0];
+    const blocks = [];
+    if (readingOrder === "document") {
+      blocks.push(
+        ...buildBlocksForItems(pageWithColumns.textItems, pageWithColumns).map(
+          (block) => ({ block })
+        )
+      );
+    } else {
+      const allBlocks = columnIndexes.flatMap(
+        (columnIndex) => buildBlocksForItems(
+          pageWithColumns.textItems.filter(
+            (item) => item.columnIndex === columnIndex
+          ),
+          pageWithColumns
+        ).map((block) => ({ block, columnIndex }))
+      );
+      const fullWidthBlocks = allBlocks.filter(
+        ({ block }) => isFullWidthBlock(block, pageWithColumns, detectedColumnCount)
+      );
+      const columnBlocks = allBlocks.filter(
+        ({ block }) => !isFullWidthBlock(block, pageWithColumns, detectedColumnCount)
+      );
+      const topFullWidthBlocks = fullWidthBlocks.filter(({ block }) => {
+        const rect = getTextItemsBoundingRect(block.flat());
+        return (rect?.top ?? 0) < pageWithColumns.height * 0.3;
       });
-      page.drawLine({
-        start: {
-          x: endX - arrowSize * Math.cos(angle + arrowAngle),
-          y: endY - arrowSize * Math.sin(angle + arrowAngle)
-        },
-        end: { x: endX, y: endY },
-        color: rgb(color.r, color.g, color.b),
-        thickness: strokeWidth,
-        opacity: color.a
+      const bottomFullWidthBlocks = fullWidthBlocks.filter(({ block }) => {
+        const rect = getTextItemsBoundingRect(block.flat());
+        return (rect?.top ?? 0) >= pageWithColumns.height * 0.3;
       });
-      break;
+      blocks.push(
+        ...topFullWidthBlocks.sort(compareBlocksByPosition),
+        ...columnBlocks.sort(compareBlocksByColumnReadingOrder),
+        ...bottomFullWidthBlocks.sort(compareBlocksByPosition)
+      );
     }
+    blocks.forEach(({ block, columnIndex }, indexInPage) => {
+      units.push(
+        buildTextUnit({
+          block,
+          columnIndex,
+          indexInPage,
+          includePositions,
+          idPrefix,
+          page: pageWithColumns,
+          shouldNormalize
+        })
+      );
+    });
+  });
+  if (!includeSources) {
+    return units.map(({ source: _source, ...rest }) => rest);
   }
-}
-async function exportPdf(pdfSource, highlights, options = {}) {
-  let pdfBytes;
-  if (typeof pdfSource === "string") {
-    const response = await fetch(pdfSource);
-    pdfBytes = await response.arrayBuffer();
-  } else {
-    pdfBytes = pdfSource instanceof Uint8Array ? pdfSource.buffer.slice(
-      pdfSource.byteOffset,
-      pdfSource.byteOffset + pdfSource.byteLength
-    ) : pdfSource;
+  return units;
+};
+var extractTextUnits = async (pdfDocument, options = {}) => {
+  const resolvedOptions = { ...DEFAULT_OPTIONS, ...options };
+  const pages = await extractPageTextItems(pdfDocument, {
+    pages: resolvedOptions.pages,
+    columnDetection: resolvedOptions.columnDetection
+  });
+  return extractTextUnitsFromPages(pages, resolvedOptions);
+};
+var extractPageTextItems = async (pdfDocument, options = {}) => {
+  const pageNumbers = resolvePageNumbers(pdfDocument, options.pages);
+  const columnDetection = options.columnDetection ?? DEFAULT_OPTIONS.columnDetection;
+  const extractedPages = [];
+  for (const pageNumber of pageNumbers) {
+    const page = await pdfDocument.getPage(pageNumber);
+    const viewport = page.getViewport({ scale: 1 });
+    const textContent = await page.getTextContent();
+    const textItems = [];
+    textContent.items.forEach((item, index) => {
+      if (!isTextItem(item) || item.str.length === 0) return;
+      textItems.push({
+        text: item.str,
+        index,
+        pageNumber,
+        rect: getTextItemRect(item, viewport, pageNumber)
+      });
+    });
+    extractedPages.push(assignColumnsToPage({
+      pageNumber,
+      width: viewport.width,
+      height: viewport.height,
+      textItems
+    }, columnDetection));
   }
-  const pdfDoc = await PDFDocument.load(pdfBytes);
-  const pages = pdfDoc.getPages();
-  const font = await pdfDoc.embedFont(StandardFonts.Helvetica);
-  const byPage = groupByPage(highlights);
-  const totalPages = byPage.size;
-  let currentPage = 0;
-  for (const [pageNum, pageHighlights] of byPage) {
-    const page = pages[pageNum - 1];
-    if (!page) continue;
-    for (const highlight of pageHighlights) {
-      switch (highlight.type) {
-        case "text":
-          await renderTextHighlight(page, highlight, options);
-          break;
-        case "area":
-          await renderAreaHighlight(page, highlight, options);
-          break;
-        case "freetext":
-          await renderFreetextHighlight(page, highlight, options, font);
-          break;
-        case "image":
-          await renderImageHighlight(pdfDoc, page, highlight);
-          break;
-        case "drawing":
-          await renderImageHighlight(pdfDoc, page, highlight);
-          break;
-        case "shape":
-          await renderShapeHighlight(page, highlight);
-          break;
-        default:
-          await renderAreaHighlight(page, highlight, options);
-      }
-    }
-    currentPage++;
-    options.onProgress?.(currentPage, totalPages);
+  return extractedPages;
+};
+var extractSentences = async (pdfDocument, options = {}) => {
+  const resolvedOptions = { ...DEFAULT_OPTIONS, ...options };
+  const pages = await extractPageTextItems(pdfDocument, {
+    pages: resolvedOptions.pages,
+    columnDetection: resolvedOptions.columnDetection
+  });
+  const textUnits = extractTextUnitsFromPages(pages, { ...resolvedOptions, includeSources: true });
+  const sentences = [];
+  let globalIndex = 0;
+  textUnits.filter((unit) => resolvedOptions.includeTextUnitTypes.includes(unit.type)).forEach((unit) => {
+    const page = pages.find((candidatePage) => candidatePage.pageNumber === unit.pageNumber);
+    if (!page) return;
+    const pageTextItemsByIndex = new Map(
+      page.textItems.map((item) => [item.index, item])
+    );
+    const stream = buildPageTextStream(
+      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+      unit.source.textItemIndexes.map((textItemIndex) => pageTextItemsByIndex.get(textItemIndex)).filter((item) => item !== void 0)
+    );
+    if (!stream.text.trim()) return;
+    const sentenceRanges = splitPdfSentences(
+      stream.text,
+      resolvedOptions.locale
+    );
+    sentenceRanges.forEach((sentenceRange, indexInPage) => {
+      const textItemIndexes = getSentenceTextItemIndexes(
+        stream.charItemIndexes,
+        sentenceRange.start,
+        sentenceRange.end
+      );
+      const position = resolvedOptions.includePositions ? getScaledPosition(page.textItems, textItemIndexes, page) : void 0;
+      const id = `${resolvedOptions.idPrefix}p${page.pageNumber}-u${unit.indexInPage}-s${indexInPage}`;
+      const rawText = sentenceRange.text;
+      sentences.push({
+        id,
+        text: resolvedOptions.normalize ? normalizePdfSentenceText(rawText) : rawText,
+        rawText,
+        pageNumber: page.pageNumber,
+        indexInPage,
+        globalIndex,
+        ...unit.columnIndex !== void 0 ? { columnIndex: unit.columnIndex } : {},
+        ...position ? { position } : {},
+        ...resolvedOptions.includeSources ? { source: { startOffset: sentenceRange.start, endOffset: sentenceRange.end, textItemIndexes } } : {}
+      });
+      globalIndex += 1;
+    });
+  });
+  return sentences;
+};
+var sentenceToHighlight = (sentence, options = {}) => {
+  if (!sentence.position) {
+    throw new Error(
+      "Cannot convert sentence to highlight because it has no position. Call extractSentences with includePositions: true."
+    );
   }
-  return pdfDoc.save();
-}
+  return {
+    id: options.id ?? sentence.id,
+    type: "text",
+    content: { text: sentence.text },
+    position: sentence.position
+  };
+};
 
 // src/components/leftpanel/LeftPanel.tsx
 import React21, { useState as useState17, useMemo as useMemo3, useCallback as useCallback8, useRef as useRef19, useEffect as useEffect18 } from "react";
@@ -4971,6 +5664,12 @@ var LeftPanel = ({
     )
   ));
 };
+
+// src/index.ts
+var exportPdf = async (...args) => {
+  const { exportPdf: exportPdf2 } = await import("./export-pdf-W2QGWADM.js");
+  return exportPdf2(...args);
+};
 export {
   AreaHighlight,
   DocumentOutline,
@@ -4990,7 +5689,11 @@ export {
   ThumbnailItem,
   ThumbnailPanel,
   exportPdf,
+  extractPageTextItems,
+  extractSentences,
+  extractTextUnits,
   scaledPositionToViewport,
+  sentenceToHighlight,
   useDocumentOutline,
   useHighlightContainerContext,
   useLeftPanelContext,