pdfjs-reader-core 0.1.4 → 0.2.0

package/dist/index.cjs

@@ -332,6 +332,9 @@ var init_highlight_storage = __esm({
 });
 
 // src/store/viewer-store.ts
+function generateRequestId() {
+  return `scroll-${Date.now()}-${++requestCounter}`;
+}
 function createViewerStore(initialOverrides = {}) {
   return (0, import_vanilla.createStore)()((set, get) => ({
     ...initialState,
@@ -384,6 +387,46 @@ function createViewerStore(initialOverrides = {}) {
         set({ currentPage: currentPage - 1 });
       }
     },
+    // Scroll coordination actions
+    requestScrollToPage: (page, behavior = "smooth") => {
+      const { numPages } = get();
+      const validPage = Math.max(1, Math.min(page, numPages));
+      return new Promise((resolve) => {
+        const requestId = generateRequestId();
+        const timeoutId = setTimeout(() => {
+          const callback = scrollCallbacks.get(requestId);
+          if (callback) {
+            scrollCallbacks.delete(requestId);
+            callback.resolve();
+          }
+          const currentRequest = get().scrollToPageRequest;
+          if (currentRequest?.requestId === requestId) {
+            set({ scrollToPageRequest: null });
+          }
+        }, SCROLL_TIMEOUT_MS);
+        scrollCallbacks.set(requestId, { resolve, timeoutId });
+        set({
+          currentPage: validPage,
+          scrollToPageRequest: {
+            page: validPage,
+            requestId,
+            behavior
+          }
+        });
+      });
+    },
+    completeScrollRequest: (requestId) => {
+      const callback = scrollCallbacks.get(requestId);
+      if (callback) {
+        clearTimeout(callback.timeoutId);
+        scrollCallbacks.delete(requestId);
+        callback.resolve();
+      }
+      const currentRequest = get().scrollToPageRequest;
+      if (currentRequest?.requestId === requestId) {
+        set({ scrollToPageRequest: null });
+      }
+    },
     // Zoom actions
     setScale: (scale) => {
       const clampedScale = Math.max(MIN_SCALE, Math.min(MAX_SCALE, scale));
@@ -450,7 +493,7 @@ function createViewerStore(initialOverrides = {}) {
     }
   }));
 }
