pdfjs-reader-core 0.1.3 → 0.1.5

package/dist/index.js

@@ -316,13 +316,21 @@ function createViewerStore(initialOverrides = {}) {
     ...initialOverrides,
     // Document actions
     setDocument: (document2) => {
-      set({
-        document: document2,
-        numPages: document2.numPages,
-        isLoading: false,
-        error: null,
-        currentPage: 1
-      });
+      if (document2) {
+        set({
+          document: document2,
+          numPages: document2.numPages,
+          isLoading: false,
+          error: null,
+          currentPage: 1
+        });
+      } else {
+        set({
+          document: null,
+          numPages: 0,
+          isLoading: false
+        });
+      }
     },
     setLoading: (isLoading) => {
       set({ isLoading });
@@ -1353,6 +1361,12 @@ function createSearchStore(initialOverrides = {}) {
         set({ currentResultIndex: index });
       }
     },
+    setCaseSensitive: (value) => {
+      set({ caseSensitive: value });
+    },
+    setWholeWord: (value) => {
+      set({ wholeWord: value });
+    },
     toggleCaseSensitive: () => {
       set((state) => ({ caseSensitive: !state.caseSensitive }));
     },
@@ -8735,14 +8749,186 @@ var init_DualPageContainer = __esm({
   }
 });
 
