pdfjs-reader-core 0.2.5 → 0.2.7

package/dist/index.js

@@ -324,6 +324,7 @@ function createViewerStore(initialOverrides = {}) {
           document: document2,
           numPages: document2.numPages,
           isLoading: false,
+          loadingProgress: null,
           error: null,
           currentPage: 1
         });
@@ -331,15 +332,22 @@ function createViewerStore(initialOverrides = {}) {
         set({
           document: null,
           numPages: 0,
-          isLoading: false
+          isLoading: false,
+          loadingProgress: null
         });
       }
     },
-    setLoading: (isLoading) => {
-      set({ isLoading });
+    setLoading: (isLoading, progress) => {
+      set({
+        isLoading,
+        loadingProgress: isLoading ? progress ?? { phase: "initializing" } : null
+      });
+    },
+    setLoadingProgress: (progress) => {
+      set({ loadingProgress: progress });
     },
     setError: (error) => {
-      set({ error, isLoading: false });
+      set({ error, isLoading: false, loadingProgress: null });
     },
     // Navigation actions
     setCurrentPage: (page) => {
@@ -486,6 +494,7 @@ var init_viewer_store = __esm({
       document: null,
       numPages: 0,
       isLoading: false,
+      loadingProgress: null,
       error: null,
       // Navigation state
       currentPage: 1,
@@ -4731,7 +4740,7 @@ var init_ThumbnailPanel = __esm({
       className,
       thumbnailScale = 0.2
     }) {
-      const { document: document2, currentPage, numPages, goToPage } = usePDFViewer();
+      const { document: document2, currentPage, numPages, goToPage, isLoading } = usePDFViewer();
       const containerRef = useRef7(null);
       useEffect9(() => {
         const container = containerRef.current;
@@ -4748,6 +4757,9 @@ var init_ThumbnailPanel = __esm({
         [goToPage]
       );
       if (!document2) {
+        if (isLoading) {
+          return null;
+        }
         return /* @__PURE__ */ jsx4("div", { className: cn("thumbnail-panel p-4", className), children: /* @__PURE__ */ jsx4("div", { className: "text-sm text-gray-500", children: "No document loaded" }) });
       }
       return /* @__PURE__ */ jsx4(
@@ -5079,7 +5091,7 @@ var init_OutlinePanel = __esm({
     OutlinePanel = memo5(function OutlinePanel2({
       className
     }) {
-      const { document: document2, goToPage } = usePDFViewer();
+      const { document: document2, goToPage, isLoading: isDocumentLoading } = usePDFViewer();
       const [outline, setOutline] = useState8(null);
       const [isLoading, setIsLoading] = useState8(false);
       const [error, setError] = useState8(null);
@@ -5158,6 +5170,9 @@ var init_OutlinePanel = __esm({
         [goToPage]
       );
       if (!document2) {
+        if (isDocumentLoading) {
+          return null;
+        }
         return /* @__PURE__ */ jsx6("div", { className: cn("flex items-center justify-center p-4", className), children: /* @__PURE__ */ jsx6("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: "No document loaded" }) });
       }
       if (isLoading) {
@@ -8197,6 +8212,7 @@ var init_DocumentContainer = __esm({
         scale,
         rotation,
         theme,
+        isLoading,
         setScale,
         nextPage,
         previousPage
@@ -8336,6 +8352,9 @@ var init_DocumentContainer = __esm({
         sepia: "bg-amber-50"
       };
       if (!document2) {
+        if (isLoading) {
+          return null;
+        }
         return /* @__PURE__ */ jsx21(
           "div",
           {
@@ -8428,6 +8447,7 @@ var init_VirtualizedDocumentContainer = __esm({
         scale,
         rotation,
         theme,
+        isLoading,
         setScale,
         goToPage,
         nextPage,
@@ -8683,6 +8703,9 @@ var init_VirtualizedDocumentContainer = __esm({
         sepia: "bg-amber-50"
       };
       if (!document2) {
+        if (isLoading) {
+          return null;
+        }
         return /* @__PURE__ */ jsx22(
           "div",
           {
@@ -8829,6 +8852,7 @@ var init_DualPageContainer = __esm({
         scale,
         rotation,
         theme,
+        isLoading: isDocumentLoading,
         setScale,
         goToPage
       } = usePDFViewer();
@@ -9020,6 +9044,9 @@ var init_DualPageContainer = __esm({
       };
       const spread = getSpreadPages(currentPage);
       if (!document2) {
+        if (isDocumentLoading) {
+          return null;
+        }
         return /* @__PURE__ */ jsx24(
           "div",
           {
@@ -9258,6 +9285,138 @@ var init_FloatingZoomControls2 = __esm({
   }
 });
 
+// src/components/PDFLoadingScreen/PDFLoadingScreen.tsx
+import { memo as memo25 } from "react";
+import { jsx as jsx26, jsxs as jsxs22 } from "react/jsx-runtime";
+function formatBytes(bytes) {
+  if (bytes < 1024) return `${bytes} B`;
+  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
+  return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
+}
+var phaseMessages, PDFLoadingScreen;
+var init_PDFLoadingScreen = __esm({
+  "src/components/PDFLoadingScreen/PDFLoadingScreen.tsx"() {
+    "use strict";
+    init_utils();
+    phaseMessages = {
+      initializing: "Initializing...",
+      fetching: "Loading document...",
+      parsing: "Processing pages...",
+      rendering: "Preparing view..."
+    };
+    PDFLoadingScreen = memo25(function PDFLoadingScreen2({
+      progress,
+      bytesLoaded,
+      totalBytes,
+      phase = "fetching",
+      documentName,
+      className
+    }) {
+      const hasProgress = progress !== void 0 && progress >= 0;
+      const hasBytes = bytesLoaded !== void 0 && totalBytes !== void 0 && totalBytes > 0;
+      return /* @__PURE__ */ jsxs22(
+        "div",
+        {
+          className: cn(
+            "pdf-loading-screen",
+            "flex flex-col items-center justify-center",
+            "w-full h-full min-h-[400px]",
+            "bg-slate-50 dark:bg-slate-800",
+            className
+          ),
+          role: "status",
+          "aria-live": "polite",
+          "aria-label": phaseMessages[phase],
+          children: [
+            /* @__PURE__ */ jsxs22("div", { className: "pdf-loading-skeleton", children: [
+              /* @__PURE__ */ jsx26("div", { className: "pdf-loading-icon", children: /* @__PURE__ */ jsxs22(
+                "svg",
+                {
+                  width: "48",
+                  height: "56",
+                  viewBox: "0 0 48 56",
+                  fill: "none",
+                  xmlns: "http://www.w3.org/2000/svg",
+                  className: "pdf-document-icon",
+                  children: [
+                    /* @__PURE__ */ jsx26(
+                      "path",
+                      {
+                        d: "M4 4C4 1.79086 5.79086 0 8 0H30L44 14V52C44 54.2091 42.2091 56 40 56H8C5.79086 56 4 54.2091 4 52V4Z",
+                        className: "fill-white dark:fill-slate-700"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx26(
+                      "path",
+                      {
+                        d: "M30 0L44 14H34C31.7909 14 30 12.2091 30 10V0Z",
+                        className: "fill-slate-200 dark:fill-slate-600"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx26("rect", { x: "10", y: "22", width: "24", height: "3", rx: "1.5", className: "fill-slate-200 dark:fill-slate-600" }),
+                    /* @__PURE__ */ jsx26("rect", { x: "10", y: "28", width: "20", height: "3", rx: "1.5", className: "fill-slate-200 dark:fill-slate-600" }),
+                    /* @__PURE__ */ jsx26("rect", { x: "10", y: "34", width: "22", height: "3", rx: "1.5", className: "fill-slate-200 dark:fill-slate-600" }),
+                    /* @__PURE__ */ jsx26("rect", { x: "10", y: "40", width: "16", height: "3", rx: "1.5", className: "fill-slate-200 dark:fill-slate-600" }),
+                    /* @__PURE__ */ jsx26(
+                      "path",
+                      {
+                        d: "M4 4C4 1.79086 5.79086 0 8 0H30L44 14V52C44 54.2091 42.2091 56 40 56H8C5.79086 56 4 54.2091 4 52V4Z",
+                        className: "stroke-slate-300 dark:stroke-slate-500",
+                        strokeWidth: "1",
+                        fill: "none"
+                      }
+                    )
+                  ]
+                }
+              ) }),
+              /* @__PURE__ */ jsxs22("div", { className: "pdf-skeleton-lines", children: [
+                /* @__PURE__ */ jsx26("div", { className: "pdf-skeleton-line pdf-skeleton-line-1" }),
+                /* @__PURE__ */ jsx26("div", { className: "pdf-skeleton-line pdf-skeleton-line-2" }),
+                /* @__PURE__ */ jsx26("div", { className: "pdf-skeleton-line pdf-skeleton-line-3" })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs22("div", { className: "pdf-loading-info", children: [
+              documentName && /* @__PURE__ */ jsx26("p", { className: "pdf-loading-document-name", children: documentName }),
+              /* @__PURE__ */ jsx26("p", { className: "pdf-loading-message", children: phaseMessages[phase] }),
+              /* @__PURE__ */ jsxs22("div", { className: "pdf-loading-progress-container", children: [
+                /* @__PURE__ */ jsx26("div", { className: "pdf-loading-progress-track", children: /* @__PURE__ */ jsx26(
+                  "div",
+                  {
+                    className: cn(
+                      "pdf-loading-progress-fill",
+                      !hasProgress && "pdf-loading-progress-indeterminate"
+                    ),
+                    style: hasProgress ? { width: `${Math.min(100, progress)}%` } : void 0
+                  }
+                ) }),
+                /* @__PURE__ */ jsxs22("div", { className: "pdf-loading-progress-details", children: [
+                  hasProgress && /* @__PURE__ */ jsxs22("span", { className: "pdf-loading-progress-percent", children: [
+                    Math.round(progress),
+                    "%"
+                  ] }),
+                  hasBytes && /* @__PURE__ */ jsxs22("span", { className: "pdf-loading-progress-bytes", children: [
+                    formatBytes(bytesLoaded),
+                    " / ",
+                    formatBytes(totalBytes)
+                  ] })
+                ] })
+              ] })
+            ] })
+          ]
+        }
+      );
+    });
+  }
+});
+
+// src/components/PDFLoadingScreen/index.ts
+var init_PDFLoadingScreen2 = __esm({
+  "src/components/PDFLoadingScreen/index.ts"() {
+    "use strict";
+    init_PDFLoadingScreen();
+  }
+});
+
 // src/components/PDFViewer/PDFViewerClient.tsx
 var PDFViewerClient_exports = {};
 __export(PDFViewerClient_exports, {
@@ -9266,12 +9425,12 @@ __export(PDFViewerClient_exports, {
 import {
   useEffect as useEffect22,
   useCallback as useCallback33,
-  memo as memo25,
+  memo as memo26,
   useRef as useRef19,
   useState as useState21,
   forwardRef
 } from "react";
-import { jsx as jsx26, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs23 } from "react/jsx-runtime";
 function getSrcIdentifier(src) {
   if (typeof src === "string") {
     return src;
@@ -9324,8 +9483,9 @@ var init_PDFViewerClient = __esm({
     init_ContinuousScrollContainer();
     init_DualPageContainer();
     init_FloatingZoomControls2();
+    init_PDFLoadingScreen2();
     init_utils();
-    PDFViewerInner = memo25(function PDFViewerInner2({
+    PDFViewerInner = memo26(function PDFViewerInner2({
       src,
       initialPage = 1,
       page: controlledPage,
@@ -9383,6 +9543,7 @@ var init_PDFViewerClient = __esm({
       const scale = useViewerStore((s) => s.scale);
       const theme = useViewerStore((s) => s.theme);
       const isLoading = useViewerStore((s) => s.isLoading);
+      const loadingProgress = useViewerStore((s) => s.loadingProgress);
       const error = useViewerStore((s) => s.error);
       const sidebarOpen = useViewerStore((s) => s.sidebarOpen);
       const srcId = getSrcIdentifier(src);
@@ -9830,13 +9991,27 @@ var init_PDFViewerClient = __esm({
         const loadDoc = async () => {
           if (!mountedRef.current) return;
           try {
-            viewerStore.getState().setLoading(true);
+            viewerStore.getState().setLoading(true, { phase: "fetching" });
             viewerStore.getState().setError(null);
             setLoadState("loading");
             const { document: document2, numPages } = await loadDocument({
               src,
-              workerSrc
+              workerSrc,
+              onProgress: ({ loaded, total }) => {
+                if (mountedRef.current && srcIdRef.current === loadId) {
+                  const percent = total > 0 ? Math.round(loaded / total * 100) : void 0;
+                  viewerStore.getState().setLoadingProgress({
+                    phase: "fetching",
+                    percent,
+                    bytesLoaded: loaded,
+                    totalBytes: total
+                  });
+                }
+              }
             });
+            if (mountedRef.current && srcIdRef.current === loadId) {
+              viewerStore.getState().setLoadingProgress({ phase: "parsing", percent: 100 });
+            }
             if (mountedRef.current && srcIdRef.current === loadId) {
               viewerStore.getState().setDocument(document2);
               setLoadState("loaded");
@@ -9896,7 +10071,7 @@ var init_PDFViewerClient = __esm({
       if (error) {
         if (errorComponent) {
           const errorContent = typeof errorComponent === "function" ? errorComponent(error, handleRetry) : errorComponent;
-          return /* @__PURE__ */ jsx26(
+          return /* @__PURE__ */ jsx27(
             "div",
             {
               className: cn(
@@ -9910,7 +10085,7 @@ var init_PDFViewerClient = __esm({
             }
           );
         }
-        return /* @__PURE__ */ jsx26(
+        return /* @__PURE__ */ jsx27(
           "div",
           {
             className: cn(
@@ -9920,10 +10095,10 @@ var init_PDFViewerClient = __esm({
               themeClass,
               className
             ),
-            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(
+            children: /* @__PURE__ */ jsx27("div", { className: "flex-1 flex items-center justify-center", children: /* @__PURE__ */ jsxs23("div", { className: "text-center p-8", children: [
+              /* @__PURE__ */ jsx27("div", { className: "text-red-500 text-lg font-semibold mb-2", children: "Failed to load PDF" }),
+              /* @__PURE__ */ jsx27("div", { className: "text-gray-500 text-sm", children: error.message }),
+              /* @__PURE__ */ jsx27(
                 "button",
                 {
                   onClick: handleRetry,
@@ -9938,15 +10113,15 @@ var init_PDFViewerClient = __esm({
       const renderContainer = () => {
         switch (viewMode) {
           case "continuous":
-            return /* @__PURE__ */ jsx26(ContinuousScrollContainer, {});
+            return /* @__PURE__ */ jsx27(ContinuousScrollContainer, {});
           case "dual":
-            return /* @__PURE__ */ jsx26(DualPageContainer, {});
+            return /* @__PURE__ */ jsx27(DualPageContainer, {});
           case "single":
           default:
-            return /* @__PURE__ */ jsx26(DocumentContainer, {});
+            return /* @__PURE__ */ jsx27(DocumentContainer, {});
         }
       };
-      return /* @__PURE__ */ jsxs22(
+      return /* @__PURE__ */ jsxs23(
         "div",
         {
           className: cn(
@@ -9958,17 +10133,22 @@ var init_PDFViewerClient = __esm({
             className
           ),
           children: [
-            showToolbar && /* @__PURE__ */ jsx26(Toolbar, {}),
-            showAnnotationToolbar && /* @__PURE__ */ jsx26(AnnotationToolbar, {}),
-            /* @__PURE__ */ jsxs22("div", { className: "flex flex-1 overflow-hidden", children: [
-              showSidebar && sidebarOpen && /* @__PURE__ */ jsx26(Sidebar, {}),
+            showToolbar && /* @__PURE__ */ jsx27(Toolbar, {}),
+            showAnnotationToolbar && /* @__PURE__ */ jsx27(AnnotationToolbar, {}),
+            /* @__PURE__ */ jsxs23("div", { className: "flex flex-1 overflow-hidden", children: [
+              showSidebar && sidebarOpen && /* @__PURE__ */ jsx27(Sidebar, {}),
               renderContainer()
             ] }),
-            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: loadingComponent ?? /* @__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..." })
-            ] }) })
+            showFloatingZoom && /* @__PURE__ */ jsx27(FloatingZoomControls, { position: "bottom-right" }),
+            isLoading && /* @__PURE__ */ jsx27("div", { className: "absolute inset-0 z-50", children: loadingComponent ?? /* @__PURE__ */ jsx27(
+              PDFLoadingScreen,
+              {
+                phase: loadingProgress?.phase ?? "fetching",
+                progress: loadingProgress?.percent,
+                bytesLoaded: loadingProgress?.bytesLoaded,
+                totalBytes: loadingProgress?.totalBytes
+              }
+            ) })
           ]
         }
       );
@@ -9984,17 +10164,17 @@ var init_PDFViewerClient = __esm({
             ref.current = handle;
           }
         }, [ref]);
-        return /* @__PURE__ */ jsx26(PDFViewerInner, { ...props, onReady: handleReady });
+        return /* @__PURE__ */ jsx27(PDFViewerInner, { ...props, onReady: handleReady });
       }
     );
-    PDFViewerClient = memo25(
+    PDFViewerClient = memo26(
       forwardRef(function PDFViewerClient2(props, ref) {
-        return /* @__PURE__ */ jsx26(
+        return /* @__PURE__ */ jsx27(
           PDFViewerProvider,
           {
             theme: props.theme,
             defaultSidebarPanel: props.defaultSidebarPanel,
-            children: /* @__PURE__ */ jsx26(PDFViewerInnerWithRef, { ref, ...props })
+            children: /* @__PURE__ */ jsx27(PDFViewerInnerWithRef, { ref, ...props })
           }
         );
       })
@@ -10003,8 +10183,8 @@ var init_PDFViewerClient = __esm({
 });
 
 // src/components/PDFViewer/PDFViewer.tsx
-import { lazy, Suspense, memo as memo26 } from "react";
-import { jsx as jsx27, jsxs as jsxs23 } from "react/jsx-runtime";
+import { lazy, Suspense, memo as memo27 } from "react";
+import { jsx as jsx28, jsxs as jsxs24 } from "react/jsx-runtime";
 var PDFViewerClient3, PDFViewerLoading, PDFViewer;
 var init_PDFViewer = __esm({
   "src/components/PDFViewer/PDFViewer.tsx"() {
@@ -10013,10 +10193,10 @@ var init_PDFViewer = __esm({
     PDFViewerClient3 = lazy(
       () => Promise.resolve().then(() => (init_PDFViewerClient(), PDFViewerClient_exports)).then((mod) => ({ default: mod.PDFViewerClient }))
     );
-    PDFViewerLoading = memo26(function PDFViewerLoading2({
+    PDFViewerLoading = memo27(function PDFViewerLoading2({
       className
     }) {
-      return /* @__PURE__ */ jsx27(
+      return /* @__PURE__ */ jsx28(
         "div",
         {
           className: cn(
@@ -10025,18 +10205,18 @@ var init_PDFViewer = __esm({
             "bg-white dark:bg-gray-900",
             className
           ),
-          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..." })
+          children: /* @__PURE__ */ jsx28("div", { className: "flex-1 flex items-center justify-center", children: /* @__PURE__ */ jsxs24("div", { className: "flex flex-col items-center", children: [
+            /* @__PURE__ */ jsx28("div", { className: "w-8 h-8 border-4 border-blue-500 border-t-transparent rounded-full animate-spin" }),
+            /* @__PURE__ */ jsx28("div", { className: "mt-2 text-sm text-gray-500", children: "Loading PDF viewer..." })
           ] }) })
         }
       );
     });
-    PDFViewer = memo26(function PDFViewer2(props) {
+    PDFViewer = memo27(function PDFViewer2(props) {
       if (typeof window === "undefined") {
-        return /* @__PURE__ */ jsx27(PDFViewerLoading, { className: props.className });
+        return /* @__PURE__ */ jsx28(PDFViewerLoading, { className: props.className });
       }
-      return /* @__PURE__ */ jsx27(Suspense, { fallback: /* @__PURE__ */ jsx27(PDFViewerLoading, { className: props.className }), children: /* @__PURE__ */ jsx27(PDFViewerClient3, { ...props }) });
+      return /* @__PURE__ */ jsx28(Suspense, { fallback: /* @__PURE__ */ jsx28(PDFViewerLoading, { className: props.className }), children: /* @__PURE__ */ jsx28(PDFViewerClient3, { ...props }) });
     });
   }
 });
@@ -10065,8 +10245,8 @@ init_AnnotationToolbar2();
 
 // src/components/Annotations/StickyNote.tsx
 init_utils();
-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";
+import { memo as memo28, useState as useState22, useRef as useRef20, useEffect as useEffect23, useCallback as useCallback34 } from "react";
+import { jsx as jsx29, jsxs as jsxs25 } from "react/jsx-runtime";
 var NOTE_COLORS = [
   "#fef08a",
   // yellow
@@ -10079,7 +10259,7 @@ var NOTE_COLORS = [
   "#fed7aa"
   // orange
 ];
-var StickyNote = memo27(function StickyNote2({
+var StickyNote = memo28(function StickyNote2({
   note,
   scale,
   isSelected,
@@ -10139,7 +10319,7 @@ var StickyNote = memo27(function StickyNote2({
     onEndEdit?.();
   }, [onEndEdit]);
   if (!isExpanded) {
-    return /* @__PURE__ */ jsx28(
+    return /* @__PURE__ */ jsx29(
       "div",
       {
         ref: noteRef,
@@ -10160,14 +10340,14 @@ var StickyNote = memo27(function StickyNote2({
         onMouseDown: onDragStart,
         onTouchStart: onDragStart,
         title: note.content || "Empty note",
-        children: /* @__PURE__ */ jsx28(
+        children: /* @__PURE__ */ jsx29(
           "svg",
           {
             className: "w-4 h-4 opacity-70",
             fill: "currentColor",
             viewBox: "0 0 20 20",
             style: { color: "#333" },
-            children: /* @__PURE__ */ jsx28(
+            children: /* @__PURE__ */ jsx29(
               "path",
               {
                 fillRule: "evenodd",
@@ -10180,7 +10360,7 @@ var StickyNote = memo27(function StickyNote2({
       }
     );
   }
-  return /* @__PURE__ */ jsxs24(
+  return /* @__PURE__ */ jsxs25(
     "div",
     {
       ref: noteRef,
@@ -10198,14 +10378,14 @@ var StickyNote = memo27(function StickyNote2({
       },
       onClick: handleClick,
       children: [
-        /* @__PURE__ */ jsxs24(
+        /* @__PURE__ */ jsxs25(
           "div",
           {
             className: "flex items-center justify-between px-2 py-1 border-b border-black/10 cursor-move",
             onMouseDown: onDragStart,
             onTouchStart: onDragStart,
             children: [
-              /* @__PURE__ */ jsx28("div", { className: "flex gap-1", children: NOTE_COLORS.map((color) => /* @__PURE__ */ jsx28(
+              /* @__PURE__ */ jsx29("div", { className: "flex gap-1", children: NOTE_COLORS.map((color) => /* @__PURE__ */ jsx29(
                 "button",
                 {
                   className: cn(
@@ -10222,8 +10402,8 @@ var StickyNote = memo27(function StickyNote2({
                 },
                 color
               )) }),
-              /* @__PURE__ */ jsxs24("div", { className: "flex gap-1", children: [
-                /* @__PURE__ */ jsx28(
+              /* @__PURE__ */ jsxs25("div", { className: "flex gap-1", children: [
+                /* @__PURE__ */ jsx29(
                   "button",
                   {
                     className: "p-0.5 hover:bg-black/10 rounded",
@@ -10232,23 +10412,23 @@ var StickyNote = memo27(function StickyNote2({
                       onDelete?.();
                     },
                     title: "Delete note",
-                    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" }) })
+                    children: /* @__PURE__ */ jsx29("svg", { className: "w-3.5 h-3.5 text-gray-600", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx29("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__ */ jsx28(
+                /* @__PURE__ */ jsx29(
                   "button",
                   {
                     className: "p-0.5 hover:bg-black/10 rounded",
                     onClick: handleCollapse,
                     title: "Collapse note",
-                    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" }) })
+                    children: /* @__PURE__ */ jsx29("svg", { className: "w-3.5 h-3.5 text-gray-600", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx29("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
                   }
                 )
               ] })
             ]
           }
         ),
-        /* @__PURE__ */ jsx28("div", { className: "p-2", children: isEditing ? /* @__PURE__ */ jsx28(
+        /* @__PURE__ */ jsx29("div", { className: "p-2", children: isEditing ? /* @__PURE__ */ jsx29(
           "textarea",
           {
             ref: textareaRef,
@@ -10263,7 +10443,7 @@ var StickyNote = memo27(function StickyNote2({
             onKeyDown: handleKeyDown,
             placeholder: "Enter note..."
           }
-        ) : /* @__PURE__ */ jsx28(
+        ) : /* @__PURE__ */ jsx29(
           "div",
           {
             className: cn(
@@ -10274,7 +10454,7 @@ var StickyNote = memo27(function StickyNote2({
             children: note.content || "Double-click to edit..."
           }
         ) }),
-        /* @__PURE__ */ jsx28("div", { className: "px-2 pb-1 text-[10px] text-gray-500", children: new Date(note.updatedAt).toLocaleDateString() })
+        /* @__PURE__ */ jsx29("div", { className: "px-2 pb-1 text-[10px] text-gray-500", children: new Date(note.updatedAt).toLocaleDateString() })
       ]
     }
   );
@@ -10282,8 +10462,8 @@ var StickyNote = memo27(function StickyNote2({
 
 // src/components/Annotations/DrawingCanvas.tsx
 init_utils();
-import { memo as memo28, useRef as useRef21, useCallback as useCallback35, useState as useState23 } from "react";
-import { jsx as jsx29 } from "react/jsx-runtime";
+import { memo as memo29, useRef as useRef21, useCallback as useCallback35, useState as useState23 } from "react";
+import { jsx as jsx30 } from "react/jsx-runtime";
 function pointsToSvgPath(points) {
   if (points.length === 0) return "";
   if (points.length === 1) {
@@ -10321,7 +10501,7 @@ function simplifyPath(points, tolerance = 1) {
   result.push(points[points.length - 1]);
   return result;
 }
-var DrawingCanvas = memo28(function DrawingCanvas2({
+var DrawingCanvas = memo29(function DrawingCanvas2({
   width,
   height,
   scale,
@@ -10378,7 +10558,7 @@ var DrawingCanvas = memo28(function DrawingCanvas2({
     }
     setCurrentPath([]);
   }, [isDrawing, currentPath, onDrawingComplete]);
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     "svg",
     {
       ref: svgRef,
@@ -10398,7 +10578,7 @@ var DrawingCanvas = memo28(function DrawingCanvas2({
       onTouchStart: handleStart,
       onTouchMove: handleMove,
       onTouchEnd: handleEnd,
-      children: isDrawing && currentPath.length > 0 && /* @__PURE__ */ jsx29(
+      children: isDrawing && currentPath.length > 0 && /* @__PURE__ */ jsx30(
         "path",
         {
           d: pointsToSvgPath(currentPath),
@@ -10416,9 +10596,9 @@ var DrawingCanvas = memo28(function DrawingCanvas2({
 
 // src/components/Annotations/ShapeRenderer.tsx
 init_utils();
-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({
+import { memo as memo30, useCallback as useCallback36, useState as useState24, useRef as useRef22 } from "react";
+import { jsx as jsx31, jsxs as jsxs26 } from "react/jsx-runtime";
+var ShapeRenderer = memo30(function ShapeRenderer2({
   shape,
   scale,
   isSelected,
@@ -10541,7 +10721,7 @@ var ShapeRenderer = memo29(function ShapeRenderer2({
     };
     switch (shapeType) {
       case "rect":
-        return /* @__PURE__ */ jsx30(
+        return /* @__PURE__ */ jsx31(
           "rect",
           {
             x: scaledX,
@@ -10552,7 +10732,7 @@ var ShapeRenderer = memo29(function ShapeRenderer2({
           }
         );
       case "circle":
-        return /* @__PURE__ */ jsx30(
+        return /* @__PURE__ */ jsx31(
           "ellipse",
           {
             cx: scaledX + scaledWidth / 2,
@@ -10563,7 +10743,7 @@ var ShapeRenderer = memo29(function ShapeRenderer2({
           }
         );
       case "line":
-        return /* @__PURE__ */ jsx30(
+        return /* @__PURE__ */ jsx31(
           "line",
           {
             x1: scaledX,
@@ -10583,22 +10763,22 @@ var ShapeRenderer = memo29(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__ */ 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 })
+        return /* @__PURE__ */ jsxs26("g", { children: [
+          /* @__PURE__ */ jsx31("line", { x1: scaledX, y1: scaledY, x2: endX, y2: endY, ...commonProps }),
+          /* @__PURE__ */ jsx31("line", { x1: endX, y1: endY, x2: arrow1X, y2: arrow1Y, ...commonProps }),
+          /* @__PURE__ */ jsx31("line", { x1: endX, y1: endY, x2: arrow2X, y2: arrow2Y, ...commonProps })
         ] });
       default:
         return null;
     }
   }, [shapeType, scaledX, scaledY, scaledWidth, scaledHeight, color, scaledStroke, isSelected]);
-  return /* @__PURE__ */ jsxs25(
+  return /* @__PURE__ */ jsxs26(
     "g",
     {
       className: cn("shape-renderer", className),
       onMouseDown: (e) => handleMouseDown(e),
       children: [
-        /* @__PURE__ */ jsx30(
+        /* @__PURE__ */ jsx31(
           "rect",
           {
             x: scaledX - 5,
@@ -10611,7 +10791,7 @@ var ShapeRenderer = memo29(function ShapeRenderer2({
           }
         ),
         renderShape2(),
-        isSelected && /* @__PURE__ */ jsx30(
+        isSelected && /* @__PURE__ */ jsx31(
           "rect",
           {
             x: scaledX - 2,
@@ -10624,7 +10804,7 @@ var ShapeRenderer = memo29(function ShapeRenderer2({
             strokeDasharray: "4 2"
           }
         ),
-        isSelected && isEditing && getResizeHandles().map((handle) => /* @__PURE__ */ jsx30(
+        isSelected && isEditing && getResizeHandles().map((handle) => /* @__PURE__ */ jsx31(
           "rect",
           {
             x: handle.x,
@@ -10644,7 +10824,7 @@ var ShapeRenderer = memo29(function ShapeRenderer2({
     }
   );
 });
-var ShapePreview = memo29(function ShapePreview2({
+var ShapePreview = memo30(function ShapePreview2({
   shapeType,
   startPoint,
   endPoint,
@@ -10665,9 +10845,9 @@ var ShapePreview = memo29(function ShapePreview2({
   };
   switch (shapeType) {
     case "rect":
-      return /* @__PURE__ */ jsx30("rect", { x, y, width, height, ...commonProps });
+      return /* @__PURE__ */ jsx31("rect", { x, y, width, height, ...commonProps });
     case "circle":
-      return /* @__PURE__ */ jsx30(
+      return /* @__PURE__ */ jsx31(
         "ellipse",
         {
           cx: x + width / 2,
@@ -10678,7 +10858,7 @@ var ShapePreview = memo29(function ShapePreview2({
         }
       );
     case "line":
-      return /* @__PURE__ */ jsx30(
+      return /* @__PURE__ */ jsx31(
         "line",
         {
           x1: startPoint.x * scale,
@@ -10700,8 +10880,8 @@ var ShapePreview = memo29(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__ */ jsxs25("g", { children: [
-        /* @__PURE__ */ jsx30(
+      return /* @__PURE__ */ jsxs26("g", { children: [
+        /* @__PURE__ */ jsx31(
           "line",
           {
             x1: startPoint.x * scale,
@@ -10711,8 +10891,8 @@ var ShapePreview = memo29(function ShapePreview2({
             ...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 })
+        /* @__PURE__ */ jsx31("line", { x1: endX, y1: endY, x2: arrow1X, y2: arrow1Y, ...commonProps }),
+        /* @__PURE__ */ jsx31("line", { x1: endX, y1: endY, x2: arrow2X, y2: arrow2Y, ...commonProps })
       ] });
     default:
       return null;
@@ -10721,9 +10901,9 @@ var ShapePreview = memo29(function ShapePreview2({
 
 // src/components/Annotations/QuickNoteButton.tsx
 init_utils();
-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({
+import { memo as memo31, useCallback as useCallback37, useState as useState25 } from "react";
+import { jsx as jsx32 } from "react/jsx-runtime";
+var QuickNoteButton = memo31(function QuickNoteButton2({
   pageNumber,
   scale,
   position = "top-right",
@@ -10744,7 +10924,7 @@ var QuickNoteButton = memo30(function QuickNoteButton2({
   if (!visible) {
     return null;
   }
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx32(
     "button",
     {
       onClick: handleClick,
@@ -10766,7 +10946,7 @@ var QuickNoteButton = memo30(function QuickNoteButton2({
       ),
       title: "Add quick note",
       "aria-label": "Add quick note",
-      children: /* @__PURE__ */ jsx31(
+      children: /* @__PURE__ */ jsx32(
         "svg",
         {
           className: "w-4 h-4 text-yellow-900",
@@ -10774,7 +10954,7 @@ var QuickNoteButton = memo30(function QuickNoteButton2({
           viewBox: "0 0 24 24",
           stroke: "currentColor",
           strokeWidth: 2,
-          children: /* @__PURE__ */ jsx31("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 4v16m8-8H4" })
+          children: /* @__PURE__ */ jsx32("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 4v16m8-8H4" })
         }
       )
     }
@@ -10783,9 +10963,9 @@ var QuickNoteButton = memo30(function QuickNoteButton2({
 
 // src/components/Annotations/QuickNotePopover.tsx
 init_utils();
-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({
+import { memo as memo32, useCallback as useCallback38, useState as useState26, useRef as useRef23, useEffect as useEffect24 } from "react";
+import { jsx as jsx33, jsxs as jsxs27 } from "react/jsx-runtime";
+var QuickNotePopover = memo32(function QuickNotePopover2({
   visible,
   position,
   initialContent = "",
@@ -10849,7 +11029,7 @@ var QuickNotePopover = memo31(function QuickNotePopover2({
   if (!visible) {
     return null;
   }
-  return /* @__PURE__ */ jsxs26(
+  return /* @__PURE__ */ jsxs27(
     "div",
     {
       ref: popoverRef,
@@ -10868,15 +11048,15 @@ var QuickNotePopover = memo31(function QuickNotePopover2({
         top: adjustedPosition.y
       },
       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: [
+        agentLastStatement && /* @__PURE__ */ jsx33("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__ */ jsxs27("div", { className: "flex items-start gap-1", children: [
+          /* @__PURE__ */ jsx33("svg", { className: "w-3 h-3 mt-0.5 flex-shrink-0", fill: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx33("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__ */ jsxs27("span", { className: "line-clamp-2", children: [
             "AI discussed: \u201C",
             agentLastStatement,
             "\u201D"
           ] })
         ] }) }),
-        /* @__PURE__ */ jsx32(
+        /* @__PURE__ */ jsx33(
           "textarea",
           {
             ref: textareaRef,
@@ -10895,13 +11075,13 @@ var QuickNotePopover = memo31(function QuickNotePopover2({
             )
           }
         ),
-        /* @__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: [
+        /* @__PURE__ */ jsxs27("div", { className: "flex items-center justify-between mt-2", children: [
+          /* @__PURE__ */ jsxs27("span", { className: "text-xs text-gray-500 dark:text-gray-400", children: [
             navigator.platform.includes("Mac") ? "\u2318" : "Ctrl",
             "+Enter to save"
           ] }),
-          /* @__PURE__ */ jsxs26("div", { className: "flex gap-2", children: [
-            /* @__PURE__ */ jsx32(
+          /* @__PURE__ */ jsxs27("div", { className: "flex gap-2", children: [
+            /* @__PURE__ */ jsx33(
               "button",
               {
                 onClick: onCancel,
@@ -10914,7 +11094,7 @@ var QuickNotePopover = memo31(function QuickNotePopover2({
                 children: "Cancel"
               }
             ),
-            /* @__PURE__ */ jsx32(
+            /* @__PURE__ */ jsx33(
               "button",
               {
                 onClick: handleSave,
@@ -10938,9 +11118,9 @@ var QuickNotePopover = memo31(function QuickNotePopover2({
 
 // src/components/AskAbout/AskAboutOverlay.tsx
 init_utils();
-import { memo as memo32 } from "react";
-import { jsx as jsx33, jsxs as jsxs27 } from "react/jsx-runtime";
-var AskAboutOverlay = memo32(function AskAboutOverlay2({
+import { memo as memo33 } from "react";
+import { jsx as jsx34, jsxs as jsxs28 } from "react/jsx-runtime";
+var AskAboutOverlay = memo33(function AskAboutOverlay2({
   visible,
   progress,
   position,
@@ -10954,7 +11134,7 @@ var AskAboutOverlay = memo32(function AskAboutOverlay2({
   const radius = (size - strokeWidth) / 2;
   const circumference = 2 * Math.PI * radius;
   const strokeDashoffset = circumference * (1 - progress);
-  return /* @__PURE__ */ jsxs27(
+  return /* @__PURE__ */ jsxs28(
     "div",
     {
       className: cn(
@@ -10967,7 +11147,7 @@ var AskAboutOverlay = memo32(function AskAboutOverlay2({
         top: position.y - size / 2
       },
       children: [
-        /* @__PURE__ */ jsxs27(
+        /* @__PURE__ */ jsxs28(
           "svg",
           {
             width: size,
@@ -10975,7 +11155,7 @@ var AskAboutOverlay = memo32(function AskAboutOverlay2({
             viewBox: `0 0 ${size} ${size}`,
             className: "transform -rotate-90",
             children: [
-              /* @__PURE__ */ jsx33(
+              /* @__PURE__ */ jsx34(
                 "circle",
                 {
                   cx: size / 2,
@@ -10986,7 +11166,7 @@ var AskAboutOverlay = memo32(function AskAboutOverlay2({
                   strokeWidth
                 }
               ),
-              /* @__PURE__ */ jsx33(
+              /* @__PURE__ */ jsx34(
                 "circle",
                 {
                   cx: size / 2,
@@ -11004,12 +11184,12 @@ var AskAboutOverlay = memo32(function AskAboutOverlay2({
             ]
           }
         ),
-        /* @__PURE__ */ jsx33(
+        /* @__PURE__ */ jsx34(
           "div",
           {
             className: "absolute inset-0 flex items-center justify-center",
             style: { color: progress >= 1 ? "#22c55e" : "white" },
-            children: progress >= 1 ? /* @__PURE__ */ jsx33(
+            children: progress >= 1 ? /* @__PURE__ */ jsx34(
               "svg",
               {
                 width: "24",
@@ -11020,9 +11200,9 @@ var AskAboutOverlay = memo32(function AskAboutOverlay2({
                 strokeWidth: "2",
                 strokeLinecap: "round",
                 strokeLinejoin: "round",
-                children: /* @__PURE__ */ jsx33("polyline", { points: "20 6 9 17 4 12" })
+                children: /* @__PURE__ */ jsx34("polyline", { points: "20 6 9 17 4 12" })
               }
-            ) : /* @__PURE__ */ jsxs27(
+            ) : /* @__PURE__ */ jsxs28(
               "svg",
               {
                 width: "20",
@@ -11034,9 +11214,9 @@ var AskAboutOverlay = memo32(function AskAboutOverlay2({
                 strokeLinecap: "round",
                 strokeLinejoin: "round",
                 children: [
-                  /* @__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" })
+                  /* @__PURE__ */ jsx34("circle", { cx: "12", cy: "12", r: "10" }),
+                  /* @__PURE__ */ jsx34("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
+                  /* @__PURE__ */ jsx34("line", { x1: "12", y1: "17", x2: "12.01", y2: "17" })
                 ]
               }
             )
@@ -11049,9 +11229,9 @@ var AskAboutOverlay = memo32(function AskAboutOverlay2({
 
 // src/components/AskAbout/AskAboutTrigger.tsx
 init_utils();
-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({
+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 AskAboutTrigger = memo34(function AskAboutTrigger2({
   position,
   onConfirm,
   onCancel,
@@ -11099,7 +11279,7 @@ var AskAboutTrigger = memo33(function AskAboutTrigger2({
   if (!visible) {
     return null;
   }
-  return /* @__PURE__ */ jsxs28(
+  return /* @__PURE__ */ jsxs29(
     "div",
     {
       ref: triggerRef,
@@ -11118,8 +11298,8 @@ var AskAboutTrigger = memo33(function AskAboutTrigger2({
         transform: "translate(-50%, 0)"
       },
       children: [
-        /* @__PURE__ */ jsx34("span", { className: "text-sm text-gray-600 dark:text-gray-300 px-2", children: "Ask about this?" }),
-        /* @__PURE__ */ jsx34(
+        /* @__PURE__ */ jsx35("span", { className: "text-sm text-gray-600 dark:text-gray-300 px-2", children: "Ask about this?" }),
+        /* @__PURE__ */ jsx35(
           "button",
           {
             onClick: handleConfirm,
@@ -11132,7 +11312,7 @@ var AskAboutTrigger = memo33(function AskAboutTrigger2({
             children: "Ask"
           }
         ),
-        /* @__PURE__ */ jsx34(
+        /* @__PURE__ */ jsx35(
           "button",
           {
             onClick: handleCancel,
@@ -11154,9 +11334,9 @@ var AskAboutTrigger = memo33(function AskAboutTrigger2({
 // src/components/Minimap/Minimap.tsx
 init_hooks();
 init_utils();
-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({
+import { memo as memo35, useMemo as useMemo14, useCallback as useCallback40 } from "react";
+import { Fragment as Fragment3, jsx as jsx36, jsxs as jsxs30 } from "react/jsx-runtime";
+var PageIndicator = memo35(function PageIndicator2({
   pageNumber,
   status,
   isBookmarked,
@@ -11170,7 +11350,7 @@ var PageIndicator = memo34(function PageIndicator2({
     if (status === "visited") return "bg-green-400";
     return "bg-gray-200 dark:bg-gray-700";
   };
-  return /* @__PURE__ */ jsxs29(
+  return /* @__PURE__ */ jsxs30(
     "button",
     {
       onClick,
@@ -11186,13 +11366,13 @@ var PageIndicator = memo34(function PageIndicator2({
       title: `Page ${pageNumber}${isBookmarked ? " (bookmarked)" : ""}`,
       "aria-label": `Go to page ${pageNumber}`,
       children: [
-        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 })
+        isBookmarked && !compact && /* @__PURE__ */ jsx36("div", { className: "absolute -top-1 -right-1 w-2 h-2 bg-yellow-500 rounded-full border border-white" }),
+        showNumber && !compact && /* @__PURE__ */ jsx36("span", { className: "absolute inset-0 flex items-center justify-center text-[8px] font-medium text-white", children: pageNumber })
       ]
     }
   );
 });
-var Minimap = memo34(function Minimap2({
+var Minimap = memo35(function Minimap2({
   variant = "sidebar",
   floatingPosition = "right",
   maxHeight = 300,
@@ -11229,7 +11409,7 @@ var Minimap = memo34(function Minimap2({
     const pages = [];
     for (let i = 1; i <= numPages; i++) {
       pages.push(
-        /* @__PURE__ */ jsx35(
+        /* @__PURE__ */ jsx36(
           PageIndicator,
           {
             pageNumber: i,
@@ -11250,16 +11430,16 @@ var Minimap = memo34(function Minimap2({
   if (numPages === 0) {
     return null;
   }
-  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: [
+  const content = /* @__PURE__ */ jsxs30(Fragment3, { children: [
+    /* @__PURE__ */ jsxs30("div", { className: "mb-3", children: [
+      /* @__PURE__ */ jsxs30("div", { className: "flex items-center justify-between text-xs text-gray-500 dark:text-gray-400 mb-1", children: [
+        /* @__PURE__ */ jsx36("span", { children: "Progress" }),
+        /* @__PURE__ */ jsxs30("span", { children: [
           progressPercentage,
           "%"
         ] })
       ] }),
-      /* @__PURE__ */ jsx35("div", { className: "h-1.5 bg-gray-200 dark:bg-gray-700 rounded-full overflow-hidden", children: /* @__PURE__ */ jsx35(
+      /* @__PURE__ */ jsx36("div", { className: "h-1.5 bg-gray-200 dark:bg-gray-700 rounded-full overflow-hidden", children: /* @__PURE__ */ jsx36(
         "div",
         {
           className: "h-full bg-green-500 rounded-full transition-all duration-300",
@@ -11267,7 +11447,7 @@ var Minimap = memo34(function Minimap2({
         }
       ) })
     ] }),
-    /* @__PURE__ */ jsx35(
+    /* @__PURE__ */ jsx36(
       "div",
       {
         className: cn(
@@ -11278,21 +11458,21 @@ var Minimap = memo34(function Minimap2({
         children: pageIndicators
       }
     ),
-    /* @__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__ */ jsx36("div", { className: "mt-3 pt-2 border-t border-gray-200 dark:border-gray-700", children: /* @__PURE__ */ jsxs30("div", { className: "flex flex-wrap gap-3 text-xs text-gray-500 dark:text-gray-400", children: [
+      /* @__PURE__ */ jsxs30("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ jsx36("div", { className: "w-2 h-2 rounded-sm bg-blue-500" }),
+        /* @__PURE__ */ jsx36("span", { children: "Current" })
       ] }),
-      /* @__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__ */ jsxs30("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ jsx36("div", { className: "w-2 h-2 rounded-sm bg-green-400" }),
+        /* @__PURE__ */ jsx36("span", { children: "Visited" })
       ] }),
-      /* @__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__ */ jsxs30("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ jsx36("div", { className: "w-2 h-2 rounded-sm bg-yellow-400" }),
+        /* @__PURE__ */ jsx36("span", { children: "Bookmarked" })
       ] })
     ] }) }),
-    /* @__PURE__ */ jsxs29("div", { className: "mt-2 text-xs text-gray-500 dark:text-gray-400", children: [
+    /* @__PURE__ */ jsxs30("div", { className: "mt-2 text-xs text-gray-500 dark:text-gray-400", children: [
       visitedCount,
       " of ",
       numPages,
@@ -11300,7 +11480,7 @@ var Minimap = memo34(function Minimap2({
     ] })
   ] });
   if (variant === "floating") {
-    return /* @__PURE__ */ jsxs29(
+    return /* @__PURE__ */ jsxs30(
       "div",
       {
         className: cn(
@@ -11316,13 +11496,13 @@ var Minimap = memo34(function Minimap2({
         ),
         style: { maxHeight },
         children: [
-          /* @__PURE__ */ jsx35("h3", { className: "text-sm font-semibold text-gray-700 dark:text-gray-200 mb-2", children: "Reading Progress" }),
+          /* @__PURE__ */ jsx36("h3", { className: "text-sm font-semibold text-gray-700 dark:text-gray-200 mb-2", children: "Reading Progress" }),
           content
         ]
       }
     );
   }
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx36(
     "div",
     {
       className: cn(
@@ -11342,11 +11522,11 @@ init_FloatingZoomControls2();
 // src/components/PDFThumbnailNav/PDFThumbnailNav.tsx
 init_hooks();
 init_utils();
-import { memo as memo35, useEffect as useEffect26, useState as useState28, useRef as useRef25, useCallback as useCallback41 } from "react";
-import { jsx as jsx36, jsxs as jsxs30 } from "react/jsx-runtime";
+import { memo as memo36, useEffect as useEffect26, useState as useState28, useRef as useRef25, useCallback as useCallback41 } from "react";
+import { jsx as jsx37, jsxs as jsxs31 } from "react/jsx-runtime";
 var DEFAULT_WIDTH = 612;
 var DEFAULT_HEIGHT = 792;
-var PDFThumbnailNav = memo35(function PDFThumbnailNav2({
+var PDFThumbnailNav = memo36(function PDFThumbnailNav2({
   thumbnailScale = 0.15,
   orientation = "vertical",
   maxVisible = 10,
@@ -11458,7 +11638,7 @@ var PDFThumbnailNav = memo35(function PDFThumbnailNav2({
     viewerStore.getState().requestScrollToPage(pageNum, "smooth");
   }, [onThumbnailClick, viewerStore]);
   if (!document2 || numPages === 0) {
-    return /* @__PURE__ */ jsx36(
+    return /* @__PURE__ */ jsx37(
       "div",
       {
         className: cn(
@@ -11479,7 +11659,7 @@ var PDFThumbnailNav = memo35(function PDFThumbnailNav2({
   }
   const isHorizontal = orientation === "horizontal";
   const totalSize = numPages * ((isHorizontal ? thumbnailWidth : thumbnailHeight) + gap) - gap;
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     "div",
     {
       ref: containerRef,
@@ -11493,7 +11673,7 @@ var PDFThumbnailNav = memo35(function PDFThumbnailNav2({
       style: {
         ...isHorizontal ? { overflowX: "auto", overflowY: "hidden" } : { overflowX: "hidden", overflowY: "auto" }
       },
-      children: /* @__PURE__ */ jsx36(
+      children: /* @__PURE__ */ jsx37(
         "div",
         {
           className: cn(
@@ -11510,7 +11690,7 @@ var PDFThumbnailNav = memo35(function PDFThumbnailNav2({
             const thumbnail = thumbnails.get(pageNum);
             const isActive = pageNum === currentPage;
             const isVisible = pageNum >= visibleRange.start && pageNum <= visibleRange.end;
-            return /* @__PURE__ */ jsxs30(
+            return /* @__PURE__ */ jsxs31(
               "div",
               {
                 className: cn(
@@ -11535,7 +11715,7 @@ var PDFThumbnailNav = memo35(function PDFThumbnailNav2({
                   }
                 },
                 children: [
-                  /* @__PURE__ */ jsx36(
+                  /* @__PURE__ */ jsx37(
                     "div",
                     {
                       className: "relative bg-white dark:bg-gray-700",
@@ -11543,7 +11723,7 @@ var PDFThumbnailNav = memo35(function PDFThumbnailNav2({
                         width: thumbnailWidth,
                         height: thumbnailHeight
                       },
-                      children: isVisible && thumbnail?.canvas ? /* @__PURE__ */ jsx36(
+                      children: isVisible && thumbnail?.canvas ? /* @__PURE__ */ jsx37(
                         "img",
                         {
                           src: thumbnail.canvas.toDataURL(),
@@ -11551,10 +11731,10 @@ var PDFThumbnailNav = memo35(function PDFThumbnailNav2({
                           className: "w-full h-full object-contain",
                           loading: "lazy"
                         }
-                      ) : /* @__PURE__ */ jsx36("div", { className: "absolute inset-0 flex items-center justify-center text-gray-400 dark:text-gray-500 text-xs", children: pageNum })
+                      ) : /* @__PURE__ */ jsx37("div", { className: "absolute inset-0 flex items-center justify-center text-gray-400 dark:text-gray-500 text-xs", children: pageNum })
                     }
                   ),
-                  showPageNumbers && /* @__PURE__ */ jsx36(
+                  showPageNumbers && /* @__PURE__ */ jsx37(
                     "div",
                     {
                       className: cn(
@@ -11579,7 +11759,7 @@ var PDFThumbnailNav = memo35(function PDFThumbnailNav2({
 // src/components/ErrorBoundary/PDFErrorBoundary.tsx
 init_utils();
 import { Component } from "react";
-import { jsx as jsx37, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs32 } from "react/jsx-runtime";
 var PDFErrorBoundary = class extends Component {
   constructor(props) {
     super(props);
@@ -11607,7 +11787,7 @@ var PDFErrorBoundary = class extends Component {
         return fallback;
       }
       if (showDefaultUI) {
-        return /* @__PURE__ */ jsx37(
+        return /* @__PURE__ */ jsx38(
           DefaultErrorUI,
           {
             error,
@@ -11626,7 +11806,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__ */ jsx37("svg", { className: "w-12 h-12 text-red-500", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx37(
+  let icon = /* @__PURE__ */ jsx38("svg", { className: "w-12 h-12 text-red-500", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx38(
     "path",
     {
       strokeLinecap: "round",
@@ -11638,7 +11818,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__ */ jsx37("svg", { className: "w-12 h-12 text-red-500", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx37(
+    icon = /* @__PURE__ */ jsx38("svg", { className: "w-12 h-12 text-red-500", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx38(
       "path",
       {
         strokeLinecap: "round",
@@ -11650,7 +11830,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__ */ jsx37("svg", { className: "w-12 h-12 text-red-500", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx37(
+    icon = /* @__PURE__ */ jsx38("svg", { className: "w-12 h-12 text-red-500", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx38(
       "path",
       {
         strokeLinecap: "round",
@@ -11660,7 +11840,7 @@ function DefaultErrorUI({ error, onReset, className }) {
       }
     ) });
   }
-  return /* @__PURE__ */ jsxs31(
+  return /* @__PURE__ */ jsxs32(
     "div",
     {
       className: cn(
@@ -11673,14 +11853,14 @@ function DefaultErrorUI({ error, onReset, className }) {
       ),
       children: [
         icon,
-        /* @__PURE__ */ jsx37("h2", { className: "mt-4 text-xl font-semibold text-gray-900 dark:text-gray-100", children: title }),
-        /* @__PURE__ */ jsx37("p", { className: "mt-2 text-sm text-gray-600 dark:text-gray-400 max-w-md", children: description }),
-        /* @__PURE__ */ jsxs31("details", { className: "mt-4 text-left max-w-md w-full", children: [
-          /* @__PURE__ */ jsx37("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__ */ jsx37("pre", { className: "mt-2 p-2 bg-gray-100 dark:bg-gray-800 rounded text-xs overflow-auto", children: error.stack || error.message })
+        /* @__PURE__ */ jsx38("h2", { className: "mt-4 text-xl font-semibold text-gray-900 dark:text-gray-100", children: title }),
+        /* @__PURE__ */ jsx38("p", { className: "mt-2 text-sm text-gray-600 dark:text-gray-400 max-w-md", children: description }),
+        /* @__PURE__ */ jsxs32("details", { className: "mt-4 text-left max-w-md w-full", children: [
+          /* @__PURE__ */ jsx38("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__ */ jsx38("pre", { className: "mt-2 p-2 bg-gray-100 dark:bg-gray-800 rounded text-xs overflow-auto", children: error.stack || error.message })
         ] }),
-        /* @__PURE__ */ jsxs31("div", { className: "mt-6 flex gap-3", children: [
-          /* @__PURE__ */ jsx37(
+        /* @__PURE__ */ jsxs32("div", { className: "mt-6 flex gap-3", children: [
+          /* @__PURE__ */ jsx38(
             "button",
             {
               onClick: onReset,
@@ -11694,7 +11874,7 @@ function DefaultErrorUI({ error, onReset, className }) {
               children: "Try again"
             }
           ),
-          /* @__PURE__ */ jsx37(
+          /* @__PURE__ */ jsx38(
             "button",
             {
               onClick: () => window.location.reload(),
@@ -11714,9 +11894,12 @@ function DefaultErrorUI({ error, onReset, className }) {
   );
 }
 function withErrorBoundary({ component, ...props }) {
-  return /* @__PURE__ */ jsx37(PDFErrorBoundary, { ...props, children: component });
+  return /* @__PURE__ */ jsx38(PDFErrorBoundary, { ...props, children: component });
 }
 
+// src/components/index.ts
+init_PDFLoadingScreen2();
+
 // src/index.ts
 init_hooks();
 init_store();
@@ -11747,6 +11930,7 @@ export {
   MobileToolbar,
   OutlinePanel,
   PDFErrorBoundary,
+  PDFLoadingScreen,
   PDFPage,
   PDFThumbnailNav,
   PDFViewer,