pdfjs-reader-core 0.2.17 → 0.3.0

package/dist/index.js

@@ -1760,6 +1760,85 @@ var init_coordinates = __esm({
   }
 });
 
+// src/utils/page-turn-sound.ts
+function getAudioContext() {
+  if (typeof window === "undefined") return null;
+  if (!audioContext) {
+    try {
+      audioContext = new (window.AudioContext || window.webkitAudioContext)();
+    } catch {
+      return null;
+    }
+  }
+  return audioContext;
+}
+function playPageTurnSound(volume = 0.3) {
+  const ctx = getAudioContext();
+  if (!ctx) return;
+  if (ctx.state === "suspended") {
+    ctx.resume();
+  }
+  const now = ctx.currentTime;
+  const duration = 0.35;
+  const bufferSize = Math.floor(ctx.sampleRate * duration);
+  const noiseBuffer = ctx.createBuffer(1, bufferSize, ctx.sampleRate);
+  const data = noiseBuffer.getChannelData(0);
+  for (let i = 0; i < bufferSize; i++) {
+    data[i] = Math.random() * 2 - 1;
+  }
+  const noiseSource = ctx.createBufferSource();
+  noiseSource.buffer = noiseBuffer;
+  const bandpass = ctx.createBiquadFilter();
+  bandpass.type = "bandpass";
+  bandpass.frequency.setValueAtTime(3e3, now);
+  bandpass.frequency.exponentialRampToValueAtTime(800, now + duration * 0.6);
+  bandpass.Q.setValueAtTime(0.8, now);
+  const highpass = ctx.createBiquadFilter();
+  highpass.type = "highpass";
+  highpass.frequency.setValueAtTime(400, now);
+  highpass.frequency.linearRampToValueAtTime(200, now + duration);
+  const envelope = ctx.createGain();
+  envelope.gain.setValueAtTime(0, now);
+  envelope.gain.linearRampToValueAtTime(volume * 0.6, now + 0.02);
+  envelope.gain.setValueAtTime(volume * 0.6, now + 0.05);
+  envelope.gain.linearRampToValueAtTime(volume, now + duration * 0.3);
+  envelope.gain.exponentialRampToValueAtTime(1e-3, now + duration);
+  const snapBuffer = ctx.createBuffer(1, Math.floor(ctx.sampleRate * 0.08), ctx.sampleRate);
+  const snapData = snapBuffer.getChannelData(0);
+  for (let i = 0; i < snapData.length; i++) {
+    snapData[i] = Math.random() * 2 - 1;
+  }
+  const snapSource = ctx.createBufferSource();
+  snapSource.buffer = snapBuffer;
+  const snapFilter = ctx.createBiquadFilter();
+  snapFilter.type = "bandpass";
+  snapFilter.frequency.setValueAtTime(2e3, now);
+  snapFilter.Q.setValueAtTime(1.5, now);
+  const snapEnvelope = ctx.createGain();
+  snapEnvelope.gain.setValueAtTime(0, now);
+  snapEnvelope.gain.setValueAtTime(0, now + duration * 0.7);
+  snapEnvelope.gain.linearRampToValueAtTime(volume * 0.8, now + duration * 0.75);
+  snapEnvelope.gain.exponentialRampToValueAtTime(1e-3, now + duration);
+  noiseSource.connect(bandpass);
+  bandpass.connect(highpass);
+  highpass.connect(envelope);
+  envelope.connect(ctx.destination);
+  snapSource.connect(snapFilter);
+  snapFilter.connect(snapEnvelope);
+  snapEnvelope.connect(ctx.destination);
+  noiseSource.start(now);
+  noiseSource.stop(now + duration);
+  snapSource.start(now);
+  snapSource.stop(now + duration);
+}
+var audioContext;
+var init_page_turn_sound = __esm({
+  "src/utils/page-turn-sound.ts"() {
+    "use strict";
+    audioContext = null;
+  }
+});
+
 // src/utils/index.ts
 var init_utils = __esm({
   "src/utils/index.ts"() {
@@ -1774,6 +1853,7 @@ var init_utils = __esm({
     init_agent_api();
     init_text_search();
     init_coordinates();
+    init_page_turn_sound();
   }
 });
 
@@ -9802,16 +9882,211 @@ var init_DualPageContainer = __esm({
   }
 });
 
-// src/components/FloatingZoomControls/FloatingZoomControls.tsx
-import { memo as memo26, useCallback as useCallback32 } from "react";
+// src/components/PDFViewer/BookModeContainer.tsx
+import React, { memo as memo26, useEffect as useEffect22, useState as useState21, useRef as useRef19, useCallback as useCallback32 } from "react";
+import HTMLFlipBook from "react-pageflip";
 import { jsx as jsx27, jsxs as jsxs23 } from "react/jsx-runtime";
+var BookPage, BookModeContainer;
+var init_BookModeContainer = __esm({
+  "src/components/PDFViewer/BookModeContainer.tsx"() {
+    "use strict";
+    init_PDFPage2();
+    init_PDFLoadingScreen2();
+    init_hooks();
+    init_utils();
+    BookPage = React.forwardRef(function BookPage2({ pageNumber, page, scale, rotation, width, height }, ref) {
+      return /* @__PURE__ */ jsx27("div", { ref, className: "book-page", "data-page-number": pageNumber, children: /* @__PURE__ */ jsx27("div", { style: { width, height, overflow: "hidden" }, children: /* @__PURE__ */ jsx27(
+        PDFPage,
+        {
+          pageNumber,
+          page,
+          scale,
+          rotation,
+          showTextLayer: false,
+          showAnnotationLayer: false,
+          showHighlightLayer: false
+        }
+      ) }) });
+    });
+    BookModeContainer = memo26(function BookModeContainer2({
+      className,
+      flippingTime = 800,
+      drawShadow = true,
+      maxShadowOpacity = 0.7
+    }) {
+      const {
+        document: document2,
+        currentPage,
+        numPages,
+        scale,
+        rotation,
+        theme,
+        isLoading,
+        goToPage
+      } = usePDFViewer();
+      const scrollToPageRequest = useViewerStore((s) => s.scrollToPageRequest);
+      const { viewerStore } = usePDFViewerStores();
+      const [pages, setPages] = useState21([]);
+      const [pageDims, setPageDims] = useState21({ width: 612, height: 792 });
+      const [isLoadingPages, setIsLoadingPages] = useState21(false);
+      const flipBookRef = useRef19(null);
+      const isSyncingRef = useRef19(false);
+      useEffect22(() => {
+        if (!document2) {
+          setPages([]);
+          return;
+        }
+        let cancelled = false;
+        const loadAllPages = async () => {
+          setIsLoadingPages(true);
+          try {
+            const pagePromises = [];
+            for (let i = 1; i <= numPages; i++) {
+              pagePromises.push(document2.getPage(i));
+            }
+            const results = await Promise.allSettled(pagePromises);
+            if (!cancelled) {
+              const loaded = results.map((r) => r.status === "fulfilled" ? r.value : null);
+              setPages(loaded);
+              const firstPage = loaded[0];
+              if (firstPage) {
+                const vp = firstPage.getViewport({ scale, rotation });
+                setPageDims({ width: Math.floor(vp.width), height: Math.floor(vp.height) });
+              }
+            }
+          } catch {
+          } finally {
+            if (!cancelled) setIsLoadingPages(false);
+          }
+        };
+        loadAllPages();
+        return () => {
+          cancelled = true;
+        };
+      }, [document2, numPages, scale, rotation]);
+      useEffect22(() => {
+        if (pages[0]) {
+          const vp = pages[0].getViewport({ scale, rotation });
+          setPageDims({ width: Math.floor(vp.width), height: Math.floor(vp.height) });
+        }
+      }, [pages, scale, rotation]);
+      useEffect22(() => {
+        const pageFlip = flipBookRef.current?.pageFlip();
+        if (!pageFlip) return;
+        const flipBookPage = pageFlip.getCurrentPageIndex();
+        const targetIndex = currentPage - 1;
+        if (flipBookPage !== targetIndex) {
+          isSyncingRef.current = true;
+          pageFlip.turnToPage(targetIndex);
+          setTimeout(() => {
+            isSyncingRef.current = false;
+          }, 100);
+        }
+      }, [currentPage]);
+      useEffect22(() => {
+        if (scrollToPageRequest) {
+          requestAnimationFrame(() => {
+            viewerStore.getState().completeScrollRequest(scrollToPageRequest.requestId);
+          });
+        }
+      }, [scrollToPageRequest, viewerStore]);
+      const handleFlip = useCallback32((e) => {
+        if (isSyncingRef.current) return;
+        const newPage = e.data + 1;
+        if (newPage !== currentPage && newPage >= 1 && newPage <= numPages) {
+          goToPage(newPage);
+        }
+      }, [currentPage, numPages, goToPage]);
+      const themeStyles = {
+        light: "bg-gray-100",
+        dark: "bg-gray-900",
+        sepia: "bg-amber-50"
+      };
+      const themeClass = theme === "dark" ? "dark" : theme === "sepia" ? "sepia" : "";
+      if (!document2) {
+        return /* @__PURE__ */ jsx27("div", { className: cn("document-container", "flex-1", themeStyles[theme], className), children: /* @__PURE__ */ jsx27(PDFLoadingScreen, { phase: isLoading ? "fetching" : "initializing" }) });
+      }
+      if (isLoadingPages || pages.length === 0) {
+        return /* @__PURE__ */ jsx27("div", { className: cn("document-container", "flex-1", themeStyles[theme], className), children: /* @__PURE__ */ jsx27(PDFLoadingScreen, { phase: "rendering" }) });
+      }
+      return /* @__PURE__ */ jsxs23(
+        "div",
+        {
+          className: cn(
+            "book-mode-container",
+            "flex-1 overflow-hidden",
+            "flex items-center justify-center",
+            themeStyles[theme],
+            themeClass,
+            className
+          ),
+          style: { userSelect: "none", WebkitUserSelect: "none" },
+          children: [
+            /* @__PURE__ */ jsx27(
+              HTMLFlipBook,
+              {
+                ref: flipBookRef,
+                width: pageDims.width,
+                height: pageDims.height,
+                size: "stretch",
+                minWidth: 300,
+                maxWidth: pageDims.width,
+                minHeight: 400,
+                maxHeight: pageDims.height,
+                drawShadow,
+                maxShadowOpacity,
+                flippingTime,
+                usePortrait: true,
+                startPage: currentPage - 1,
+                showCover: false,
+                mobileScrollSupport: false,
+                swipeDistance: 30,
+                showPageCorners: true,
+                useMouseEvents: true,
+                clickEventForward: false,
+                onFlip: handleFlip,
+                className: "book-flipbook",
+                style: {},
+                startZIndex: 0,
+                autoSize: true,
+                renderOnlyPageLengthChange: false,
+                disableFlipByClick: false,
+                children: pages.map((page, index) => /* @__PURE__ */ jsx27(
+                  BookPage,
+                  {
+                    pageNumber: index + 1,
+                    page,
+                    scale,
+                    rotation,
+                    width: pageDims.width,
+                    height: pageDims.height
+                  },
+                  index
+                ))
+              }
+            ),
+            /* @__PURE__ */ jsxs23("div", { className: "book-page-indicator", children: [
+              currentPage,
+              " / ",
+              numPages
+            ] })
+          ]
+        }
+      );
+    });
+  }
+});
+
+// src/components/FloatingZoomControls/FloatingZoomControls.tsx
+import { memo as memo27, useCallback as useCallback33 } from "react";
+import { jsx as jsx28, jsxs as jsxs24 } from "react/jsx-runtime";
 var FloatingZoomControls;
 var init_FloatingZoomControls = __esm({
   "src/components/FloatingZoomControls/FloatingZoomControls.tsx"() {
     "use strict";
     init_hooks();
     init_utils();
-    FloatingZoomControls = memo26(function FloatingZoomControls2({
+    FloatingZoomControls = memo27(function FloatingZoomControls2({
       position = "bottom-right",
       className,
       showFitToWidth = true,
@@ -9821,20 +10096,20 @@ var init_FloatingZoomControls = __esm({
       const { viewerStore } = usePDFViewerStores();
       const scale = useViewerStore((s) => s.scale);
       const document2 = useViewerStore((s) => s.document);
-      const handleZoomIn = useCallback32(() => {
+      const handleZoomIn = useCallback33(() => {
         const currentScale = viewerStore.getState().scale;
         const newScale = Math.min(4, currentScale + 0.05);
         viewerStore.getState().setScale(newScale);
       }, [viewerStore]);
-      const handleZoomOut = useCallback32(() => {
+      const handleZoomOut = useCallback33(() => {
         const currentScale = viewerStore.getState().scale;
         const newScale = Math.max(0.1, currentScale - 0.05);
         viewerStore.getState().setScale(newScale);
       }, [viewerStore]);
-      const handleFitToWidth = useCallback32(() => {
+      const handleFitToWidth = useCallback33(() => {
         viewerStore.getState().setScale(1);
       }, [viewerStore]);
-      const handleFitToPage = useCallback32(() => {
+      const handleFitToPage = useCallback33(() => {
         viewerStore.getState().setScale(0.75);
       }, [viewerStore]);
       if (!document2) return null;
@@ -9845,7 +10120,7 @@ var init_FloatingZoomControls = __esm({
         "top-left": "top-4 left-4"
       };
       const zoomPercentage = Math.round(scale * 100);
-      return /* @__PURE__ */ jsxs23(
+      return /* @__PURE__ */ jsxs24(
         "div",
         {
           className: cn(
@@ -9857,7 +10132,7 @@ var init_FloatingZoomControls = __esm({
             className
           ),
           children: [
-            /* @__PURE__ */ jsx27(
+            /* @__PURE__ */ jsx28(
               "button",
               {
                 onClick: handleZoomOut,
@@ -9871,14 +10146,14 @@ var init_FloatingZoomControls = __esm({
                 disabled: scale <= 0.25,
                 title: "Zoom Out",
                 "aria-label": "Zoom Out",
-                children: /* @__PURE__ */ jsx27("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx27("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M20 12H4" }) })
+                children: /* @__PURE__ */ jsx28("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx28("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M20 12H4" }) })
               }
             ),
-            showZoomLevel && /* @__PURE__ */ jsxs23("span", { className: "min-w-[48px] text-center text-sm font-medium text-gray-700 dark:text-gray-300", children: [
+            showZoomLevel && /* @__PURE__ */ jsxs24("span", { className: "min-w-[48px] text-center text-sm font-medium text-gray-700 dark:text-gray-300", children: [
               zoomPercentage,
               "%"
             ] }),
-            /* @__PURE__ */ jsx27(
+            /* @__PURE__ */ jsx28(
               "button",
               {
                 onClick: handleZoomIn,
@@ -9892,11 +10167,11 @@ var init_FloatingZoomControls = __esm({
                 disabled: scale >= 4,
                 title: "Zoom In",
                 "aria-label": "Zoom In",
-                children: /* @__PURE__ */ jsx27("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx27("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 4v16m8-8H4" }) })
+                children: /* @__PURE__ */ jsx28("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx28("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 4v16m8-8H4" }) })
               }
             ),
-            (showFitToWidth || showFitToPage) && /* @__PURE__ */ jsx27("div", { className: "w-px h-6 bg-gray-200 dark:bg-gray-700 mx-1" }),
-            showFitToWidth && /* @__PURE__ */ jsx27(
+            (showFitToWidth || showFitToPage) && /* @__PURE__ */ jsx28("div", { className: "w-px h-6 bg-gray-200 dark:bg-gray-700 mx-1" }),
+            showFitToWidth && /* @__PURE__ */ jsx28(
               "button",
               {
                 onClick: handleFitToWidth,
@@ -9908,10 +10183,10 @@ var init_FloatingZoomControls = __esm({
                 ),
                 title: "Fit to Width",
                 "aria-label": "Fit to Width",
-                children: /* @__PURE__ */ jsx27("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx27("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" }) })
+                children: /* @__PURE__ */ jsx28("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx28("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__ */ jsx27(
+            showFitToPage && /* @__PURE__ */ jsx28(
               "button",
               {
                 onClick: handleFitToPage,
@@ -9923,7 +10198,7 @@ var init_FloatingZoomControls = __esm({
                 ),
                 title: "Fit to Page",
                 "aria-label": "Fit to Page",
-                children: /* @__PURE__ */ jsx27("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx27("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" }) })
+                children: /* @__PURE__ */ jsx28("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx28("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" }) })
               }
             )
           ]
@@ -9947,14 +10222,14 @@ __export(PDFViewerClient_exports, {
   PDFViewerClient: () => PDFViewerClient
 });
 import {
-  useEffect as useEffect22,
-  useCallback as useCallback33,
-  memo as memo27,
-  useRef as useRef19,
-  useState as useState21,
+  useEffect as useEffect23,
+  useCallback as useCallback34,
+  memo as memo28,
+  useRef as useRef20,
+  useState as useState22,
   forwardRef
 } from "react";
-import { jsx as jsx28, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs25 } from "react/jsx-runtime";
 function getSrcIdentifier(src) {
   if (typeof src === "string") {
     return src;
@@ -10006,10 +10281,11 @@ var init_PDFViewerClient = __esm({
     init_DocumentContainer();
     init_ContinuousScrollContainer();
     init_DualPageContainer();
+    init_BookModeContainer();
     init_FloatingZoomControls2();
     init_PDFLoadingScreen2();
     init_utils();
-    PDFViewerInner = memo27(function PDFViewerInner2({
+    PDFViewerInner = memo28(function PDFViewerInner2({
       src,
       initialPage = 1,
       page: controlledPage,
@@ -10036,19 +10312,19 @@ var init_PDFViewerClient = __esm({
       onReady
     }) {
       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 onZoomChangeRef = useRef19(onZoomChange);
-      const onPageRenderStartRef = useRef19(onPageRenderStart);
-      const onPageRenderCompleteRef = useRef19(onPageRenderComplete);
-      const onHighlightAddedRef = useRef19(onHighlightAdded);
-      const onHighlightRemovedRef = useRef19(onHighlightRemoved);
-      const onAnnotationAddedRef = useRef19(onAnnotationAdded);
-      const onReadyRef = useRef19(onReady);
+      const mountedRef = useRef20(true);
+      const [, setLoadState] = useState22("idle");
+      const onDocumentLoadRef = useRef20(onDocumentLoad);
+      const onErrorRef = useRef20(onError);
+      const onPageChangeRef = useRef20(onPageChange);
+      const onScaleChangeRef = useRef20(onScaleChange);
+      const onZoomChangeRef = useRef20(onZoomChange);
+      const onPageRenderStartRef = useRef20(onPageRenderStart);
+      const onPageRenderCompleteRef = useRef20(onPageRenderComplete);
+      const onHighlightAddedRef = useRef20(onHighlightAdded);
+      const onHighlightRemovedRef = useRef20(onHighlightRemoved);
+      const onAnnotationAddedRef = useRef20(onAnnotationAdded);
+      const onReadyRef = useRef20(onReady);
       onDocumentLoadRef.current = onDocumentLoad;
       onErrorRef.current = onError;
       onPageChangeRef.current = onPageChange;
@@ -10061,8 +10337,8 @@ var init_PDFViewerClient = __esm({
       onAnnotationAddedRef.current = onAnnotationAdded;
       onReadyRef.current = onReady;
       const isControlled = controlledPage !== void 0;
-      const prevControlledPageRef = useRef19(controlledPage);
-      const srcIdRef = useRef19(null);
+      const prevControlledPageRef = useRef20(controlledPage);
+      const srcIdRef = useRef20(null);
       const currentPage = useViewerStore((s) => s.currentPage);
       const scale = useViewerStore((s) => s.scale);
       const theme = useViewerStore((s) => s.theme);
@@ -10072,8 +10348,8 @@ var init_PDFViewerClient = __esm({
       const sidebarOpen = useViewerStore((s) => s.sidebarOpen);
       const streamingProgress = useViewerStore((s) => s.streamingProgress);
       const srcId = getSrcIdentifier(src);
-      const handleRef = useRef19(null);
-      useEffect22(() => {
+      const handleRef = useRef20(null);
+      useEffect23(() => {
         const handle = {
           // ==================== Text Highlighting ====================
           highlightText: async (text, options) => {
@@ -10491,14 +10767,14 @@ var init_PDFViewerClient = __esm({
         handleRef.current = handle;
         onReadyRef.current?.(handle);
       }, [viewerStore, annotationStore, searchStore]);
-      const handleRetry = useCallback33(() => {
+      const handleRetry = useCallback34(() => {
         srcIdRef.current = null;
         viewerStore.getState().setError(null);
         setLoadState("idle");
       }, [viewerStore]);
-      const abortControllerRef = useRef19(null);
-      const currentSrcRef = useRef19(null);
-      useEffect22(() => {
+      const abortControllerRef = useRef20(null);
+      const currentSrcRef = useRef20(null);
+      useEffect23(() => {
         mountedRef.current = true;
         return () => {
           mountedRef.current = false;
@@ -10523,8 +10799,8 @@ var init_PDFViewerClient = __esm({
           viewerStore.getState().setError(null);
         };
       }, [viewerStore]);
-      const cancelLoaderRef = useRef19(null);
-      useEffect22(() => {
+      const cancelLoaderRef = useRef20(null);
+      useEffect23(() => {
         if (srcIdRef.current === srcId && viewerStore.getState().document) {
           return;
         }
@@ -10658,22 +10934,22 @@ var init_PDFViewerClient = __esm({
           }
         };
       }, [srcId, src, workerSrc, initialPage, initialScale, viewerStore]);
-      const prevPageRef = useRef19(currentPage);
-      useEffect22(() => {
+      const prevPageRef = useRef20(currentPage);
+      useEffect23(() => {
         if (prevPageRef.current !== currentPage) {
           prevPageRef.current = currentPage;
           onPageChangeRef.current?.(currentPage);
         }
       }, [currentPage]);
-      const prevScaleRef = useRef19(scale);
-      useEffect22(() => {
+      const prevScaleRef = useRef20(scale);
+      useEffect23(() => {
         if (prevScaleRef.current !== scale) {
           prevScaleRef.current = scale;
           onScaleChangeRef.current?.(scale);
           onZoomChangeRef.current?.(scale);
         }
       }, [scale]);
-      useEffect22(() => {
+      useEffect23(() => {
         if (!isControlled || controlledPage === void 0) return;
         if (prevControlledPageRef.current === controlledPage) return;
         prevControlledPageRef.current = controlledPage;
@@ -10686,7 +10962,7 @@ var init_PDFViewerClient = __esm({
       if (error) {
         if (errorComponent) {
           const errorContent = typeof errorComponent === "function" ? errorComponent(error, handleRetry) : errorComponent;
-          return /* @__PURE__ */ jsx28(
+          return /* @__PURE__ */ jsx29(
             "div",
             {
               className: cn(
@@ -10700,7 +10976,7 @@ var init_PDFViewerClient = __esm({
             }
           );
         }
-        return /* @__PURE__ */ jsx28(
+        return /* @__PURE__ */ jsx29(
           "div",
           {
             className: cn(
@@ -10710,10 +10986,10 @@ var init_PDFViewerClient = __esm({
               themeClass,
               className
             ),
-            children: /* @__PURE__ */ jsx28("div", { className: "flex-1 flex items-center justify-center", children: /* @__PURE__ */ jsxs24("div", { className: "text-center p-8", children: [
-              /* @__PURE__ */ jsx28("div", { className: "text-red-500 text-lg font-semibold mb-2", children: "Failed to load PDF" }),
-              /* @__PURE__ */ jsx28("div", { className: "text-gray-500 text-sm", children: error.message }),
-              /* @__PURE__ */ jsx28(
+            children: /* @__PURE__ */ jsx29("div", { className: "flex-1 flex items-center justify-center", children: /* @__PURE__ */ jsxs25("div", { className: "text-center p-8", children: [
+              /* @__PURE__ */ jsx29("div", { className: "text-red-500 text-lg font-semibold mb-2", children: "Failed to load PDF" }),
+              /* @__PURE__ */ jsx29("div", { className: "text-gray-500 text-sm", children: error.message }),
+              /* @__PURE__ */ jsx29(
                 "button",
                 {
                   onClick: handleRetry,
@@ -10728,15 +11004,17 @@ var init_PDFViewerClient = __esm({
       const renderContainer = () => {
         switch (viewMode) {
           case "continuous":
-            return /* @__PURE__ */ jsx28(ContinuousScrollContainer, {});
+            return /* @__PURE__ */ jsx29(ContinuousScrollContainer, {});
           case "dual":
-            return /* @__PURE__ */ jsx28(DualPageContainer, {});
+            return /* @__PURE__ */ jsx29(DualPageContainer, {});
+          case "book":
+            return /* @__PURE__ */ jsx29(BookModeContainer, {});
           case "single":
           default:
-            return /* @__PURE__ */ jsx28(DocumentContainer, {});
+            return /* @__PURE__ */ jsx29(DocumentContainer, {});
         }
       };
-      return /* @__PURE__ */ jsxs24(
+      return /* @__PURE__ */ jsxs25(
         "div",
         {
           className: cn(
@@ -10748,14 +11026,14 @@ var init_PDFViewerClient = __esm({
             className
           ),
           children: [
-            showToolbar && /* @__PURE__ */ jsx28(Toolbar, {}),
-            showAnnotationToolbar && /* @__PURE__ */ jsx28(AnnotationToolbar, {}),
-            /* @__PURE__ */ jsxs24("div", { className: "flex flex-1 overflow-hidden", children: [
-              showSidebar && sidebarOpen && /* @__PURE__ */ jsx28(Sidebar, {}),
+            showToolbar && /* @__PURE__ */ jsx29(Toolbar, {}),
+            showAnnotationToolbar && /* @__PURE__ */ jsx29(AnnotationToolbar, {}),
+            /* @__PURE__ */ jsxs25("div", { className: "flex flex-1 overflow-hidden", children: [
+              showSidebar && sidebarOpen && /* @__PURE__ */ jsx29(Sidebar, {}),
               renderContainer()
             ] }),
-            showFloatingZoom && /* @__PURE__ */ jsx28(FloatingZoomControls, { position: "bottom-right" }),
-            isLoading && /* @__PURE__ */ jsx28("div", { className: "absolute inset-0 z-50", children: loadingComponent ?? /* @__PURE__ */ jsx28(
+            showFloatingZoom && /* @__PURE__ */ jsx29(FloatingZoomControls, { position: "bottom-right" }),
+            isLoading && /* @__PURE__ */ jsx29("div", { className: "absolute inset-0 z-50", children: loadingComponent ?? /* @__PURE__ */ jsx29(
               PDFLoadingScreen,
               {
                 phase: loadingProgress?.phase ?? "fetching",
@@ -10764,10 +11042,10 @@ var init_PDFViewerClient = __esm({
                 totalBytes: loadingProgress?.totalBytes
               }
             ) }),
-            !isLoading && streamingProgress && streamingProgress.total > 0 && streamingProgress.loaded < streamingProgress.total && /* @__PURE__ */ jsxs24("div", { className: "absolute bottom-20 right-4 z-40 px-3 py-2 bg-gray-900/80 text-white text-xs rounded-lg shadow-lg flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx28("div", { className: "w-3 h-3 border-2 border-white/30 border-t-white rounded-full animate-spin" }),
-              /* @__PURE__ */ jsx28("span", { children: "Loading pages..." }),
-              /* @__PURE__ */ jsxs24("span", { className: "text-white/60", children: [
+            !isLoading && streamingProgress && streamingProgress.total > 0 && streamingProgress.loaded < streamingProgress.total && /* @__PURE__ */ jsxs25("div", { className: "absolute bottom-20 right-4 z-40 px-3 py-2 bg-gray-900/80 text-white text-xs rounded-lg shadow-lg flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx29("div", { className: "w-3 h-3 border-2 border-white/30 border-t-white rounded-full animate-spin" }),
+              /* @__PURE__ */ jsx29("span", { children: "Loading pages..." }),
+              /* @__PURE__ */ jsxs25("span", { className: "text-white/60", children: [
                 Math.round(streamingProgress.loaded / streamingProgress.total * 100),
                 "%"
               ] })
@@ -10778,8 +11056,8 @@ var init_PDFViewerClient = __esm({
     });
     PDFViewerInnerWithRef = forwardRef(
       function PDFViewerInnerWithRef2(props, ref) {
-        const handleRef = useRef19(null);
-        const handleReady = useCallback33((handle) => {
+        const handleRef = useRef20(null);
+        const handleReady = useCallback34((handle) => {
           handleRef.current = handle;
           if (typeof ref === "function") {
             ref(handle);
@@ -10787,17 +11065,17 @@ var init_PDFViewerClient = __esm({
             ref.current = handle;
           }
         }, [ref]);
-        return /* @__PURE__ */ jsx28(PDFViewerInner, { ...props, onReady: handleReady });
+        return /* @__PURE__ */ jsx29(PDFViewerInner, { ...props, onReady: handleReady });
       }
     );
-    PDFViewerClient = memo27(
+    PDFViewerClient = memo28(
       forwardRef(function PDFViewerClient2(props, ref) {
-        return /* @__PURE__ */ jsx28(
+        return /* @__PURE__ */ jsx29(
           PDFViewerProvider,
           {
             theme: props.theme,
             defaultSidebarPanel: props.defaultSidebarPanel,
-            children: /* @__PURE__ */ jsx28(PDFViewerInnerWithRef, { ref, ...props })
+            children: /* @__PURE__ */ jsx29(PDFViewerInnerWithRef, { ref, ...props })
           }
         );
       })
@@ -10806,8 +11084,8 @@ var init_PDFViewerClient = __esm({
 });
 
 // src/components/PDFViewer/PDFViewer.tsx
-import { lazy, Suspense, memo as memo28 } from "react";
-import { jsx as jsx29, jsxs as jsxs25 } from "react/jsx-runtime";
+import { lazy, Suspense, memo as memo29 } from "react";
+import { jsx as jsx30, jsxs as jsxs26 } from "react/jsx-runtime";
 var PDFViewerClient3, PDFViewerLoading, PDFViewer;
 var init_PDFViewer = __esm({
   "src/components/PDFViewer/PDFViewer.tsx"() {
@@ -10816,10 +11094,10 @@ var init_PDFViewer = __esm({
     PDFViewerClient3 = lazy(
       () => Promise.resolve().then(() => (init_PDFViewerClient(), PDFViewerClient_exports)).then((mod) => ({ default: mod.PDFViewerClient }))
     );
-    PDFViewerLoading = memo28(function PDFViewerLoading2({
+    PDFViewerLoading = memo29(function PDFViewerLoading2({
       className
     }) {
-      return /* @__PURE__ */ jsx29(
+      return /* @__PURE__ */ jsx30(
         "div",
         {
           className: cn(
@@ -10828,18 +11106,18 @@ var init_PDFViewer = __esm({
             "bg-white dark:bg-gray-900",
             className
           ),
-          children: /* @__PURE__ */ jsx29("div", { className: "flex-1 flex items-center justify-center", children: /* @__PURE__ */ jsxs25("div", { className: "flex flex-col items-center", children: [
-            /* @__PURE__ */ jsx29("div", { className: "w-8 h-8 border-4 border-blue-500 border-t-transparent rounded-full animate-spin" }),
-            /* @__PURE__ */ jsx29("div", { className: "mt-2 text-sm text-gray-500", children: "Loading PDF viewer..." })
+          children: /* @__PURE__ */ jsx30("div", { className: "flex-1 flex items-center justify-center", children: /* @__PURE__ */ jsxs26("div", { className: "flex flex-col items-center", children: [
+            /* @__PURE__ */ jsx30("div", { className: "w-8 h-8 border-4 border-blue-500 border-t-transparent rounded-full animate-spin" }),
+            /* @__PURE__ */ jsx30("div", { className: "mt-2 text-sm text-gray-500", children: "Loading PDF viewer..." })
           ] }) })
         }
       );
     });
-    PDFViewer = memo28(function PDFViewer2(props) {
+    PDFViewer = memo29(function PDFViewer2(props) {
       if (typeof window === "undefined") {
-        return /* @__PURE__ */ jsx29(PDFViewerLoading, { className: props.className });
+        return /* @__PURE__ */ jsx30(PDFViewerLoading, { className: props.className });
       }
-      return /* @__PURE__ */ jsx29(Suspense, { fallback: /* @__PURE__ */ jsx29(PDFViewerLoading, { className: props.className }), children: /* @__PURE__ */ jsx29(PDFViewerClient3, { ...props }) });
+      return /* @__PURE__ */ jsx30(Suspense, { fallback: /* @__PURE__ */ jsx30(PDFViewerLoading, { className: props.className }), children: /* @__PURE__ */ jsx30(PDFViewerClient3, { ...props }) });
     });
   }
 });
@@ -10854,6 +11132,7 @@ var init_PDFViewer2 = __esm({
     init_VirtualizedDocumentContainer();
     init_ContinuousScrollContainer();
     init_DualPageContainer();
+    init_BookModeContainer();
   }
 });
 
@@ -10868,8 +11147,8 @@ init_AnnotationToolbar2();
 
 // src/components/Annotations/StickyNote.tsx
 init_utils();
-import { memo as memo29, useState as useState22, useRef as useRef20, useEffect as useEffect23, useCallback as useCallback34 } from "react";
-import { jsx as jsx30, jsxs as jsxs26 } from "react/jsx-runtime";
+import { memo as memo30, useState as useState23, useRef as useRef21, useEffect as useEffect24, useCallback as useCallback35 } from "react";
+import { jsx as jsx31, jsxs as jsxs27 } from "react/jsx-runtime";
 var NOTE_COLORS = [
   "#fef08a",
   // yellow
@@ -10882,7 +11161,7 @@ var NOTE_COLORS = [
   "#fed7aa"
   // orange
 ];
-var StickyNote = memo29(function StickyNote2({
+var StickyNote = memo30(function StickyNote2({
   note,
   scale,
   isSelected,
@@ -10895,37 +11174,37 @@ var StickyNote = memo29(function StickyNote2({
   onDragStart,
   className
 }) {
-  const [isExpanded, setIsExpanded] = useState22(false);
-  const [localContent, setLocalContent] = useState22(note.content);
-  const textareaRef = useRef20(null);
-  const noteRef = useRef20(null);
-  useEffect23(() => {
+  const [isExpanded, setIsExpanded] = useState23(false);
+  const [localContent, setLocalContent] = useState23(note.content);
+  const textareaRef = useRef21(null);
+  const noteRef = useRef21(null);
+  useEffect24(() => {
     setLocalContent(note.content);
   }, [note.content]);
-  useEffect23(() => {
+  useEffect24(() => {
     if (isEditing && textareaRef.current) {
       textareaRef.current.focus();
       textareaRef.current.select();
     }
   }, [isEditing]);
-  const handleClick = useCallback34((e) => {
+  const handleClick = useCallback35((e) => {
     e.stopPropagation();
     onSelect?.();
     if (!isExpanded) {
       setIsExpanded(true);
     }
   }, [isExpanded, onSelect]);
-  const handleDoubleClick = useCallback34((e) => {
+  const handleDoubleClick = useCallback35((e) => {
     e.stopPropagation();
     onStartEdit?.();
   }, [onStartEdit]);
-  const handleBlur = useCallback34(() => {
+  const handleBlur = useCallback35(() => {
     if (isEditing && localContent !== note.content) {
       onUpdate?.({ content: localContent });
     }
     onEndEdit?.();
   }, [isEditing, localContent, note.content, onUpdate, onEndEdit]);
-  const handleKeyDown = useCallback34((e) => {
+  const handleKeyDown = useCallback35((e) => {
     if (e.key === "Escape") {
       setLocalContent(note.content);
       onEndEdit?.();
@@ -10933,16 +11212,16 @@ var StickyNote = memo29(function StickyNote2({
       handleBlur();
     }
   }, [note.content, onEndEdit, handleBlur]);
-  const handleColorChange = useCallback34((color) => {
+  const handleColorChange = useCallback35((color) => {
     onUpdate?.({ color });
   }, [onUpdate]);
-  const handleCollapse = useCallback34((e) => {
+  const handleCollapse = useCallback35((e) => {
     e.stopPropagation();
     setIsExpanded(false);
     onEndEdit?.();
   }, [onEndEdit]);
   if (!isExpanded) {
-    return /* @__PURE__ */ jsx30(
+    return /* @__PURE__ */ jsx31(
       "div",
       {
         ref: noteRef,
@@ -10963,14 +11242,14 @@ var StickyNote = memo29(function StickyNote2({
         onMouseDown: onDragStart,
         onTouchStart: onDragStart,
         title: note.content || "Empty note",
-        children: /* @__PURE__ */ jsx30(
+        children: /* @__PURE__ */ jsx31(
           "svg",
           {
             className: "w-4 h-4 opacity-70",
             fill: "currentColor",
             viewBox: "0 0 20 20",
             style: { color: "#333" },
-            children: /* @__PURE__ */ jsx30(
+            children: /* @__PURE__ */ jsx31(
               "path",
               {
                 fillRule: "evenodd",
@@ -10983,7 +11262,7 @@ var StickyNote = memo29(function StickyNote2({
       }
     );
   }
-  return /* @__PURE__ */ jsxs26(
+  return /* @__PURE__ */ jsxs27(
     "div",
     {
       ref: noteRef,
@@ -11001,14 +11280,14 @@ var StickyNote = memo29(function StickyNote2({
       },
       onClick: handleClick,
       children: [
-        /* @__PURE__ */ jsxs26(
+        /* @__PURE__ */ jsxs27(
           "div",
           {
             className: "flex items-center justify-between px-2 py-1 border-b border-black/10 cursor-move",
             onMouseDown: onDragStart,
             onTouchStart: onDragStart,
             children: [
-              /* @__PURE__ */ jsx30("div", { className: "flex gap-1", children: NOTE_COLORS.map((color) => /* @__PURE__ */ jsx30(
+              /* @__PURE__ */ jsx31("div", { className: "flex gap-1", children: NOTE_COLORS.map((color) => /* @__PURE__ */ jsx31(
                 "button",
                 {
                   className: cn(
@@ -11025,8 +11304,8 @@ var StickyNote = memo29(function StickyNote2({
                 },
                 color
               )) }),
-              /* @__PURE__ */ jsxs26("div", { className: "flex gap-1", children: [
-                /* @__PURE__ */ jsx30(
+              /* @__PURE__ */ jsxs27("div", { className: "flex gap-1", children: [
+                /* @__PURE__ */ jsx31(
                   "button",
                   {
                     className: "p-0.5 hover:bg-black/10 rounded",
@@ -11035,23 +11314,23 @@ var StickyNote = memo29(function StickyNote2({
                       onDelete?.();
                     },
                     title: "Delete note",
-                    children: /* @__PURE__ */ jsx30("svg", { className: "w-3.5 h-3.5 text-gray-600", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx30("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__ */ jsx31("svg", { className: "w-3.5 h-3.5 text-gray-600", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx31("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__ */ jsx30(
+                /* @__PURE__ */ jsx31(
                   "button",
                   {
                     className: "p-0.5 hover:bg-black/10 rounded",
                     onClick: handleCollapse,
                     title: "Collapse note",
-                    children: /* @__PURE__ */ jsx30("svg", { className: "w-3.5 h-3.5 text-gray-600", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx30("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
+                    children: /* @__PURE__ */ jsx31("svg", { className: "w-3.5 h-3.5 text-gray-600", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx31("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
                   }
                 )
               ] })
             ]
           }
         ),
-        /* @__PURE__ */ jsx30("div", { className: "p-2", children: isEditing ? /* @__PURE__ */ jsx30(
+        /* @__PURE__ */ jsx31("div", { className: "p-2", children: isEditing ? /* @__PURE__ */ jsx31(
           "textarea",
           {
             ref: textareaRef,
@@ -11066,7 +11345,7 @@ var StickyNote = memo29(function StickyNote2({
             onKeyDown: handleKeyDown,
             placeholder: "Enter note..."
           }
-        ) : /* @__PURE__ */ jsx30(
+        ) : /* @__PURE__ */ jsx31(
           "div",
           {
             className: cn(
@@ -11077,7 +11356,7 @@ var StickyNote = memo29(function StickyNote2({
             children: note.content || "Double-click to edit..."
           }
         ) }),
-        /* @__PURE__ */ jsx30("div", { className: "px-2 pb-1 text-[10px] text-gray-500", children: new Date(note.updatedAt).toLocaleDateString() })
+        /* @__PURE__ */ jsx31("div", { className: "px-2 pb-1 text-[10px] text-gray-500", children: new Date(note.updatedAt).toLocaleDateString() })
       ]
     }
   );
@@ -11085,8 +11364,8 @@ var StickyNote = memo29(function StickyNote2({
 
 // src/components/Annotations/DrawingCanvas.tsx
 init_utils();
-import { memo as memo30, useRef as useRef21, useCallback as useCallback35, useState as useState23 } from "react";
-import { jsx as jsx31 } from "react/jsx-runtime";
+import { memo as memo31, useRef as useRef22, useCallback as useCallback36, useState as useState24 } from "react";
+import { jsx as jsx32 } from "react/jsx-runtime";
 function pointsToSvgPath(points) {
   if (points.length === 0) return "";
   if (points.length === 1) {
@@ -11124,7 +11403,7 @@ function simplifyPath(points, tolerance = 1) {
   result.push(points[points.length - 1]);
   return result;
 }
-var DrawingCanvas = memo30(function DrawingCanvas2({
+var DrawingCanvas = memo31(function DrawingCanvas2({
   width,
   height,
   scale,
@@ -11134,10 +11413,10 @@ var DrawingCanvas = memo30(function DrawingCanvas2({
   onDrawingComplete,
   className
 }) {
-  const svgRef = useRef21(null);
-  const [isDrawing, setIsDrawing] = useState23(false);
-  const [currentPath, setCurrentPath] = useState23([]);
-  const getPoint = useCallback35((e) => {
+  const svgRef = useRef22(null);
+  const [isDrawing, setIsDrawing] = useState24(false);
+  const [currentPath, setCurrentPath] = useState24([]);
+  const getPoint = useCallback36((e) => {
     if (!svgRef.current) return null;
     const svg = svgRef.current;
     const rect = svg.getBoundingClientRect();
@@ -11157,7 +11436,7 @@ var DrawingCanvas = memo30(function DrawingCanvas2({
       y: (clientY - rect.top) / scale
     };
   }, [scale]);
-  const handleStart = useCallback35((e) => {
+  const handleStart = useCallback36((e) => {
     if (!isActive) return;
     const point = getPoint(e);
     if (point) {
@@ -11165,14 +11444,14 @@ var DrawingCanvas = memo30(function DrawingCanvas2({
       setCurrentPath([point]);
     }
   }, [isActive, getPoint]);
-  const handleMove = useCallback35((e) => {
+  const handleMove = useCallback36((e) => {
     if (!isDrawing || !isActive) return;
     const point = getPoint(e);
     if (point) {
       setCurrentPath((prev) => [...prev, point]);
     }
   }, [isDrawing, isActive, getPoint]);
-  const handleEnd = useCallback35(() => {
+  const handleEnd = useCallback36(() => {
     if (!isDrawing) return;
     setIsDrawing(false);
     if (currentPath.length >= 2) {
@@ -11181,7 +11460,7 @@ var DrawingCanvas = memo30(function DrawingCanvas2({
     }
     setCurrentPath([]);
   }, [isDrawing, currentPath, onDrawingComplete]);
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx32(
     "svg",
     {
       ref: svgRef,
@@ -11201,7 +11480,7 @@ var DrawingCanvas = memo30(function DrawingCanvas2({
       onTouchStart: handleStart,
       onTouchMove: handleMove,
       onTouchEnd: handleEnd,
-      children: isDrawing && currentPath.length > 0 && /* @__PURE__ */ jsx31(
+      children: isDrawing && currentPath.length > 0 && /* @__PURE__ */ jsx32(
         "path",
         {
           d: pointsToSvgPath(currentPath),
@@ -11219,9 +11498,9 @@ var DrawingCanvas = memo30(function DrawingCanvas2({
 
 // src/components/Annotations/ShapeRenderer.tsx
 init_utils();
-import { memo as memo31, useCallback as useCallback36, useState as useState24, useRef as useRef22 } from "react";
-import { jsx as jsx32, jsxs as jsxs27 } from "react/jsx-runtime";
-var ShapeRenderer = memo31(function ShapeRenderer2({
+import { memo as memo32, useCallback as useCallback37, useState as useState25, useRef as useRef23 } from "react";
+import { jsx as jsx33, jsxs as jsxs28 } from "react/jsx-runtime";
+var ShapeRenderer = memo32(function ShapeRenderer2({
   shape,
   scale,
   isSelected,
@@ -11231,18 +11510,18 @@ var ShapeRenderer = memo31(function ShapeRenderer2({
   onDelete: _onDelete,
   className
 }) {
-  const [_isDragging, setIsDragging] = useState24(false);
-  const [_isResizing, setIsResizing] = useState24(false);
-  const [activeHandle, setActiveHandle] = useState24(null);
-  const startPosRef = useRef22({ x: 0, y: 0 });
-  const startShapeRef = useRef22({ x: 0, y: 0, width: 0, height: 0 });
+  const [_isDragging, setIsDragging] = useState25(false);
+  const [_isResizing, setIsResizing] = useState25(false);
+  const [activeHandle, setActiveHandle] = useState25(null);
+  const startPosRef = useRef23({ x: 0, y: 0 });
+  const startShapeRef = useRef23({ 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 = useCallback36(() => {
+  const getResizeHandles = useCallback37(() => {
     const handleSize = 8;
     const half = handleSize / 2;
     return [
@@ -11256,7 +11535,7 @@ var ShapeRenderer = memo31(function ShapeRenderer2({
       { position: "w", cursor: "ew-resize", x: scaledX - half, y: scaledY + scaledHeight / 2 - half }
     ];
   }, [scaledX, scaledY, scaledWidth, scaledHeight]);
-  const handleMouseDown = useCallback36((e, handle) => {
+  const handleMouseDown = useCallback37((e, handle) => {
     e.stopPropagation();
     onSelect?.();
     if (!isEditing) return;
@@ -11332,7 +11611,7 @@ var ShapeRenderer = memo31(function ShapeRenderer2({
     document.addEventListener("mousemove", handleMouseMove);
     document.addEventListener("mouseup", handleMouseUp);
   }, [isEditing, x, y, width, height, scale, onSelect, onUpdate]);
-  const renderShape2 = useCallback36(() => {
+  const renderShape2 = useCallback37(() => {
     const commonProps = {
       stroke: color,
       strokeWidth: scaledStroke,
@@ -11344,7 +11623,7 @@ var ShapeRenderer = memo31(function ShapeRenderer2({
     };
     switch (shapeType) {
       case "rect":
-        return /* @__PURE__ */ jsx32(
+        return /* @__PURE__ */ jsx33(
           "rect",
           {
             x: scaledX,
@@ -11355,7 +11634,7 @@ var ShapeRenderer = memo31(function ShapeRenderer2({
           }
         );
       case "circle":
-        return /* @__PURE__ */ jsx32(
+        return /* @__PURE__ */ jsx33(
           "ellipse",
           {
             cx: scaledX + scaledWidth / 2,
@@ -11366,7 +11645,7 @@ var ShapeRenderer = memo31(function ShapeRenderer2({
           }
         );
       case "line":
-        return /* @__PURE__ */ jsx32(
+        return /* @__PURE__ */ jsx33(
           "line",
           {
             x1: scaledX,
@@ -11386,22 +11665,22 @@ var ShapeRenderer = memo31(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__ */ jsxs27("g", { children: [
-          /* @__PURE__ */ jsx32("line", { x1: scaledX, y1: scaledY, x2: endX, y2: endY, ...commonProps }),
-          /* @__PURE__ */ jsx32("line", { x1: endX, y1: endY, x2: arrow1X, y2: arrow1Y, ...commonProps }),
-          /* @__PURE__ */ jsx32("line", { x1: endX, y1: endY, x2: arrow2X, y2: arrow2Y, ...commonProps })
+        return /* @__PURE__ */ jsxs28("g", { children: [
+          /* @__PURE__ */ jsx33("line", { x1: scaledX, y1: scaledY, x2: endX, y2: endY, ...commonProps }),
+          /* @__PURE__ */ jsx33("line", { x1: endX, y1: endY, x2: arrow1X, y2: arrow1Y, ...commonProps }),
+          /* @__PURE__ */ jsx33("line", { x1: endX, y1: endY, x2: arrow2X, y2: arrow2Y, ...commonProps })
         ] });
       default:
         return null;
     }
   }, [shapeType, scaledX, scaledY, scaledWidth, scaledHeight, color, scaledStroke, isSelected]);
-  return /* @__PURE__ */ jsxs27(
+  return /* @__PURE__ */ jsxs28(
     "g",
     {
       className: cn("shape-renderer", className),
       onMouseDown: (e) => handleMouseDown(e),
       children: [
-        /* @__PURE__ */ jsx32(
+        /* @__PURE__ */ jsx33(
           "rect",
           {
             x: scaledX - 5,
@@ -11414,7 +11693,7 @@ var ShapeRenderer = memo31(function ShapeRenderer2({
           }
         ),
         renderShape2(),
-        isSelected && /* @__PURE__ */ jsx32(
+        isSelected && /* @__PURE__ */ jsx33(
           "rect",
           {
             x: scaledX - 2,
@@ -11427,7 +11706,7 @@ var ShapeRenderer = memo31(function ShapeRenderer2({
             strokeDasharray: "4 2"
           }
         ),
-        isSelected && isEditing && getResizeHandles().map((handle) => /* @__PURE__ */ jsx32(
+        isSelected && isEditing && getResizeHandles().map((handle) => /* @__PURE__ */ jsx33(
           "rect",
           {
             x: handle.x,
@@ -11447,7 +11726,7 @@ var ShapeRenderer = memo31(function ShapeRenderer2({
     }
   );
 });
-var ShapePreview = memo31(function ShapePreview2({
+var ShapePreview = memo32(function ShapePreview2({
   shapeType,
   startPoint,
   endPoint,
@@ -11468,9 +11747,9 @@ var ShapePreview = memo31(function ShapePreview2({
   };
   switch (shapeType) {
     case "rect":
-      return /* @__PURE__ */ jsx32("rect", { x, y, width, height, ...commonProps });
+      return /* @__PURE__ */ jsx33("rect", { x, y, width, height, ...commonProps });
     case "circle":
-      return /* @__PURE__ */ jsx32(
+      return /* @__PURE__ */ jsx33(
         "ellipse",
         {
           cx: x + width / 2,
@@ -11481,7 +11760,7 @@ var ShapePreview = memo31(function ShapePreview2({
         }
       );
     case "line":
-      return /* @__PURE__ */ jsx32(
+      return /* @__PURE__ */ jsx33(
         "line",
         {
           x1: startPoint.x * scale,
@@ -11503,8 +11782,8 @@ var ShapePreview = memo31(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__ */ jsxs27("g", { children: [
-        /* @__PURE__ */ jsx32(
+      return /* @__PURE__ */ jsxs28("g", { children: [
+        /* @__PURE__ */ jsx33(
           "line",
           {
             x1: startPoint.x * scale,
@@ -11514,8 +11793,8 @@ var ShapePreview = memo31(function ShapePreview2({
             ...commonProps
           }
         ),
-        /* @__PURE__ */ jsx32("line", { x1: endX, y1: endY, x2: arrow1X, y2: arrow1Y, ...commonProps }),
-        /* @__PURE__ */ jsx32("line", { x1: endX, y1: endY, x2: arrow2X, y2: arrow2Y, ...commonProps })
+        /* @__PURE__ */ jsx33("line", { x1: endX, y1: endY, x2: arrow1X, y2: arrow1Y, ...commonProps }),
+        /* @__PURE__ */ jsx33("line", { x1: endX, y1: endY, x2: arrow2X, y2: arrow2Y, ...commonProps })
       ] });
     default:
       return null;
@@ -11524,9 +11803,9 @@ var ShapePreview = memo31(function ShapePreview2({
 
 // src/components/Annotations/QuickNoteButton.tsx
 init_utils();
-import { memo as memo32, useCallback as useCallback37, useState as useState25 } from "react";
-import { jsx as jsx33 } from "react/jsx-runtime";
-var QuickNoteButton = memo32(function QuickNoteButton2({
+import { memo as memo33, useCallback as useCallback38, useState as useState26 } from "react";
+import { jsx as jsx34 } from "react/jsx-runtime";
+var QuickNoteButton = memo33(function QuickNoteButton2({
   pageNumber,
   scale,
   position = "top-right",
@@ -11534,8 +11813,8 @@ var QuickNoteButton = memo32(function QuickNoteButton2({
   className,
   visible = true
 }) {
-  const [isHovered, setIsHovered] = useState25(false);
-  const handleClick = useCallback37(
+  const [isHovered, setIsHovered] = useState26(false);
+  const handleClick = useCallback38(
     (e) => {
       e.stopPropagation();
       const x = position === "top-right" ? 80 : 80;
@@ -11547,7 +11826,7 @@ var QuickNoteButton = memo32(function QuickNoteButton2({
   if (!visible) {
     return null;
   }
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     "button",
     {
       onClick: handleClick,
@@ -11569,7 +11848,7 @@ var QuickNoteButton = memo32(function QuickNoteButton2({
       ),
       title: "Add quick note",
       "aria-label": "Add quick note",
-      children: /* @__PURE__ */ jsx33(
+      children: /* @__PURE__ */ jsx34(
         "svg",
         {
           className: "w-4 h-4 text-yellow-900",
@@ -11577,7 +11856,7 @@ var QuickNoteButton = memo32(function QuickNoteButton2({
           viewBox: "0 0 24 24",
           stroke: "currentColor",
           strokeWidth: 2,
-          children: /* @__PURE__ */ jsx33("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 4v16m8-8H4" })
+          children: /* @__PURE__ */ jsx34("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 4v16m8-8H4" })
         }
       )
     }
@@ -11586,9 +11865,9 @@ var QuickNoteButton = memo32(function QuickNoteButton2({
 
 // src/components/Annotations/QuickNotePopover.tsx
 init_utils();
-import { memo as memo33, useCallback as useCallback38, useState as useState26, useRef as useRef23, useEffect as useEffect24 } from "react";
-import { jsx as jsx34, jsxs as jsxs28 } from "react/jsx-runtime";
-var QuickNotePopover = memo33(function QuickNotePopover2({
+import { memo as memo34, useCallback as useCallback39, useState as useState27, useRef as useRef24, useEffect as useEffect25 } from "react";
+import { jsx as jsx35, jsxs as jsxs29 } from "react/jsx-runtime";
+var QuickNotePopover = memo34(function QuickNotePopover2({
   visible,
   position,
   initialContent = "",
@@ -11597,21 +11876,21 @@ var QuickNotePopover = memo33(function QuickNotePopover2({
   onCancel,
   className
 }) {
-  const [content, setContent] = useState26(initialContent);
-  const textareaRef = useRef23(null);
-  const popoverRef = useRef23(null);
-  const [adjustedPosition, setAdjustedPosition] = useState26(position);
-  useEffect24(() => {
+  const [content, setContent] = useState27(initialContent);
+  const textareaRef = useRef24(null);
+  const popoverRef = useRef24(null);
+  const [adjustedPosition, setAdjustedPosition] = useState27(position);
+  useEffect25(() => {
     if (visible && textareaRef.current) {
       textareaRef.current.focus();
     }
   }, [visible]);
-  useEffect24(() => {
+  useEffect25(() => {
     if (visible) {
       setContent(initialContent);
     }
   }, [visible, initialContent]);
-  useEffect24(() => {
+  useEffect25(() => {
     if (!visible || !popoverRef.current) return;
     const rect = popoverRef.current.getBoundingClientRect();
     const padding = 10;
@@ -11630,14 +11909,14 @@ var QuickNotePopover = memo33(function QuickNotePopover2({
     }
     setAdjustedPosition({ x, y });
   }, [position, visible]);
-  const handleSave = useCallback38(() => {
+  const handleSave = useCallback39(() => {
     if (content.trim()) {
       onSave(content.trim());
     } else {
       onCancel();
     }
   }, [content, onSave, onCancel]);
-  const handleKeyDown = useCallback38(
+  const handleKeyDown = useCallback39(
     (e) => {
       if (e.key === "Enter" && (e.ctrlKey || e.metaKey)) {
         e.preventDefault();
@@ -11652,7 +11931,7 @@ var QuickNotePopover = memo33(function QuickNotePopover2({
   if (!visible) {
     return null;
   }
-  return /* @__PURE__ */ jsxs28(
+  return /* @__PURE__ */ jsxs29(
     "div",
     {
       ref: popoverRef,
@@ -11671,15 +11950,15 @@ var QuickNotePopover = memo33(function QuickNotePopover2({
         top: adjustedPosition.y
       },
       children: [
-        agentLastStatement && /* @__PURE__ */ jsx34("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__ */ jsxs28("div", { className: "flex items-start gap-1", children: [
-          /* @__PURE__ */ jsx34("svg", { className: "w-3 h-3 mt-0.5 flex-shrink-0", fill: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx34("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__ */ jsxs28("span", { className: "line-clamp-2", children: [
+        agentLastStatement && /* @__PURE__ */ jsx35("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__ */ jsxs29("div", { className: "flex items-start gap-1", children: [
+          /* @__PURE__ */ jsx35("svg", { className: "w-3 h-3 mt-0.5 flex-shrink-0", fill: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx35("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__ */ jsxs29("span", { className: "line-clamp-2", children: [
             "AI discussed: \u201C",
             agentLastStatement,
             "\u201D"
           ] })
         ] }) }),
-        /* @__PURE__ */ jsx34(
+        /* @__PURE__ */ jsx35(
           "textarea",
           {
             ref: textareaRef,
@@ -11698,13 +11977,13 @@ var QuickNotePopover = memo33(function QuickNotePopover2({
             )
           }
         ),
-        /* @__PURE__ */ jsxs28("div", { className: "flex items-center justify-between mt-2", children: [
-          /* @__PURE__ */ jsxs28("span", { className: "text-xs text-gray-500 dark:text-gray-400", children: [
+        /* @__PURE__ */ jsxs29("div", { className: "flex items-center justify-between mt-2", children: [
+          /* @__PURE__ */ jsxs29("span", { className: "text-xs text-gray-500 dark:text-gray-400", children: [
             navigator.platform.includes("Mac") ? "\u2318" : "Ctrl",
             "+Enter to save"
           ] }),
-          /* @__PURE__ */ jsxs28("div", { className: "flex gap-2", children: [
-            /* @__PURE__ */ jsx34(
+          /* @__PURE__ */ jsxs29("div", { className: "flex gap-2", children: [
+            /* @__PURE__ */ jsx35(
               "button",
               {
                 onClick: onCancel,
@@ -11717,7 +11996,7 @@ var QuickNotePopover = memo33(function QuickNotePopover2({
                 children: "Cancel"
               }
             ),
-            /* @__PURE__ */ jsx34(
+            /* @__PURE__ */ jsx35(
               "button",
               {
                 onClick: handleSave,
@@ -11741,9 +12020,9 @@ var QuickNotePopover = memo33(function QuickNotePopover2({
 
 // src/components/AskAbout/AskAboutOverlay.tsx
 init_utils();
-import { memo as memo34 } from "react";
-import { jsx as jsx35, jsxs as jsxs29 } from "react/jsx-runtime";
-var AskAboutOverlay = memo34(function AskAboutOverlay2({
+import { memo as memo35 } from "react";
+import { jsx as jsx36, jsxs as jsxs30 } from "react/jsx-runtime";
+var AskAboutOverlay = memo35(function AskAboutOverlay2({
   visible,
   progress,
   position,
@@ -11757,7 +12036,7 @@ var AskAboutOverlay = memo34(function AskAboutOverlay2({
   const radius = (size - strokeWidth) / 2;
   const circumference = 2 * Math.PI * radius;
   const strokeDashoffset = circumference * (1 - progress);
-  return /* @__PURE__ */ jsxs29(
+  return /* @__PURE__ */ jsxs30(
     "div",
     {
       className: cn(
@@ -11770,7 +12049,7 @@ var AskAboutOverlay = memo34(function AskAboutOverlay2({
         top: position.y - size / 2
       },
       children: [
-        /* @__PURE__ */ jsxs29(
+        /* @__PURE__ */ jsxs30(
           "svg",
           {
             width: size,
@@ -11778,7 +12057,7 @@ var AskAboutOverlay = memo34(function AskAboutOverlay2({
             viewBox: `0 0 ${size} ${size}`,
             className: "transform -rotate-90",
             children: [
-              /* @__PURE__ */ jsx35(
+              /* @__PURE__ */ jsx36(
                 "circle",
                 {
                   cx: size / 2,
@@ -11789,7 +12068,7 @@ var AskAboutOverlay = memo34(function AskAboutOverlay2({
                   strokeWidth
                 }
               ),
-              /* @__PURE__ */ jsx35(
+              /* @__PURE__ */ jsx36(
                 "circle",
                 {
                   cx: size / 2,
@@ -11807,12 +12086,12 @@ var AskAboutOverlay = memo34(function AskAboutOverlay2({
             ]
           }
         ),
-        /* @__PURE__ */ jsx35(
+        /* @__PURE__ */ jsx36(
           "div",
           {
             className: "absolute inset-0 flex items-center justify-center",
             style: { color: progress >= 1 ? "#22c55e" : "white" },
-            children: progress >= 1 ? /* @__PURE__ */ jsx35(
+            children: progress >= 1 ? /* @__PURE__ */ jsx36(
               "svg",
               {
                 width: "24",
@@ -11823,9 +12102,9 @@ var AskAboutOverlay = memo34(function AskAboutOverlay2({
                 strokeWidth: "2",
                 strokeLinecap: "round",
                 strokeLinejoin: "round",
-                children: /* @__PURE__ */ jsx35("polyline", { points: "20 6 9 17 4 12" })
+                children: /* @__PURE__ */ jsx36("polyline", { points: "20 6 9 17 4 12" })
               }
-            ) : /* @__PURE__ */ jsxs29(
+            ) : /* @__PURE__ */ jsxs30(
               "svg",
               {
                 width: "20",
@@ -11837,9 +12116,9 @@ var AskAboutOverlay = memo34(function AskAboutOverlay2({
                 strokeLinecap: "round",
                 strokeLinejoin: "round",
                 children: [
-                  /* @__PURE__ */ jsx35("circle", { cx: "12", cy: "12", r: "10" }),
-                  /* @__PURE__ */ jsx35("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
-                  /* @__PURE__ */ jsx35("line", { x1: "12", y1: "17", x2: "12.01", y2: "17" })
+                  /* @__PURE__ */ jsx36("circle", { cx: "12", cy: "12", r: "10" }),
+                  /* @__PURE__ */ jsx36("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
+                  /* @__PURE__ */ jsx36("line", { x1: "12", y1: "17", x2: "12.01", y2: "17" })
                 ]
               }
             )
@@ -11852,9 +12131,9 @@ var AskAboutOverlay = memo34(function AskAboutOverlay2({
 
 // src/components/AskAbout/AskAboutTrigger.tsx
 init_utils();
-import { memo as memo35, useCallback as useCallback39, useState as useState27, useRef as useRef24, useEffect as useEffect25 } from "react";
-import { jsx as jsx36, jsxs as jsxs30 } from "react/jsx-runtime";
-var AskAboutTrigger = memo35(function AskAboutTrigger2({
+import { memo as memo36, useCallback as useCallback40, useState as useState28, useRef as useRef25, useEffect as useEffect26 } from "react";
+import { jsx as jsx37, jsxs as jsxs31 } from "react/jsx-runtime";
+var AskAboutTrigger = memo36(function AskAboutTrigger2({
   position,
   onConfirm,
   onCancel,
@@ -11862,9 +12141,9 @@ var AskAboutTrigger = memo35(function AskAboutTrigger2({
   autoHideDelay = 5e3,
   className
 }) {
-  const [adjustedPosition, setAdjustedPosition] = useState27(position);
-  const triggerRef = useRef24(null);
-  useEffect25(() => {
+  const [adjustedPosition, setAdjustedPosition] = useState28(position);
+  const triggerRef = useRef25(null);
+  useEffect26(() => {
     if (!visible || !triggerRef.current) return;
     const rect = triggerRef.current.getBoundingClientRect();
     const padding = 10;
@@ -11880,19 +12159,19 @@ var AskAboutTrigger = memo35(function AskAboutTrigger2({
     }
     setAdjustedPosition({ x, y });
   }, [position, visible]);
-  useEffect25(() => {
+  useEffect26(() => {
     if (!visible || autoHideDelay === 0) return;
     const timer = setTimeout(onCancel, autoHideDelay);
     return () => clearTimeout(timer);
   }, [visible, autoHideDelay, onCancel]);
-  const handleConfirm = useCallback39(
+  const handleConfirm = useCallback40(
     (e) => {
       e.stopPropagation();
       onConfirm();
     },
     [onConfirm]
   );
-  const handleCancel = useCallback39(
+  const handleCancel = useCallback40(
     (e) => {
       e.stopPropagation();
       onCancel();
@@ -11902,7 +12181,7 @@ var AskAboutTrigger = memo35(function AskAboutTrigger2({
   if (!visible) {
     return null;
   }
-  return /* @__PURE__ */ jsxs30(
+  return /* @__PURE__ */ jsxs31(
     "div",
     {
       ref: triggerRef,
@@ -11921,8 +12200,8 @@ var AskAboutTrigger = memo35(function AskAboutTrigger2({
         transform: "translate(-50%, 0)"
       },
       children: [
-        /* @__PURE__ */ jsx36("span", { className: "text-sm text-gray-600 dark:text-gray-300 px-2", children: "Ask about this?" }),
-        /* @__PURE__ */ jsx36(
+        /* @__PURE__ */ jsx37("span", { className: "text-sm text-gray-600 dark:text-gray-300 px-2", children: "Ask about this?" }),
+        /* @__PURE__ */ jsx37(
           "button",
           {
             onClick: handleConfirm,
@@ -11935,7 +12214,7 @@ var AskAboutTrigger = memo35(function AskAboutTrigger2({
             children: "Ask"
           }
         ),
-        /* @__PURE__ */ jsx36(
+        /* @__PURE__ */ jsx37(
           "button",
           {
             onClick: handleCancel,
@@ -11957,9 +12236,9 @@ var AskAboutTrigger = memo35(function AskAboutTrigger2({
 // src/components/Minimap/Minimap.tsx
 init_hooks();
 init_utils();
-import { memo as memo36, useMemo as useMemo14, useCallback as useCallback40 } from "react";
-import { Fragment as Fragment3, jsx as jsx37, jsxs as jsxs31 } from "react/jsx-runtime";
-var PageIndicator = memo36(function PageIndicator2({
+import { memo as memo37, useMemo as useMemo14, useCallback as useCallback41 } from "react";
+import { Fragment as Fragment3, jsx as jsx38, jsxs as jsxs32 } from "react/jsx-runtime";
+var PageIndicator = memo37(function PageIndicator2({
   pageNumber,
   status,
   isBookmarked,
@@ -11973,7 +12252,7 @@ var PageIndicator = memo36(function PageIndicator2({
     if (status === "visited") return "bg-green-400";
     return "bg-gray-200 dark:bg-gray-700";
   };
-  return /* @__PURE__ */ jsxs31(
+  return /* @__PURE__ */ jsxs32(
     "button",
     {
       onClick,
@@ -11989,13 +12268,13 @@ var PageIndicator = memo36(function PageIndicator2({
       title: `Page ${pageNumber}${isBookmarked ? " (bookmarked)" : ""}`,
       "aria-label": `Go to page ${pageNumber}`,
       children: [
-        isBookmarked && !compact && /* @__PURE__ */ jsx37("div", { className: "absolute -top-1 -right-1 w-2 h-2 bg-yellow-500 rounded-full border border-white" }),
-        showNumber && !compact && /* @__PURE__ */ jsx37("span", { className: "absolute inset-0 flex items-center justify-center text-[8px] font-medium text-white", children: pageNumber })
+        isBookmarked && !compact && /* @__PURE__ */ jsx38("div", { className: "absolute -top-1 -right-1 w-2 h-2 bg-yellow-500 rounded-full border border-white" }),
+        showNumber && !compact && /* @__PURE__ */ jsx38("span", { className: "absolute inset-0 flex items-center justify-center text-[8px] font-medium text-white", children: pageNumber })
       ]
     }
   );
 });
-var Minimap = memo36(function Minimap2({
+var Minimap = memo37(function Minimap2({
   variant = "sidebar",
   floatingPosition = "right",
   maxHeight = 300,
@@ -12012,14 +12291,14 @@ var Minimap = memo36(function Minimap2({
     return new Set(bookmarks.map((b) => b.pageNumber));
   }, [bookmarks]);
   const compact = numPages > 50;
-  const handlePageClick = useCallback40(
+  const handlePageClick = useCallback41(
     (pageNumber) => {
       goToPage(pageNumber);
       onPageClick?.(pageNumber);
     },
     [goToPage, onPageClick]
   );
-  const getPageStatus = useCallback40(
+  const getPageStatus = useCallback41(
     (pageNumber) => {
       if (pageNumber === currentPage) return "current";
       if (bookmarkedPages.has(pageNumber)) return "bookmarked";
@@ -12032,7 +12311,7 @@ var Minimap = memo36(function Minimap2({
     const pages = [];
     for (let i = 1; i <= numPages; i++) {
       pages.push(
-        /* @__PURE__ */ jsx37(
+        /* @__PURE__ */ jsx38(
           PageIndicator,
           {
             pageNumber: i,
@@ -12053,16 +12332,16 @@ var Minimap = memo36(function Minimap2({
   if (numPages === 0) {
     return null;
   }
-  const content = /* @__PURE__ */ jsxs31(Fragment3, { children: [
-    /* @__PURE__ */ jsxs31("div", { className: "mb-3", children: [
-      /* @__PURE__ */ jsxs31("div", { className: "flex items-center justify-between text-xs text-gray-500 dark:text-gray-400 mb-1", children: [
-        /* @__PURE__ */ jsx37("span", { children: "Progress" }),
-        /* @__PURE__ */ jsxs31("span", { children: [
+  const content = /* @__PURE__ */ jsxs32(Fragment3, { children: [
+    /* @__PURE__ */ jsxs32("div", { className: "mb-3", children: [
+      /* @__PURE__ */ jsxs32("div", { className: "flex items-center justify-between text-xs text-gray-500 dark:text-gray-400 mb-1", children: [
+        /* @__PURE__ */ jsx38("span", { children: "Progress" }),
+        /* @__PURE__ */ jsxs32("span", { children: [
           progressPercentage,
           "%"
         ] })
       ] }),
-      /* @__PURE__ */ jsx37("div", { className: "h-1.5 bg-gray-200 dark:bg-gray-700 rounded-full overflow-hidden", children: /* @__PURE__ */ jsx37(
+      /* @__PURE__ */ jsx38("div", { className: "h-1.5 bg-gray-200 dark:bg-gray-700 rounded-full overflow-hidden", children: /* @__PURE__ */ jsx38(
         "div",
         {
           className: "h-full bg-green-500 rounded-full transition-all duration-300",
@@ -12070,7 +12349,7 @@ var Minimap = memo36(function Minimap2({
         }
       ) })
     ] }),
-    /* @__PURE__ */ jsx37(
+    /* @__PURE__ */ jsx38(
       "div",
       {
         className: cn(
@@ -12081,21 +12360,21 @@ var Minimap = memo36(function Minimap2({
         children: pageIndicators
       }
     ),
-    /* @__PURE__ */ jsx37("div", { className: "mt-3 pt-2 border-t border-gray-200 dark:border-gray-700", children: /* @__PURE__ */ jsxs31("div", { className: "flex flex-wrap gap-3 text-xs text-gray-500 dark:text-gray-400", children: [
-      /* @__PURE__ */ jsxs31("div", { className: "flex items-center gap-1", children: [
-        /* @__PURE__ */ jsx37("div", { className: "w-2 h-2 rounded-sm bg-blue-500" }),
-        /* @__PURE__ */ jsx37("span", { children: "Current" })
+    /* @__PURE__ */ jsx38("div", { className: "mt-3 pt-2 border-t border-gray-200 dark:border-gray-700", children: /* @__PURE__ */ jsxs32("div", { className: "flex flex-wrap gap-3 text-xs text-gray-500 dark:text-gray-400", children: [
+      /* @__PURE__ */ jsxs32("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ jsx38("div", { className: "w-2 h-2 rounded-sm bg-blue-500" }),
+        /* @__PURE__ */ jsx38("span", { children: "Current" })
       ] }),
-      /* @__PURE__ */ jsxs31("div", { className: "flex items-center gap-1", children: [
-        /* @__PURE__ */ jsx37("div", { className: "w-2 h-2 rounded-sm bg-green-400" }),
-        /* @__PURE__ */ jsx37("span", { children: "Visited" })
+      /* @__PURE__ */ jsxs32("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ jsx38("div", { className: "w-2 h-2 rounded-sm bg-green-400" }),
+        /* @__PURE__ */ jsx38("span", { children: "Visited" })
       ] }),
-      /* @__PURE__ */ jsxs31("div", { className: "flex items-center gap-1", children: [
-        /* @__PURE__ */ jsx37("div", { className: "w-2 h-2 rounded-sm bg-yellow-400" }),
-        /* @__PURE__ */ jsx37("span", { children: "Bookmarked" })
+      /* @__PURE__ */ jsxs32("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ jsx38("div", { className: "w-2 h-2 rounded-sm bg-yellow-400" }),
+        /* @__PURE__ */ jsx38("span", { children: "Bookmarked" })
       ] })
     ] }) }),
-    /* @__PURE__ */ jsxs31("div", { className: "mt-2 text-xs text-gray-500 dark:text-gray-400", children: [
+    /* @__PURE__ */ jsxs32("div", { className: "mt-2 text-xs text-gray-500 dark:text-gray-400", children: [
       visitedCount,
       " of ",
       numPages,
@@ -12103,7 +12382,7 @@ var Minimap = memo36(function Minimap2({
     ] })
   ] });
   if (variant === "floating") {
-    return /* @__PURE__ */ jsxs31(
+    return /* @__PURE__ */ jsxs32(
       "div",
       {
         className: cn(
@@ -12119,13 +12398,13 @@ var Minimap = memo36(function Minimap2({
         ),
         style: { maxHeight },
         children: [
-          /* @__PURE__ */ jsx37("h3", { className: "text-sm font-semibold text-gray-700 dark:text-gray-200 mb-2", children: "Reading Progress" }),
+          /* @__PURE__ */ jsx38("h3", { className: "text-sm font-semibold text-gray-700 dark:text-gray-200 mb-2", children: "Reading Progress" }),
           content
         ]
       }
     );
   }
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     "div",
     {
       className: cn(
@@ -12145,11 +12424,11 @@ init_FloatingZoomControls2();
 // src/components/PDFThumbnailNav/PDFThumbnailNav.tsx
 init_hooks();
 init_utils();
-import { memo as memo37, useEffect as useEffect26, useState as useState28, useRef as useRef25, useCallback as useCallback41 } from "react";
-import { jsx as jsx38, jsxs as jsxs32 } from "react/jsx-runtime";
+import { memo as memo38, useEffect as useEffect27, useState as useState29, useRef as useRef26, useCallback as useCallback42 } from "react";
+import { jsx as jsx39, jsxs as jsxs33 } from "react/jsx-runtime";
 var DEFAULT_WIDTH = 612;
 var DEFAULT_HEIGHT = 792;
-var PDFThumbnailNav = memo37(function PDFThumbnailNav2({
+var PDFThumbnailNav = memo38(function PDFThumbnailNav2({
   thumbnailScale = 0.15,
   orientation = "vertical",
   maxVisible = 10,
@@ -12160,14 +12439,14 @@ var PDFThumbnailNav = memo37(function PDFThumbnailNav2({
 }) {
   const { document: document2, numPages, currentPage } = usePDFViewer();
   const { viewerStore } = usePDFViewerStores();
-  const containerRef = useRef25(null);
-  const [thumbnails, setThumbnails] = useState28(/* @__PURE__ */ new Map());
-  const [visibleRange, setVisibleRange] = useState28({ start: 1, end: maxVisible });
-  const renderQueueRef = useRef25(/* @__PURE__ */ new Set());
-  const pageCache = useRef25(/* @__PURE__ */ new Map());
+  const containerRef = useRef26(null);
+  const [thumbnails, setThumbnails] = useState29(/* @__PURE__ */ new Map());
+  const [visibleRange, setVisibleRange] = useState29({ start: 1, end: maxVisible });
+  const renderQueueRef = useRef26(/* @__PURE__ */ new Set());
+  const pageCache = useRef26(/* @__PURE__ */ new Map());
   const thumbnailWidth = Math.floor(DEFAULT_WIDTH * thumbnailScale);
   const thumbnailHeight = Math.floor(DEFAULT_HEIGHT * thumbnailScale);
-  const updateVisibleRange = useCallback41(() => {
+  const updateVisibleRange = useCallback42(() => {
     if (!containerRef.current || numPages === 0) return;
     const container = containerRef.current;
     const isHorizontal2 = orientation === "horizontal";
@@ -12179,7 +12458,7 @@ var PDFThumbnailNav = memo37(function PDFThumbnailNav2({
     const lastVisible = Math.min(numPages, firstVisible + visibleCount);
     setVisibleRange({ start: firstVisible, end: lastVisible });
   }, [numPages, orientation, thumbnailWidth, thumbnailHeight, gap]);
-  useEffect26(() => {
+  useEffect27(() => {
     const container = containerRef.current;
     if (!container) return;
     const handleScroll = () => {
@@ -12189,7 +12468,7 @@ var PDFThumbnailNav = memo37(function PDFThumbnailNav2({
     updateVisibleRange();
     return () => container.removeEventListener("scroll", handleScroll);
   }, [updateVisibleRange]);
-  useEffect26(() => {
+  useEffect27(() => {
     if (!document2) {
       setThumbnails(/* @__PURE__ */ new Map());
       pageCache.current.clear();
@@ -12244,7 +12523,7 @@ var PDFThumbnailNav = memo37(function PDFThumbnailNav2({
     };
     renderThumbnails();
   }, [document2, visibleRange, thumbnailScale, thumbnails]);
-  useEffect26(() => {
+  useEffect27(() => {
     if (!containerRef.current || numPages === 0) return;
     const container = containerRef.current;
     const isHorizontal2 = orientation === "horizontal";
@@ -12260,12 +12539,12 @@ var PDFThumbnailNav = memo37(function PDFThumbnailNav2({
       });
     }
   }, [currentPage, numPages, orientation, thumbnailWidth, thumbnailHeight, gap]);
-  const handleThumbnailClick = useCallback41((pageNum) => {
+  const handleThumbnailClick = useCallback42((pageNum) => {
     onThumbnailClick?.(pageNum);
     viewerStore.getState().requestScrollToPage(pageNum, "smooth");
   }, [onThumbnailClick, viewerStore]);
   if (!document2 || numPages === 0) {
-    return /* @__PURE__ */ jsx38(
+    return /* @__PURE__ */ jsx39(
       "div",
       {
         className: cn(
@@ -12286,7 +12565,7 @@ var PDFThumbnailNav = memo37(function PDFThumbnailNav2({
   }
   const isHorizontal = orientation === "horizontal";
   const totalSize = numPages * ((isHorizontal ? thumbnailWidth : thumbnailHeight) + gap) - gap;
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx39(
     "div",
     {
       ref: containerRef,
@@ -12300,7 +12579,7 @@ var PDFThumbnailNav = memo37(function PDFThumbnailNav2({
       style: {
         ...isHorizontal ? { overflowX: "auto", overflowY: "hidden" } : { overflowX: "hidden", overflowY: "auto" }
       },
-      children: /* @__PURE__ */ jsx38(
+      children: /* @__PURE__ */ jsx39(
         "div",
         {
           className: cn(
@@ -12317,7 +12596,7 @@ var PDFThumbnailNav = memo37(function PDFThumbnailNav2({
             const thumbnail = thumbnails.get(pageNum);
             const isActive = pageNum === currentPage;
             const isVisible = pageNum >= visibleRange.start && pageNum <= visibleRange.end;
-            return /* @__PURE__ */ jsxs32(
+            return /* @__PURE__ */ jsxs33(
               "div",
               {
                 className: cn(
@@ -12342,7 +12621,7 @@ var PDFThumbnailNav = memo37(function PDFThumbnailNav2({
                   }
                 },
                 children: [
-                  /* @__PURE__ */ jsx38(
+                  /* @__PURE__ */ jsx39(
                     "div",
                     {
                       className: "relative bg-white dark:bg-gray-700",
@@ -12350,7 +12629,7 @@ var PDFThumbnailNav = memo37(function PDFThumbnailNav2({
                         width: thumbnailWidth,
                         height: thumbnailHeight
                       },
-                      children: isVisible && thumbnail?.canvas ? /* @__PURE__ */ jsx38(
+                      children: isVisible && thumbnail?.canvas ? /* @__PURE__ */ jsx39(
                         "img",
                         {
                           src: thumbnail.canvas.toDataURL(),
@@ -12358,10 +12637,10 @@ var PDFThumbnailNav = memo37(function PDFThumbnailNav2({
                           className: "w-full h-full object-contain",
                           loading: "lazy"
                         }
-                      ) : /* @__PURE__ */ jsx38("div", { className: "absolute inset-0 flex items-center justify-center text-gray-400 dark:text-gray-500 text-xs", children: pageNum })
+                      ) : /* @__PURE__ */ jsx39("div", { className: "absolute inset-0 flex items-center justify-center text-gray-400 dark:text-gray-500 text-xs", children: pageNum })
                     }
                   ),
-                  showPageNumbers && /* @__PURE__ */ jsx38(
+                  showPageNumbers && /* @__PURE__ */ jsx39(
                     "div",
                     {
                       className: cn(
@@ -12386,7 +12665,7 @@ var PDFThumbnailNav = memo37(function PDFThumbnailNav2({
 // src/components/ErrorBoundary/PDFErrorBoundary.tsx
 init_utils();
 import { Component } from "react";
-import { jsx as jsx39, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs34 } from "react/jsx-runtime";
 var PDFErrorBoundary = class extends Component {
   constructor(props) {
     super(props);
@@ -12414,7 +12693,7 @@ var PDFErrorBoundary = class extends Component {
         return fallback;
       }
       if (showDefaultUI) {
-        return /* @__PURE__ */ jsx39(
+        return /* @__PURE__ */ jsx40(
           DefaultErrorUI,
           {
             error,
@@ -12433,7 +12712,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__ */ jsx39("svg", { className: "w-12 h-12 text-red-500", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx39(
+  let icon = /* @__PURE__ */ jsx40("svg", { className: "w-12 h-12 text-red-500", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx40(
     "path",
     {
       strokeLinecap: "round",
@@ -12445,7 +12724,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__ */ jsx39("svg", { className: "w-12 h-12 text-red-500", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx39(
+    icon = /* @__PURE__ */ jsx40("svg", { className: "w-12 h-12 text-red-500", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx40(
       "path",
       {
         strokeLinecap: "round",
@@ -12457,7 +12736,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__ */ jsx39("svg", { className: "w-12 h-12 text-red-500", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx39(
+    icon = /* @__PURE__ */ jsx40("svg", { className: "w-12 h-12 text-red-500", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx40(
       "path",
       {
         strokeLinecap: "round",
@@ -12467,7 +12746,7 @@ function DefaultErrorUI({ error, onReset, className }) {
       }
     ) });
   }
-  return /* @__PURE__ */ jsxs33(
+  return /* @__PURE__ */ jsxs34(
     "div",
     {
       className: cn(
@@ -12480,14 +12759,14 @@ function DefaultErrorUI({ error, onReset, className }) {
       ),
       children: [
         icon,
-        /* @__PURE__ */ jsx39("h2", { className: "mt-4 text-xl font-semibold text-gray-900 dark:text-gray-100", children: title }),
-        /* @__PURE__ */ jsx39("p", { className: "mt-2 text-sm text-gray-600 dark:text-gray-400 max-w-md", children: description }),
-        /* @__PURE__ */ jsxs33("details", { className: "mt-4 text-left max-w-md w-full", children: [
-          /* @__PURE__ */ jsx39("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__ */ jsx39("pre", { className: "mt-2 p-2 bg-gray-100 dark:bg-gray-800 rounded text-xs overflow-auto", children: error.stack || error.message })
+        /* @__PURE__ */ jsx40("h2", { className: "mt-4 text-xl font-semibold text-gray-900 dark:text-gray-100", children: title }),
+        /* @__PURE__ */ jsx40("p", { className: "mt-2 text-sm text-gray-600 dark:text-gray-400 max-w-md", children: description }),
+        /* @__PURE__ */ jsxs34("details", { className: "mt-4 text-left max-w-md w-full", children: [
+          /* @__PURE__ */ jsx40("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__ */ jsx40("pre", { className: "mt-2 p-2 bg-gray-100 dark:bg-gray-800 rounded text-xs overflow-auto", children: error.stack || error.message })
         ] }),
-        /* @__PURE__ */ jsxs33("div", { className: "mt-6 flex gap-3", children: [
-          /* @__PURE__ */ jsx39(
+        /* @__PURE__ */ jsxs34("div", { className: "mt-6 flex gap-3", children: [
+          /* @__PURE__ */ jsx40(
             "button",
             {
               onClick: onReset,
@@ -12501,7 +12780,7 @@ function DefaultErrorUI({ error, onReset, className }) {
               children: "Try again"
             }
           ),
-          /* @__PURE__ */ jsx39(
+          /* @__PURE__ */ jsx40(
             "button",
             {
               onClick: () => window.location.reload(),
@@ -12521,7 +12800,7 @@ function DefaultErrorUI({ error, onReset, className }) {
   );
 }
 function withErrorBoundary({ component, ...props }) {
-  return /* @__PURE__ */ jsx39(PDFErrorBoundary, { ...props, children: component });
+  return /* @__PURE__ */ jsx40(PDFErrorBoundary, { ...props, children: component });
 }
 
 // src/components/index.ts
@@ -12541,6 +12820,7 @@ export {
   AnnotationToolbar,
   AskAboutOverlay,
   AskAboutTrigger,
+  BookModeContainer,
   BookmarksPanel,
   CanvasLayer,
   ContinuousScrollContainer,
@@ -12628,6 +12908,7 @@ export {
   pdfjsLib,
   percentToPDF,
   percentToViewport,
+  playPageTurnSound,
   quickViewer,
   removeRotation,
   saveHighlights,