+// src/components/FloatingZoomControls/FloatingZoomControls.tsx
+import { memo as memo24, useCallback as useCallback32 } from "react";
+import { jsx as jsx25, jsxs as jsxs21 } from "react/jsx-runtime";
+var FloatingZoomControls;
+var init_FloatingZoomControls = __esm({
+  "src/components/FloatingZoomControls/FloatingZoomControls.tsx"() {
+    "use strict";
+    init_hooks();
+    init_utils();
+    FloatingZoomControls = memo24(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 = useCallback32(() => {
+        viewerStore.getState().zoomIn();
+      }, [viewerStore]);
+      const handleZoomOut = useCallback32(() => {
+        viewerStore.getState().zoomOut();
+      }, [viewerStore]);
+      const handleFitToWidth = useCallback32(() => {
+        viewerStore.getState().setScale(1);
+      }, [viewerStore]);
+      const handleFitToPage = useCallback32(() => {
+        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__ */ jsxs21(
+        "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__ */ jsx25(
+              "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__ */ jsx25("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx25("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M20 12H4" }) })
+              }
+            ),
+            showZoomLevel && /* @__PURE__ */ jsxs21("span", { className: "min-w-[48px] text-center text-sm font-medium text-gray-700 dark:text-gray-300", children: [
+              zoomPercentage,
+              "%"
+            ] }),
+            /* @__PURE__ */ jsx25(
+              "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__ */ jsx25("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx25("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 4v16m8-8H4" }) })
+              }
+            ),
+            (showFitToWidth || showFitToPage) && /* @__PURE__ */ jsx25("div", { className: "w-px h-6 bg-gray-200 dark:bg-gray-700 mx-1" }),
+            showFitToWidth && /* @__PURE__ */ jsx25(
+              "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__ */ jsx25("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx25("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__ */ jsx25(
+              "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__ */ jsx25("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx25("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, {
   PDFViewerClient: () => PDFViewerClient
 });
-import { useEffect as useEffect22, useCallback as useCallback32, memo as memo24, useRef as useRef19, useState as useState21 } from "react";
-import { jsx as jsx25, jsxs as jsxs21 } from "react/jsx-runtime";
-var PDFViewerInner, PDFViewerClient;
+import {
+  useEffect as useEffect22,
+  useCallback as useCallback33,
+  memo as memo25,
+  useRef as useRef19,
+  useState as useState21,
+  forwardRef
+} from "react";
+import { jsx as jsx26, jsxs as jsxs22 } from "react/jsx-runtime";
+function getSrcIdentifier(src) {
+  if (typeof src === "string") {
+    return src;
+  }
+  const data = src instanceof ArrayBuffer ? new Uint8Array(src) : src;
+  const len = data.byteLength;
+  if (len === 0) return "empty";
+  const first = Array.from(data.slice(0, 4)).map((b) => b.toString(16).padStart(2, "0")).join("");
+  const last = Array.from(data.slice(-4)).map((b) => b.toString(16).padStart(2, "0")).join("");
+  return `binary:${len}:${first}:${last}`;
+}
+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 PDFViewerInner, PDFViewerInnerWithRef, PDFViewerClient;
 var init_PDFViewerClient = __esm({
   "src/components/PDFViewer/PDFViewerClient.tsx"() {
     "use strict";
@@ -8754,99 +8940,313 @@ var init_PDFViewerClient = __esm({
     init_DocumentContainer();
     init_ContinuousScrollContainer();
     init_DualPageContainer();
+    init_FloatingZoomControls2();
     init_utils();
-    PDFViewerInner = memo24(function PDFViewerInner2({
+    PDFViewerInner = memo25(function PDFViewerInner2({
       src,
       initialPage = 1,
-      initialScale = 1,
+      initialScale = "auto",
       showToolbar = true,
       showSidebar = true,
       showAnnotationToolbar = false,
+      showFloatingZoom = true,
       viewMode = "single",
       onDocumentLoad,
       onPageChange,
       onScaleChange,
       onError,
       workerSrc,
-      className
+      className,
+      onReady
     }) {
-      const { viewerStore } = usePDFViewerStores();
-      const loadingRef = useRef19(false);
-      const srcRef = useRef19(src);
+      const { viewerStore, annotationStore, searchStore } = usePDFViewerStores();
+      const mountedRef = useRef19(true);
+      const [, setLoadState] = useState21("idle");
       const onDocumentLoadRef = useRef19(onDocumentLoad);
       const onErrorRef = useRef19(onError);
       const onPageChangeRef = useRef19(onPageChange);
       const onScaleChangeRef = useRef19(onScaleChange);
+      const onReadyRef = useRef19(onReady);
       onDocumentLoadRef.current = onDocumentLoad;
       onErrorRef.current = onError;
       onPageChangeRef.current = onPageChange;
       onScaleChangeRef.current = onScaleChange;
+      onReadyRef.current = onReady;
+      const srcIdRef = useRef19(null);
       const currentPage = useViewerStore((s) => s.currentPage);
       const scale = useViewerStore((s) => s.scale);
       const theme = useViewerStore((s) => s.theme);
       const isLoading = useViewerStore((s) => s.isLoading);
       const error = useViewerStore((s) => s.error);
       const sidebarOpen = useViewerStore((s) => s.sidebarOpen);
-      const [retryTrigger, setRetryTrigger] = useState21(0);
-      const handleRetry = useCallback32(() => {
-        loadingRef.current = false;
-        srcRef.current = null;
+      const srcId = getSrcIdentifier(src);
+      const handleRef = useRef19(null);
+      useEffect22(() => {
+        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: (page) => {
+            viewerStore.getState().goToPage(page);
+          },
+          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();
+          },
+          // ==================== Document ====================
+          getDocument: () => {
+            return viewerStore.getState().document;
+          },
+          isLoaded: () => {
+            return viewerStore.getState().document !== null;
+          }
+        };
+        handleRef.current = handle;
+        onReadyRef.current?.(handle);
+      }, [viewerStore, annotationStore, searchStore]);
+      const handleRetry = useCallback33(() => {
+        srcIdRef.current = null;
         viewerStore.getState().setError(null);
-        setRetryTrigger((c) => c + 1);
-      }, [viewerStore, src]);
+        setLoadState("idle");
+      }, [viewerStore]);
       useEffect22(() => {
-        if (loadingRef.current) {
-          return;
-        }
-        if (srcRef.current === src && viewerStore.getState().document) {
+        mountedRef.current = true;
+        return () => {
+          mountedRef.current = false;
+        };
+      }, []);
+      useEffect22(() => {
+        if (srcIdRef.current === srcId && viewerStore.getState().document) {
           return;
         }
-        srcRef.current = src;
-        loadingRef.current = true;
+        const loadId = srcId;
+        srcIdRef.current = srcId;
         const currentDoc = viewerStore.getState().document;
         if (currentDoc) {
-          viewerStore.getState().reset();
+          currentDoc.destroy();
+          viewerStore.getState().setDocument(null);
         }
         const loadDoc = async () => {
+          if (!mountedRef.current) return;
           try {
             viewerStore.getState().setLoading(true);
             viewerStore.getState().setError(null);
+            setLoadState("loading");
             const { document: document2, numPages } = await loadDocument({
               src,
               workerSrc
             });
-            if (srcRef.current === src) {
+            if (mountedRef.current && srcIdRef.current === loadId) {
               viewerStore.getState().setDocument(document2);
+              setLoadState("loaded");
               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 {
               document2.destroy();
             }
           } catch (err) {
-            if (srcRef.current === src) {
+            if (mountedRef.current && srcIdRef.current === loadId) {
               const error2 = err instanceof Error ? err : new Error("Failed to load document");
               viewerStore.getState().setError(error2);
+              viewerStore.getState().setLoading(false);
+              setLoadState("error");
               onErrorRef.current?.(error2);
             }
-          } finally {
-            loadingRef.current = false;
           }
         };
         loadDoc();
         return () => {
-          srcRef.current = null;
-        };
-      }, [src, workerSrc, initialPage, initialScale, viewerStore, retryTrigger]);
-      useEffect22(() => {
-        return () => {
-          viewerStore.getState().reset();
         };
-      }, [viewerStore]);
+      }, [srcId, src, workerSrc, initialPage, initialScale, viewerStore]);
       const prevPageRef = useRef19(currentPage);
       useEffect22(() => {
         if (prevPageRef.current !== currentPage) {
@@ -8863,7 +9263,7 @@ var init_PDFViewerClient = __esm({
       }, [scale]);
       const themeClass = theme === "dark" ? "dark" : "";
       if (error) {
-        return /* @__PURE__ */ jsx25(
+        return /* @__PURE__ */ jsx26(
           "div",
           {
             className: cn(
@@ -8873,10 +9273,10 @@ var init_PDFViewerClient = __esm({
               themeClass,
               className
             ),
-            children: /* @__PURE__ */ jsx25("div", { className: "flex-1 flex items-center justify-center", children: /* @__PURE__ */ jsxs21("div", { className: "text-center p-8", children: [
-              /* @__PURE__ */ jsx25("div", { className: "text-red-500 text-lg font-semibold mb-2", children: "Failed to load PDF" }),
-              /* @__PURE__ */ jsx25("div", { className: "text-gray-500 text-sm", children: error.message }),
-              /* @__PURE__ */ jsx25(
+            children: /* @__PURE__ */ jsx26("div", { className: "flex-1 flex items-center justify-center", children: /* @__PURE__ */ jsxs22("div", { className: "text-center p-8", children: [
+              /* @__PURE__ */ jsx26("div", { className: "text-red-500 text-lg font-semibold mb-2", children: "Failed to load PDF" }),
+              /* @__PURE__ */ jsx26("div", { className: "text-gray-500 text-sm", children: error.message }),
+              /* @__PURE__ */ jsx26(
                 "button",
                 {
                   onClick: handleRetry,
@@ -8891,56 +9291,73 @@ var init_PDFViewerClient = __esm({
       const renderContainer = () => {
         switch (viewMode) {
           case "continuous":
-            return /* @__PURE__ */ jsx25(ContinuousScrollContainer, {});
+            return /* @__PURE__ */ jsx26(ContinuousScrollContainer, {});
           case "dual":
-            return /* @__PURE__ */ jsx25(DualPageContainer, {});
+            return /* @__PURE__ */ jsx26(DualPageContainer, {});
           case "single":
           default:
-            return /* @__PURE__ */ jsx25(DocumentContainer, {});
+            return /* @__PURE__ */ jsx26(DocumentContainer, {});
         }
       };
-      return /* @__PURE__ */ jsxs21(
+      return /* @__PURE__ */ jsxs22(
         "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__ */ jsx25(Toolbar, {}),
-            showAnnotationToolbar && /* @__PURE__ */ jsx25(AnnotationToolbar, {}),
-            /* @__PURE__ */ jsxs21("div", { className: "flex flex-1 overflow-hidden", children: [
-              showSidebar && sidebarOpen && /* @__PURE__ */ jsx25(Sidebar, {}),
+            showToolbar && /* @__PURE__ */ jsx26(Toolbar, {}),
+            showAnnotationToolbar && /* @__PURE__ */ jsx26(AnnotationToolbar, {}),
+            /* @__PURE__ */ jsxs22("div", { className: "flex flex-1 overflow-hidden", children: [
+              showSidebar && sidebarOpen && /* @__PURE__ */ jsx26(Sidebar, {}),
               renderContainer()
             ] }),
-            isLoading && /* @__PURE__ */ jsx25("div", { className: "absolute inset-0 flex items-center justify-center bg-white/80 dark:bg-gray-900/80", children: /* @__PURE__ */ jsxs21("div", { className: "flex flex-col items-center", children: [
-              /* @__PURE__ */ jsx25("div", { className: "w-8 h-8 border-4 border-blue-500 border-t-transparent rounded-full animate-spin" }),
-              /* @__PURE__ */ jsx25("div", { className: "mt-2 text-sm text-gray-500", children: "Loading PDF..." })
+            showFloatingZoom && /* @__PURE__ */ jsx26(FloatingZoomControls, { position: "bottom-right" }),
+            isLoading && /* @__PURE__ */ jsx26("div", { className: "absolute inset-0 flex items-center justify-center bg-white/80 dark:bg-gray-900/80", children: /* @__PURE__ */ jsxs22("div", { className: "flex flex-col items-center", children: [
+              /* @__PURE__ */ jsx26("div", { className: "w-8 h-8 border-4 border-blue-500 border-t-transparent rounded-full animate-spin" }),
+              /* @__PURE__ */ jsx26("div", { className: "mt-2 text-sm text-gray-500", children: "Loading PDF..." })
             ] }) })
           ]
         }
       );
     });
-    PDFViewerClient = memo24(function PDFViewerClient2(props) {
-      return /* @__PURE__ */ jsx25(
-        PDFViewerProvider,
-        {
-          theme: props.theme,
-          defaultSidebarPanel: props.defaultSidebarPanel,
-          children: /* @__PURE__ */ jsx25(PDFViewerInner, { ...props })
-        }
-      );
-    });
+    PDFViewerInnerWithRef = forwardRef(
+      function PDFViewerInnerWithRef2(props, ref) {
+        const handleRef = useRef19(null);
+        const handleReady = useCallback33((handle) => {
+          handleRef.current = handle;
+          if (typeof ref === "function") {
+            ref(handle);
+          } else if (ref) {
+            ref.current = handle;
+          }
+        }, [ref]);
+        return /* @__PURE__ */ jsx26(PDFViewerInner, { ...props, onReady: handleReady });
+      }
+    );
+    PDFViewerClient = memo25(
+      forwardRef(function PDFViewerClient2(props, ref) {
+        return /* @__PURE__ */ jsx26(
+          PDFViewerProvider,
+          {
+            theme: props.theme,
+            defaultSidebarPanel: props.defaultSidebarPanel,
+            children: /* @__PURE__ */ jsx26(PDFViewerInnerWithRef, { ref, ...props })
+          }
+        );
+      })
+    );
   }
 });
 
 // src/components/PDFViewer/PDFViewer.tsx
-import { lazy, Suspense, memo as memo25 } from "react";
-import { jsx as jsx26, jsxs as jsxs22 } from "react/jsx-runtime";
+import { lazy, Suspense, memo as memo26 } from "react";
+import { jsx as jsx27, jsxs as jsxs23 } from "react/jsx-runtime";
 var PDFViewerClient3, PDFViewerLoading, PDFViewer;
 var init_PDFViewer = __esm({
   "src/components/PDFViewer/PDFViewer.tsx"() {
@@ -8949,10 +9366,10 @@ var init_PDFViewer = __esm({
     PDFViewerClient3 = lazy(
       () => Promise.resolve().then(() => (init_PDFViewerClient(), PDFViewerClient_exports)).then((mod) => ({ default: mod.PDFViewerClient }))
     );
-    PDFViewerLoading = memo25(function PDFViewerLoading2({
+    PDFViewerLoading = memo26(function PDFViewerLoading2({
       className
     }) {
-      return /* @__PURE__ */ jsx26(
+      return /* @__PURE__ */ jsx27(
         "div",
         {
           className: cn(
@@ -8961,18 +9378,18 @@ var init_PDFViewer = __esm({
             "bg-white dark:bg-gray-900",
             className
           ),
-          children: /* @__PURE__ */ jsx26("div", { className: "flex-1 flex items-center justify-center", children: /* @__PURE__ */ jsxs22("div", { className: "flex flex-col items-center", children: [
-            /* @__PURE__ */ jsx26("div", { className: "w-8 h-8 border-4 border-blue-500 border-t-transparent rounded-full animate-spin" }),
-            /* @__PURE__ */ jsx26("div", { className: "mt-2 text-sm text-gray-500", children: "Loading PDF viewer..." })
+          children: /* @__PURE__ */ jsx27("div", { className: "flex-1 flex items-center justify-center", children: /* @__PURE__ */ jsxs23("div", { className: "flex flex-col items-center", children: [
+            /* @__PURE__ */ jsx27("div", { className: "w-8 h-8 border-4 border-blue-500 border-t-transparent rounded-full animate-spin" }),
+            /* @__PURE__ */ jsx27("div", { className: "mt-2 text-sm text-gray-500", children: "Loading PDF viewer..." })
           ] }) })
         }
       );
     });
-    PDFViewer = memo25(function PDFViewer2(props) {
+    PDFViewer = memo26(function PDFViewer2(props) {
       if (typeof window === "undefined") {
-        return /* @__PURE__ */ jsx26(PDFViewerLoading, { className: props.className });
+        return /* @__PURE__ */ jsx27(PDFViewerLoading, { className: props.className });
       }
-      return /* @__PURE__ */ jsx26(Suspense, { fallback: /* @__PURE__ */ jsx26(PDFViewerLoading, { className: props.className }), children: /* @__PURE__ */ jsx26(PDFViewerClient3, { ...props }) });
+      return /* @__PURE__ */ jsx27(Suspense, { fallback: /* @__PURE__ */ jsx27(PDFViewerLoading, { className: props.className }), children: /* @__PURE__ */ jsx27(PDFViewerClient3, { ...props }) });
     });
   }
 });
@@ -9001,8 +9418,8 @@ init_AnnotationToolbar2();
 
 // src/components/Annotations/StickyNote.tsx
 init_utils();
-import { memo as memo26, useState as useState22, useRef as useRef20, useEffect as useEffect23, useCallback as useCallback33 } from "react";
-import { jsx as jsx27, jsxs as jsxs23 } from "react/jsx-runtime";
+import { memo as memo27, useState as useState22, useRef as useRef20, useEffect as useEffect23, useCallback as useCallback34 } from "react";
+import { jsx as jsx28, jsxs as jsxs24 } from "react/jsx-runtime";
 var NOTE_COLORS = [
   "#fef08a",
   // yellow
@@ -9015,7 +9432,7 @@ var NOTE_COLORS = [
   "#fed7aa"
   // orange
 ];
-var StickyNote = memo26(function StickyNote2({
+var StickyNote = memo27(function StickyNote2({
   note,
   scale,
   isSelected,
@@ -9041,24 +9458,24 @@ var StickyNote = memo26(function StickyNote2({
       textareaRef.current.select();
     }
   }, [isEditing]);
-  const handleClick = useCallback33((e) => {
+  const handleClick = useCallback34((e) => {
     e.stopPropagation();
     onSelect?.();
     if (!isExpanded) {
       setIsExpanded(true);
     }
   }, [isExpanded, onSelect]);
-  const handleDoubleClick = useCallback33((e) => {
+  const handleDoubleClick = useCallback34((e) => {
     e.stopPropagation();
     onStartEdit?.();
   }, [onStartEdit]);
-  const handleBlur = useCallback33(() => {
+  const handleBlur = useCallback34(() => {
     if (isEditing && localContent !== note.content) {
       onUpdate?.({ content: localContent });
     }
     onEndEdit?.();
   }, [isEditing, localContent, note.content, onUpdate, onEndEdit]);
-  const handleKeyDown = useCallback33((e) => {
+  const handleKeyDown = useCallback34((e) => {
     if (e.key === "Escape") {
       setLocalContent(note.content);
       onEndEdit?.();
@@ -9066,16 +9483,16 @@ var StickyNote = memo26(function StickyNote2({
       handleBlur();
     }
   }, [note.content, onEndEdit, handleBlur]);
-  const handleColorChange = useCallback33((color) => {
+  const handleColorChange = useCallback34((color) => {
     onUpdate?.({ color });
   }, [onUpdate]);
-  const handleCollapse = useCallback33((e) => {
+  const handleCollapse = useCallback34((e) => {
     e.stopPropagation();
     setIsExpanded(false);
     onEndEdit?.();
   }, [onEndEdit]);
   if (!isExpanded) {
-    return /* @__PURE__ */ jsx27(
+    return /* @__PURE__ */ jsx28(
       "div",
       {
         ref: noteRef,
@@ -9096,14 +9513,14 @@ var StickyNote = memo26(function StickyNote2({
         onMouseDown: onDragStart,
         onTouchStart: onDragStart,
         title: note.content || "Empty note",
-        children: /* @__PURE__ */ jsx27(
+        children: /* @__PURE__ */ jsx28(
           "svg",
           {
             className: "w-4 h-4 opacity-70",
             fill: "currentColor",
             viewBox: "0 0 20 20",
             style: { color: "#333" },
-            children: /* @__PURE__ */ jsx27(
+            children: /* @__PURE__ */ jsx28(
               "path",
               {
                 fillRule: "evenodd",
@@ -9116,7 +9533,7 @@ var StickyNote = memo26(function StickyNote2({
       }
     );
   }
-  return /* @__PURE__ */ jsxs23(
+  return /* @__PURE__ */ jsxs24(
     "div",
     {
       ref: noteRef,
@@ -9134,14 +9551,14 @@ var StickyNote = memo26(function StickyNote2({
       },
       onClick: handleClick,
       children: [
-        /* @__PURE__ */ jsxs23(
+        /* @__PURE__ */ jsxs24(
           "div",
           {
             className: "flex items-center justify-between px-2 py-1 border-b border-black/10 cursor-move",
             onMouseDown: onDragStart,
             onTouchStart: onDragStart,
             children: [
-              /* @__PURE__ */ jsx27("div", { className: "flex gap-1", children: NOTE_COLORS.map((color) => /* @__PURE__ */ jsx27(
+              /* @__PURE__ */ jsx28("div", { className: "flex gap-1", children: NOTE_COLORS.map((color) => /* @__PURE__ */ jsx28(
                 "button",
                 {
                   className: cn(
@@ -9158,8 +9575,8 @@ var StickyNote = memo26(function StickyNote2({
                 },
                 color
               )) }),
-              /* @__PURE__ */ jsxs23("div", { className: "flex gap-1", children: [
-                /* @__PURE__ */ jsx27(
+              /* @__PURE__ */ jsxs24("div", { className: "flex gap-1", children: [
+                /* @__PURE__ */ jsx28(
                   "button",
                   {
                     className: "p-0.5 hover:bg-black/10 rounded",
@@ -9168,23 +9585,23 @@ var StickyNote = memo26(function StickyNote2({
                       onDelete?.();
                     },
                     title: "Delete note",
-                    children: /* @__PURE__ */ jsx27("svg", { className: "w-3.5 h-3.5 text-gray-600", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx27("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__ */ jsx28("svg", { className: "w-3.5 h-3.5 text-gray-600", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx28("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__ */ jsx27(
+                /* @__PURE__ */ jsx28(
                   "button",
                   {
                     className: "p-0.5 hover:bg-black/10 rounded",
                     onClick: handleCollapse,
                     title: "Collapse note",
-                    children: /* @__PURE__ */ jsx27("svg", { className: "w-3.5 h-3.5 text-gray-600", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx27("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
+                    children: /* @__PURE__ */ jsx28("svg", { className: "w-3.5 h-3.5 text-gray-600", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx28("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
                   }
                 )
               ] })
             ]
           }
         ),
-        /* @__PURE__ */ jsx27("div", { className: "p-2", children: isEditing ? /* @__PURE__ */ jsx27(
+        /* @__PURE__ */ jsx28("div", { className: "p-2", children: isEditing ? /* @__PURE__ */ jsx28(
           "textarea",
           {
             ref: textareaRef,
@@ -9199,7 +9616,7 @@ var StickyNote = memo26(function StickyNote2({
             onKeyDown: handleKeyDown,
             placeholder: "Enter note..."
           }
-        ) : /* @__PURE__ */ jsx27(
+        ) : /* @__PURE__ */ jsx28(
           "div",
           {
             className: cn(
@@ -9210,7 +9627,7 @@ var StickyNote = memo26(function StickyNote2({
             children: note.content || "Double-click to edit..."
           }
         ) }),
-        /* @__PURE__ */ jsx27("div", { className: "px-2 pb-1 text-[10px] text-gray-500", children: new Date(note.updatedAt).toLocaleDateString() })
+        /* @__PURE__ */ jsx28("div", { className: "px-2 pb-1 text-[10px] text-gray-500", children: new Date(note.updatedAt).toLocaleDateString() })
       ]
     }
   );
@@ -9218,8 +9635,8 @@ var StickyNote = memo26(function StickyNote2({
 
 // src/components/Annotations/DrawingCanvas.tsx
 init_utils();
-import { memo as memo27, useRef as useRef21, useCallback as useCallback34, useState as useState23 } from "react";
-import { jsx as jsx28 } from "react/jsx-runtime";
+import { memo as memo28, useRef as useRef21, useCallback as useCallback35, useState as useState23 } from "react";
+import { jsx as jsx29 } from "react/jsx-runtime";
 function pointsToSvgPath(points) {
   if (points.length === 0) return "";
   if (points.length === 1) {
@@ -9257,7 +9674,7 @@ function simplifyPath(points, tolerance = 1) {
   result.push(points[points.length - 1]);
   return result;
 }
-var DrawingCanvas = memo27(function DrawingCanvas2({
+var DrawingCanvas = memo28(function DrawingCanvas2({
   width,
   height,
   scale,
@@ -9270,7 +9687,7 @@ var DrawingCanvas = memo27(function DrawingCanvas2({
   const svgRef = useRef21(null);
   const [isDrawing, setIsDrawing] = useState23(false);
   const [currentPath, setCurrentPath] = useState23([]);
-  const getPoint = useCallback34((e) => {
+  const getPoint = useCallback35((e) => {
     if (!svgRef.current) return null;
     const svg = svgRef.current;
     const rect = svg.getBoundingClientRect();
@@ -9290,7 +9707,7 @@ var DrawingCanvas = memo27(function DrawingCanvas2({
       y: (clientY - rect.top) / scale
     };
   }, [scale]);
-  const handleStart = useCallback34((e) => {
+  const handleStart = useCallback35((e) => {
     if (!isActive) return;
     const point = getPoint(e);
     if (point) {
@@ -9298,14 +9715,14 @@ var DrawingCanvas = memo27(function DrawingCanvas2({
       setCurrentPath([point]);
     }
   }, [isActive, getPoint]);
-  const handleMove = useCallback34((e) => {
+  const handleMove = useCallback35((e) => {
     if (!isDrawing || !isActive) return;
     const point = getPoint(e);
     if (point) {
       setCurrentPath((prev) => [...prev, point]);
     }
   }, [isDrawing, isActive, getPoint]);
-  const handleEnd = useCallback34(() => {
+  const handleEnd = useCallback35(() => {
     if (!isDrawing) return;
     setIsDrawing(false);
     if (currentPath.length >= 2) {
@@ -9314,7 +9731,7 @@ var DrawingCanvas = memo27(function DrawingCanvas2({
     }
     setCurrentPath([]);
   }, [isDrawing, currentPath, onDrawingComplete]);
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29(
     "svg",
     {
       ref: svgRef,
@@ -9334,7 +9751,7 @@ var DrawingCanvas = memo27(function DrawingCanvas2({
       onTouchStart: handleStart,
       onTouchMove: handleMove,
       onTouchEnd: handleEnd,
-      children: isDrawing && currentPath.length > 0 && /* @__PURE__ */ jsx28(
+      children: isDrawing && currentPath.length > 0 && /* @__PURE__ */ jsx29(
         "path",
         {
           d: pointsToSvgPath(currentPath),
@@ -9352,9 +9769,9 @@ var DrawingCanvas = memo27(function DrawingCanvas2({
 
 // src/components/Annotations/ShapeRenderer.tsx
 init_utils();
-import { memo as memo28, useCallback as useCallback35, useState as useState24, useRef as useRef22 } from "react";
-import { jsx as jsx29, jsxs as jsxs24 } from "react/jsx-runtime";
-var ShapeRenderer = memo28(function ShapeRenderer2({
+import { memo as memo29, useCallback as useCallback36, useState as useState24, useRef as useRef22 } from "react";
+import { jsx as jsx30, jsxs as jsxs25 } from "react/jsx-runtime";
+var ShapeRenderer = memo29(function ShapeRenderer2({
   shape,
   scale,
   isSelected,
@@ -9375,7 +9792,7 @@ var ShapeRenderer = memo28(function ShapeRenderer2({
   const scaledWidth = width * scale;
   const scaledHeight = height * scale;
   const scaledStroke = strokeWidth * scale;
-  const getResizeHandles = useCallback35(() => {
+  const getResizeHandles = useCallback36(() => {
     const handleSize = 8;
     const half = handleSize / 2;
     return [
@@ -9389,7 +9806,7 @@ var ShapeRenderer = memo28(function ShapeRenderer2({
       { position: "w", cursor: "ew-resize", x: scaledX - half, y: scaledY + scaledHeight / 2 - half }
     ];
   }, [scaledX, scaledY, scaledWidth, scaledHeight]);
-  const handleMouseDown = useCallback35((e, handle) => {
+  const handleMouseDown = useCallback36((e, handle) => {
     e.stopPropagation();
     onSelect?.();
     if (!isEditing) return;
@@ -9465,7 +9882,7 @@ var ShapeRenderer = memo28(function ShapeRenderer2({
     document.addEventListener("mousemove", handleMouseMove);
     document.addEventListener("mouseup", handleMouseUp);
   }, [isEditing, x, y, width, height, scale, onSelect, onUpdate]);
-  const renderShape2 = useCallback35(() => {
+  const renderShape2 = useCallback36(() => {
     const commonProps = {
       stroke: color,
       strokeWidth: scaledStroke,
@@ -9477,7 +9894,7 @@ var ShapeRenderer = memo28(function ShapeRenderer2({
     };
     switch (shapeType) {
       case "rect":
-        return /* @__PURE__ */ jsx29(
+        return /* @__PURE__ */ jsx30(
           "rect",
           {
             x: scaledX,
@@ -9488,7 +9905,7 @@ var ShapeRenderer = memo28(function ShapeRenderer2({
           }
         );
       case "circle":
-        return /* @__PURE__ */ jsx29(
+        return /* @__PURE__ */ jsx30(
           "ellipse",
           {
             cx: scaledX + scaledWidth / 2,
@@ -9499,7 +9916,7 @@ var ShapeRenderer = memo28(function ShapeRenderer2({
           }
         );
       case "line":
-        return /* @__PURE__ */ jsx29(
+        return /* @__PURE__ */ jsx30(
           "line",
           {
             x1: scaledX,
@@ -9519,22 +9936,22 @@ var ShapeRenderer = memo28(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__ */ jsxs24("g", { children: [
-          /* @__PURE__ */ jsx29("line", { x1: scaledX, y1: scaledY, x2: endX, y2: endY, ...commonProps }),
-          /* @__PURE__ */ jsx29("line", { x1: endX, y1: endY, x2: arrow1X, y2: arrow1Y, ...commonProps }),
-          /* @__PURE__ */ jsx29("line", { x1: endX, y1: endY, x2: arrow2X, y2: arrow2Y, ...commonProps })
+        return /* @__PURE__ */ jsxs25("g", { children: [
+          /* @__PURE__ */ jsx30("line", { x1: scaledX, y1: scaledY, x2: endX, y2: endY, ...commonProps }),
+          /* @__PURE__ */ jsx30("line", { x1: endX, y1: endY, x2: arrow1X, y2: arrow1Y, ...commonProps }),
+          /* @__PURE__ */ jsx30("line", { x1: endX, y1: endY, x2: arrow2X, y2: arrow2Y, ...commonProps })
         ] });
       default:
         return null;
     }
   }, [shapeType, scaledX, scaledY, scaledWidth, scaledHeight, color, scaledStroke, isSelected]);
-  return /* @__PURE__ */ jsxs24(
+  return /* @__PURE__ */ jsxs25(
     "g",
     {
       className: cn("shape-renderer", className),
       onMouseDown: (e) => handleMouseDown(e),
       children: [
-        /* @__PURE__ */ jsx29(
+        /* @__PURE__ */ jsx30(
           "rect",
           {
             x: scaledX - 5,
@@ -9547,7 +9964,7 @@ var ShapeRenderer = memo28(function ShapeRenderer2({
           }
         ),
         renderShape2(),
-        isSelected && /* @__PURE__ */ jsx29(
+        isSelected && /* @__PURE__ */ jsx30(
           "rect",
           {
             x: scaledX - 2,
@@ -9560,7 +9977,7 @@ var ShapeRenderer = memo28(function ShapeRenderer2({
             strokeDasharray: "4 2"
           }
         ),
-        isSelected && isEditing && getResizeHandles().map((handle) => /* @__PURE__ */ jsx29(
+        isSelected && isEditing && getResizeHandles().map((handle) => /* @__PURE__ */ jsx30(
           "rect",
           {
             x: handle.x,
@@ -9580,7 +9997,7 @@ var ShapeRenderer = memo28(function ShapeRenderer2({
     }
   );
 });
-var ShapePreview = memo28(function ShapePreview2({
+var ShapePreview = memo29(function ShapePreview2({
   shapeType,
   startPoint,
   endPoint,
@@ -9601,9 +10018,9 @@ var ShapePreview = memo28(function ShapePreview2({
   };
   switch (shapeType) {
     case "rect":
-      return /* @__PURE__ */ jsx29("rect", { x, y, width, height, ...commonProps });
+      return /* @__PURE__ */ jsx30("rect", { x, y, width, height, ...commonProps });
     case "circle":
-      return /* @__PURE__ */ jsx29(
+      return /* @__PURE__ */ jsx30(
         "ellipse",
         {
           cx: x + width / 2,
@@ -9614,7 +10031,7 @@ var ShapePreview = memo28(function ShapePreview2({
         }
       );
     case "line":
-      return /* @__PURE__ */ jsx29(
+      return /* @__PURE__ */ jsx30(
         "line",
         {
           x1: startPoint.x * scale,
@@ -9636,8 +10053,8 @@ var ShapePreview = memo28(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__ */ jsxs24("g", { children: [
-        /* @__PURE__ */ jsx29(
+      return /* @__PURE__ */ jsxs25("g", { children: [
+        /* @__PURE__ */ jsx30(
           "line",
           {
             x1: startPoint.x * scale,
@@ -9647,8 +10064,8 @@ var ShapePreview = memo28(function ShapePreview2({
             ...commonProps
           }
         ),
-        /* @__PURE__ */ jsx29("line", { x1: endX, y1: endY, x2: arrow1X, y2: arrow1Y, ...commonProps }),
-        /* @__PURE__ */ jsx29("line", { x1: endX, y1: endY, x2: arrow2X, y2: arrow2Y, ...commonProps })
+        /* @__PURE__ */ jsx30("line", { x1: endX, y1: endY, x2: arrow1X, y2: arrow1Y, ...commonProps }),
+        /* @__PURE__ */ jsx30("line", { x1: endX, y1: endY, x2: arrow2X, y2: arrow2Y, ...commonProps })
       ] });
     default:
       return null;
@@ -9657,9 +10074,9 @@ var ShapePreview = memo28(function ShapePreview2({
 
 // src/components/Annotations/QuickNoteButton.tsx
 init_utils();
-import { memo as memo29, useCallback as useCallback36, useState as useState25 } from "react";
-import { jsx as jsx30 } from "react/jsx-runtime";
-var QuickNoteButton = memo29(function QuickNoteButton2({
+import { memo as memo30, useCallback as useCallback37, useState as useState25 } from "react";
+import { jsx as jsx31 } from "react/jsx-runtime";
+var QuickNoteButton = memo30(function QuickNoteButton2({
   pageNumber,
   scale,
   position = "top-right",
@@ -9668,7 +10085,7 @@ var QuickNoteButton = memo29(function QuickNoteButton2({
   visible = true
 }) {
   const [isHovered, setIsHovered] = useState25(false);
-  const handleClick = useCallback36(
+  const handleClick = useCallback37(
     (e) => {
       e.stopPropagation();
       const x = position === "top-right" ? 80 : 80;
@@ -9680,7 +10097,7 @@ var QuickNoteButton = memo29(function QuickNoteButton2({
   if (!visible) {
     return null;
   }
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     "button",
     {
       onClick: handleClick,
@@ -9702,7 +10119,7 @@ var QuickNoteButton = memo29(function QuickNoteButton2({
       ),
       title: "Add quick note",
       "aria-label": "Add quick note",
-      children: /* @__PURE__ */ jsx30(
+      children: /* @__PURE__ */ jsx31(
         "svg",
         {
           className: "w-4 h-4 text-yellow-900",
@@ -9710,7 +10127,7 @@ var QuickNoteButton = memo29(function QuickNoteButton2({
           viewBox: "0 0 24 24",
           stroke: "currentColor",
           strokeWidth: 2,
-          children: /* @__PURE__ */ jsx30("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 4v16m8-8H4" })
+          children: /* @__PURE__ */ jsx31("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 4v16m8-8H4" })
         }
       )
     }
@@ -9719,9 +10136,9 @@ var QuickNoteButton = memo29(function QuickNoteButton2({
 
 // src/components/Annotations/QuickNotePopover.tsx
 init_utils();
-import { memo as memo30, useCallback as useCallback37, useState as useState26, useRef as useRef23, useEffect as useEffect24 } from "react";
-import { jsx as jsx31, jsxs as jsxs25 } from "react/jsx-runtime";
-var QuickNotePopover = memo30(function QuickNotePopover2({
+import { memo as memo31, useCallback as useCallback38, useState as useState26, useRef as useRef23, useEffect as useEffect24 } from "react";
+import { jsx as jsx32, jsxs as jsxs26 } from "react/jsx-runtime";
+var QuickNotePopover = memo31(function QuickNotePopover2({
   visible,
   position,
   initialContent = "",
@@ -9763,14 +10180,14 @@ var QuickNotePopover = memo30(function QuickNotePopover2({
     }
     setAdjustedPosition({ x, y });
   }, [position, visible]);
-  const handleSave = useCallback37(() => {
+  const handleSave = useCallback38(() => {
     if (content.trim()) {
       onSave(content.trim());
     } else {
       onCancel();
     }
   }, [content, onSave, onCancel]);
-  const handleKeyDown = useCallback37(
+  const handleKeyDown = useCallback38(
     (e) => {
       if (e.key === "Enter" && (e.ctrlKey || e.metaKey)) {
         e.preventDefault();
@@ -9785,7 +10202,7 @@ var QuickNotePopover = memo30(function QuickNotePopover2({
   if (!visible) {
     return null;
   }
-  return /* @__PURE__ */ jsxs25(
+  return /* @__PURE__ */ jsxs26(
     "div",
     {
       ref: popoverRef,
@@ -9804,15 +10221,15 @@ var QuickNotePopover = memo30(function QuickNotePopover2({
         top: adjustedPosition.y
       },
       children: [
-        agentLastStatement && /* @__PURE__ */ jsx31("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__ */ jsxs25("div", { className: "flex items-start gap-1", children: [
-          /* @__PURE__ */ jsx31("svg", { className: "w-3 h-3 mt-0.5 flex-shrink-0", fill: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx31("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__ */ jsxs25("span", { className: "line-clamp-2", children: [
+        agentLastStatement && /* @__PURE__ */ jsx32("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__ */ jsxs26("div", { className: "flex items-start gap-1", children: [
+          /* @__PURE__ */ jsx32("svg", { className: "w-3 h-3 mt-0.5 flex-shrink-0", fill: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx32("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__ */ jsxs26("span", { className: "line-clamp-2", children: [
             "AI discussed: \u201C",
             agentLastStatement,
             "\u201D"
           ] })
         ] }) }),
-        /* @__PURE__ */ jsx31(
+        /* @__PURE__ */ jsx32(
           "textarea",
           {
             ref: textareaRef,
@@ -9831,13 +10248,13 @@ var QuickNotePopover = memo30(function QuickNotePopover2({
             )
           }
         ),
-        /* @__PURE__ */ jsxs25("div", { className: "flex items-center justify-between mt-2", children: [
-          /* @__PURE__ */ jsxs25("span", { className: "text-xs text-gray-500 dark:text-gray-400", children: [
+        /* @__PURE__ */ jsxs26("div", { className: "flex items-center justify-between mt-2", children: [
+          /* @__PURE__ */ jsxs26("span", { className: "text-xs text-gray-500 dark:text-gray-400", children: [
             navigator.platform.includes("Mac") ? "\u2318" : "Ctrl",
             "+Enter to save"
           ] }),
-          /* @__PURE__ */ jsxs25("div", { className: "flex gap-2", children: [
-            /* @__PURE__ */ jsx31(
+          /* @__PURE__ */ jsxs26("div", { className: "flex gap-2", children: [
+            /* @__PURE__ */ jsx32(
               "button",
               {
                 onClick: onCancel,
@@ -9850,7 +10267,7 @@ var QuickNotePopover = memo30(function QuickNotePopover2({
                 children: "Cancel"
               }
             ),
-            /* @__PURE__ */ jsx31(
+            /* @__PURE__ */ jsx32(
               "button",
               {
                 onClick: handleSave,
@@ -9874,9 +10291,9 @@ var QuickNotePopover = memo30(function QuickNotePopover2({
 
 // src/components/AskAbout/AskAboutOverlay.tsx
 init_utils();
-import { memo as memo31 } from "react";
-import { jsx as jsx32, jsxs as jsxs26 } from "react/jsx-runtime";
-var AskAboutOverlay = memo31(function AskAboutOverlay2({
+import { memo as memo32 } from "react";
+import { jsx as jsx33, jsxs as jsxs27 } from "react/jsx-runtime";
+var AskAboutOverlay = memo32(function AskAboutOverlay2({
   visible,
   progress,
   position,
@@ -9890,7 +10307,7 @@ var AskAboutOverlay = memo31(function AskAboutOverlay2({
   const radius = (size - strokeWidth) / 2;
   const circumference = 2 * Math.PI * radius;
   const strokeDashoffset = circumference * (1 - progress);
-  return /* @__PURE__ */ jsxs26(
+  return /* @__PURE__ */ jsxs27(
     "div",
     {
       className: cn(
@@ -9903,7 +10320,7 @@ var AskAboutOverlay = memo31(function AskAboutOverlay2({
         top: position.y - size / 2
       },
       children: [
-        /* @__PURE__ */ jsxs26(
+        /* @__PURE__ */ jsxs27(
           "svg",
           {
             width: size,
@@ -9911,7 +10328,7 @@ var AskAboutOverlay = memo31(function AskAboutOverlay2({
             viewBox: `0 0 ${size} ${size}`,
             className: "transform -rotate-90",
             children: [
-              /* @__PURE__ */ jsx32(
+              /* @__PURE__ */ jsx33(
                 "circle",
                 {
                   cx: size / 2,
@@ -9922,7 +10339,7 @@ var AskAboutOverlay = memo31(function AskAboutOverlay2({
                   strokeWidth
                 }
               ),
-              /* @__PURE__ */ jsx32(
+              /* @__PURE__ */ jsx33(
                 "circle",
                 {
                   cx: size / 2,
@@ -9940,12 +10357,12 @@ var AskAboutOverlay = memo31(function AskAboutOverlay2({
             ]
           }
         ),
-        /* @__PURE__ */ jsx32(
+        /* @__PURE__ */ jsx33(
           "div",
           {
             className: "absolute inset-0 flex items-center justify-center",
             style: { color: progress >= 1 ? "#22c55e" : "white" },
-            children: progress >= 1 ? /* @__PURE__ */ jsx32(
+            children: progress >= 1 ? /* @__PURE__ */ jsx33(
               "svg",
               {
                 width: "24",
@@ -9956,9 +10373,9 @@ var AskAboutOverlay = memo31(function AskAboutOverlay2({
                 strokeWidth: "2",
                 strokeLinecap: "round",
                 strokeLinejoin: "round",
-                children: /* @__PURE__ */ jsx32("polyline", { points: "20 6 9 17 4 12" })
+                children: /* @__PURE__ */ jsx33("polyline", { points: "20 6 9 17 4 12" })
               }
-            ) : /* @__PURE__ */ jsxs26(
+            ) : /* @__PURE__ */ jsxs27(
               "svg",
               {
                 width: "20",
@@ -9970,9 +10387,9 @@ var AskAboutOverlay = memo31(function AskAboutOverlay2({
                 strokeLinecap: "round",
                 strokeLinejoin: "round",
                 children: [
-                  /* @__PURE__ */ jsx32("circle", { cx: "12", cy: "12", r: "10" }),
-                  /* @__PURE__ */ jsx32("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
-                  /* @__PURE__ */ jsx32("line", { x1: "12", y1: "17", x2: "12.01", y2: "17" })
+                  /* @__PURE__ */ jsx33("circle", { cx: "12", cy: "12", r: "10" }),
+                  /* @__PURE__ */ jsx33("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
+                  /* @__PURE__ */ jsx33("line", { x1: "12", y1: "17", x2: "12.01", y2: "17" })
                 ]
               }
             )
@@ -9985,9 +10402,9 @@ var AskAboutOverlay = memo31(function AskAboutOverlay2({
 
 // src/components/AskAbout/AskAboutTrigger.tsx
 init_utils();
-import { memo as memo32, useCallback as useCallback38, useState as useState27, useRef as useRef24, useEffect as useEffect25 } from "react";
-import { jsx as jsx33, jsxs as jsxs27 } from "react/jsx-runtime";
-var AskAboutTrigger = memo32(function AskAboutTrigger2({
+import { memo as memo33, useCallback as useCallback39, useState as useState27, useRef as useRef24, useEffect as useEffect25 } from "react";
+import { jsx as jsx34, jsxs as jsxs28 } from "react/jsx-runtime";
+var AskAboutTrigger = memo33(function AskAboutTrigger2({
   position,
   onConfirm,
   onCancel,
@@ -10018,14 +10435,14 @@ var AskAboutTrigger = memo32(function AskAboutTrigger2({
     const timer = setTimeout(onCancel, autoHideDelay);
     return () => clearTimeout(timer);
   }, [visible, autoHideDelay, onCancel]);
-  const handleConfirm = useCallback38(
+  const handleConfirm = useCallback39(
     (e) => {
       e.stopPropagation();
       onConfirm();
     },
     [onConfirm]
   );
-  const handleCancel = useCallback38(
+  const handleCancel = useCallback39(
     (e) => {
       e.stopPropagation();
       onCancel();
@@ -10035,7 +10452,7 @@ var AskAboutTrigger = memo32(function AskAboutTrigger2({
   if (!visible) {
     return null;
   }
-  return /* @__PURE__ */ jsxs27(
+  return /* @__PURE__ */ jsxs28(
     "div",
     {
       ref: triggerRef,
@@ -10054,8 +10471,8 @@ var AskAboutTrigger = memo32(function AskAboutTrigger2({
         transform: "translate(-50%, 0)"
       },
       children: [
-        /* @__PURE__ */ jsx33("span", { className: "text-sm text-gray-600 dark:text-gray-300 px-2", children: "Ask about this?" }),
-        /* @__PURE__ */ jsx33(
+        /* @__PURE__ */ jsx34("span", { className: "text-sm text-gray-600 dark:text-gray-300 px-2", children: "Ask about this?" }),
+        /* @__PURE__ */ jsx34(
           "button",
           {
             onClick: handleConfirm,
@@ -10068,7 +10485,7 @@ var AskAboutTrigger = memo32(function AskAboutTrigger2({
             children: "Ask"
           }
         ),
-        /* @__PURE__ */ jsx33(
+        /* @__PURE__ */ jsx34(
           "button",
           {
             onClick: handleCancel,
@@ -10090,9 +10507,9 @@ var AskAboutTrigger = memo32(function AskAboutTrigger2({
 // src/components/Minimap/Minimap.tsx
 init_hooks();
 init_utils();
-import { memo as memo33, useMemo as useMemo14, useCallback as useCallback39 } from "react";
-import { Fragment as Fragment3, jsx as jsx34, jsxs as jsxs28 } from "react/jsx-runtime";
-var PageIndicator = memo33(function PageIndicator2({
+import { memo as memo34, useMemo as useMemo14, useCallback as useCallback40 } from "react";
+import { Fragment as Fragment3, jsx as jsx35, jsxs as jsxs29 } from "react/jsx-runtime";
+var PageIndicator = memo34(function PageIndicator2({
   pageNumber,
   status,
   isBookmarked,
@@ -10106,7 +10523,7 @@ var PageIndicator = memo33(function PageIndicator2({
     if (status === "visited") return "bg-green-400";
     return "bg-gray-200 dark:bg-gray-700";
   };
-  return /* @__PURE__ */ jsxs28(
+  return /* @__PURE__ */ jsxs29(
     "button",
     {
       onClick,
@@ -10122,13 +10539,13 @@ var PageIndicator = memo33(function PageIndicator2({
       title: `Page ${pageNumber}${isBookmarked ? " (bookmarked)" : ""}`,
       "aria-label": `Go to page ${pageNumber}`,
       children: [
-        isBookmarked && !compact && /* @__PURE__ */ jsx34("div", { className: "absolute -top-1 -right-1 w-2 h-2 bg-yellow-500 rounded-full border border-white" }),
-        showNumber && !compact && /* @__PURE__ */ jsx34("span", { className: "absolute inset-0 flex items-center justify-center text-[8px] font-medium text-white", children: pageNumber })
+        isBookmarked && !compact && /* @__PURE__ */ jsx35("div", { className: "absolute -top-1 -right-1 w-2 h-2 bg-yellow-500 rounded-full border border-white" }),
+        showNumber && !compact && /* @__PURE__ */ jsx35("span", { className: "absolute inset-0 flex items-center justify-center text-[8px] font-medium text-white", children: pageNumber })
       ]
     }
   );
 });
-var Minimap = memo33(function Minimap2({
+var Minimap = memo34(function Minimap2({
   variant = "sidebar",
   floatingPosition = "right",
   maxHeight = 300,
@@ -10145,14 +10562,14 @@ var Minimap = memo33(function Minimap2({
     return new Set(bookmarks.map((b) => b.pageNumber));
   }, [bookmarks]);
   const compact = numPages > 50;
-  const handlePageClick = useCallback39(
+  const handlePageClick = useCallback40(
     (pageNumber) => {
       goToPage(pageNumber);
       onPageClick?.(pageNumber);
     },
     [goToPage, onPageClick]
   );
-  const getPageStatus = useCallback39(
+  const getPageStatus = useCallback40(
     (pageNumber) => {
       if (pageNumber === currentPage) return "current";
       if (bookmarkedPages.has(pageNumber)) return "bookmarked";
@@ -10165,7 +10582,7 @@ var Minimap = memo33(function Minimap2({
     const pages = [];
     for (let i = 1; i <= numPages; i++) {
       pages.push(
-        /* @__PURE__ */ jsx34(
+        /* @__PURE__ */ jsx35(
           PageIndicator,
           {
             pageNumber: i,
@@ -10186,16 +10603,16 @@ var Minimap = memo33(function Minimap2({
   if (numPages === 0) {
     return null;
   }
-  const content = /* @__PURE__ */ jsxs28(Fragment3, { children: [
-    /* @__PURE__ */ jsxs28("div", { className: "mb-3", children: [
-      /* @__PURE__ */ jsxs28("div", { className: "flex items-center justify-between text-xs text-gray-500 dark:text-gray-400 mb-1", children: [
-        /* @__PURE__ */ jsx34("span", { children: "Progress" }),
-        /* @__PURE__ */ jsxs28("span", { children: [
+  const content = /* @__PURE__ */ jsxs29(Fragment3, { children: [
+    /* @__PURE__ */ jsxs29("div", { className: "mb-3", children: [
+      /* @__PURE__ */ jsxs29("div", { className: "flex items-center justify-between text-xs text-gray-500 dark:text-gray-400 mb-1", children: [
+        /* @__PURE__ */ jsx35("span", { children: "Progress" }),
+        /* @__PURE__ */ jsxs29("span", { children: [
           progressPercentage,
           "%"
         ] })
       ] }),
-      /* @__PURE__ */ jsx34("div", { className: "h-1.5 bg-gray-200 dark:bg-gray-700 rounded-full overflow-hidden", children: /* @__PURE__ */ jsx34(
+      /* @__PURE__ */ jsx35("div", { className: "h-1.5 bg-gray-200 dark:bg-gray-700 rounded-full overflow-hidden", children: /* @__PURE__ */ jsx35(
         "div",
         {
           className: "h-full bg-green-500 rounded-full transition-all duration-300",
@@ -10203,7 +10620,7 @@ var Minimap = memo33(function Minimap2({
         }
       ) })
     ] }),
-    /* @__PURE__ */ jsx34(
+    /* @__PURE__ */ jsx35(
       "div",
       {
         className: cn(
@@ -10214,21 +10631,21 @@ var Minimap = memo33(function Minimap2({
         children: pageIndicators
       }
     ),
-    /* @__PURE__ */ jsx34("div", { className: "mt-3 pt-2 border-t border-gray-200 dark:border-gray-700", children: /* @__PURE__ */ jsxs28("div", { className: "flex flex-wrap gap-3 text-xs text-gray-500 dark:text-gray-400", children: [
-      /* @__PURE__ */ jsxs28("div", { className: "flex items-center gap-1", children: [
-        /* @__PURE__ */ jsx34("div", { className: "w-2 h-2 rounded-sm bg-blue-500" }),
-        /* @__PURE__ */ jsx34("span", { children: "Current" })
+    /* @__PURE__ */ jsx35("div", { className: "mt-3 pt-2 border-t border-gray-200 dark:border-gray-700", children: /* @__PURE__ */ jsxs29("div", { className: "flex flex-wrap gap-3 text-xs text-gray-500 dark:text-gray-400", children: [
+      /* @__PURE__ */ jsxs29("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ jsx35("div", { className: "w-2 h-2 rounded-sm bg-blue-500" }),
+        /* @__PURE__ */ jsx35("span", { children: "Current" })
       ] }),
-      /* @__PURE__ */ jsxs28("div", { className: "flex items-center gap-1", children: [
-        /* @__PURE__ */ jsx34("div", { className: "w-2 h-2 rounded-sm bg-green-400" }),
-        /* @__PURE__ */ jsx34("span", { children: "Visited" })
+      /* @__PURE__ */ jsxs29("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ jsx35("div", { className: "w-2 h-2 rounded-sm bg-green-400" }),
+        /* @__PURE__ */ jsx35("span", { children: "Visited" })
       ] }),
-      /* @__PURE__ */ jsxs28("div", { className: "flex items-center gap-1", children: [
-        /* @__PURE__ */ jsx34("div", { className: "w-2 h-2 rounded-sm bg-yellow-400" }),
-        /* @__PURE__ */ jsx34("span", { children: "Bookmarked" })
+      /* @__PURE__ */ jsxs29("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ jsx35("div", { className: "w-2 h-2 rounded-sm bg-yellow-400" }),
+        /* @__PURE__ */ jsx35("span", { children: "Bookmarked" })
       ] })
     ] }) }),
-    /* @__PURE__ */ jsxs28("div", { className: "mt-2 text-xs text-gray-500 dark:text-gray-400", children: [
+    /* @__PURE__ */ jsxs29("div", { className: "mt-2 text-xs text-gray-500 dark:text-gray-400", children: [
       visitedCount,
       " of ",
       numPages,
@@ -10236,7 +10653,7 @@ var Minimap = memo33(function Minimap2({
     ] })
   ] });
   if (variant === "floating") {
-    return /* @__PURE__ */ jsxs28(
+    return /* @__PURE__ */ jsxs29(
       "div",
       {
         className: cn(
@@ -10252,13 +10669,13 @@ var Minimap = memo33(function Minimap2({
         ),
         style: { maxHeight },
         children: [
-          /* @__PURE__ */ jsx34("h3", { className: "text-sm font-semibold text-gray-700 dark:text-gray-200 mb-2", children: "Reading Progress" }),
+          /* @__PURE__ */ jsx35("h3", { className: "text-sm font-semibold text-gray-700 dark:text-gray-200 mb-2", children: "Reading Progress" }),
           content
         ]
       }
     );
   }
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx35(
     "div",
     {
       className: cn(
@@ -10272,10 +10689,13 @@ var Minimap = memo33(function Minimap2({
   );
 });
 
+// src/components/index.ts
+init_FloatingZoomControls2();
+
 // src/components/ErrorBoundary/PDFErrorBoundary.tsx
 init_utils();
 import { Component } from "react";
-import { jsx as jsx35, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs30 } from "react/jsx-runtime";
 var PDFErrorBoundary = class extends Component {
   constructor(props) {
     super(props);
@@ -10303,7 +10723,7 @@ var PDFErrorBoundary = class extends Component {
         return fallback;
       }
       if (showDefaultUI) {
-        return /* @__PURE__ */ jsx35(
+        return /* @__PURE__ */ jsx36(
           DefaultErrorUI,
           {
             error,
@@ -10322,7 +10742,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__ */ jsx35("svg", { className: "w-12 h-12 text-red-500", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx35(
+  let icon = /* @__PURE__ */ jsx36("svg", { className: "w-12 h-12 text-red-500", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx36(
     "path",
     {
       strokeLinecap: "round",
@@ -10334,7 +10754,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__ */ jsx35("svg", { className: "w-12 h-12 text-red-500", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx35(
+    icon = /* @__PURE__ */ jsx36("svg", { className: "w-12 h-12 text-red-500", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx36(
       "path",
       {
         strokeLinecap: "round",
@@ -10346,7 +10766,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__ */ jsx35("svg", { className: "w-12 h-12 text-red-500", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx35(
+    icon = /* @__PURE__ */ jsx36("svg", { className: "w-12 h-12 text-red-500", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx36(
       "path",
       {
         strokeLinecap: "round",
@@ -10356,7 +10776,7 @@ function DefaultErrorUI({ error, onReset, className }) {
       }
     ) });
   }
-  return /* @__PURE__ */ jsxs29(
+  return /* @__PURE__ */ jsxs30(
     "div",
     {
       className: cn(
@@ -10369,14 +10789,14 @@ function DefaultErrorUI({ error, onReset, className }) {
       ),
       children: [
         icon,
-        /* @__PURE__ */ jsx35("h2", { className: "mt-4 text-xl font-semibold text-gray-900 dark:text-gray-100", children: title }),
-        /* @__PURE__ */ jsx35("p", { className: "mt-2 text-sm text-gray-600 dark:text-gray-400 max-w-md", children: description }),
-        /* @__PURE__ */ jsxs29("details", { className: "mt-4 text-left max-w-md w-full", children: [
-          /* @__PURE__ */ jsx35("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__ */ jsx35("pre", { className: "mt-2 p-2 bg-gray-100 dark:bg-gray-800 rounded text-xs overflow-auto", children: error.stack || error.message })
+        /* @__PURE__ */ jsx36("h2", { className: "mt-4 text-xl font-semibold text-gray-900 dark:text-gray-100", children: title }),
+        /* @__PURE__ */ jsx36("p", { className: "mt-2 text-sm text-gray-600 dark:text-gray-400 max-w-md", children: description }),
+        /* @__PURE__ */ jsxs30("details", { className: "mt-4 text-left max-w-md w-full", children: [
+          /* @__PURE__ */ jsx36("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__ */ jsx36("pre", { className: "mt-2 p-2 bg-gray-100 dark:bg-gray-800 rounded text-xs overflow-auto", children: error.stack || error.message })
         ] }),
-        /* @__PURE__ */ jsxs29("div", { className: "mt-6 flex gap-3", children: [
-          /* @__PURE__ */ jsx35(
+        /* @__PURE__ */ jsxs30("div", { className: "mt-6 flex gap-3", children: [
+          /* @__PURE__ */ jsx36(
             "button",
             {
               onClick: onReset,
@@ -10390,7 +10810,7 @@ function DefaultErrorUI({ error, onReset, className }) {
               children: "Try again"
             }
           ),
-          /* @__PURE__ */ jsx35(
+          /* @__PURE__ */ jsx36(
             "button",
             {
               onClick: () => window.location.reload(),
@@ -10410,7 +10830,7 @@ function DefaultErrorUI({ error, onReset, className }) {
   );
 }
 function withErrorBoundary({ component, ...props }) {
-  return /* @__PURE__ */ jsx35(PDFErrorBoundary, { ...props, children: component });
+  return /* @__PURE__ */ jsx36(PDFErrorBoundary, { ...props, children: component });
 }
 
 // src/index.ts
@@ -10433,6 +10853,7 @@ export {
   DocumentContainer,
   DrawingCanvas,
   DualPageContainer,
+  FloatingZoomControls,
   FocusRegionLayer,
   HighlightLayer,
   HighlightPopover,