-var import_vanilla, ZOOM_LEVELS, MIN_SCALE, MAX_SCALE, initialState;
+var import_vanilla, ZOOM_LEVELS, MIN_SCALE, MAX_SCALE, SCROLL_TIMEOUT_MS, scrollCallbacks, requestCounter, initialState;
 var init_viewer_store = __esm({
   "src/store/viewer-store.ts"() {
     "use strict";
@@ -458,6 +501,9 @@ var init_viewer_store = __esm({
     ZOOM_LEVELS = [0.25, 0.5, 0.75, 1, 1.25, 1.5, 2, 3, 4];
     MIN_SCALE = 0.1;
     MAX_SCALE = 10;
+    SCROLL_TIMEOUT_MS = 3e3;
+    scrollCallbacks = /* @__PURE__ */ new Map();
+    requestCounter = 0;
     initialState = {
       // Document state
       document: null,
@@ -468,6 +514,8 @@ var init_viewer_store = __esm({
       currentPage: 1,
       scale: 1,
       rotation: 0,
+      // Scroll coordination
+      scrollToPageRequest: null,
       // UI state
       viewMode: "single",
       scrollMode: "single",
@@ -1277,6 +1325,252 @@ var init_agent_api = __esm({
   }
 });
 
+// src/utils/text-search.ts
+async function extractPageText(document2, pageNumber) {
+  const page = await document2.getPage(pageNumber);
+  const textContent = await page.getTextContent();
+  const viewport = page.getViewport({ scale: 1 });
+  let fullText = "";
+  const charPositions = [];
+  for (const item of textContent.items) {
+    if ("str" in item && item.str) {
+      const tx = item.transform;
+      const x = tx[4];
+      const y = viewport.height - tx[5];
+      const width = item.width ?? 0;
+      const height = item.height ?? 12;
+      const charWidth = item.str.length > 0 ? width / item.str.length : width;
+      for (let i = 0; i < item.str.length; i++) {
+        charPositions.push({
+          char: item.str[i],
+          rect: {
+            x: x + i * charWidth,
+            y: y - height,
+            width: charWidth,
+            height
+          }
+        });
+      }
+      fullText += item.str;
+    }
+  }
+  return { fullText, charPositions };
+}
+async function findTextOnPage(document2, pageNumber, query, options = {}) {
+  const { caseSensitive = false, wholeWord = false } = options;
+  if (!query || pageNumber < 1 || pageNumber > document2.numPages) {
+    return [];
+  }
+  const { fullText, charPositions } = await extractPageText(document2, pageNumber);
+  const matches = [];
+  const searchText = caseSensitive ? query : query.toLowerCase();
+  const textToSearch = caseSensitive ? fullText : fullText.toLowerCase();
+  let startIndex = 0;
+  while (true) {
+    const matchIndex = textToSearch.indexOf(searchText, startIndex);
+    if (matchIndex === -1) break;
+    if (wholeWord) {
+      const beforeChar = matchIndex > 0 ? textToSearch[matchIndex - 1] : " ";
+      const afterChar = matchIndex + query.length < textToSearch.length ? textToSearch[matchIndex + query.length] : " ";
+      if (/\w/.test(beforeChar) || /\w/.test(afterChar)) {
+        startIndex = matchIndex + 1;
+        continue;
+      }
+    }
+    const matchRects = [];
+    for (let i = matchIndex; i < matchIndex + query.length && i < charPositions.length; i++) {
+      matchRects.push(charPositions[i].rect);
+    }
+    const mergedRects = mergeAdjacentRects(matchRects);
+    matches.push({
+      text: fullText.substring(matchIndex, matchIndex + query.length),
+      rects: mergedRects,
+      pageNumber,
+      startIndex: matchIndex
+    });
+    startIndex = matchIndex + 1;
+  }
+  return matches;
+}
+async function findTextInDocument(document2, query, options = {}) {
+  const { pageRange, ...findOptions } = options;
+  const pagesToSearch = pageRange ?? Array.from({ length: document2.numPages }, (_, i) => i + 1);
+  const allMatches = [];
+  for (const pageNum of pagesToSearch) {
+    if (pageNum < 1 || pageNum > document2.numPages) continue;
+    try {
+      const matches = await findTextOnPage(document2, pageNum, query, findOptions);
+      allMatches.push(...matches);
+    } catch {
+    }
+  }
+  return allMatches;
+}
+function mergeAdjacentRects(rects) {
+  if (rects.length === 0) return [];
+  const sorted = [...rects].sort((a, b) => a.y - b.y || a.x - b.x);
+  const merged = [];
+  let current = { ...sorted[0] };
+  for (let i = 1; i < sorted.length; i++) {
+    const rect = sorted[i];
+    if (Math.abs(rect.y - current.y) < 2 && rect.x <= current.x + current.width + 2) {
+      const newRight = Math.max(current.x + current.width, rect.x + rect.width);
+      current.width = newRight - current.x;
+      current.height = Math.max(current.height, rect.height);
+    } else {
+      merged.push(current);
+      current = { ...rect };
+    }
+  }
+  merged.push(current);
+  return merged;
+}
+async function getPageText(document2, pageNumber) {
+  if (pageNumber < 1 || pageNumber > document2.numPages) {
+    return "";
+  }
+  const page = await document2.getPage(pageNumber);
+  const textContent = await page.getTextContent();
+  return textContent.items.filter((item) => "str" in item).map((item) => item.str).join("");
+}
+async function countTextOnPage(document2, pageNumber, query, options = {}) {
+  const { caseSensitive = false, wholeWord = false } = options;
+  if (!query || pageNumber < 1 || pageNumber > document2.numPages) {
+    return 0;
+  }
+  const text = await getPageText(document2, pageNumber);
+  const searchText = caseSensitive ? query : query.toLowerCase();
+  const textToSearch = caseSensitive ? text : text.toLowerCase();
+  let count = 0;
+  let startIndex = 0;
+  while (true) {
+    const matchIndex = textToSearch.indexOf(searchText, startIndex);
+    if (matchIndex === -1) break;
+    if (wholeWord) {
+      const beforeChar = matchIndex > 0 ? textToSearch[matchIndex - 1] : " ";
+      const afterChar = matchIndex + query.length < textToSearch.length ? textToSearch[matchIndex + query.length] : " ";
+      if (/\w/.test(beforeChar) || /\w/.test(afterChar)) {
+        startIndex = matchIndex + 1;
+        continue;
+      }
+    }
+    count++;
+    startIndex = matchIndex + 1;
+  }
+  return count;
+}
+var init_text_search = __esm({
+  "src/utils/text-search.ts"() {
+    "use strict";
+  }
+});
+
+// src/utils/coordinates.ts
+function pdfToViewport(x, y, scale, pageHeight) {
+  return {
+    x: x * scale,
+    y: (pageHeight - y) * scale
+  };
+}
+function viewportToPDF(x, y, scale, pageHeight) {
+  return {
+    x: x / scale,
+    y: pageHeight - y / scale
+  };
+}
+function percentToPDF(xPercent, yPercent, pageWidth, pageHeight) {
+  return {
+    x: xPercent / 100 * pageWidth,
+    y: yPercent / 100 * pageHeight
+  };
+}
+function pdfToPercent(x, y, pageWidth, pageHeight) {
+  return {
+    x: x / pageWidth * 100,
+    y: y / pageHeight * 100
+  };
+}
+function percentToViewport(xPercent, yPercent, pageWidth, pageHeight, scale) {
+  return {
+    x: xPercent / 100 * pageWidth * scale,
+    y: yPercent / 100 * pageHeight * scale
+  };
+}
+function viewportToPercent(x, y, pageWidth, pageHeight, scale) {
+  return {
+    x: x / (pageWidth * scale) * 100,
+    y: y / (pageHeight * scale) * 100
+  };
+}
+function applyRotation(x, y, rotation, pageWidth, pageHeight) {
+  const normalizedRotation = (rotation % 360 + 360) % 360;
+  switch (normalizedRotation) {
+    case 90:
+      return { x: y, y: pageWidth - x };
+    case 180:
+      return { x: pageWidth - x, y: pageHeight - y };
+    case 270:
+      return { x: pageHeight - y, y: x };
+    default:
+      return { x, y };
+  }
+}
+function removeRotation(x, y, rotation, pageWidth, pageHeight) {
+  const normalizedRotation = (rotation % 360 + 360) % 360;
+  switch (normalizedRotation) {
+    case 90:
+      return { x: pageWidth - y, y: x };
+    case 180:
+      return { x: pageWidth - x, y: pageHeight - y };
+    case 270:
+      return { x: y, y: pageHeight - x };
+    default:
+      return { x, y };
+  }
+}
+function getRotatedDimensions(width, height, rotation) {
+  const normalizedRotation = (rotation % 360 + 360) % 360;
+  if (normalizedRotation === 90 || normalizedRotation === 270) {
+    return { width: height, height: width };
+  }
+  return { width, height };
+}
+function scaleRect(rect, fromScale, toScale) {
+  const ratio = toScale / fromScale;
+  return {
+    x: rect.x * ratio,
+    y: rect.y * ratio,
+    width: rect.width * ratio,
+    height: rect.height * ratio
+  };
+}
+function isPointInRect(point, rect) {
+  return point.x >= rect.x && point.x <= rect.x + rect.width && point.y >= rect.y && point.y <= rect.y + rect.height;
+}
+function doRectsIntersect(rectA, rectB) {
+  return !(rectA.x + rectA.width < rectB.x || rectB.x + rectB.width < rectA.x || rectA.y + rectA.height < rectB.y || rectB.y + rectB.height < rectA.y);
+}
+function getRectIntersection(rectA, rectB) {
+  const x = Math.max(rectA.x, rectB.x);
+  const y = Math.max(rectA.y, rectB.y);
+  const right = Math.min(rectA.x + rectA.width, rectB.x + rectB.width);
+  const bottom = Math.min(rectA.y + rectA.height, rectB.y + rectB.height);
+  if (right <= x || bottom <= y) {
+    return null;
+  }
+  return {
+    x,
+    y,
+    width: right - x,
+    height: bottom - y
+  };
+}
+var init_coordinates = __esm({
+  "src/utils/coordinates.ts"() {
+    "use strict";
+  }
+});
+
 // src/utils/index.ts
 var init_utils = __esm({
   "src/utils/index.ts"() {
@@ -1289,6 +1583,8 @@ var init_utils = __esm({
     init_export_annotations();
     init_student_storage();
     init_agent_api();
+    init_text_search();
+    init_coordinates();
   }
 });
 
@@ -1384,6 +1680,12 @@ function createSearchStore(initialOverrides = {}) {
         set({ currentResultIndex: index });
       }
     },
+    setCaseSensitive: (value) => {
+      set({ caseSensitive: value });
+    },
+    setWholeWord: (value) => {
+      set({ wholeWord: value });
+    },
     toggleCaseSensitive: () => {
       set((state) => ({ caseSensitive: !state.caseSensitive }));
     },
@@ -7920,6 +8222,8 @@ var init_DocumentContainer = __esm({
         nextPage,
         previousPage
       } = usePDFViewer();
+      const scrollToPageRequest = useViewerStore((s) => s.scrollToPageRequest);
+      const { viewerStore } = usePDFViewerStores();
       const [currentPageObj, setCurrentPageObj] = (0, import_react35.useState)(null);
       const [isLoadingPage, setIsLoadingPage] = (0, import_react35.useState)(false);
       const containerRef = (0, import_react35.useRef)(null);
@@ -7985,6 +8289,11 @@ var init_DocumentContainer = __esm({
             const page = await document2.getPage(currentPage);
             if (!cancelled && document2 === documentRef.current) {
               setCurrentPageObj(page);
+              if (scrollToPageRequest && scrollToPageRequest.page === currentPage) {
+                requestAnimationFrame(() => {
+                  viewerStore.getState().completeScrollRequest(scrollToPageRequest.requestId);
+                });
+              }
             }
           } catch (error) {
             if (!cancelled) {
@@ -8003,7 +8312,7 @@ var init_DocumentContainer = __esm({
         return () => {
           cancelled = true;
         };
-      }, [document2, currentPage]);
+      }, [document2, currentPage, scrollToPageRequest, viewerStore]);
       const getPageElement = (0, import_react35.useCallback)(() => {
         return containerRef.current?.querySelector(`[data-page-number="${currentPage}"]`);
       }, [currentPage]);
@@ -8145,6 +8454,8 @@ var init_VirtualizedDocumentContainer = __esm({
         nextPage,
         previousPage
       } = usePDFViewer();
+      const scrollToPageRequest = useViewerStore((s) => s.scrollToPageRequest);
+      const { viewerStore } = usePDFViewerStores();
       const containerRef = (0, import_react36.useRef)(null);
       const scrollContainerRef = (0, import_react36.useRef)(null);
       const documentRef = (0, import_react36.useRef)(null);
@@ -8282,6 +8593,45 @@ var init_VirtualizedDocumentContainer = __esm({
         loadPages();
       }, [document2, visiblePages, pageObjects]);
       (0, import_react36.useEffect)(() => {
+        if (!scrollToPageRequest || !scrollContainerRef.current || pageInfos.length === 0) return;
+        const { page, requestId, behavior } = scrollToPageRequest;
+        const pageInfo = pageInfos.find((p) => p.pageNumber === page);
+        if (!pageInfo) {
+          viewerStore.getState().completeScrollRequest(requestId);
+          return;
+        }
+        const container = scrollContainerRef.current;
+        const targetScroll = pageInfo.top - pageGap;
+        const scrollTop = container.scrollTop;
+        const viewportHeight = container.clientHeight;
+        const isVisible = targetScroll >= scrollTop && pageInfo.top + pageInfo.height <= scrollTop + viewportHeight;
+        if (isVisible) {
+          viewerStore.getState().completeScrollRequest(requestId);
+          return;
+        }
+        container.scrollTo({
+          top: targetScroll,
+          behavior
+        });
+        if (behavior === "instant") {
+          requestAnimationFrame(() => {
+            viewerStore.getState().completeScrollRequest(requestId);
+          });
+        } else {
+          let scrollEndTimeout;
+          const handleScrollEnd = () => {
+            clearTimeout(scrollEndTimeout);
+            scrollEndTimeout = setTimeout(() => {
+              container.removeEventListener("scroll", handleScrollEnd);
+              viewerStore.getState().completeScrollRequest(requestId);
+            }, 100);
+          };
+          container.addEventListener("scroll", handleScrollEnd, { passive: true });
+          handleScrollEnd();
+        }
+      }, [scrollToPageRequest, pageInfos, pageGap, viewerStore]);
+      (0, import_react36.useEffect)(() => {
+        if (scrollToPageRequest) return;
         if (!scrollContainerRef.current || pageInfos.length === 0) return;
         const pageInfo = pageInfos.find((p) => p.pageNumber === currentPage);
         if (pageInfo) {
@@ -8296,7 +8646,7 @@ var init_VirtualizedDocumentContainer = __esm({
             });
           }
         }
-      }, [currentPage, pageInfos, pageGap]);
+      }, [currentPage, pageInfos, pageGap, scrollToPageRequest]);
       const handlePinchZoom = (0, import_react36.useCallback)(
         (pinchScale) => {
           const newScale = Math.max(0.25, Math.min(4, baseScaleRef.current * pinchScale));
@@ -8503,6 +8853,8 @@ var init_DualPageContainer = __esm({
         setScale,
         goToPage
       } = usePDFViewer();
+      const scrollToPageRequest = useViewerStore((s) => s.scrollToPageRequest);
+      const { viewerStore } = usePDFViewerStores();
       const containerRef = (0, import_react38.useRef)(null);
       const documentRef = (0, import_react38.useRef)(null);
       const baseScaleRef = (0, import_react38.useRef)(scale);
@@ -8588,6 +8940,14 @@ var init_DualPageContainer = __esm({
             if (!cancelled) {
               setLeftPage(left);
               setRightPage(right);
+              if (scrollToPageRequest) {
+                const requestedPage = scrollToPageRequest.page;
+                if (requestedPage === spread2.left || requestedPage === spread2.right) {
+                  requestAnimationFrame(() => {
+                    viewerStore.getState().completeScrollRequest(scrollToPageRequest.requestId);
+                  });
+                }
+              }
             }
           } catch (error) {
             if (!cancelled) {
@@ -8603,7 +8963,7 @@ var init_DualPageContainer = __esm({
         return () => {
           cancelled = true;
         };
-      }, [document2, currentPage, getSpreadPages]);
+      }, [document2, currentPage, getSpreadPages, scrollToPageRequest, viewerStore]);
       const goToPreviousSpread = (0, import_react38.useCallback)(() => {
         const spread2 = getSpreadPages(currentPage);
         const leftmostPage = spread2.left || spread2.right || currentPage;
@@ -8780,6 +9140,145 @@ var init_DualPageContainer = __esm({
   }
 });
 
+// src/components/FloatingZoomControls/FloatingZoomControls.tsx
+var import_react39, import_jsx_runtime25, FloatingZoomControls;
+var init_FloatingZoomControls = __esm({
+  "src/components/FloatingZoomControls/FloatingZoomControls.tsx"() {
+    "use strict";
+    import_react39 = require("react");
+    init_hooks();
+    init_utils();
+    import_jsx_runtime25 = require("react/jsx-runtime");
+    FloatingZoomControls = (0, import_react39.memo)(function FloatingZoomControls2({
+      position = "bottom-right",
+      className,
+      showFitToWidth = true,
+      showFitToPage = false,
+      showZoomLevel = true
+    }) {
+      const { viewerStore } = usePDFViewerStores();
+      const scale = useViewerStore((s) => s.scale);
+      const document2 = useViewerStore((s) => s.document);
+      const handleZoomIn = (0, import_react39.useCallback)(() => {
+        const currentScale = viewerStore.getState().scale;
+        const newScale = Math.min(4, currentScale + 0.05);
+        viewerStore.getState().setScale(newScale);
+      }, [viewerStore]);
+      const handleZoomOut = (0, import_react39.useCallback)(() => {
+        const currentScale = viewerStore.getState().scale;
+        const newScale = Math.max(0.1, currentScale - 0.05);
+        viewerStore.getState().setScale(newScale);
+      }, [viewerStore]);
+      const handleFitToWidth = (0, import_react39.useCallback)(() => {
+        viewerStore.getState().setScale(1);
+      }, [viewerStore]);
+      const handleFitToPage = (0, import_react39.useCallback)(() => {
+        viewerStore.getState().setScale(0.75);
+      }, [viewerStore]);
+      if (!document2) return null;
+      const positionClasses = {
+        "bottom-right": "bottom-4 right-4",
+        "bottom-left": "bottom-4 left-4",
+        "top-right": "top-4 right-4",
+        "top-left": "top-4 left-4"
+      };
+      const zoomPercentage = Math.round(scale * 100);
+      return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+        "div",
+        {
+          className: cn(
+            "fixed z-50 flex items-center gap-1",
+            "bg-white dark:bg-gray-800 rounded-lg shadow-lg",
+            "border border-gray-200 dark:border-gray-700",
+            "p-1",
+            positionClasses[position],
+            className
+          ),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+              "button",
+              {
+                onClick: handleZoomOut,
+                className: cn(
+                  "w-8 h-8 flex items-center justify-center rounded",
+                  "text-gray-700 dark:text-gray-300",
+                  "hover:bg-gray-100 dark:hover:bg-gray-700",
+                  "transition-colors",
+                  "disabled:opacity-50 disabled:cursor-not-allowed"
+                ),
+                disabled: scale <= 0.25,
+                title: "Zoom Out",
+                "aria-label": "Zoom Out",
+                children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M20 12H4" }) })
+              }
+            ),
+            showZoomLevel && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("span", { className: "min-w-[48px] text-center text-sm font-medium text-gray-700 dark:text-gray-300", children: [
+              zoomPercentage,
+              "%"
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+              "button",
+              {
+                onClick: handleZoomIn,
+                className: cn(
+                  "w-8 h-8 flex items-center justify-center rounded",
+                  "text-gray-700 dark:text-gray-300",
+                  "hover:bg-gray-100 dark:hover:bg-gray-700",
+                  "transition-colors",
+                  "disabled:opacity-50 disabled:cursor-not-allowed"
+                ),
+                disabled: scale >= 4,
+                title: "Zoom In",
+                "aria-label": "Zoom In",
+                children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 4v16m8-8H4" }) })
+              }
+            ),
+            (showFitToWidth || showFitToPage) && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "w-px h-6 bg-gray-200 dark:bg-gray-700 mx-1" }),
+            showFitToWidth && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+              "button",
+              {
+                onClick: handleFitToWidth,
+                className: cn(
+                  "w-8 h-8 flex items-center justify-center rounded",
+                  "text-gray-700 dark:text-gray-300",
+                  "hover:bg-gray-100 dark:hover:bg-gray-700",
+                  "transition-colors"
+                ),
+                title: "Fit to Width",
+                "aria-label": "Fit to Width",
+                children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 8V4m0 0h4M4 4l5 5m11-1V4m0 0h-4m4 0l-5 5M4 16v4m0 0h4m-4 0l5-5m11 5l-5-5m5 5v-4m0 4h-4" }) })
+              }
+            ),
+            showFitToPage && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+              "button",
+              {
+                onClick: handleFitToPage,
+                className: cn(
+                  "w-8 h-8 flex items-center justify-center rounded",
+                  "text-gray-700 dark:text-gray-300",
+                  "hover:bg-gray-100 dark:hover:bg-gray-700",
+                  "transition-colors"
+                ),
+                title: "Fit to Page",
+                "aria-label": "Fit to Page",
+                children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" }) })
+              }
+            )
+          ]
+        }
+      );
+    });
+  }
+});
+
+// src/components/FloatingZoomControls/index.ts
+var init_FloatingZoomControls2 = __esm({
+  "src/components/FloatingZoomControls/index.ts"() {
+    "use strict";
+    init_FloatingZoomControls();
+  }
+});
+
 // src/components/PDFViewer/PDFViewerClient.tsx
 var PDFViewerClient_exports = {};
 __export(PDFViewerClient_exports, {
@@ -8796,11 +9295,30 @@ function getSrcIdentifier(src) {
   const last = Array.from(data.slice(-4)).map((b) => b.toString(16).padStart(2, "0")).join("");
   return `binary:${len}:${first}:${last}`;
 }
-var import_react39, import_jsx_runtime25, PDFViewerInner, PDFViewerClient;
+function mergeRects2(rects) {
+  if (rects.length === 0) return [];
+  const sorted = [...rects].sort((a, b) => a.y - b.y || a.x - b.x);
+  const merged = [];
+  let current = { ...sorted[0] };
+  for (let i = 1; i < sorted.length; i++) {
+    const rect = sorted[i];
+    if (Math.abs(rect.y - current.y) < 2 && rect.x <= current.x + current.width + 2) {
+      const newRight = Math.max(current.x + current.width, rect.x + rect.width);
+      current.width = newRight - current.x;
+      current.height = Math.max(current.height, rect.height);
+    } else {
+      merged.push(current);
+      current = { ...rect };
+    }
+  }
+  merged.push(current);
+  return merged;
+}
+var import_react40, import_jsx_runtime26, PDFViewerInner, PDFViewerInnerWithRef, PDFViewerClient;
 var init_PDFViewerClient = __esm({
   "src/components/PDFViewer/PDFViewerClient.tsx"() {
     "use strict";
-    import_react39 = require("react");
+    import_react40 = require("react");
     init_hooks();
     init_utils();
     init_Toolbar2();
@@ -8809,35 +9327,63 @@ var init_PDFViewerClient = __esm({
     init_DocumentContainer();
     init_ContinuousScrollContainer();
     init_DualPageContainer();
+    init_FloatingZoomControls2();
     init_utils();
-    import_jsx_runtime25 = require("react/jsx-runtime");
-    PDFViewerInner = (0, import_react39.memo)(function PDFViewerInner2({
+    import_jsx_runtime26 = require("react/jsx-runtime");
+    PDFViewerInner = (0, import_react40.memo)(function PDFViewerInner2({
       src,
       initialPage = 1,
-      initialScale = 1,
+      page: controlledPage,
+      initialScale = "auto",
       showToolbar = true,
       showSidebar = true,
       showAnnotationToolbar = false,
+      showFloatingZoom = true,
       viewMode = "single",
       onDocumentLoad,
       onPageChange,
       onScaleChange,
+      onZoomChange,
       onError,
+      onPageRenderStart,
+      onPageRenderComplete,
+      onHighlightAdded,
+      onHighlightRemoved,
+      onAnnotationAdded,
       workerSrc,
-      className
+      className,
+      loadingComponent,
+      errorComponent,
+      onReady
     }) {
-      const { viewerStore } = usePDFViewerStores();
-      const mountedRef = (0, import_react39.useRef)(true);
-      const [, setLoadState] = (0, import_react39.useState)("idle");
-      const onDocumentLoadRef = (0, import_react39.useRef)(onDocumentLoad);
-      const onErrorRef = (0, import_react39.useRef)(onError);
-      const onPageChangeRef = (0, import_react39.useRef)(onPageChange);
-      const onScaleChangeRef = (0, import_react39.useRef)(onScaleChange);
+      const { viewerStore, annotationStore, searchStore } = usePDFViewerStores();
+      const mountedRef = (0, import_react40.useRef)(true);
+      const [, setLoadState] = (0, import_react40.useState)("idle");
+      const onDocumentLoadRef = (0, import_react40.useRef)(onDocumentLoad);
+      const onErrorRef = (0, import_react40.useRef)(onError);
+      const onPageChangeRef = (0, import_react40.useRef)(onPageChange);
+      const onScaleChangeRef = (0, import_react40.useRef)(onScaleChange);
+      const onZoomChangeRef = (0, import_react40.useRef)(onZoomChange);
+      const onPageRenderStartRef = (0, import_react40.useRef)(onPageRenderStart);
+      const onPageRenderCompleteRef = (0, import_react40.useRef)(onPageRenderComplete);
+      const onHighlightAddedRef = (0, import_react40.useRef)(onHighlightAdded);
+      const onHighlightRemovedRef = (0, import_react40.useRef)(onHighlightRemoved);
+      const onAnnotationAddedRef = (0, import_react40.useRef)(onAnnotationAdded);
+      const onReadyRef = (0, import_react40.useRef)(onReady);
       onDocumentLoadRef.current = onDocumentLoad;
       onErrorRef.current = onError;
       onPageChangeRef.current = onPageChange;
       onScaleChangeRef.current = onScaleChange;
-      const srcIdRef = (0, import_react39.useRef)(null);
+      onZoomChangeRef.current = onZoomChange;
+      onPageRenderStartRef.current = onPageRenderStart;
+      onPageRenderCompleteRef.current = onPageRenderComplete;
+      onHighlightAddedRef.current = onHighlightAdded;
+      onHighlightRemovedRef.current = onHighlightRemoved;
+      onAnnotationAddedRef.current = onAnnotationAdded;
+      onReadyRef.current = onReady;
+      const isControlled = controlledPage !== void 0;
+      const prevControlledPageRef = (0, import_react40.useRef)(controlledPage);
+      const srcIdRef = (0, import_react40.useRef)(null);
       const currentPage = useViewerStore((s) => s.currentPage);
       const scale = useViewerStore((s) => s.scale);
       const theme = useViewerStore((s) => s.theme);
@@ -8845,18 +9391,463 @@ var init_PDFViewerClient = __esm({
       const error = useViewerStore((s) => s.error);
       const sidebarOpen = useViewerStore((s) => s.sidebarOpen);
       const srcId = getSrcIdentifier(src);
-      const handleRetry = (0, import_react39.useCallback)(() => {
+      const handleRef = (0, import_react40.useRef)(null);
+      (0, import_react40.useEffect)(() => {
+        const handle = {
+          // ==================== Text Highlighting ====================
+          highlightText: async (text, options) => {
+            const doc = viewerStore.getState().document;
+            if (!doc) return [];
+            const color = options?.color ?? "yellow";
+            const targetPage = options?.page;
+            const caseSensitive = options?.caseSensitive ?? false;
+            const scrollTo = options?.scrollTo ?? true;
+            const highlightIds = [];
+            const searchText = caseSensitive ? text : text.toLowerCase();
+            const pagesToSearch = targetPage ? [targetPage] : Array.from({ length: doc.numPages }, (_, i) => i + 1);
+            for (const pageNum of pagesToSearch) {
+              try {
+                const page = await doc.getPage(pageNum);
+                const textContent = await page.getTextContent();
+                const viewport = page.getViewport({ scale: 1 });
+                let fullText = "";
+                const charPositions = [];
+                for (const item of textContent.items) {
+                  if ("str" in item && item.str) {
+                    const tx = item.transform;
+                    const x = tx[4];
+                    const y = viewport.height - tx[5];
+                    const width = item.width ?? 0;
+                    const height = item.height ?? 12;
+                    const charWidth = item.str.length > 0 ? width / item.str.length : width;
+                    for (let i = 0; i < item.str.length; i++) {
+                      charPositions.push({
+                        char: item.str[i],
+                        rect: {
+                          x: x + i * charWidth,
+                          y: y - height,
+                          width: charWidth,
+                          height
+                        }
+                      });
+                    }
+                    fullText += item.str;
+                  }
+                }
+                const textToSearch = caseSensitive ? fullText : fullText.toLowerCase();
+                let startIndex = 0;
+                while (true) {
+                  const matchIndex = textToSearch.indexOf(searchText, startIndex);
+                  if (matchIndex === -1) break;
+                  const matchRects = [];
+                  for (let i = matchIndex; i < matchIndex + text.length && i < charPositions.length; i++) {
+                    matchRects.push(charPositions[i].rect);
+                  }
+                  const mergedRects = mergeRects2(matchRects);
+                  const highlight = annotationStore.getState().addHighlight({
+                    pageNumber: pageNum,
+                    rects: mergedRects,
+                    color,
+                    text: fullText.substring(matchIndex, matchIndex + text.length)
+                  });
+                  highlightIds.push(highlight.id);
+                  startIndex = matchIndex + 1;
+                }
+              } catch {
+              }
+            }
+            if (scrollTo && highlightIds.length > 0) {
+              const firstHighlight = annotationStore.getState().highlights.find((h) => h.id === highlightIds[0]);
+              if (firstHighlight) {
+                viewerStore.getState().goToPage(firstHighlight.pageNumber);
+              }
+            }
+            return highlightIds;
+          },
+          removeHighlight: (id) => {
+            annotationStore.getState().removeHighlight(id);
+          },
+          clearHighlights: () => {
+            const highlights = annotationStore.getState().highlights;
+            for (const h of highlights) {
+              annotationStore.getState().removeHighlight(h.id);
+            }
+          },
+          // ==================== Annotations ====================
+          drawRect: (options) => {
+            const annotation = annotationStore.getState().addAnnotation({
+              type: "shape",
+              shapeType: "rect",
+              pageNumber: options.page,
+              x: options.x,
+              y: options.y,
+              width: options.width,
+              height: options.height,
+              color: options.color ?? "blue",
+              strokeWidth: options.strokeWidth ?? 2
+            });
+            return annotation.id;
+          },
+          drawCircle: (options) => {
+            const annotation = annotationStore.getState().addAnnotation({
+              type: "shape",
+              shapeType: "circle",
+              pageNumber: options.page,
+              x: options.x,
+              y: options.y,
+              width: options.radius * 2,
+              height: options.radius * 2,
+              color: options.color ?? "blue",
+              strokeWidth: options.strokeWidth ?? 2
+            });
+            return annotation.id;
+          },
+          addNote: (options) => {
+            const annotation = annotationStore.getState().addAnnotation({
+              type: "note",
+              pageNumber: options.page,
+              x: options.x,
+              y: options.y,
+              content: options.content,
+              color: options.color ?? "yellow"
+            });
+            return annotation.id;
+          },
+          removeAnnotation: (id) => {
+            annotationStore.getState().removeAnnotation(id);
+          },
+          clearAnnotations: () => {
+            const annotations = annotationStore.getState().annotations;
+            for (const a of annotations) {
+              annotationStore.getState().removeAnnotation(a.id);
+            }
+          },
+          // ==================== Navigation ====================
+          goToPage: async (page, options) => {
+            const behavior = options?.behavior ?? "smooth";
+            await viewerStore.getState().requestScrollToPage(page, behavior);
+          },
+          nextPage: () => {
+            viewerStore.getState().nextPage();
+          },
+          previousPage: () => {
+            viewerStore.getState().previousPage();
+          },
+          getCurrentPage: () => {
+            return viewerStore.getState().currentPage;
+          },
+          getNumPages: () => {
+            return viewerStore.getState().numPages;
+          },
+          // ==================== Zoom ====================
+          setZoom: (scale2) => {
+            viewerStore.getState().setScale(scale2);
+          },
+          getZoom: () => {
+            return viewerStore.getState().scale;
+          },
+          zoomIn: () => {
+            viewerStore.getState().zoomIn();
+          },
+          zoomOut: () => {
+            viewerStore.getState().zoomOut();
+          },
+          // ==================== Search ====================
+          search: async (query, options) => {
+            const doc = viewerStore.getState().document;
+            if (!doc) return [];
+            searchStore.getState().setQuery(query);
+            if (options?.caseSensitive !== void 0) {
+              searchStore.getState().setCaseSensitive(options.caseSensitive);
+            }
+            if (options?.wholeWord !== void 0) {
+              searchStore.getState().setWholeWord(options.wholeWord);
+            }
+            await searchStore.getState().search(doc);
+            return searchStore.getState().results;
+          },
+          nextSearchResult: () => {
+            searchStore.getState().nextResult();
+            const results = searchStore.getState().results;
+            const index = searchStore.getState().currentResultIndex;
+            if (results[index]) {
+              viewerStore.getState().goToPage(results[index].pageNumber);
+            }
+          },
+          previousSearchResult: () => {
+            searchStore.getState().previousResult();
+            const results = searchStore.getState().results;
+            const index = searchStore.getState().currentResultIndex;
+            if (results[index]) {
+              viewerStore.getState().goToPage(results[index].pageNumber);
+            }
+          },
+          clearSearch: () => {
+            searchStore.getState().clearSearch();
+          },
+          // ==================== Combined Search & Highlight ====================
+          searchAndHighlight: async (query, options) => {
+            const doc = viewerStore.getState().document;
+            if (!doc) {
+              return { matchCount: 0, highlightIds: [], matches: [] };
+            }
+            const color = options?.color ?? "yellow";
+            const caseSensitive = options?.caseSensitive ?? false;
+            const wholeWord = options?.wholeWord ?? false;
+            const scrollToFirst = options?.scrollToFirst ?? true;
+            const clearPrevious = options?.clearPrevious ?? true;
+            if (clearPrevious) {
+              const existingHighlights = annotationStore.getState().highlights;
+              for (const h of existingHighlights) {
+                if (h.source === "search") {
+                  annotationStore.getState().removeHighlight(h.id);
+                }
+              }
+            }
+            let pagesToSearch;
+            if (options?.pageRange) {
+              if (Array.isArray(options.pageRange)) {
+                pagesToSearch = options.pageRange;
+              } else {
+                const { start, end } = options.pageRange;
+                pagesToSearch = Array.from({ length: end - start + 1 }, (_, i) => start + i);
+              }
+            } else {
+              pagesToSearch = Array.from({ length: doc.numPages }, (_, i) => i + 1);
+            }
+            const result = {
+              matchCount: 0,
+              highlightIds: [],
+              matches: []
+            };
+            const searchText = caseSensitive ? query : query.toLowerCase();
+            for (const pageNum of pagesToSearch) {
+              if (pageNum < 1 || pageNum > doc.numPages) continue;
+              try {
+                const page = await doc.getPage(pageNum);
+                const textContent = await page.getTextContent();
+                const viewport = page.getViewport({ scale: 1 });
+                let fullText = "";
+                const charPositions = [];
+                for (const item of textContent.items) {
+                  if ("str" in item && item.str) {
+                    const tx = item.transform;
+                    const x = tx[4];
+                    const y = viewport.height - tx[5];
+                    const width = item.width ?? 0;
+                    const height = item.height ?? 12;
+                    const charWidth = item.str.length > 0 ? width / item.str.length : width;
+                    for (let i = 0; i < item.str.length; i++) {
+                      charPositions.push({
+                        char: item.str[i],
+                        rect: {
+                          x: x + i * charWidth,
+                          y: y - height,
+                          width: charWidth,
+                          height
+                        }
+                      });
+                    }
+                    fullText += item.str;
+                  }
+                }
+                const textToSearch = caseSensitive ? fullText : fullText.toLowerCase();
+                let startIndex = 0;
+                while (true) {
+                  let matchIndex = textToSearch.indexOf(searchText, startIndex);
+                  if (matchIndex === -1) break;
+                  if (wholeWord) {
+                    const beforeChar = matchIndex > 0 ? textToSearch[matchIndex - 1] : " ";
+                    const afterChar = matchIndex + query.length < textToSearch.length ? textToSearch[matchIndex + query.length] : " ";
+                    if (/\w/.test(beforeChar) || /\w/.test(afterChar)) {
+                      startIndex = matchIndex + 1;
+                      continue;
+                    }
+                  }
+                  const matchRects = [];
+                  for (let i = matchIndex; i < matchIndex + query.length && i < charPositions.length; i++) {
+                    matchRects.push(charPositions[i].rect);
+                  }
+                  const mergedRects = mergeRects2(matchRects);
+                  const highlight = annotationStore.getState().addHighlight({
+                    pageNumber: pageNum,
+                    rects: mergedRects,
+                    color,
+                    text: fullText.substring(matchIndex, matchIndex + query.length),
+                    source: "search"
+                  });
+                  result.matchCount++;
+                  result.highlightIds.push(highlight.id);
+                  result.matches.push({
+                    pageNumber: pageNum,
+                    text: fullText.substring(matchIndex, matchIndex + query.length),
+                    highlightId: highlight.id,
+                    rects: mergedRects
+                  });
+                  startIndex = matchIndex + 1;
+                }
+              } catch {
+              }
+            }
+            if (scrollToFirst && result.matches.length > 0) {
+              const firstMatch = result.matches[0];
+              await viewerStore.getState().requestScrollToPage(firstMatch.pageNumber, "smooth");
+            }
+            return result;
+          },
+          // ==================== Agent Tools ====================
+          agentTools: {
+            navigateToPage: async (page) => {
+              try {
+                const { currentPage: currentPage2, numPages } = viewerStore.getState();
+                if (numPages === 0) {
+                  return {
+                    success: false,
+                    error: { code: "NO_DOCUMENT", message: "No document is loaded" }
+                  };
+                }
+                if (page < 1 || page > numPages) {
+                  return {
+                    success: false,
+                    error: { code: "INVALID_PAGE", message: `Page ${page} is out of range (1-${numPages})` }
+                  };
+                }
+                const previousPage = currentPage2;
+                await viewerStore.getState().requestScrollToPage(page, "smooth");
+                return {
+                  success: true,
+                  data: { previousPage, currentPage: page }
+                };
+              } catch (err) {
+                return {
+                  success: false,
+                  error: { code: "NAVIGATION_FAILED", message: err instanceof Error ? err.message : "Unknown error" }
+                };
+              }
+            },
+            highlightText: async (text, options) => {
+              try {
+                const highlightIds = await handle.highlightText(text, options);
+                return {
+                  success: true,
+                  data: { matchCount: highlightIds.length, highlightIds }
+                };
+              } catch (err) {
+                return {
+                  success: false,
+                  error: { code: "HIGHLIGHT_FAILED", message: err instanceof Error ? err.message : "Unknown error" }
+                };
+              }
+            },
+            getPageContent: async (page) => {
+              try {
+                const doc = viewerStore.getState().document;
+                if (!doc) {
+                  return {
+                    success: false,
+                    error: { code: "NO_DOCUMENT", message: "No document is loaded" }
+                  };
+                }
+                if (page < 1 || page > doc.numPages) {
+                  return {
+                    success: false,
+                    error: { code: "INVALID_PAGE", message: `Page ${page} is out of range (1-${doc.numPages})` }
+                  };
+                }
+                const pageObj = await doc.getPage(page);
+                const textContent = await pageObj.getTextContent();
+                const text = textContent.items.filter((item) => "str" in item).map((item) => item.str).join("");
+                return {
+                  success: true,
+                  data: { text }
+                };
+              } catch (err) {
+                return {
+                  success: false,
+                  error: { code: "CONTENT_FETCH_FAILED", message: err instanceof Error ? err.message : "Unknown error" }
+                };
+              }
+            },
+            clearAllVisuals: async () => {
+              try {
+                const highlights = annotationStore.getState().highlights;
+                for (const h of highlights) {
+                  annotationStore.getState().removeHighlight(h.id);
+                }
+                const annotations = annotationStore.getState().annotations;
+                for (const a of annotations) {
+                  annotationStore.getState().removeAnnotation(a.id);
+                }
+                return { success: true };
+              } catch (err) {
+                return {
+                  success: false,
+                  error: { code: "CLEAR_FAILED", message: err instanceof Error ? err.message : "Unknown error" }
+                };
+              }
+            }
+          },
+          // ==================== Coordinate Helpers ====================
+          coordinates: {
+            getPageDimensions: (page) => {
+              const doc = viewerStore.getState().document;
+              if (!doc || page < 1 || page > doc.numPages) {
+                return null;
+              }
+              try {
+                return {
+                  width: 612,
+                  // Default US Letter width
+                  height: 792,
+                  // Default US Letter height
+                  rotation: viewerStore.getState().rotation
+                };
+              } catch {
+                return null;
+              }
+            },
+            percentToPixels: (xPercent, yPercent, page) => {
+              const dimensions = handle.coordinates.getPageDimensions(page);
+              if (!dimensions) return null;
+              const scale2 = viewerStore.getState().scale;
+              return {
+                x: xPercent / 100 * dimensions.width * scale2,
+                y: yPercent / 100 * dimensions.height * scale2
+              };
+            },
+            pixelsToPercent: (x, y, page) => {
+              const dimensions = handle.coordinates.getPageDimensions(page);
+              if (!dimensions) return null;
+              const scale2 = viewerStore.getState().scale;
+              return {
+                x: x / (dimensions.width * scale2) * 100,
+                y: y / (dimensions.height * scale2) * 100
+              };
+            }
+          },
+          // ==================== Document ====================
+          getDocument: () => {
+            return viewerStore.getState().document;
+          },
+          isLoaded: () => {
+            return viewerStore.getState().document !== null;
+          }
+        };
+        handleRef.current = handle;
+        onReadyRef.current?.(handle);
+      }, [viewerStore, annotationStore, searchStore]);
+      const handleRetry = (0, import_react40.useCallback)(() => {
         srcIdRef.current = null;
         viewerStore.getState().setError(null);
         setLoadState("idle");
       }, [viewerStore]);
-      (0, import_react39.useEffect)(() => {
+      (0, import_react40.useEffect)(() => {
         mountedRef.current = true;
         return () => {
           mountedRef.current = false;
         };
       }, []);
-      (0, import_react39.useEffect)(() => {
+      (0, import_react40.useEffect)(() => {
         if (srcIdRef.current === srcId && viewerStore.getState().document) {
           return;
         }
@@ -8883,8 +9874,12 @@ var init_PDFViewerClient = __esm({
               if (initialPage !== 1) {
                 viewerStore.getState().goToPage(initialPage);
               }
-              if (typeof initialScale === "number" && initialScale !== 1) {
+              if (typeof initialScale === "number") {
                 viewerStore.getState().setScale(initialScale);
+              } else if (initialScale === "auto" || initialScale === "page-width") {
+                viewerStore.getState().setScale(1);
+              } else if (initialScale === "page-fit") {
+                viewerStore.getState().setScale(0.75);
               }
               onDocumentLoadRef.current?.({ document: document2, numPages });
             } else {
@@ -8904,23 +9899,49 @@ var init_PDFViewerClient = __esm({
         return () => {
         };
       }, [srcId, src, workerSrc, initialPage, initialScale, viewerStore]);
-      const prevPageRef = (0, import_react39.useRef)(currentPage);
-      (0, import_react39.useEffect)(() => {
+      const prevPageRef = (0, import_react40.useRef)(currentPage);
+      (0, import_react40.useEffect)(() => {
         if (prevPageRef.current !== currentPage) {
           prevPageRef.current = currentPage;
           onPageChangeRef.current?.(currentPage);
         }
       }, [currentPage]);
-      const prevScaleRef = (0, import_react39.useRef)(scale);
-      (0, import_react39.useEffect)(() => {
+      const prevScaleRef = (0, import_react40.useRef)(scale);
+      (0, import_react40.useEffect)(() => {
         if (prevScaleRef.current !== scale) {
           prevScaleRef.current = scale;
           onScaleChangeRef.current?.(scale);
+          onZoomChangeRef.current?.(scale);
         }
       }, [scale]);
+      (0, import_react40.useEffect)(() => {
+        if (!isControlled || controlledPage === void 0) return;
+        if (prevControlledPageRef.current === controlledPage) return;
+        prevControlledPageRef.current = controlledPage;
+        const { numPages, currentPage: currentPage2 } = viewerStore.getState();
+        if (numPages > 0 && controlledPage !== currentPage2) {
+          viewerStore.getState().requestScrollToPage(controlledPage, "smooth");
+        }
+      }, [controlledPage, isControlled, viewerStore]);
       const themeClass = theme === "dark" ? "dark" : "";
       if (error) {
-        return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+        if (errorComponent) {
+          const errorContent = typeof errorComponent === "function" ? errorComponent(error, handleRetry) : errorComponent;
+          return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+            "div",
+            {
+              className: cn(
+                "pdf-viewer pdf-viewer-error",
+                "flex flex-col h-full",
+                "bg-white dark:bg-gray-900",
+                themeClass,
+                className
+              ),
+              children: errorContent
+            }
+          );
+        }
+        return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
           "div",
           {
             className: cn(
@@ -8930,10 +9951,10 @@ var init_PDFViewerClient = __esm({
               themeClass,
               className
             ),
-            children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "flex-1 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "text-center p-8", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "text-red-500 text-lg font-semibold mb-2", children: "Failed to load PDF" }),
-              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "text-gray-500 text-sm", children: error.message }),
-              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "flex-1 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "text-center p-8", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "text-red-500 text-lg font-semibold mb-2", children: "Failed to load PDF" }),
+              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "text-gray-500 text-sm", children: error.message }),
+              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
                 "button",
                 {
                   onClick: handleRetry,
@@ -8948,68 +9969,85 @@ var init_PDFViewerClient = __esm({
       const renderContainer = () => {
         switch (viewMode) {
           case "continuous":
-            return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ContinuousScrollContainer, {});
+            return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(ContinuousScrollContainer, {});
           case "dual":
-            return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(DualPageContainer, {});
+            return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(DualPageContainer, {});
           case "single":
           default:
-            return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(DocumentContainer, {});
+            return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(DocumentContainer, {});
         }
       };
-      return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
         "div",
         {
           className: cn(
             "pdf-viewer",
-            "flex flex-col h-full",
+            "flex flex-col h-full relative",
             "bg-white dark:bg-gray-900",
             "text-gray-900 dark:text-gray-100",
             themeClass,
             className
           ),
           children: [
-            showToolbar && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Toolbar, {}),
-            showAnnotationToolbar && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(AnnotationToolbar, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex flex-1 overflow-hidden", children: [
-              showSidebar && sidebarOpen && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Sidebar, {}),
+            showToolbar && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Toolbar, {}),
+            showAnnotationToolbar && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(AnnotationToolbar, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex flex-1 overflow-hidden", children: [
+              showSidebar && sidebarOpen && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Sidebar, {}),
               renderContainer()
             ] }),
-            isLoading && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "absolute inset-0 flex items-center justify-center bg-white/80 dark:bg-gray-900/80", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex flex-col items-center", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "w-8 h-8 border-4 border-blue-500 border-t-transparent rounded-full animate-spin" }),
-              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "mt-2 text-sm text-gray-500", children: "Loading PDF..." })
+            showFloatingZoom && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(FloatingZoomControls, { position: "bottom-right" }),
+            isLoading && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "absolute inset-0 flex items-center justify-center bg-white/80 dark:bg-gray-900/80", children: loadingComponent ?? /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex flex-col items-center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "w-8 h-8 border-4 border-blue-500 border-t-transparent rounded-full animate-spin" }),
+              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "mt-2 text-sm text-gray-500", children: "Loading PDF..." })
             ] }) })
           ]
         }
       );
     });
-    PDFViewerClient = (0, import_react39.memo)(function PDFViewerClient2(props) {
-      return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-        PDFViewerProvider,
-        {
-          theme: props.theme,
-          defaultSidebarPanel: props.defaultSidebarPanel,
-          children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(PDFViewerInner, { ...props })
-        }
-      );
-    });
+    PDFViewerInnerWithRef = (0, import_react40.forwardRef)(
+      function PDFViewerInnerWithRef2(props, ref) {
+        const handleRef = (0, import_react40.useRef)(null);
+        const handleReady = (0, import_react40.useCallback)((handle) => {
+          handleRef.current = handle;
+          if (typeof ref === "function") {
+            ref(handle);
+          } else if (ref) {
+            ref.current = handle;
+          }
+        }, [ref]);
+        return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(PDFViewerInner, { ...props, onReady: handleReady });
+      }
+    );
+    PDFViewerClient = (0, import_react40.memo)(
+      (0, import_react40.forwardRef)(function PDFViewerClient2(props, ref) {
+        return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+          PDFViewerProvider,
+          {
+            theme: props.theme,
+            defaultSidebarPanel: props.defaultSidebarPanel,
+            children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(PDFViewerInnerWithRef, { ref, ...props })
+          }
+        );
+      })
+    );
   }
 });
 
 // src/components/PDFViewer/PDFViewer.tsx
-var import_react40, import_jsx_runtime26, PDFViewerClient3, PDFViewerLoading, PDFViewer;
+var import_react41, import_jsx_runtime27, PDFViewerClient3, PDFViewerLoading, PDFViewer;
 var init_PDFViewer = __esm({
   "src/components/PDFViewer/PDFViewer.tsx"() {
     "use strict";
-    import_react40 = require("react");
+    import_react41 = require("react");
     init_utils();
-    import_jsx_runtime26 = require("react/jsx-runtime");
-    PDFViewerClient3 = (0, import_react40.lazy)(
+    import_jsx_runtime27 = require("react/jsx-runtime");
+    PDFViewerClient3 = (0, import_react41.lazy)(
       () => Promise.resolve().then(() => (init_PDFViewerClient(), PDFViewerClient_exports)).then((mod) => ({ default: mod.PDFViewerClient }))
     );
-    PDFViewerLoading = (0, import_react40.memo)(function PDFViewerLoading2({
+    PDFViewerLoading = (0, import_react41.memo)(function PDFViewerLoading2({
       className
     }) {
-      return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
         "div",
         {
           className: cn(
@@ -9018,18 +10056,18 @@ var init_PDFViewer = __esm({
             "bg-white dark:bg-gray-900",
             className
           ),
-          children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "flex-1 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex flex-col items-center", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "w-8 h-8 border-4 border-blue-500 border-t-transparent rounded-full animate-spin" }),
-            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "mt-2 text-sm text-gray-500", children: "Loading PDF viewer..." })
+          children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "flex-1 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex flex-col items-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "w-8 h-8 border-4 border-blue-500 border-t-transparent rounded-full animate-spin" }),
+            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "mt-2 text-sm text-gray-500", children: "Loading PDF viewer..." })
           ] }) })
         }
       );
     });
-    PDFViewer = (0, import_react40.memo)(function PDFViewer2(props) {
+    PDFViewer = (0, import_react41.memo)(function PDFViewer2(props) {
       if (typeof window === "undefined") {
-        return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(PDFViewerLoading, { className: props.className });
+        return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(PDFViewerLoading, { className: props.className });
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react40.Suspense, { fallback: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(PDFViewerLoading, { className: props.className }), children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(PDFViewerClient3, { ...props }) });
+      return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react41.Suspense, { fallback: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(PDFViewerLoading, { className: props.className }), children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(PDFViewerClient3, { ...props }) });
     });
   }
 });
@@ -9060,6 +10098,7 @@ __export(index_exports, {
   DocumentContainer: () => DocumentContainer,
   DrawingCanvas: () => DrawingCanvas,
   DualPageContainer: () => DualPageContainer,
+  FloatingZoomControls: () => FloatingZoomControls,
   FocusRegionLayer: () => FocusRegionLayer,
   HighlightLayer: () => HighlightLayer,
   HighlightPopover: () => HighlightPopover,
@@ -9070,6 +10109,7 @@ __export(index_exports, {
   OutlinePanel: () => OutlinePanel,
   PDFErrorBoundary: () => PDFErrorBoundary,
   PDFPage: () => PDFPage,
+  PDFThumbnailNav: () => PDFThumbnailNav,
   PDFViewer: () => PDFViewer,
   PDFViewerClient: () => PDFViewerClient,
   PDFViewerContext: () => PDFViewerContext,
@@ -9088,9 +10128,11 @@ __export(index_exports, {
   ThumbnailPanel: () => ThumbnailPanel,
   Toolbar: () => Toolbar,
   VirtualizedDocumentContainer: () => VirtualizedDocumentContainer,
+  applyRotation: () => applyRotation,
   clearHighlights: () => clearHighlights,
   clearStudentData: () => clearStudentData,
   cn: () => cn,
+  countTextOnPage: () => countTextOnPage,
   createAgentAPI: () => createAgentAPI,
   createAgentStore: () => createAgentStore,
   createAnnotationStore: () => createAnnotationStore,
@@ -9099,6 +10141,7 @@ __export(index_exports, {
   createSearchStore: () => createSearchStore,
   createStudentStore: () => createStudentStore,
   createViewerStore: () => createViewerStore,
+  doRectsIntersect: () => doRectsIntersect,
   downloadAnnotationsAsJSON: () => downloadAnnotationsAsJSON,
   downloadAnnotationsAsMarkdown: () => downloadAnnotationsAsMarkdown,
   downloadFile: () => downloadFile,
@@ -9106,25 +10149,39 @@ __export(index_exports, {
   exportAnnotationsAsMarkdown: () => exportAnnotationsAsMarkdown,
   exportHighlightsAsJSON: () => exportHighlightsAsJSON,
   exportHighlightsAsMarkdown: () => exportHighlightsAsMarkdown,
+  extractPageText: () => extractPageText,
+  findTextInDocument: () => findTextInDocument,
+  findTextOnPage: () => findTextOnPage,
   generateDocumentId: () => generateDocumentId,
   getAllDocumentIds: () => getAllDocumentIds,
   getAllStudentDataDocumentIds: () => getAllStudentDataDocumentIds,
   getMetadata: () => getMetadata,
   getOutline: () => getOutline,
   getPage: () => getPage,
+  getPageText: () => getPageText,
   getPageTextContent: () => getPageTextContent,
   getPluginManager: () => getPluginManager,
+  getRectIntersection: () => getRectIntersection,
+  getRotatedDimensions: () => getRotatedDimensions,
   getStorageStats: () => getStorageStats,
   importHighlightsFromJSON: () => importHighlightsFromJSON,
   initializePDFJS: () => initializePDFJS,
   isPDFJSInitialized: () => isPDFJSInitialized,
+  isPointInRect: () => isPointInRect,
   loadDocument: () => loadDocument,
   loadHighlights: () => loadHighlights,
   loadStudentData: () => loadStudentData,
+  mergeAdjacentRects: () => mergeAdjacentRects,
+  pdfToPercent: () => pdfToPercent,
+  pdfToViewport: () => pdfToViewport,
   pdfjsLib: () => pdfjsLib,
+  percentToPDF: () => percentToPDF,
+  percentToViewport: () => percentToViewport,
   quickViewer: () => quickViewer,
+  removeRotation: () => removeRotation,
   saveHighlights: () => saveHighlights,
   saveStudentData: () => saveStudentData,
+  scaleRect: () => scaleRect,
   useAgentContext: () => useAgentContext,
   useAgentStore: () => useAgentStore,
   useAnnotationStore: () => useAnnotationStore,
@@ -9146,6 +10203,8 @@ __export(index_exports, {
   useTouchGestures: () => useTouchGestures,
   useViewerStore: () => useViewerStore,
   useZoom: () => useZoom,
+  viewportToPDF: () => viewportToPDF,
+  viewportToPercent: () => viewportToPercent,
   withErrorBoundary: () => withErrorBoundary
 });
 module.exports = __toCommonJS(index_exports);
@@ -9160,9 +10219,9 @@ init_HighlightPopover2();
 init_AnnotationToolbar2();
 
 // src/components/Annotations/StickyNote.tsx
-var import_react41 = require("react");
+var import_react42 = require("react");
 init_utils();
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 var NOTE_COLORS = [
   "#fef08a",
   // yellow
@@ -9175,7 +10234,7 @@ var NOTE_COLORS = [
   "#fed7aa"
   // orange
 ];
-var StickyNote = (0, import_react41.memo)(function StickyNote2({
+var StickyNote = (0, import_react42.memo)(function StickyNote2({
   note,
   scale,
   isSelected,
@@ -9188,37 +10247,37 @@ var StickyNote = (0, import_react41.memo)(function StickyNote2({
   onDragStart,
   className
 }) {
-  const [isExpanded, setIsExpanded] = (0, import_react41.useState)(false);
-  const [localContent, setLocalContent] = (0, import_react41.useState)(note.content);
-  const textareaRef = (0, import_react41.useRef)(null);
-  const noteRef = (0, import_react41.useRef)(null);
-  (0, import_react41.useEffect)(() => {
+  const [isExpanded, setIsExpanded] = (0, import_react42.useState)(false);
+  const [localContent, setLocalContent] = (0, import_react42.useState)(note.content);
+  const textareaRef = (0, import_react42.useRef)(null);
+  const noteRef = (0, import_react42.useRef)(null);
+  (0, import_react42.useEffect)(() => {
     setLocalContent(note.content);
   }, [note.content]);
-  (0, import_react41.useEffect)(() => {
+  (0, import_react42.useEffect)(() => {
     if (isEditing && textareaRef.current) {
       textareaRef.current.focus();
       textareaRef.current.select();
     }
   }, [isEditing]);
-  const handleClick = (0, import_react41.useCallback)((e) => {
+  const handleClick = (0, import_react42.useCallback)((e) => {
     e.stopPropagation();
     onSelect?.();
     if (!isExpanded) {
       setIsExpanded(true);
     }
   }, [isExpanded, onSelect]);
-  const handleDoubleClick = (0, import_react41.useCallback)((e) => {
+  const handleDoubleClick = (0, import_react42.useCallback)((e) => {
     e.stopPropagation();
     onStartEdit?.();
   }, [onStartEdit]);
-  const handleBlur = (0, import_react41.useCallback)(() => {
+  const handleBlur = (0, import_react42.useCallback)(() => {
     if (isEditing && localContent !== note.content) {
       onUpdate?.({ content: localContent });
     }
     onEndEdit?.();
   }, [isEditing, localContent, note.content, onUpdate, onEndEdit]);
-  const handleKeyDown = (0, import_react41.useCallback)((e) => {
+  const handleKeyDown = (0, import_react42.useCallback)((e) => {
     if (e.key === "Escape") {
       setLocalContent(note.content);
       onEndEdit?.();
@@ -9226,16 +10285,16 @@ var StickyNote = (0, import_react41.memo)(function StickyNote2({
       handleBlur();
     }
   }, [note.content, onEndEdit, handleBlur]);
-  const handleColorChange = (0, import_react41.useCallback)((color) => {
+  const handleColorChange = (0, import_react42.useCallback)((color) => {
     onUpdate?.({ color });
   }, [onUpdate]);
-  const handleCollapse = (0, import_react41.useCallback)((e) => {
+  const handleCollapse = (0, import_react42.useCallback)((e) => {
     e.stopPropagation();
     setIsExpanded(false);
     onEndEdit?.();
   }, [onEndEdit]);
   if (!isExpanded) {
-    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
       "div",
       {
         ref: noteRef,
@@ -9256,14 +10315,14 @@ var StickyNote = (0, import_react41.memo)(function StickyNote2({
         onMouseDown: onDragStart,
         onTouchStart: onDragStart,
         title: note.content || "Empty note",
-        children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
           "svg",
           {
             className: "w-4 h-4 opacity-70",
             fill: "currentColor",
             viewBox: "0 0 20 20",
             style: { color: "#333" },
-            children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
               "path",
               {
                 fillRule: "evenodd",
@@ -9276,7 +10335,7 @@ var StickyNote = (0, import_react41.memo)(function StickyNote2({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
     "div",
     {
       ref: noteRef,
@@ -9294,14 +10353,14 @@ var StickyNote = (0, import_react41.memo)(function StickyNote2({
       },
       onClick: handleClick,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
           "div",
           {
             className: "flex items-center justify-between px-2 py-1 border-b border-black/10 cursor-move",
             onMouseDown: onDragStart,
             onTouchStart: onDragStart,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "flex gap-1", children: NOTE_COLORS.map((color) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "flex gap-1", children: NOTE_COLORS.map((color) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
                 "button",
                 {
                   className: cn(
@@ -9318,8 +10377,8 @@ var StickyNote = (0, import_react41.memo)(function StickyNote2({
                 },
                 color
               )) }),
-              /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex gap-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex gap-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
                   "button",
                   {
                     className: "p-0.5 hover:bg-black/10 rounded",
@@ -9328,23 +10387,23 @@ var StickyNote = (0, import_react41.memo)(function StickyNote2({
                       onDelete?.();
                     },
                     title: "Delete note",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("svg", { className: "w-3.5 h-3.5 text-gray-600", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" }) })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("svg", { className: "w-3.5 h-3.5 text-gray-600", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" }) })
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
                   "button",
                   {
                     className: "p-0.5 hover:bg-black/10 rounded",
                     onClick: handleCollapse,
                     title: "Collapse note",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("svg", { className: "w-3.5 h-3.5 text-gray-600", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("svg", { className: "w-3.5 h-3.5 text-gray-600", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
                   }
                 )
               ] })
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "p-2", children: isEditing ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "p-2", children: isEditing ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
           "textarea",
           {
             ref: textareaRef,
@@ -9359,7 +10418,7 @@ var StickyNote = (0, import_react41.memo)(function StickyNote2({
             onKeyDown: handleKeyDown,
             placeholder: "Enter note..."
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+        ) : /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
           "div",
           {
             className: cn(
@@ -9370,16 +10429,16 @@ var StickyNote = (0, import_react41.memo)(function StickyNote2({
             children: note.content || "Double-click to edit..."
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "px-2 pb-1 text-[10px] text-gray-500", children: new Date(note.updatedAt).toLocaleDateString() })
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "px-2 pb-1 text-[10px] text-gray-500", children: new Date(note.updatedAt).toLocaleDateString() })
       ]
     }
   );
 });
 
 // src/components/Annotations/DrawingCanvas.tsx
-var import_react42 = require("react");
+var import_react43 = require("react");
 init_utils();
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 function pointsToSvgPath(points) {
   if (points.length === 0) return "";
   if (points.length === 1) {
@@ -9417,7 +10476,7 @@ function simplifyPath(points, tolerance = 1) {
   result.push(points[points.length - 1]);
   return result;
 }
-var DrawingCanvas = (0, import_react42.memo)(function DrawingCanvas2({
+var DrawingCanvas = (0, import_react43.memo)(function DrawingCanvas2({
   width,
   height,
   scale,
@@ -9427,10 +10486,10 @@ var DrawingCanvas = (0, import_react42.memo)(function DrawingCanvas2({
   onDrawingComplete,
   className
 }) {
-  const svgRef = (0, import_react42.useRef)(null);
-  const [isDrawing, setIsDrawing] = (0, import_react42.useState)(false);
-  const [currentPath, setCurrentPath] = (0, import_react42.useState)([]);
-  const getPoint = (0, import_react42.useCallback)((e) => {
+  const svgRef = (0, import_react43.useRef)(null);
+  const [isDrawing, setIsDrawing] = (0, import_react43.useState)(false);
+  const [currentPath, setCurrentPath] = (0, import_react43.useState)([]);
+  const getPoint = (0, import_react43.useCallback)((e) => {
     if (!svgRef.current) return null;
     const svg = svgRef.current;
     const rect = svg.getBoundingClientRect();
@@ -9450,7 +10509,7 @@ var DrawingCanvas = (0, import_react42.memo)(function DrawingCanvas2({
       y: (clientY - rect.top) / scale
     };
   }, [scale]);
-  const handleStart = (0, import_react42.useCallback)((e) => {
+  const handleStart = (0, import_react43.useCallback)((e) => {
     if (!isActive) return;
     const point = getPoint(e);
     if (point) {
@@ -9458,14 +10517,14 @@ var DrawingCanvas = (0, import_react42.memo)(function DrawingCanvas2({
       setCurrentPath([point]);
     }
   }, [isActive, getPoint]);
-  const handleMove = (0, import_react42.useCallback)((e) => {
+  const handleMove = (0, import_react43.useCallback)((e) => {
     if (!isDrawing || !isActive) return;
     const point = getPoint(e);
     if (point) {
       setCurrentPath((prev) => [...prev, point]);
     }
   }, [isDrawing, isActive, getPoint]);
-  const handleEnd = (0, import_react42.useCallback)(() => {
+  const handleEnd = (0, import_react43.useCallback)(() => {
     if (!isDrawing) return;
     setIsDrawing(false);
     if (currentPath.length >= 2) {
@@ -9474,7 +10533,7 @@ var DrawingCanvas = (0, import_react42.memo)(function DrawingCanvas2({
     }
     setCurrentPath([]);
   }, [isDrawing, currentPath, onDrawingComplete]);
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     "svg",
     {
       ref: svgRef,
@@ -9494,7 +10553,7 @@ var DrawingCanvas = (0, import_react42.memo)(function DrawingCanvas2({
       onTouchStart: handleStart,
       onTouchMove: handleMove,
       onTouchEnd: handleEnd,
-      children: isDrawing && currentPath.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+      children: isDrawing && currentPath.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
         "path",
         {
           d: pointsToSvgPath(currentPath),
@@ -9511,10 +10570,10 @@ var DrawingCanvas = (0, import_react42.memo)(function DrawingCanvas2({
 });
 
 // src/components/Annotations/ShapeRenderer.tsx
-var import_react43 = require("react");
+var import_react44 = require("react");
 init_utils();
-var import_jsx_runtime29 = require("react/jsx-runtime");
-var ShapeRenderer = (0, import_react43.memo)(function ShapeRenderer2({
+var import_jsx_runtime30 = require("react/jsx-runtime");
+var ShapeRenderer = (0, import_react44.memo)(function ShapeRenderer2({
   shape,
   scale,
   isSelected,
@@ -9524,18 +10583,18 @@ var ShapeRenderer = (0, import_react43.memo)(function ShapeRenderer2({
   onDelete: _onDelete,
   className
 }) {
-  const [_isDragging, setIsDragging] = (0, import_react43.useState)(false);
-  const [_isResizing, setIsResizing] = (0, import_react43.useState)(false);
-  const [activeHandle, setActiveHandle] = (0, import_react43.useState)(null);
-  const startPosRef = (0, import_react43.useRef)({ x: 0, y: 0 });
-  const startShapeRef = (0, import_react43.useRef)({ x: 0, y: 0, width: 0, height: 0 });
+  const [_isDragging, setIsDragging] = (0, import_react44.useState)(false);
+  const [_isResizing, setIsResizing] = (0, import_react44.useState)(false);
+  const [activeHandle, setActiveHandle] = (0, import_react44.useState)(null);
+  const startPosRef = (0, import_react44.useRef)({ x: 0, y: 0 });
+  const startShapeRef = (0, import_react44.useRef)({ x: 0, y: 0, width: 0, height: 0 });
   const { shapeType, x, y, width, height, color, strokeWidth, id: _id } = shape;
   const scaledX = x * scale;
   const scaledY = y * scale;
   const scaledWidth = width * scale;
   const scaledHeight = height * scale;
   const scaledStroke = strokeWidth * scale;
-  const getResizeHandles = (0, import_react43.useCallback)(() => {
+  const getResizeHandles = (0, import_react44.useCallback)(() => {
     const handleSize = 8;
     const half = handleSize / 2;
     return [
@@ -9549,7 +10608,7 @@ var ShapeRenderer = (0, import_react43.memo)(function ShapeRenderer2({
       { position: "w", cursor: "ew-resize", x: scaledX - half, y: scaledY + scaledHeight / 2 - half }
     ];
   }, [scaledX, scaledY, scaledWidth, scaledHeight]);
-  const handleMouseDown = (0, import_react43.useCallback)((e, handle) => {
+  const handleMouseDown = (0, import_react44.useCallback)((e, handle) => {
     e.stopPropagation();
     onSelect?.();
     if (!isEditing) return;
@@ -9625,7 +10684,7 @@ var ShapeRenderer = (0, import_react43.memo)(function ShapeRenderer2({
     document.addEventListener("mousemove", handleMouseMove);
     document.addEventListener("mouseup", handleMouseUp);
   }, [isEditing, x, y, width, height, scale, onSelect, onUpdate]);
-  const renderShape2 = (0, import_react43.useCallback)(() => {
+  const renderShape2 = (0, import_react44.useCallback)(() => {
     const commonProps = {
       stroke: color,
       strokeWidth: scaledStroke,
@@ -9637,7 +10696,7 @@ var ShapeRenderer = (0, import_react43.memo)(function ShapeRenderer2({
     };
     switch (shapeType) {
       case "rect":
-        return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
           "rect",
           {
             x: scaledX,
@@ -9648,7 +10707,7 @@ var ShapeRenderer = (0, import_react43.memo)(function ShapeRenderer2({
           }
         );
       case "circle":
-        return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
           "ellipse",
           {
             cx: scaledX + scaledWidth / 2,
@@ -9659,7 +10718,7 @@ var ShapeRenderer = (0, import_react43.memo)(function ShapeRenderer2({
           }
         );
       case "line":
-        return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
           "line",
           {
             x1: scaledX,
@@ -9679,22 +10738,22 @@ var ShapeRenderer = (0, import_react43.memo)(function ShapeRenderer2({
         const arrow1Y = endY - arrowLength * Math.sin(angle - arrowAngle);
         const arrow2X = endX - arrowLength * Math.cos(angle + arrowAngle);
         const arrow2Y = endY - arrowLength * Math.sin(angle + arrowAngle);
-        return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("g", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("line", { x1: scaledX, y1: scaledY, x2: endX, y2: endY, ...commonProps }),
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("line", { x1: endX, y1: endY, x2: arrow1X, y2: arrow1Y, ...commonProps }),
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("line", { x1: endX, y1: endY, x2: arrow2X, y2: arrow2Y, ...commonProps })
+        return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("g", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("line", { x1: scaledX, y1: scaledY, x2: endX, y2: endY, ...commonProps }),
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("line", { x1: endX, y1: endY, x2: arrow1X, y2: arrow1Y, ...commonProps }),
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("line", { x1: endX, y1: endY, x2: arrow2X, y2: arrow2Y, ...commonProps })
         ] });
       default:
         return null;
     }
   }, [shapeType, scaledX, scaledY, scaledWidth, scaledHeight, color, scaledStroke, isSelected]);
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
     "g",
     {
       className: cn("shape-renderer", className),
       onMouseDown: (e) => handleMouseDown(e),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
           "rect",
           {
             x: scaledX - 5,
@@ -9707,7 +10766,7 @@ var ShapeRenderer = (0, import_react43.memo)(function ShapeRenderer2({
           }
         ),
         renderShape2(),
-        isSelected && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+        isSelected && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
           "rect",
           {
             x: scaledX - 2,
@@ -9720,7 +10779,7 @@ var ShapeRenderer = (0, import_react43.memo)(function ShapeRenderer2({
             strokeDasharray: "4 2"
           }
         ),
-        isSelected && isEditing && getResizeHandles().map((handle) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+        isSelected && isEditing && getResizeHandles().map((handle) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
           "rect",
           {
             x: handle.x,
@@ -9740,7 +10799,7 @@ var ShapeRenderer = (0, import_react43.memo)(function ShapeRenderer2({
     }
   );
 });
-var ShapePreview = (0, import_react43.memo)(function ShapePreview2({
+var ShapePreview = (0, import_react44.memo)(function ShapePreview2({
   shapeType,
   startPoint,
   endPoint,
@@ -9761,9 +10820,9 @@ var ShapePreview = (0, import_react43.memo)(function ShapePreview2({
   };
   switch (shapeType) {
     case "rect":
-      return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("rect", { x, y, width, height, ...commonProps });
+      return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("rect", { x, y, width, height, ...commonProps });
     case "circle":
-      return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
         "ellipse",
         {
           cx: x + width / 2,
@@ -9774,7 +10833,7 @@ var ShapePreview = (0, import_react43.memo)(function ShapePreview2({
         }
       );
     case "line":
-      return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
         "line",
         {
           x1: startPoint.x * scale,
@@ -9796,8 +10855,8 @@ var ShapePreview = (0, import_react43.memo)(function ShapePreview2({
       const arrow1Y = endY - arrowLength * Math.sin(angle - arrowAngle);
       const arrow2X = endX - arrowLength * Math.cos(angle + arrowAngle);
       const arrow2Y = endY - arrowLength * Math.sin(angle + arrowAngle);
-      return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("g", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("g", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
           "line",
           {
             x1: startPoint.x * scale,
@@ -9807,8 +10866,8 @@ var ShapePreview = (0, import_react43.memo)(function ShapePreview2({
             ...commonProps
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("line", { x1: endX, y1: endY, x2: arrow1X, y2: arrow1Y, ...commonProps }),
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("line", { x1: endX, y1: endY, x2: arrow2X, y2: arrow2Y, ...commonProps })
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("line", { x1: endX, y1: endY, x2: arrow1X, y2: arrow1Y, ...commonProps }),
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("line", { x1: endX, y1: endY, x2: arrow2X, y2: arrow2Y, ...commonProps })
       ] });
     default:
       return null;
@@ -9816,10 +10875,10 @@ var ShapePreview = (0, import_react43.memo)(function ShapePreview2({
 });
 
 // src/components/Annotations/QuickNoteButton.tsx
-var import_react44 = require("react");
+var import_react45 = require("react");
 init_utils();
-var import_jsx_runtime30 = require("react/jsx-runtime");
-var QuickNoteButton = (0, import_react44.memo)(function QuickNoteButton2({
+var import_jsx_runtime31 = require("react/jsx-runtime");
+var QuickNoteButton = (0, import_react45.memo)(function QuickNoteButton2({
   pageNumber,
   scale,
   position = "top-right",
@@ -9827,8 +10886,8 @@ var QuickNoteButton = (0, import_react44.memo)(function QuickNoteButton2({
   className,
   visible = true
 }) {
-  const [isHovered, setIsHovered] = (0, import_react44.useState)(false);
-  const handleClick = (0, import_react44.useCallback)(
+  const [isHovered, setIsHovered] = (0, import_react45.useState)(false);
+  const handleClick = (0, import_react45.useCallback)(
     (e) => {
       e.stopPropagation();
       const x = position === "top-right" ? 80 : 80;
@@ -9840,7 +10899,7 @@ var QuickNoteButton = (0, import_react44.memo)(function QuickNoteButton2({
   if (!visible) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
     "button",
     {
       onClick: handleClick,
@@ -9862,7 +10921,7 @@ var QuickNoteButton = (0, import_react44.memo)(function QuickNoteButton2({
       ),
       title: "Add quick note",
       "aria-label": "Add quick note",
-      children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
         "svg",
         {
           className: "w-4 h-4 text-yellow-900",
@@ -9870,7 +10929,7 @@ var QuickNoteButton = (0, import_react44.memo)(function QuickNoteButton2({
           viewBox: "0 0 24 24",
           stroke: "currentColor",
           strokeWidth: 2,
-          children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 4v16m8-8H4" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 4v16m8-8H4" })
         }
       )
     }
@@ -9878,10 +10937,10 @@ var QuickNoteButton = (0, import_react44.memo)(function QuickNoteButton2({
 });
 
 // src/components/Annotations/QuickNotePopover.tsx
-var import_react45 = require("react");
+var import_react46 = require("react");
 init_utils();
-var import_jsx_runtime31 = require("react/jsx-runtime");
-var QuickNotePopover = (0, import_react45.memo)(function QuickNotePopover2({
+var import_jsx_runtime32 = require("react/jsx-runtime");
+var QuickNotePopover = (0, import_react46.memo)(function QuickNotePopover2({
   visible,
   position,
   initialContent = "",
@@ -9890,21 +10949,21 @@ var QuickNotePopover = (0, import_react45.memo)(function QuickNotePopover2({
   onCancel,
   className
 }) {
-  const [content, setContent] = (0, import_react45.useState)(initialContent);
-  const textareaRef = (0, import_react45.useRef)(null);
-  const popoverRef = (0, import_react45.useRef)(null);
-  const [adjustedPosition, setAdjustedPosition] = (0, import_react45.useState)(position);
-  (0, import_react45.useEffect)(() => {
+  const [content, setContent] = (0, import_react46.useState)(initialContent);
+  const textareaRef = (0, import_react46.useRef)(null);
+  const popoverRef = (0, import_react46.useRef)(null);
+  const [adjustedPosition, setAdjustedPosition] = (0, import_react46.useState)(position);
+  (0, import_react46.useEffect)(() => {
     if (visible && textareaRef.current) {
       textareaRef.current.focus();
     }
   }, [visible]);
-  (0, import_react45.useEffect)(() => {
+  (0, import_react46.useEffect)(() => {
     if (visible) {
       setContent(initialContent);
     }
   }, [visible, initialContent]);
-  (0, import_react45.useEffect)(() => {
+  (0, import_react46.useEffect)(() => {
     if (!visible || !popoverRef.current) return;
     const rect = popoverRef.current.getBoundingClientRect();
     const padding = 10;
@@ -9923,14 +10982,14 @@ var QuickNotePopover = (0, import_react45.memo)(function QuickNotePopover2({
     }
     setAdjustedPosition({ x, y });
   }, [position, visible]);
-  const handleSave = (0, import_react45.useCallback)(() => {
+  const handleSave = (0, import_react46.useCallback)(() => {
     if (content.trim()) {
       onSave(content.trim());
     } else {
       onCancel();
     }
   }, [content, onSave, onCancel]);
-  const handleKeyDown = (0, import_react45.useCallback)(
+  const handleKeyDown = (0, import_react46.useCallback)(
     (e) => {
       if (e.key === "Enter" && (e.ctrlKey || e.metaKey)) {
         e.preventDefault();
@@ -9945,7 +11004,7 @@ var QuickNotePopover = (0, import_react45.memo)(function QuickNotePopover2({
   if (!visible) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
     "div",
     {
       ref: popoverRef,
@@ -9964,15 +11023,15 @@ var QuickNotePopover = (0, import_react45.memo)(function QuickNotePopover2({
         top: adjustedPosition.y
       },
       children: [
-        agentLastStatement && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "mb-2 p-2 bg-blue-50 dark:bg-blue-900/50 rounded text-xs text-blue-600 dark:text-blue-300 border border-blue-100 dark:border-blue-800", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex items-start gap-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("svg", { className: "w-3 h-3 mt-0.5 flex-shrink-0", fill: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("span", { className: "line-clamp-2", children: [
+        agentLastStatement && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "mb-2 p-2 bg-blue-50 dark:bg-blue-900/50 rounded text-xs text-blue-600 dark:text-blue-300 border border-blue-100 dark:border-blue-800", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex items-start gap-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("svg", { className: "w-3 h-3 mt-0.5 flex-shrink-0", fill: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("span", { className: "line-clamp-2", children: [
             "AI discussed: \u201C",
             agentLastStatement,
             "\u201D"
           ] })
         ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
           "textarea",
           {
             ref: textareaRef,
@@ -9991,13 +11050,13 @@ var QuickNotePopover = (0, import_react45.memo)(function QuickNotePopover2({
             )
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex items-center justify-between mt-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("span", { className: "text-xs text-gray-500 dark:text-gray-400", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex items-center justify-between mt-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("span", { className: "text-xs text-gray-500 dark:text-gray-400", children: [
             navigator.platform.includes("Mac") ? "\u2318" : "Ctrl",
             "+Enter to save"
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
               "button",
               {
                 onClick: onCancel,
@@ -10010,7 +11069,7 @@ var QuickNotePopover = (0, import_react45.memo)(function QuickNotePopover2({
                 children: "Cancel"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
               "button",
               {
                 onClick: handleSave,
@@ -10033,10 +11092,10 @@ var QuickNotePopover = (0, import_react45.memo)(function QuickNotePopover2({
 });
 
 // src/components/AskAbout/AskAboutOverlay.tsx
-var import_react46 = require("react");
+var import_react47 = require("react");
 init_utils();
-var import_jsx_runtime32 = require("react/jsx-runtime");
-var AskAboutOverlay = (0, import_react46.memo)(function AskAboutOverlay2({
+var import_jsx_runtime33 = require("react/jsx-runtime");
+var AskAboutOverlay = (0, import_react47.memo)(function AskAboutOverlay2({
   visible,
   progress,
   position,
@@ -10050,7 +11109,7 @@ var AskAboutOverlay = (0, import_react46.memo)(function AskAboutOverlay2({
   const radius = (size - strokeWidth) / 2;
   const circumference = 2 * Math.PI * radius;
   const strokeDashoffset = circumference * (1 - progress);
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
     "div",
     {
       className: cn(
@@ -10063,7 +11122,7 @@ var AskAboutOverlay = (0, import_react46.memo)(function AskAboutOverlay2({
         top: position.y - size / 2
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
           "svg",
           {
             width: size,
@@ -10071,7 +11130,7 @@ var AskAboutOverlay = (0, import_react46.memo)(function AskAboutOverlay2({
             viewBox: `0 0 ${size} ${size}`,
             className: "transform -rotate-90",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
                 "circle",
                 {
                   cx: size / 2,
@@ -10082,7 +11141,7 @@ var AskAboutOverlay = (0, import_react46.memo)(function AskAboutOverlay2({
                   strokeWidth
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
                 "circle",
                 {
                   cx: size / 2,
@@ -10100,12 +11159,12 @@ var AskAboutOverlay = (0, import_react46.memo)(function AskAboutOverlay2({
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
           "div",
           {
             className: "absolute inset-0 flex items-center justify-center",
             style: { color: progress >= 1 ? "#22c55e" : "white" },
-            children: progress >= 1 ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+            children: progress >= 1 ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
               "svg",
               {
                 width: "24",
@@ -10116,9 +11175,9 @@ var AskAboutOverlay = (0, import_react46.memo)(function AskAboutOverlay2({
                 strokeWidth: "2",
                 strokeLinecap: "round",
                 strokeLinejoin: "round",
-                children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("polyline", { points: "20 6 9 17 4 12" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("polyline", { points: "20 6 9 17 4 12" })
               }
-            ) : /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+            ) : /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
               "svg",
               {
                 width: "20",
@@ -10130,9 +11189,9 @@ var AskAboutOverlay = (0, import_react46.memo)(function AskAboutOverlay2({
                 strokeLinecap: "round",
                 strokeLinejoin: "round",
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("line", { x1: "12", y1: "17", x2: "12.01", y2: "17" })
+                  /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("line", { x1: "12", y1: "17", x2: "12.01", y2: "17" })
                 ]
               }
             )
@@ -10144,10 +11203,10 @@ var AskAboutOverlay = (0, import_react46.memo)(function AskAboutOverlay2({
 });
 
 // src/components/AskAbout/AskAboutTrigger.tsx
-var import_react47 = require("react");
+var import_react48 = require("react");
 init_utils();
-var import_jsx_runtime33 = require("react/jsx-runtime");
-var AskAboutTrigger = (0, import_react47.memo)(function AskAboutTrigger2({
+var import_jsx_runtime34 = require("react/jsx-runtime");
+var AskAboutTrigger = (0, import_react48.memo)(function AskAboutTrigger2({
   position,
   onConfirm,
   onCancel,
@@ -10155,9 +11214,9 @@ var AskAboutTrigger = (0, import_react47.memo)(function AskAboutTrigger2({
   autoHideDelay = 5e3,
   className
 }) {
-  const [adjustedPosition, setAdjustedPosition] = (0, import_react47.useState)(position);
-  const triggerRef = (0, import_react47.useRef)(null);
-  (0, import_react47.useEffect)(() => {
+  const [adjustedPosition, setAdjustedPosition] = (0, import_react48.useState)(position);
+  const triggerRef = (0, import_react48.useRef)(null);
+  (0, import_react48.useEffect)(() => {
     if (!visible || !triggerRef.current) return;
     const rect = triggerRef.current.getBoundingClientRect();
     const padding = 10;
@@ -10173,19 +11232,19 @@ var AskAboutTrigger = (0, import_react47.memo)(function AskAboutTrigger2({
     }
     setAdjustedPosition({ x, y });
   }, [position, visible]);
-  (0, import_react47.useEffect)(() => {
+  (0, import_react48.useEffect)(() => {
     if (!visible || autoHideDelay === 0) return;
     const timer = setTimeout(onCancel, autoHideDelay);
     return () => clearTimeout(timer);
   }, [visible, autoHideDelay, onCancel]);
-  const handleConfirm = (0, import_react47.useCallback)(
+  const handleConfirm = (0, import_react48.useCallback)(
     (e) => {
       e.stopPropagation();
       onConfirm();
     },
     [onConfirm]
   );
-  const handleCancel = (0, import_react47.useCallback)(
+  const handleCancel = (0, import_react48.useCallback)(
     (e) => {
       e.stopPropagation();
       onCancel();
@@ -10195,7 +11254,7 @@ var AskAboutTrigger = (0, import_react47.memo)(function AskAboutTrigger2({
   if (!visible) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
     "div",
     {
       ref: triggerRef,
@@ -10214,8 +11273,8 @@ var AskAboutTrigger = (0, import_react47.memo)(function AskAboutTrigger2({
         transform: "translate(-50%, 0)"
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "text-sm text-gray-600 dark:text-gray-300 px-2", children: "Ask about this?" }),
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "text-sm text-gray-600 dark:text-gray-300 px-2", children: "Ask about this?" }),
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
           "button",
           {
             onClick: handleConfirm,
@@ -10228,7 +11287,7 @@ var AskAboutTrigger = (0, import_react47.memo)(function AskAboutTrigger2({
             children: "Ask"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
           "button",
           {
             onClick: handleCancel,
@@ -10248,11 +11307,11 @@ var AskAboutTrigger = (0, import_react47.memo)(function AskAboutTrigger2({
 });
 
 // src/components/Minimap/Minimap.tsx
-var import_react48 = require("react");
+var import_react49 = require("react");
 init_hooks();
 init_utils();
-var import_jsx_runtime34 = require("react/jsx-runtime");
-var PageIndicator = (0, import_react48.memo)(function PageIndicator2({
+var import_jsx_runtime35 = require("react/jsx-runtime");
+var PageIndicator = (0, import_react49.memo)(function PageIndicator2({
   pageNumber,
   status,
   isBookmarked,
@@ -10266,7 +11325,7 @@ var PageIndicator = (0, import_react48.memo)(function PageIndicator2({
     if (status === "visited") return "bg-green-400";
     return "bg-gray-200 dark:bg-gray-700";
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
     "button",
     {
       onClick,
@@ -10282,13 +11341,13 @@ var PageIndicator = (0, import_react48.memo)(function PageIndicator2({
       title: `Page ${pageNumber}${isBookmarked ? " (bookmarked)" : ""}`,
       "aria-label": `Go to page ${pageNumber}`,
       children: [
-        isBookmarked && !compact && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "absolute -top-1 -right-1 w-2 h-2 bg-yellow-500 rounded-full border border-white" }),
-        showNumber && !compact && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "absolute inset-0 flex items-center justify-center text-[8px] font-medium text-white", children: pageNumber })
+        isBookmarked && !compact && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "absolute -top-1 -right-1 w-2 h-2 bg-yellow-500 rounded-full border border-white" }),
+        showNumber && !compact && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "absolute inset-0 flex items-center justify-center text-[8px] font-medium text-white", children: pageNumber })
       ]
     }
   );
 });
-var Minimap = (0, import_react48.memo)(function Minimap2({
+var Minimap = (0, import_react49.memo)(function Minimap2({
   variant = "sidebar",
   floatingPosition = "right",
   maxHeight = 300,
@@ -10301,18 +11360,18 @@ var Minimap = (0, import_react48.memo)(function Minimap2({
   const currentPage = useViewerStore((s) => s.currentPage);
   const numPages = useViewerStore((s) => s.numPages);
   const goToPage = useViewerStore((s) => s.goToPage);
-  const bookmarkedPages = (0, import_react48.useMemo)(() => {
+  const bookmarkedPages = (0, import_react49.useMemo)(() => {
     return new Set(bookmarks.map((b) => b.pageNumber));
   }, [bookmarks]);
   const compact = numPages > 50;
-  const handlePageClick = (0, import_react48.useCallback)(
+  const handlePageClick = (0, import_react49.useCallback)(
     (pageNumber) => {
       goToPage(pageNumber);
       onPageClick?.(pageNumber);
     },
     [goToPage, onPageClick]
   );
-  const getPageStatus = (0, import_react48.useCallback)(
+  const getPageStatus = (0, import_react49.useCallback)(
     (pageNumber) => {
       if (pageNumber === currentPage) return "current";
       if (bookmarkedPages.has(pageNumber)) return "bookmarked";
@@ -10321,11 +11380,11 @@ var Minimap = (0, import_react48.memo)(function Minimap2({
     },
     [currentPage, visitedPages, bookmarkedPages]
   );
-  const pageIndicators = (0, import_react48.useMemo)(() => {
+  const pageIndicators = (0, import_react49.useMemo)(() => {
     const pages = [];
     for (let i = 1; i <= numPages; i++) {
       pages.push(
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
           PageIndicator,
           {
             pageNumber: i,
@@ -10346,16 +11405,16 @@ var Minimap = (0, import_react48.memo)(function Minimap2({
   if (numPages === 0) {
     return null;
   }
-  const content = /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_jsx_runtime34.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "mb-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex items-center justify-between text-xs text-gray-500 dark:text-gray-400 mb-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { children: "Progress" }),
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("span", { children: [
+  const content = /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_jsx_runtime35.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "mb-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex items-center justify-between text-xs text-gray-500 dark:text-gray-400 mb-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { children: "Progress" }),
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("span", { children: [
           progressPercentage,
           "%"
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "h-1.5 bg-gray-200 dark:bg-gray-700 rounded-full overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "h-1.5 bg-gray-200 dark:bg-gray-700 rounded-full overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
         "div",
         {
           className: "h-full bg-green-500 rounded-full transition-all duration-300",
@@ -10363,7 +11422,7 @@ var Minimap = (0, import_react48.memo)(function Minimap2({
         }
       ) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
       "div",
       {
         className: cn(
@@ -10374,21 +11433,21 @@ var Minimap = (0, import_react48.memo)(function Minimap2({
         children: pageIndicators
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "mt-3 pt-2 border-t border-gray-200 dark:border-gray-700", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex flex-wrap gap-3 text-xs text-gray-500 dark:text-gray-400", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex items-center gap-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "w-2 h-2 rounded-sm bg-blue-500" }),
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { children: "Current" })
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "mt-3 pt-2 border-t border-gray-200 dark:border-gray-700", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex flex-wrap gap-3 text-xs text-gray-500 dark:text-gray-400", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "w-2 h-2 rounded-sm bg-blue-500" }),
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { children: "Current" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex items-center gap-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "w-2 h-2 rounded-sm bg-green-400" }),
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { children: "Visited" })
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "w-2 h-2 rounded-sm bg-green-400" }),
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { children: "Visited" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex items-center gap-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "w-2 h-2 rounded-sm bg-yellow-400" }),
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { children: "Bookmarked" })
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "w-2 h-2 rounded-sm bg-yellow-400" }),
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { children: "Bookmarked" })
       ] })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "mt-2 text-xs text-gray-500 dark:text-gray-400", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "mt-2 text-xs text-gray-500 dark:text-gray-400", children: [
       visitedCount,
       " of ",
       numPages,
@@ -10396,7 +11455,7 @@ var Minimap = (0, import_react48.memo)(function Minimap2({
     ] })
   ] });
   if (variant === "floating") {
-    return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
       "div",
       {
         className: cn(
@@ -10412,13 +11471,13 @@ var Minimap = (0, import_react48.memo)(function Minimap2({
         ),
         style: { maxHeight },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("h3", { className: "text-sm font-semibold text-gray-700 dark:text-gray-200 mb-2", children: "Reading Progress" }),
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("h3", { className: "text-sm font-semibold text-gray-700 dark:text-gray-200 mb-2", children: "Reading Progress" }),
           content
         ]
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     "div",
     {
       className: cn(
@@ -10432,11 +11491,251 @@ var Minimap = (0, import_react48.memo)(function Minimap2({
   );
 });
 
+// src/components/index.ts
+init_FloatingZoomControls2();
+
+// src/components/PDFThumbnailNav/PDFThumbnailNav.tsx
+var import_react50 = require("react");
+init_hooks();
+init_utils();
+var import_jsx_runtime36 = require("react/jsx-runtime");
+var DEFAULT_WIDTH = 612;
+var DEFAULT_HEIGHT = 792;
+var PDFThumbnailNav = (0, import_react50.memo)(function PDFThumbnailNav2({
+  thumbnailScale = 0.15,
+  orientation = "vertical",
+  maxVisible = 10,
+  className,
+  onThumbnailClick,
+  gap = 8,
+  showPageNumbers = true
+}) {
+  const { document: document2, numPages, currentPage } = usePDFViewer();
+  const { viewerStore } = usePDFViewerStores();
+  const containerRef = (0, import_react50.useRef)(null);
+  const [thumbnails, setThumbnails] = (0, import_react50.useState)(/* @__PURE__ */ new Map());
+  const [visibleRange, setVisibleRange] = (0, import_react50.useState)({ start: 1, end: maxVisible });
+  const renderQueueRef = (0, import_react50.useRef)(/* @__PURE__ */ new Set());
+  const pageCache = (0, import_react50.useRef)(/* @__PURE__ */ new Map());
+  const thumbnailWidth = Math.floor(DEFAULT_WIDTH * thumbnailScale);
+  const thumbnailHeight = Math.floor(DEFAULT_HEIGHT * thumbnailScale);
+  const updateVisibleRange = (0, import_react50.useCallback)(() => {
+    if (!containerRef.current || numPages === 0) return;
+    const container = containerRef.current;
+    const isHorizontal2 = orientation === "horizontal";
+    const scrollPosition = isHorizontal2 ? container.scrollLeft : container.scrollTop;
+    const viewportSize = isHorizontal2 ? container.clientWidth : container.clientHeight;
+    const itemSize = (isHorizontal2 ? thumbnailWidth : thumbnailHeight) + gap;
+    const firstVisible = Math.max(1, Math.floor(scrollPosition / itemSize) + 1);
+    const visibleCount = Math.ceil(viewportSize / itemSize) + 2;
+    const lastVisible = Math.min(numPages, firstVisible + visibleCount);
+    setVisibleRange({ start: firstVisible, end: lastVisible });
+  }, [numPages, orientation, thumbnailWidth, thumbnailHeight, gap]);
+  (0, import_react50.useEffect)(() => {
+    const container = containerRef.current;
+    if (!container) return;
+    const handleScroll = () => {
+      requestAnimationFrame(updateVisibleRange);
+    };
+    container.addEventListener("scroll", handleScroll, { passive: true });
+    updateVisibleRange();
+    return () => container.removeEventListener("scroll", handleScroll);
+  }, [updateVisibleRange]);
+  (0, import_react50.useEffect)(() => {
+    if (!document2) {
+      setThumbnails(/* @__PURE__ */ new Map());
+      pageCache.current.clear();
+      return;
+    }
+    const renderThumbnails = async () => {
+      const newThumbnails = new Map(thumbnails);
+      const pagesToRender = [];
+      for (let i = visibleRange.start; i <= visibleRange.end; i++) {
+        if (!newThumbnails.has(i) && !renderQueueRef.current.has(i)) {
+          pagesToRender.push(i);
+          renderQueueRef.current.add(i);
+        }
+      }
+      for (const pageNum of pagesToRender) {
+        try {
+          let page = pageCache.current.get(pageNum);
+          if (!page) {
+            page = await document2.getPage(pageNum);
+            pageCache.current.set(pageNum, page);
+          }
+          const viewport = page.getViewport({ scale: thumbnailScale });
+          const canvas = window.document.createElement("canvas");
+          canvas.width = Math.floor(viewport.width);
+          canvas.height = Math.floor(viewport.height);
+          const ctx = canvas.getContext("2d");
+          if (ctx) {
+            await page.render({
+              canvasContext: ctx,
+              viewport
+            }).promise;
+            newThumbnails.set(pageNum, {
+              pageNumber: pageNum,
+              canvas,
+              width: canvas.width,
+              height: canvas.height
+            });
+          }
+        } catch (error) {
+          console.error(`Failed to render thumbnail for page ${pageNum}:`, error);
+        } finally {
+          renderQueueRef.current.delete(pageNum);
+        }
+      }
+      if (pagesToRender.length > 0) {
+        setThumbnails(newThumbnails);
+      }
+    };
+    renderThumbnails();
+  }, [document2, visibleRange, thumbnailScale, thumbnails]);
+  (0, import_react50.useEffect)(() => {
+    if (!containerRef.current || numPages === 0) return;
+    const container = containerRef.current;
+    const isHorizontal2 = orientation === "horizontal";
+    const itemSize = (isHorizontal2 ? thumbnailWidth : thumbnailHeight) + gap;
+    const targetPosition = (currentPage - 1) * itemSize;
+    const scrollPosition = isHorizontal2 ? container.scrollLeft : container.scrollTop;
+    const viewportSize = isHorizontal2 ? container.clientWidth : container.clientHeight;
+    if (targetPosition < scrollPosition || targetPosition + itemSize > scrollPosition + viewportSize) {
+      const targetScroll = targetPosition - (viewportSize - itemSize) / 2;
+      container.scrollTo({
+        [isHorizontal2 ? "left" : "top"]: Math.max(0, targetScroll),
+        behavior: "smooth"
+      });
+    }
+  }, [currentPage, numPages, orientation, thumbnailWidth, thumbnailHeight, gap]);
+  const handleThumbnailClick = (0, import_react50.useCallback)((pageNum) => {
+    onThumbnailClick?.(pageNum);
+    viewerStore.getState().requestScrollToPage(pageNum, "smooth");
+  }, [onThumbnailClick, viewerStore]);
+  if (!document2 || numPages === 0) {
+    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+      "div",
+      {
+        className: cn(
+          "pdf-thumbnail-nav",
+          "flex items-center justify-center",
+          "bg-gray-100 dark:bg-gray-800",
+          "text-gray-500 dark:text-gray-400",
+          "text-sm",
+          className
+        ),
+        style: {
+          width: orientation === "vertical" ? thumbnailWidth + 24 : "100%",
+          height: orientation === "horizontal" ? thumbnailHeight + 40 : "100%"
+        },
+        children: "No document"
+      }
+    );
+  }
+  const isHorizontal = orientation === "horizontal";
+  const totalSize = numPages * ((isHorizontal ? thumbnailWidth : thumbnailHeight) + gap) - gap;
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+    "div",
+    {
+      ref: containerRef,
+      className: cn(
+        "pdf-thumbnail-nav",
+        "overflow-auto",
+        "bg-gray-100 dark:bg-gray-800",
+        isHorizontal ? "flex-row" : "flex-col",
+        className
+      ),
+      style: {
+        ...isHorizontal ? { overflowX: "auto", overflowY: "hidden" } : { overflowX: "hidden", overflowY: "auto" }
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+        "div",
+        {
+          className: cn(
+            "relative",
+            isHorizontal ? "flex flex-row items-center" : "flex flex-col items-center"
+          ),
+          style: {
+            [isHorizontal ? "width" : "height"]: totalSize,
+            [isHorizontal ? "minWidth" : "minHeight"]: totalSize,
+            padding: gap / 2,
+            gap
+          },
+          children: Array.from({ length: numPages }, (_, i) => i + 1).map((pageNum) => {
+            const thumbnail = thumbnails.get(pageNum);
+            const isActive = pageNum === currentPage;
+            const isVisible = pageNum >= visibleRange.start && pageNum <= visibleRange.end;
+            return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+              "div",
+              {
+                className: cn(
+                  "pdf-thumbnail",
+                  "flex-shrink-0 cursor-pointer transition-all duration-200",
+                  "border-2 rounded shadow-sm hover:shadow-md",
+                  isActive ? "border-blue-500 ring-2 ring-blue-200 dark:ring-blue-800" : "border-gray-300 dark:border-gray-600 hover:border-blue-400"
+                ),
+                style: {
+                  width: thumbnailWidth,
+                  height: thumbnailHeight + (showPageNumbers ? 24 : 0)
+                },
+                onClick: () => handleThumbnailClick(pageNum),
+                role: "button",
+                tabIndex: 0,
+                "aria-label": `Go to page ${pageNum}`,
+                "aria-current": isActive ? "page" : void 0,
+                onKeyDown: (e) => {
+                  if (e.key === "Enter" || e.key === " ") {
+                    e.preventDefault();
+                    handleThumbnailClick(pageNum);
+                  }
+                },
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+                    "div",
+                    {
+                      className: "relative bg-white dark:bg-gray-700",
+                      style: {
+                        width: thumbnailWidth,
+                        height: thumbnailHeight
+                      },
+                      children: isVisible && thumbnail?.canvas ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+                        "img",
+                        {
+                          src: thumbnail.canvas.toDataURL(),
+                          alt: `Page ${pageNum}`,
+                          className: "w-full h-full object-contain",
+                          loading: "lazy"
+                        }
+                      ) : /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "absolute inset-0 flex items-center justify-center text-gray-400 dark:text-gray-500 text-xs", children: pageNum })
+                    }
+                  ),
+                  showPageNumbers && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+                    "div",
+                    {
+                      className: cn(
+                        "text-center text-xs py-1",
+                        "bg-gray-50 dark:bg-gray-700",
+                        isActive ? "text-blue-600 dark:text-blue-400 font-medium" : "text-gray-600 dark:text-gray-400"
+                      ),
+                      children: pageNum
+                    }
+                  )
+                ]
+              },
+              pageNum
+            );
+          })
+        }
+      )
+    }
+  );
+});
+
 // src/components/ErrorBoundary/PDFErrorBoundary.tsx
-var import_react49 = require("react");
+var import_react51 = require("react");
 init_utils();
-var import_jsx_runtime35 = require("react/jsx-runtime");
-var PDFErrorBoundary = class extends import_react49.Component {
+var import_jsx_runtime37 = require("react/jsx-runtime");
+var PDFErrorBoundary = class extends import_react51.Component {
   constructor(props) {
     super(props);
     this.handleReset = () => {
@@ -10463,7 +11762,7 @@ var PDFErrorBoundary = class extends import_react49.Component {
         return fallback;
       }
       if (showDefaultUI) {
-        return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
           DefaultErrorUI,
           {
             error,
@@ -10482,7 +11781,7 @@ function DefaultErrorUI({ error, onReset, className }) {
   const isNetworkError = error.message.includes("fetch") || error.message.includes("network") || error.message.includes("Failed to load");
   let title = "Something went wrong";
   let description = error.message;
-  let icon = /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("svg", { className: "w-12 h-12 text-red-500", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+  let icon = /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("svg", { className: "w-12 h-12 text-red-500", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     "path",
     {
       strokeLinecap: "round",
@@ -10494,7 +11793,7 @@ function DefaultErrorUI({ error, onReset, className }) {
   if (isPDFError) {
     title = "Unable to load PDF";
     description = "The PDF file could not be loaded. It may be corrupted or in an unsupported format.";
-    icon = /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("svg", { className: "w-12 h-12 text-red-500", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+    icon = /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("svg", { className: "w-12 h-12 text-red-500", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
       "path",
       {
         strokeLinecap: "round",
@@ -10506,7 +11805,7 @@ function DefaultErrorUI({ error, onReset, className }) {
   } else if (isNetworkError) {
     title = "Network error";
     description = "Unable to fetch the PDF file. Please check your internet connection and try again.";
-    icon = /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("svg", { className: "w-12 h-12 text-red-500", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+    icon = /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("svg", { className: "w-12 h-12 text-red-500", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
       "path",
       {
         strokeLinecap: "round",
@@ -10516,7 +11815,7 @@ function DefaultErrorUI({ error, onReset, className }) {
       }
     ) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
     "div",
     {
       className: cn(
@@ -10529,14 +11828,14 @@ function DefaultErrorUI({ error, onReset, className }) {
       ),
       children: [
         icon,
-        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("h2", { className: "mt-4 text-xl font-semibold text-gray-900 dark:text-gray-100", children: title }),
-        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "mt-2 text-sm text-gray-600 dark:text-gray-400 max-w-md", children: description }),
-        /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("details", { className: "mt-4 text-left max-w-md w-full", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("summary", { className: "cursor-pointer text-sm text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200", children: "Technical details" }),
-          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("pre", { className: "mt-2 p-2 bg-gray-100 dark:bg-gray-800 rounded text-xs overflow-auto", children: error.stack || error.message })
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("h2", { className: "mt-4 text-xl font-semibold text-gray-900 dark:text-gray-100", children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { className: "mt-2 text-sm text-gray-600 dark:text-gray-400 max-w-md", children: description }),
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("details", { className: "mt-4 text-left max-w-md w-full", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("summary", { className: "cursor-pointer text-sm text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200", children: "Technical details" }),
+          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("pre", { className: "mt-2 p-2 bg-gray-100 dark:bg-gray-800 rounded text-xs overflow-auto", children: error.stack || error.message })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "mt-6 flex gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "mt-6 flex gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
             "button",
             {
               onClick: onReset,
@@ -10550,7 +11849,7 @@ function DefaultErrorUI({ error, onReset, className }) {
               children: "Try again"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
             "button",
             {
               onClick: () => window.location.reload(),
@@ -10570,7 +11869,7 @@ function DefaultErrorUI({ error, onReset, className }) {
   );
 }
 function withErrorBoundary({ component, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(PDFErrorBoundary, { ...props, children: component });
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(PDFErrorBoundary, { ...props, children: component });
 }
 
 // src/index.ts
@@ -10594,6 +11893,7 @@ init_utils();
   DocumentContainer,
   DrawingCanvas,
   DualPageContainer,
+  FloatingZoomControls,
   FocusRegionLayer,
   HighlightLayer,
   HighlightPopover,
@@ -10604,6 +11904,7 @@ init_utils();
   OutlinePanel,
   PDFErrorBoundary,
   PDFPage,
+  PDFThumbnailNav,
   PDFViewer,
   PDFViewerClient,
   PDFViewerContext,
@@ -10622,9 +11923,11 @@ init_utils();
   ThumbnailPanel,
   Toolbar,
   VirtualizedDocumentContainer,
+  applyRotation,
   clearHighlights,
   clearStudentData,
   cn,
+  countTextOnPage,
   createAgentAPI,
   createAgentStore,
   createAnnotationStore,
@@ -10633,6 +11936,7 @@ init_utils();
   createSearchStore,
   createStudentStore,
   createViewerStore,
+  doRectsIntersect,
   downloadAnnotationsAsJSON,
   downloadAnnotationsAsMarkdown,
   downloadFile,
@@ -10640,25 +11944,39 @@ init_utils();
   exportAnnotationsAsMarkdown,
   exportHighlightsAsJSON,
   exportHighlightsAsMarkdown,
+  extractPageText,
+  findTextInDocument,
+  findTextOnPage,
   generateDocumentId,
   getAllDocumentIds,
   getAllStudentDataDocumentIds,
   getMetadata,
   getOutline,
   getPage,
+  getPageText,
   getPageTextContent,
   getPluginManager,
+  getRectIntersection,
+  getRotatedDimensions,
   getStorageStats,
   importHighlightsFromJSON,
   initializePDFJS,
   isPDFJSInitialized,
+  isPointInRect,
   loadDocument,
   loadHighlights,
   loadStudentData,
+  mergeAdjacentRects,
+  pdfToPercent,
+  pdfToViewport,
   pdfjsLib,
+  percentToPDF,
+  percentToViewport,
   quickViewer,
+  removeRotation,
   saveHighlights,
   saveStudentData,
+  scaleRect,
   useAgentContext,
   useAgentStore,
   useAnnotationStore,
@@ -10680,6 +11998,8 @@ init_utils();
   useTouchGestures,
   useViewerStore,
   useZoom,
+  viewportToPDF,
+  viewportToPercent,
   withErrorBoundary
 });
 //# sourceMappingURL=index.cjs.map