@cannyminds/dms-file-viewers 0.3.0 → 0.5.0

package/dist/{chunk-73ZIFR3P.mjs → chunk-K5SKH4SD.mjs}

@@ -5,8 +5,31 @@ import {
 } from "./chunk-QQDQJ7TS.mjs";
 
 // src/components/viewers/PDFViewer.tsx
-import React2, { useCallback, useEffect, useMemo, useRef as useRef2, useState as useState2, forwardRef, useImperativeHandle } from "react";
-import { PDFViewer as HeadlessPDFViewer } from "@cannyminds/pdf-viewer";
+import { useCallback, useEffect as useEffect3, useMemo, useRef as useRef2, useState as useState3, forwardRef, useImperativeHandle } from "react";
+
+// src/components/viewers/pdf/StablePDFViewer.tsx
+import React from "react";
+import { PDFViewer as HeadlessPDFViewerImport } from "@cannyminds/pdf-viewer";
+import { jsx } from "react/jsx-runtime";
+var HeadlessPDFViewer = HeadlessPDFViewerImport;
+var StablePDFViewer = React.memo(({
+  pdfBuffer,
+  onPasswordRequest,
+  pdfViewerRef
+}) => {
+  return /* @__PURE__ */ jsx(
+    HeadlessPDFViewer,
+    {
+      ref: pdfViewerRef,
+      pdfBuffer,
+      onPasswordRequest
+    }
+  );
+});
+StablePDFViewer.displayName = "StablePDFViewer";
+
+// src/components/viewers/pdf/PDFToolbar.tsx
+import React2 from "react";
 import FirstPageIcon from "@mui/icons-material/FirstPage";
 import LastPageIcon from "@mui/icons-material/LastPage";
 import ChevronLeftIcon from "@mui/icons-material/ChevronLeft";
@@ -15,14 +38,222 @@ import ZoomInIcon from "@mui/icons-material/ZoomIn";
 import ZoomOutIcon from "@mui/icons-material/ZoomOut";
 import FitScreenIcon from "@mui/icons-material/FitScreen";
 import AspectRatioIcon from "@mui/icons-material/AspectRatio";
-import SearchIcon2 from "@mui/icons-material/Search";
+import SearchIcon from "@mui/icons-material/Search";
 import DownloadIcon from "@mui/icons-material/Download";
 import PrintIcon from "@mui/icons-material/Print";
 import InfoIcon from "@mui/icons-material/Info";
 import DescriptionIcon from "@mui/icons-material/Description";
+import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
+var PDFToolbar = React2.memo(({
+  currentPage,
+  totalPages,
+  zoom,
+  isSidebarOpen,
+  showPageNavigation,
+  showPageCount,
+  showZoomControls,
+  showSearch,
+  showMetadata,
+  showProperties,
+  showDownload,
+  showPrint,
+  onFirstPage,
+  onPreviousPage,
+  onNextPage,
+  onLastPage,
+  onPageInput,
+  onPageInputKeyPress,
+  onZoomIn,
+  onZoomOut,
+  onFitToWidth,
+  onFitToPage,
+  onToggleSidebar,
+  onDownloadClick,
+  onPrintClick,
+  onMetadataClick,
+  onPropertiesClick
+}) => {
+  return /* @__PURE__ */ jsxs("div", { className: "pdf-viewer-toolbar", children: [
+    showPageNavigation && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx2("div", { className: "toolbar-separator" }),
+      /* @__PURE__ */ jsxs("div", { className: "toolbar-section", children: [
+        /* @__PURE__ */ jsx2(
+          "button",
+          {
+            className: "toolbar-button",
+            onClick: onFirstPage,
+            disabled: currentPage <= 1,
+            title: "First Page",
+            children: /* @__PURE__ */ jsx2(FirstPageIcon, { fontSize: "small" })
+          }
+        ),
+        /* @__PURE__ */ jsx2(
+          "button",
+          {
+            className: "toolbar-button",
+            onClick: onPreviousPage,
+            disabled: currentPage <= 1,
+            title: "Previous Page",
+            children: /* @__PURE__ */ jsx2(ChevronLeftIcon, { fontSize: "small" })
+          }
+        ),
+        /* @__PURE__ */ jsx2(
+          "input",
+          {
+            type: "number",
+            className: "page-input",
+            value: currentPage,
+            onChange: onPageInput,
+            onKeyPress: onPageInputKeyPress,
+            min: 1,
+            max: totalPages || void 0
+          }
+        ),
+        showPageCount && /* @__PURE__ */ jsxs("span", { className: "page-info", children: [
+          "of ",
+          totalPages || "..."
+        ] }),
+        /* @__PURE__ */ jsx2(
+          "button",
+          {
+            className: "toolbar-button",
+            onClick: onNextPage,
+            disabled: currentPage >= totalPages,
+            title: "Next Page",
+            children: /* @__PURE__ */ jsx2(ChevronRightIcon, { fontSize: "small" })
+          }
+        ),
+        /* @__PURE__ */ jsx2(
+          "button",
+          {
+            className: "toolbar-button",
+            onClick: onLastPage,
+            disabled: currentPage >= totalPages,
+            title: "Last Page",
+            children: /* @__PURE__ */ jsx2(LastPageIcon, { fontSize: "small" })
+          }
+        )
+      ] })
+    ] }),
+    showZoomControls && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx2("div", { className: "toolbar-separator" }),
+      /* @__PURE__ */ jsxs("div", { className: "toolbar-section", children: [
+        /* @__PURE__ */ jsx2(
+          "button",
+          {
+            className: "toolbar-button",
+            onClick: onZoomOut,
+            title: "Zoom Out",
+            children: /* @__PURE__ */ jsx2(ZoomOutIcon, { fontSize: "small" })
+          }
+        ),
+        /* @__PURE__ */ jsxs("span", { className: "zoom-display", children: [
+          zoom,
+          "%"
+        ] }),
+        /* @__PURE__ */ jsx2(
+          "button",
+          {
+            className: "toolbar-button",
+            onClick: onZoomIn,
+            title: "Zoom In",
+            children: /* @__PURE__ */ jsx2(ZoomInIcon, { fontSize: "small" })
+          }
+        ),
+        /* @__PURE__ */ jsx2(
+          "button",
+          {
+            className: "toolbar-button",
+            onClick: onFitToWidth,
+            title: "Fit to Width",
+            children: /* @__PURE__ */ jsx2(AspectRatioIcon, { fontSize: "small" })
+          }
+        ),
+        /* @__PURE__ */ jsx2(
+          "button",
+          {
+            className: "toolbar-button",
+            onClick: onFitToPage,
+            title: "Fit to Page",
+            children: /* @__PURE__ */ jsx2(FitScreenIcon, { fontSize: "small" })
+          }
+        )
+      ] })
+    ] }),
+    showSearch && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx2("div", { className: "toolbar-separator" }),
+      /* @__PURE__ */ jsx2("div", { className: "toolbar-section", children: /* @__PURE__ */ jsx2(
+        "button",
+        {
+          className: "toolbar-button",
+          onClick: onToggleSidebar,
+          title: "Search in PDF",
+          style: {
+            backgroundColor: isSidebarOpen ? "#e3f2fd" : "transparent",
+            color: isSidebarOpen ? "#1976d2" : "inherit"
+          },
+          children: /* @__PURE__ */ jsx2(SearchIcon, { fontSize: "small" })
+        }
+      ) })
+    ] }),
+    (showMetadata || showProperties || showDownload || showPrint) && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx2("div", { className: "toolbar-separator" }),
+      /* @__PURE__ */ jsxs("div", { className: "toolbar-section", children: [
+        showDownload && /* @__PURE__ */ jsx2(
+          "button",
+          {
+            className: "toolbar-button",
+            onClick: onDownloadClick,
+            title: "Download PDF",
+            children: /* @__PURE__ */ jsx2(DownloadIcon, { fontSize: "small" })
+          }
+        ),
+        showPrint && /* @__PURE__ */ jsx2(
+          "button",
+          {
+            className: "toolbar-button",
+            onClick: onPrintClick,
+            title: "Print PDF",
+            children: /* @__PURE__ */ jsx2(PrintIcon, { fontSize: "small" })
+          }
+        ),
+        showMetadata && /* @__PURE__ */ jsx2(
+          "button",
+          {
+            className: "toolbar-button",
+            onClick: onMetadataClick,
+            title: "Document Metadata",
+            children: /* @__PURE__ */ jsx2(InfoIcon, { fontSize: "small" })
+          }
+        ),
+        showProperties && /* @__PURE__ */ jsx2(
+          "button",
+          {
+            className: "toolbar-button",
+            onClick: onPropertiesClick,
+            title: "Document Properties",
+            children: /* @__PURE__ */ jsx2(DescriptionIcon, { fontSize: "small" })
+          }
+        )
+      ] })
+    ] })
+  ] });
+});
+PDFToolbar.displayName = "PDFToolbar";
+
+// src/components/viewers/pdf/PDFHeader.tsx
+import React3 from "react";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var PDFHeader = React3.memo(({ fileName, fileExtension }) => {
+  return /* @__PURE__ */ jsxs2("div", { className: "pdf-viewer-header", children: [
+    /* @__PURE__ */ jsx3(FileIcon_default, { ext: fileExtension, size: 26 }),
+    /* @__PURE__ */ jsx3("div", { className: "header-file-name", title: fileName, children: fileName })
+  ] });
+});
+PDFHeader.displayName = "PDFHeader";
 
 // src/components/viewers/pdf/SearchSidebar.tsx
-import { useState, useLayoutEffect, useRef } from "react";
+import { useState, useLayoutEffect, useEffect, useRef } from "react";
 import {
   Box,
   Typography,
@@ -31,13 +262,13 @@ import {
   InputAdornment,
   Divider
 } from "@mui/material";
-import SearchIcon from "@mui/icons-material/Search";
+import SearchIcon2 from "@mui/icons-material/Search";
 import CloseIcon from "@mui/icons-material/Close";
 import KeyboardArrowUpIcon from "@mui/icons-material/KeyboardArrowUp";
 import KeyboardArrowDownIcon from "@mui/icons-material/KeyboardArrowDown";
 import ClearIcon from "@mui/icons-material/Clear";
 import FindInPageIcon from "@mui/icons-material/FindInPage";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 var SearchSidebar = ({
   isOpen,
   onClose,
@@ -49,11 +280,17 @@ var SearchSidebar = ({
   totalResults,
   searchKeyword,
   searchResults = [],
-  isSearching = false
+  isSearching = false,
+  isSyntheticResults = false
 }) => {
   const [searchTerm, setSearchTerm] = useState(searchKeyword || "");
   const [hasSearched, setHasSearched] = useState(false);
   const contentRef = useRef(null);
+  useEffect(() => {
+    if (searchKeyword && searchKeyword !== searchTerm) {
+      setSearchTerm(searchKeyword);
+    }
+  }, [searchKeyword]);
   useLayoutEffect(() => {
     const element = contentRef.current;
     if (!element) return;
@@ -89,20 +326,29 @@ var SearchSidebar = ({
         background-color: transparent;
       }
       .search-sidebar-content::-webkit-scrollbar-thumb {
-        background-color: rgba(0, 0, 0, 0.25);
+        background-color: rgba(128, 128, 128, 0.3);
         border-radius: 8px;
         border: 4px solid transparent;
         background-clip: padding-box;
         transition: all 0.15s ease;
       }
       .search-sidebar-content.scrollbar-hover::-webkit-scrollbar-thumb {
-        background-color: rgba(0, 0, 0, 0.4);
+        background-color: rgba(128, 128, 128, 0.5);
         border: 2px solid transparent;
       }
       .search-sidebar-content::-webkit-scrollbar-thumb:active {
-        background-color: rgba(25, 118, 210, 0.85);
+        background-color: rgba(25, 118, 210, 0.8);
         border: 1px solid transparent;
       }
+
+      @media (prefers-color-scheme: dark) {
+        .search-sidebar-content::-webkit-scrollbar-thumb {
+          background-color: rgba(255, 255, 255, 0.2);
+        }
+        .search-sidebar-content.scrollbar-hover::-webkit-scrollbar-thumb {
+          background-color: rgba(255, 255, 255, 0.35);
+        }
+      }
       
       /* Tamil font support for search results */
       .search-result-text {
@@ -157,7 +403,7 @@ var SearchSidebar = ({
       const regex = new RegExp(`(${escapedKeyword})`, "gi");
       const parts = textString.split(regex);
       return parts.map(
-        (part, index) => regex.test(part) ? /* @__PURE__ */ jsx(
+        (part, index) => regex.test(part) ? /* @__PURE__ */ jsx4(
           Box,
           {
             component: "span",
@@ -176,7 +422,7 @@ var SearchSidebar = ({
     }
   };
   if (!isOpen) return null;
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs3(
     Box,
     {
       sx: {
@@ -190,10 +436,10 @@ var SearchSidebar = ({
         overflow: "hidden"
       },
       children: [
-        /* @__PURE__ */ jsxs(Box, { sx: { px: 3, py: 2.5, backgroundColor: "background.default" }, children: [
-          /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", justifyContent: "space-between", mb: 2 }, children: [
-            /* @__PURE__ */ jsx(Typography, { variant: "h6", sx: { fontSize: "1.125rem", fontWeight: 600, color: "text.primary" }, children: "Search" }),
-            /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsxs3(Box, { sx: { px: 3, py: 2.5, backgroundColor: "background.default" }, children: [
+          /* @__PURE__ */ jsxs3(Box, { sx: { display: "flex", alignItems: "center", justifyContent: "space-between", mb: 2 }, children: [
+            /* @__PURE__ */ jsx4(Typography, { variant: "h6", sx: { fontSize: "1.125rem", fontWeight: 600, color: "text.primary" }, children: "Search" }),
+            /* @__PURE__ */ jsx4(
               IconButton,
               {
                 size: "small",
@@ -202,11 +448,11 @@ var SearchSidebar = ({
                   color: "text.secondary",
                   padding: "6px"
                 },
-                children: /* @__PURE__ */ jsx(CloseIcon, { fontSize: "small" })
+                children: /* @__PURE__ */ jsx4(CloseIcon, { fontSize: "small" })
               }
             )
           ] }),
-          /* @__PURE__ */ jsx("form", { onSubmit: handleSearchSubmit, children: /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx4("form", { onSubmit: handleSearchSubmit, children: /* @__PURE__ */ jsx4(
             TextField,
             {
               fullWidth: true,
@@ -216,8 +462,8 @@ var SearchSidebar = ({
               onChange: handleSearchChange,
               autoComplete: "off",
               InputProps: {
-                startAdornment: /* @__PURE__ */ jsx(InputAdornment, { position: "start", children: /* @__PURE__ */ jsx(SearchIcon, { sx: { color: "text.disabled", fontSize: 20 } }) }),
-                endAdornment: searchTerm && /* @__PURE__ */ jsx(InputAdornment, { position: "end", children: /* @__PURE__ */ jsx(
+                startAdornment: /* @__PURE__ */ jsx4(InputAdornment, { position: "start", children: /* @__PURE__ */ jsx4(SearchIcon2, { sx: { color: "text.disabled", fontSize: 20 } }) }),
+                endAdornment: searchTerm && /* @__PURE__ */ jsx4(InputAdornment, { position: "end", children: /* @__PURE__ */ jsx4(
                   IconButton,
                   {
                     size: "small",
@@ -229,7 +475,7 @@ var SearchSidebar = ({
                         backgroundColor: "action.hover"
                       }
                     },
-                    children: /* @__PURE__ */ jsx(ClearIcon, { sx: { fontSize: 18 } })
+                    children: /* @__PURE__ */ jsx4(ClearIcon, { sx: { fontSize: 18 } })
                   }
                 ) })
               },
@@ -252,7 +498,7 @@ var SearchSidebar = ({
               }
             }
           ) }),
-          totalResults > 0 && /* @__PURE__ */ jsxs(
+          totalResults > 0 && /* @__PURE__ */ jsxs3(
             Box,
             {
               sx: {
@@ -265,14 +511,14 @@ var SearchSidebar = ({
                 borderColor: "divider"
               },
               children: [
-                /* @__PURE__ */ jsxs(Typography, { variant: "body2", sx: { color: "text.secondary", fontSize: "0.875rem", fontWeight: 500 }, children: [
+                /* @__PURE__ */ jsxs3(Typography, { variant: "body2", sx: { color: "text.secondary", fontSize: "0.875rem", fontWeight: 500 }, children: [
                   currentResultIndex + 1,
                   " of ",
                   totalResults,
                   " results"
                 ] }),
-                /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 0.5 }, children: [
-                  /* @__PURE__ */ jsx(
+                /* @__PURE__ */ jsxs3(Box, { sx: { display: "flex", alignItems: "center", gap: 0.5 }, children: [
+                  /* @__PURE__ */ jsx4(
                     IconButton,
                     {
                       size: "small",
@@ -285,10 +531,10 @@ var SearchSidebar = ({
                         border: "1px solid",
                         borderColor: currentResultIndex <= 0 ? "divider" : "primary.main"
                       },
-                      children: /* @__PURE__ */ jsx(KeyboardArrowUpIcon, { sx: { fontSize: 20 } })
+                      children: /* @__PURE__ */ jsx4(KeyboardArrowUpIcon, { sx: { fontSize: 20 } })
                     }
                   ),
-                  /* @__PURE__ */ jsx(
+                  /* @__PURE__ */ jsx4(
                     IconButton,
                     {
                       size: "small",
@@ -301,7 +547,7 @@ var SearchSidebar = ({
                         border: "1px solid",
                         borderColor: currentResultIndex >= totalResults - 1 ? "divider" : "primary.main"
                       },
-                      children: /* @__PURE__ */ jsx(KeyboardArrowDownIcon, { sx: { fontSize: 20 } })
+                      children: /* @__PURE__ */ jsx4(KeyboardArrowDownIcon, { sx: { fontSize: 20 } })
                     }
                   )
                 ] })
@@ -309,14 +555,14 @@ var SearchSidebar = ({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx(Divider, {}),
-        /* @__PURE__ */ jsxs(Box, { ref: contentRef, className: "search-sidebar-content", sx: {
+        /* @__PURE__ */ jsx4(Divider, {}),
+        /* @__PURE__ */ jsxs3(Box, { ref: contentRef, className: "search-sidebar-content", sx: {
           flex: 1,
           overflow: "auto",
           backgroundColor: "background.default"
         }, children: [
-          !searchTerm && !hasSearched && /* @__PURE__ */ jsxs(Box, { sx: { p: 4, textAlign: "center", mt: 6 }, children: [
-            /* @__PURE__ */ jsx(
+          !searchTerm && !hasSearched && /* @__PURE__ */ jsxs3(Box, { sx: { p: 4, textAlign: "center", mt: 6 }, children: [
+            /* @__PURE__ */ jsx4(
               Box,
               {
                 sx: {
@@ -330,43 +576,45 @@ var SearchSidebar = ({
                   margin: "0 auto",
                   mb: 3
                 },
-                children: /* @__PURE__ */ jsx(SearchIcon, { sx: { fontSize: 40, color: "text.disabled" } })
+                children: /* @__PURE__ */ jsx4(SearchIcon2, { sx: { fontSize: 40, color: "text.disabled" } })
               }
             ),
-            /* @__PURE__ */ jsx(Typography, { variant: "body1", sx: { color: "text.primary", fontWeight: 500, mb: 1 }, children: "Search in Document" }),
-            /* @__PURE__ */ jsx(Typography, { variant: "body2", sx: { color: "text.secondary", lineHeight: 1.6 }, children: "Enter keywords to find text within the PDF document" })
+            /* @__PURE__ */ jsx4(Typography, { variant: "body1", sx: { color: "text.primary", fontWeight: 500, mb: 1 }, children: "Search in Document" }),
+            /* @__PURE__ */ jsx4(Typography, { variant: "body2", sx: { color: "text.secondary", lineHeight: 1.6 }, children: "Enter keywords to find text within the PDF document" })
           ] }),
-          searchTerm && !hasSearched && /* @__PURE__ */ jsxs(Box, { sx: { p: 4, textAlign: "center", mt: 6 }, children: [
-            /* @__PURE__ */ jsx(
+          searchTerm && !hasSearched && /* @__PURE__ */ jsxs3(Box, { sx: { p: 4, textAlign: "center", mt: 6 }, children: [
+            /* @__PURE__ */ jsx4(
               Box,
               {
                 sx: {
                   width: 80,
                   height: 80,
                   borderRadius: "50%",
-                  backgroundColor: "#e3f2fd",
+                  backgroundColor: "primary.light",
                   display: "flex",
                   alignItems: "center",
                   justifyContent: "center",
                   margin: "0 auto",
-                  mb: 3
+                  mb: 3,
+                  opacity: 0.2
                 },
-                children: /* @__PURE__ */ jsx(FindInPageIcon, { sx: { fontSize: 40, color: "primary.main" } })
+                children: /* @__PURE__ */ jsx4(FindInPageIcon, { sx: { fontSize: 40, color: "primary.main" } })
               }
             ),
-            /* @__PURE__ */ jsx(Typography, { variant: "body1", sx: { color: "text.primary", fontWeight: 500, mb: 1 }, children: "Ready to Search" }),
-            /* @__PURE__ */ jsx(Typography, { variant: "body2", sx: { color: "text.secondary", mb: 2, lineHeight: 1.6 }, children: "Press Enter to find" }),
-            /* @__PURE__ */ jsxs(
+            /* @__PURE__ */ jsx4(Typography, { variant: "body1", sx: { color: "text.primary", fontWeight: 500, mb: 1 }, children: "Ready to Search" }),
+            /* @__PURE__ */ jsx4(Typography, { variant: "body2", sx: { color: "text.secondary", mb: 2, lineHeight: 1.6 }, children: "Press Enter to find" }),
+            /* @__PURE__ */ jsxs3(
               Typography,
               {
                 variant: "body2",
                 sx: {
-                  color: "primary.main",
+                  color: "white",
                   fontWeight: 600,
-                  backgroundColor: "#e3f2fd",
+                  backgroundColor: (theme) => theme.palette.mode === "dark" ? "rgba(144, 202, 249, 0.16)" : "primary.light",
                   padding: "6px 16px",
                   borderRadius: "16px",
-                  display: "inline-block"
+                  display: "inline-block",
+                  opacity: 0.9
                 },
                 children: [
                   '"',
@@ -376,38 +624,40 @@ var SearchSidebar = ({
               }
             )
           ] }),
-          hasSearched && totalResults === 0 && !isSearching && /* @__PURE__ */ jsxs(Box, { sx: { p: 4, textAlign: "center", mt: 6 }, children: [
-            /* @__PURE__ */ jsx(
+          hasSearched && totalResults === 0 && !isSearching && /* @__PURE__ */ jsxs3(Box, { sx: { p: 4, textAlign: "center", mt: 6 }, children: [
+            /* @__PURE__ */ jsx4(
               Box,
               {
                 sx: {
                   width: 80,
                   height: 80,
                   borderRadius: "50%",
-                  backgroundColor: "#fff3e0",
+                  backgroundColor: (theme) => theme.palette.mode === "dark" ? "rgba(255, 152, 0, 0.12)" : "warning.light",
                   display: "flex",
                   alignItems: "center",
                   justifyContent: "center",
                   margin: "0 auto",
-                  mb: 3
+                  mb: 3,
+                  opacity: 0.6
                 },
-                children: /* @__PURE__ */ jsx(SearchIcon, { sx: { fontSize: 40, color: "#ff9800" } })
+                children: /* @__PURE__ */ jsx4(SearchIcon2, { sx: { fontSize: 40, color: "warning.main" } })
               }
             ),
-            /* @__PURE__ */ jsx(Typography, { variant: "body1", sx: { color: "text.primary", fontWeight: 500, mb: 1 }, children: "No Results Found" }),
-            /* @__PURE__ */ jsxs(Typography, { variant: "body2", sx: { color: "text.secondary", lineHeight: 1.6 }, children: [
+            /* @__PURE__ */ jsx4(Typography, { variant: "body1", sx: { color: "text.primary", fontWeight: 500, mb: 1 }, children: "No Results Found" }),
+            /* @__PURE__ */ jsxs3(Typography, { variant: "body2", sx: { color: "text.secondary", lineHeight: 1.6 }, children: [
               "No matches found for ",
-              /* @__PURE__ */ jsxs("strong", { children: [
+              /* @__PURE__ */ jsxs3("strong", { children: [
                 '"',
                 searchTerm,
                 '"'
               ] })
             ] })
           ] }),
-          totalResults > 0 && /* @__PURE__ */ jsx(Box, { sx: { p: 2 }, children: Object.entries(resultsByPage).sort(([a, _], [b, __]) => parseInt(a) - parseInt(b)).map(([pageNum, pageResults]) => {
+          totalResults > 0 && /* @__PURE__ */ jsx4(Box, { sx: { p: 2 }, children: Object.keys(resultsByPage).sort((a, b) => parseInt(a) - parseInt(b)).map((pageNum) => {
             const pageNumber = parseInt(pageNum);
-            return /* @__PURE__ */ jsxs(Box, { sx: { mb: 3 }, children: [
-              /* @__PURE__ */ jsxs(
+            const pageResults = resultsByPage[pageNumber];
+            return /* @__PURE__ */ jsxs3(Box, { sx: { mb: 3 }, children: [
+              /* @__PURE__ */ jsxs3(
                 Typography,
                 {
                   variant: "subtitle2",
@@ -426,7 +676,7 @@ var SearchSidebar = ({
                   ]
                 }
               ),
-              pageResults.map((result, index) => /* @__PURE__ */ jsx(
+              pageResults.map((result, index) => /* @__PURE__ */ jsx4(
                 Box,
                 {
                   onClick: () => onSearchResultClick(result.pageNumber, result.index),
@@ -435,19 +685,19 @@ var SearchSidebar = ({
                     mx: 1,
                     mb: 1.5,
                     borderRadius: "8px",
-                    border: "1px solid",
+                    border: "2px solid",
                     borderColor: result.index === currentResultIndex ? "primary.main" : "divider",
-                    backgroundColor: result.index === currentResultIndex ? "#e3f2fd" : "background.paper",
+                    backgroundColor: "background.paper",
                     cursor: "pointer",
                     transition: "all 0.2s ease",
-                    boxShadow: result.index === currentResultIndex ? "0 2px 8px rgba(25, 118, 210, 0.15)" : "0 1px 3px rgba(0, 0, 0, 0.05)",
+                    boxShadow: (theme) => theme.palette.mode === "dark" ? "0 1px 3px rgba(0, 0, 0, 0.3)" : "0 1px 3px rgba(0, 0, 0, 0.05)",
                     "&:hover": {
                       borderColor: "primary.main",
-                      boxShadow: "0 2px 8px rgba(0,0,0,0.1)",
+                      boxShadow: (theme) => theme.palette.mode === "dark" ? "0 2px 8px rgba(255, 255, 255, 0.15)" : "0 2px 8px rgba(0, 0, 0, 0.1)",
                       transform: "translateY(-1px)"
                     }
                   },
-                  children: /* @__PURE__ */ jsx(
+                  children: /* @__PURE__ */ jsx4(
                     Typography,
                     {
                       variant: "body2",
@@ -471,18 +721,188 @@ var SearchSidebar = ({
   );
 };
 
-// src/components/viewers/PDFViewer.tsx
-import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+// src/components/viewers/pdf/PasswordDialog.tsx
+import { useState as useState2, useEffect as useEffect2 } from "react";
+import {
+  Dialog,
+  DialogTitle,
+  DialogContent,
+  DialogActions,
+  TextField as TextField2,
+  Button,
+  Typography as Typography2,
+  IconButton as IconButton2,
+  InputAdornment as InputAdornment2,
+  Box as Box2,
+  Alert
+} from "@mui/material";
+import CloseIcon2 from "@mui/icons-material/Close";
+import LockIcon from "@mui/icons-material/Lock";
+import VisibilityIcon from "@mui/icons-material/Visibility";
+import VisibilityOffIcon from "@mui/icons-material/VisibilityOff";
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+var PasswordDialog = ({
+  open,
+  fileName,
+  onSubmit,
+  onCancel,
+  error
+}) => {
+  const [password, setPassword] = useState2("");
+  const [showPassword, setShowPassword] = useState2(false);
+  useEffect2(() => {
+    if (open) {
+      setPassword("");
+      setShowPassword(false);
+    }
+  }, [open]);
+  const handleSubmit = (e) => {
+    e.preventDefault();
+    if (password.trim()) {
+      onSubmit(password);
+    }
+  };
+  const handleTogglePasswordVisibility = () => {
+    setShowPassword(!showPassword);
+  };
+  const handleKeyPress = (e) => {
+    if (e.key === "Enter" && password.trim()) {
+      handleSubmit(e);
+    }
+  };
+  return /* @__PURE__ */ jsxs4(
+    Dialog,
+    {
+      open,
+      onClose: onCancel,
+      maxWidth: "sm",
+      fullWidth: true,
+      PaperProps: {
+        sx: {
+          borderRadius: 2
+        }
+      },
+      children: [
+        /* @__PURE__ */ jsx5(DialogTitle, { sx: { pb: 1 }, children: /* @__PURE__ */ jsxs4(Box2, { sx: { display: "flex", alignItems: "center", justifyContent: "space-between" }, children: [
+          /* @__PURE__ */ jsxs4(Box2, { sx: { display: "flex", alignItems: "center", gap: 1.5 }, children: [
+            /* @__PURE__ */ jsx5(
+              Box2,
+              {
+                sx: {
+                  width: 40,
+                  height: 40,
+                  borderRadius: "50%",
+                  backgroundColor: "primary.light",
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "center",
+                  opacity: 0.9
+                },
+                children: /* @__PURE__ */ jsx5(LockIcon, { sx: { color: "white", fontSize: 20 } })
+              }
+            ),
+            /* @__PURE__ */ jsx5(Typography2, { variant: "h6", component: "div", sx: { fontWeight: 600 }, children: "Password Protected" })
+          ] }),
+          /* @__PURE__ */ jsx5(
+            IconButton2,
+            {
+              size: "small",
+              onClick: onCancel,
+              sx: { color: "text.secondary" },
+              "aria-label": "Close dialog",
+              children: /* @__PURE__ */ jsx5(CloseIcon2, { fontSize: "small" })
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ jsxs4(DialogContent, { sx: { pt: 2 }, children: [
+          /* @__PURE__ */ jsxs4(Typography2, { variant: "body2", sx: { color: "text.secondary", mb: 3 }, children: [
+            "This PDF is password protected. Please enter the password to view",
+            " ",
+            fileName && /* @__PURE__ */ jsxs4("strong", { children: [
+              '"',
+              fileName,
+              '"'
+            ] })
+          ] }),
+          error && /* @__PURE__ */ jsx5(Alert, { severity: "error", sx: { mb: 2 }, children: error }),
+          /* @__PURE__ */ jsx5("form", { onSubmit: handleSubmit, children: /* @__PURE__ */ jsx5(
+            TextField2,
+            {
+              fullWidth: true,
+              autoFocus: true,
+              type: showPassword ? "text" : "password",
+              label: "Password",
+              placeholder: "Enter password",
+              value: password,
+              onChange: (e) => setPassword(e.target.value),
+              onKeyPress: handleKeyPress,
+              error: Boolean(error),
+              InputProps: {
+                endAdornment: /* @__PURE__ */ jsx5(InputAdornment2, { position: "end", children: /* @__PURE__ */ jsx5(
+                  IconButton2,
+                  {
+                    onClick: handleTogglePasswordVisibility,
+                    edge: "end",
+                    size: "small",
+                    "aria-label": showPassword ? "Hide password" : "Show password",
+                    children: showPassword ? /* @__PURE__ */ jsx5(VisibilityOffIcon, {}) : /* @__PURE__ */ jsx5(VisibilityIcon, {})
+                  }
+                ) })
+              },
+              sx: {
+                "& .MuiOutlinedInput-root": {
+                  borderRadius: 2
+                }
+              }
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ jsxs4(DialogActions, { sx: { px: 3, pb: 3, pt: 2 }, children: [
+          /* @__PURE__ */ jsx5(
+            Button,
+            {
+              onClick: onCancel,
+              variant: "outlined",
+              sx: {
+                borderRadius: 2,
+                textTransform: "none",
+                px: 3
+              },
+              children: "Cancel"
+            }
+          ),
+          /* @__PURE__ */ jsx5(
+            Button,
+            {
+              onClick: handleSubmit,
+              variant: "contained",
+              disabled: !password.trim(),
+              sx: {
+                borderRadius: 2,
+                textTransform: "none",
+                px: 3,
+                boxShadow: 2
+              },
+              children: "Unlock PDF"
+            }
+          )
+        ] })
+      ]
+    }
+  );
+};
+
+// src/components/viewers/pdf/PDFStyles.tsx
 var toolbarStyles = `
   @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Tamil:wght@400;500;600;700&family=Noto+Sans+Devanagari:wght@400;500;600;700&display=swap');
-  
+
   * {
     font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
       'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
-      'Noto Sans Tamil', 'Noto Sans Devanagari', 'Lohit Tamil', 'Tamil MN', 
+      'Noto Sans Tamil', 'Noto Sans Devanagari', 'Lohit Tamil', 'Tamil MN',
       'Arial Unicode MS', sans-serif !important;
   }
-  
+
   /* Target PDF.js text layer */
   .textLayer,
   .textLayer span,
@@ -495,14 +915,14 @@ var toolbarStyles = `
   [role="document"] * {
     font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
       'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
-      'Noto Sans Tamil', 'Noto Sans Devanagari', 'Lohit Tamil', 'Tamil MN', 
+      'Noto Sans Tamil', 'Noto Sans Devanagari', 'Lohit Tamil', 'Tamil MN',
       'Arial Unicode MS', sans-serif !important;
   }
-  
+
   .pdf-viewer-header {
     display: flex;
     align-items: center;
-    justify-content: center;
+    justify-content: flex-start;
     gap: 8px;
     padding: 3px 16px 0 16px;
     background: #fff;
@@ -624,6 +1044,9 @@ var toolbarStyles = `
     -ms-user-select: text !important;
   }
 `;
+
+// src/components/viewers/PDFViewer.tsx
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 var PDFViewerContent = forwardRef((props, ref) => {
   const {
     file,
@@ -641,11 +1064,13 @@ var PDFViewerContent = forwardRef((props, ref) => {
     onMetadataClick,
     onPropertiesClick,
     onDownloadClick,
-    onPrintClick
+    onPrintClick,
+    initialSearchText,
+    initialSearchPages
   } = props;
-  const [pdfBuffer, setPdfBuffer] = useState2(null);
-  const [state, setState] = useState2("idle");
-  const [error, setError] = useState2(null);
+  const [pdfBuffer, setPdfBuffer] = useState3(null);
+  const [state, setState] = useState3("idle");
+  const [error, setError] = useState3(null);
   const pdfViewerRef = useRef2(null);
   const resolvedFileName = useMemo(() => {
     if (fileName) return fileName;
@@ -660,17 +1085,126 @@ var PDFViewerContent = forwardRef((props, ref) => {
     () => getFileExtension(resolvedFileName),
     [resolvedFileName]
   );
-  const [currentPage, setCurrentPage] = useState2(1);
-  const [totalPages, setTotalPages] = useState2(0);
-  const [zoom, setZoom] = useState2(100);
-  const [searchQuery, setSearchQuery] = useState2("");
-  const [isSearching, setIsSearching] = useState2(false);
-  const [pdfContainer, setPdfContainer] = useState2(null);
-  const [isSidebarOpen, setIsSidebarOpen] = useState2(false);
-  const [searchResults, setSearchResults] = useState2([]);
-  const [currentSearchResultIndex, setCurrentSearchResultIndex] = useState2(0);
-  const [totalSearchResults, setTotalSearchResults] = useState2(0);
-  useEffect(() => {
+  const [currentPage, setCurrentPage] = useState3(1);
+  const [totalPages, setTotalPages] = useState3(0);
+  const [zoom, setZoom] = useState3(100);
+  const [searchQuery, setSearchQuery] = useState3("");
+  const [isSearching, setIsSearching] = useState3(false);
+  const [pdfContainer, setPdfContainer] = useState3(null);
+  const [isSidebarOpen, setIsSidebarOpen] = useState3(false);
+  const [searchResults, setSearchResults] = useState3([]);
+  const [currentSearchResultIndex, setCurrentSearchResultIndex] = useState3(0);
+  const [totalSearchResults, setTotalSearchResults] = useState3(0);
+  const [autoExecuteSearch, setAutoExecuteSearch] = useState3(!!initialSearchText);
+  const [isPasswordDialogOpen, setIsPasswordDialogOpen] = useState3(false);
+  const [passwordError, setPasswordError] = useState3("");
+  const [passwordResolve, setPasswordResolve] = useState3(null);
+  const hasExecutedInitialSearch = useRef2(false);
+  const toolbarHandlers = useMemo(() => ({
+    handleZoomIn: () => {
+      pdfViewerRef.current?.zoom.zoomIn();
+      requestAnimationFrame(() => {
+        const zoomValue = pdfViewerRef.current?.zoom.getZoom();
+        if (typeof zoomValue === "number") {
+          setZoom(Math.round(zoomValue * 100));
+        }
+      });
+    },
+    handleZoomOut: () => {
+      pdfViewerRef.current?.zoom.zoomOut();
+      requestAnimationFrame(() => {
+        const zoomValue = pdfViewerRef.current?.zoom.getZoom();
+        if (typeof zoomValue === "number") {
+          setZoom(Math.round(zoomValue * 100));
+        }
+      });
+    },
+    handleFitToWidth: () => {
+      pdfViewerRef.current?.zoom.fitToWidth();
+      requestAnimationFrame(() => {
+        const zoomValue = pdfViewerRef.current?.zoom.getZoom();
+        if (typeof zoomValue === "number") {
+          setZoom(Math.round(zoomValue * 100));
+        }
+      });
+    },
+    handleFitToPage: () => {
+      pdfViewerRef.current?.zoom.fitToPage();
+      requestAnimationFrame(() => {
+        const zoomValue = pdfViewerRef.current?.zoom.getZoom();
+        if (typeof zoomValue === "number") {
+          setZoom(Math.round(zoomValue * 100));
+        }
+      });
+    },
+    handlePreviousPage: () => {
+      pdfViewerRef.current?.navigation.previousPage();
+      requestAnimationFrame(() => {
+        const current = pdfViewerRef.current?.navigation.getCurrentPage() || 1;
+        setCurrentPage(current);
+      });
+    },
+    handleNextPage: () => {
+      pdfViewerRef.current?.navigation.nextPage();
+      requestAnimationFrame(() => {
+        const current = pdfViewerRef.current?.navigation.getCurrentPage() || 1;
+        setCurrentPage(current);
+      });
+    },
+    handleFirstPage: () => {
+      pdfViewerRef.current?.navigation.goToFirstPage();
+      requestAnimationFrame(() => {
+        const current = pdfViewerRef.current?.navigation.getCurrentPage() || 1;
+        setCurrentPage(current);
+      });
+    },
+    handleLastPage: () => {
+      pdfViewerRef.current?.navigation.goToLastPage();
+      requestAnimationFrame(() => {
+        const current = pdfViewerRef.current?.navigation.getCurrentPage() || 1;
+        setCurrentPage(current);
+      });
+    },
+    toggleSidebar: () => setIsSidebarOpen(!isSidebarOpen),
+    handlePageInput: (e) => {
+      const value = e.target.value;
+      if (/^\d*$/.test(value)) {
+        return;
+      }
+      const page = parseInt(value, 10);
+      if (!isNaN(page) && page >= 1 && (totalPages === 0 || page <= totalPages)) {
+        pdfViewerRef.current?.navigation.goToPage(page);
+        setCurrentPage(page);
+      }
+    },
+    handlePageInputKeyPress: (e) => {
+      if (e.key === "Enter") {
+        const value = e.target.value;
+        const page = parseInt(value, 10);
+        if (!isNaN(page) && page >= 1 && (totalPages === 0 || page <= totalPages)) {
+          pdfViewerRef.current?.navigation.goToPage(page);
+          setCurrentPage(page);
+        }
+      }
+    }
+  }), [isSidebarOpen, totalPages]);
+  useEffect3(() => {
+    console.log("came", initialSearchText, pdfViewerRef.current, hasExecutedInitialSearch.current);
+    if (pdfViewerRef.current && !hasExecutedInitialSearch.current && initialSearchText) {
+      hasExecutedInitialSearch.current = true;
+      setIsSidebarOpen(true);
+      setSearchQuery(initialSearchText);
+      handleSidebarSearch(initialSearchText, initialSearchPages);
+      setAutoExecuteSearch(false);
+      pdfViewerRef.current.search.searchText(initialSearchText).then((results) => {
+        console.log("results", results);
+        if (results?.results?.length > 0) {
+          pdfViewerRef.current?.navigation.goToPage(results.results[0].pageIndex + 1);
+        }
+      });
+    }
+  }, [pdfViewerRef.current, initialSearchText]);
+  useEffect3(() => {
     setSearchQuery("");
     setSearchResults([]);
     setCurrentSearchResultIndex(0);
@@ -684,74 +1218,80 @@ var PDFViewerContent = forwardRef((props, ref) => {
     setError(null);
     setPdfBuffer(null);
   }, [file]);
-  useEffect(() => {
-    if (state === "ready") {
-      setTimeout(() => {
-        const container = document.querySelector('[data-pdf-viewer], .embedpdf-viewport, [role="document"]');
-        if (container) {
-          setPdfContainer(container);
-        }
-      }, 500);
+  useEffect3(() => {
+    if (state !== "ready") return;
+    const container = document.querySelector('[data-pdf-viewer], .embedpdf-viewport, [role="document"]');
+    if (container) {
+      setPdfContainer(container);
+      return;
     }
+    const observer = new MutationObserver(() => {
+      const foundContainer = document.querySelector('[data-pdf-viewer], .embedpdf-viewport, [role="document"]');
+      if (foundContainer) {
+        setPdfContainer(foundContainer);
+        observer.disconnect();
+      }
+    });
+    observer.observe(document.body, { childList: true, subtree: true });
+    return () => observer.disconnect();
   }, [state]);
-  useEffect(() => {
-    if (state === "ready" && totalPages === 0) {
-      const initializePageCount = async () => {
-        let viewer = pdfViewerRef.current;
-        let retries = 0;
-        while (!viewer && retries < 10) {
-          await new Promise((resolve) => setTimeout(resolve, 500));
-          viewer = pdfViewerRef.current;
-          retries++;
+  useEffect3(() => {
+    if (state !== "ready" || totalPages > 0) return;
+    const initializePageCount = async () => {
+      const waitForViewer = async (maxAttempts = 10) => {
+        for (let i = 0; i < maxAttempts; i++) {
+          if (pdfViewerRef.current) return pdfViewerRef.current;
+          await new Promise((resolve) => requestAnimationFrame(
+            () => setTimeout(resolve, Math.min(100 * Math.pow(2, i), 1e3))
+          ));
         }
-        if (!viewer) return;
-        await new Promise((resolve) => setTimeout(resolve, 1500));
-        try {
-          let count = viewer.navigation?.getTotalPages?.();
-          if (count && count > 1) {
-            setTotalPages(count);
-            return;
-          }
-        } catch (e) {
+        return null;
+      };
+      const viewer = await waitForViewer();
+      if (!viewer) return;
+      await new Promise((resolve) => requestAnimationFrame(resolve));
+      try {
+        const count = viewer.navigation?.getTotalPages?.();
+        if (count && count > 1) {
+          setTotalPages(count);
+          return;
         }
-        try {
-          const results = await viewer.search?.searchText?.("e");
-          if (results?.results && results.results.length > 0) {
-            const pageIndices = results.results.map((m) => m.pageIndex).filter((idx) => typeof idx === "number");
-            const count = Math.max(...pageIndices) + 1;
-            viewer.search?.stopSearch?.();
-            setTotalPages(count);
-            return;
-          }
-        } catch (error2) {
+      } catch (e) {
+      }
+      try {
+        const results = await viewer.search?.searchText?.("e");
+        if (results?.results && results.results.length > 0) {
+          const pageIndices = results.results.map((m) => m.pageIndex).filter((idx) => typeof idx === "number");
+          const count = Math.max(...pageIndices) + 1;
+          viewer.search?.stopSearch?.();
+          setTotalPages(count);
+          return;
         }
-        try {
-          await new Promise((resolve) => setTimeout(resolve, 1e3));
-          const selectors = [
-            "[data-page-index]",
-            "[data-page-number]",
-            ".embedpdf-page",
-            '[role="article"]',
-            "canvas[data-page]",
-            ".react-pdf__Page"
-          ];
-          let pages = null;
-          for (const selector of selectors) {
-            pages = document.querySelectorAll(selector);
-            if (pages.length > 0) break;
-          }
-          if (pages && pages.length > 0) {
+      } catch (error2) {
+      }
+      try {
+        const selectors = [
+          "[data-page-index]",
+          "[data-page-number]",
+          ".embedpdf-page",
+          '[role="article"]',
+          "canvas[data-page]",
+          ".react-pdf__Page"
+        ];
+        for (const selector of selectors) {
+          const pages = document.querySelectorAll(selector);
+          if (pages.length > 0) {
             setTotalPages(pages.length);
             return;
           }
-        } catch (error2) {
         }
-        setTotalPages(1);
-      };
-      initializePageCount();
-    }
+      } catch (error2) {
+      }
+      setTotalPages(1);
+    };
+    initializePageCount();
   }, [state, totalPages]);
-  useEffect(() => {
+  useEffect3(() => {
     if (state === "ready" && pdfViewerRef.current) {
       const updateInfo = () => {
         const current = pdfViewerRef.current?.navigation.getCurrentPage() || 1;
@@ -839,71 +1379,18 @@ var PDFViewerContent = forwardRef((props, ref) => {
     clearSelection: () => pdfViewerRef.current?.selection.clearSelection()
   }), []);
   const updatePageDisplay = () => {
-    setTimeout(() => {
+    requestAnimationFrame(() => {
       const current = pdfViewerRef.current?.navigation.getCurrentPage() || 1;
       setCurrentPage(current);
-    }, 100);
+    });
   };
   const updateZoomDisplay = () => {
-    setTimeout(() => {
+    requestAnimationFrame(() => {
       const zoomValue = pdfViewerRef.current?.zoom.getZoom();
       if (typeof zoomValue === "number") {
         setZoom(Math.round(zoomValue * 100));
       }
-    }, 100);
-  };
-  const handleZoomIn = () => {
-    pdfViewerRef.current?.zoom.zoomIn();
-    updateZoomDisplay();
-  };
-  const handleZoomOut = () => {
-    pdfViewerRef.current?.zoom.zoomOut();
-    updateZoomDisplay();
-  };
-  const handleFitToWidth = () => {
-    pdfViewerRef.current?.zoom.fitToWidth();
-    updateZoomDisplay();
-  };
-  const handleFitToPage = () => {
-    pdfViewerRef.current?.zoom.fitToPage();
-    updateZoomDisplay();
-  };
-  const handlePreviousPage = () => {
-    pdfViewerRef.current?.navigation.previousPage();
-    updatePageDisplay();
-  };
-  const handleNextPage = () => {
-    pdfViewerRef.current?.navigation.nextPage();
-    updatePageDisplay();
-  };
-  const handleFirstPage = () => {
-    pdfViewerRef.current?.navigation.goToFirstPage();
-    updatePageDisplay();
-  };
-  const handleLastPage = () => {
-    pdfViewerRef.current?.navigation.goToLastPage();
-    updatePageDisplay();
-  };
-  const handlePageInput = (e) => {
-    const value = e.target.value;
-    const page = parseInt(value, 10);
-    if (/^\d*$/.test(value)) {
-      return;
-    }
-    if (!isNaN(page) && page >= 1 && (totalPages === 0 || page <= totalPages)) {
-      pdfViewerRef.current?.navigation.goToPage(page);
-      setCurrentPage(page);
-    }
-  };
-  const handlePageInputKeyPress = (e) => {
-    if (e.key === "Enter") {
-      const value = e.target.value;
-      const page = parseInt(value, 10);
-      if (!isNaN(page) && page >= 1 && (totalPages === 0 || page <= totalPages)) {
-        pdfViewerRef.current?.navigation.goToPage(page);
-        setCurrentPage(page);
-      }
-    }
+    });
   };
   const handleSearch = async () => {
     if (searchQuery.trim()) {
@@ -952,13 +1439,13 @@ var PDFViewerContent = forwardRef((props, ref) => {
       handleSearch();
     }
   };
-  const handleSidebarSearch = async (keyword) => {
+  const handleSidebarSearch = async (keyword, pageNumbers) => {
     setSearchQuery(keyword);
     if (keyword.trim()) {
       setIsSearching(true);
       const results = await pdfViewerRef.current?.search.searchText(keyword);
       setIsSearching(false);
-      if (results && results.results) {
+      if (results && results.results && results.results.length > 0) {
         const formattedResults = results.results.map((result, index) => {
           let textContent = "";
           let contextContent = "";
@@ -990,6 +1477,18 @@ var PDFViewerContent = forwardRef((props, ref) => {
           pdfViewerRef.current?.navigation.goToPage(firstPageNumber);
           setCurrentPage(firstPageNumber);
         }
+      } else if (pageNumbers && pageNumbers.length > 0) {
+        const fallbackResults = pageNumbers.map((pageNum, index) => ({
+          pageNumber: pageNum,
+          text: keyword,
+          context: `"${keyword}" found on this page ${pageNum}`,
+          index
+        }));
+        setSearchResults(fallbackResults);
+        setTotalSearchResults(fallbackResults.length);
+        setCurrentSearchResultIndex(0);
+        pdfViewerRef.current?.navigation.goToPage(pageNumbers[0]);
+        setCurrentPage(pageNumbers[0]);
       } else {
         setSearchResults([]);
         setTotalSearchResults(0);
@@ -1008,9 +1507,6 @@ var PDFViewerContent = forwardRef((props, ref) => {
     setCurrentPage(pageNumber);
     pdfViewerRef.current?.search.goToResult(resultIndex);
   };
-  const toggleSidebar = () => {
-    setIsSidebarOpen(!isSidebarOpen);
-  };
   const handleNextSearchResult = () => {
     if (currentSearchResultIndex < totalSearchResults - 1) {
       const nextIndex = currentSearchResultIndex + 1;
@@ -1035,72 +1531,7 @@ var PDFViewerContent = forwardRef((props, ref) => {
       }
     }
   };
-  const handleDownload = () => {
-    if (onDownloadClick) {
-      onDownloadClick();
-      return;
-    }
-    if (!pdfBuffer) return;
-    const blob = new Blob([pdfBuffer], { type: "application/pdf" });
-    const url = URL.createObjectURL(blob);
-    const link = document.createElement("a");
-    link.href = url;
-    link.download = resolvedFileName;
-    document.body.appendChild(link);
-    link.click();
-    document.body.removeChild(link);
-    URL.revokeObjectURL(url);
-  };
-  const handlePrint = () => {
-    if (onPrintClick) {
-      onPrintClick();
-      return;
-    }
-    if (!pdfBuffer) return;
-    const blob = new Blob([pdfBuffer], { type: "application/pdf" });
-    const blobUrl = URL.createObjectURL(blob);
-    const iframe = document.createElement("iframe");
-    iframe.style.position = "fixed";
-    iframe.style.right = "0";
-    iframe.style.bottom = "0";
-    iframe.style.width = "0";
-    iframe.style.height = "0";
-    iframe.style.border = "0";
-    document.body.appendChild(iframe);
-    iframe.onload = () => {
-      try {
-        setTimeout(() => {
-          const iframeWindow = iframe.contentWindow;
-          if (!iframeWindow) return;
-          iframeWindow.focus();
-          iframeWindow.print();
-          const checkPrintComplete = () => {
-            setTimeout(() => {
-              try {
-                document.body.removeChild(iframe);
-                URL.revokeObjectURL(blobUrl);
-              } catch (e) {
-              }
-            }, 500);
-          };
-          if ("onafterprint" in iframeWindow) {
-            iframeWindow.onafterprint = checkPrintComplete;
-          } else {
-            setTimeout(checkPrintComplete, 3e3);
-          }
-        }, 500);
-      } catch (error2) {
-        document.body.removeChild(iframe);
-        URL.revokeObjectURL(blobUrl);
-      }
-    };
-    iframe.onerror = () => {
-      document.body.removeChild(iframe);
-      URL.revokeObjectURL(blobUrl);
-    };
-    iframe.src = blobUrl;
-  };
-  useEffect(() => {
+  useEffect3(() => {
     if (!file) {
       setState("error");
       setError("No file provided");
@@ -1137,12 +1568,30 @@ var PDFViewerContent = forwardRef((props, ref) => {
     loadPDF();
   }, [file, onLoad, onError]);
   const handlePasswordRequest = useCallback(async (fileName2) => {
-    const password = prompt(`This PDF is password protected.
-Enter password for ${fileName2 || "document"}:`);
-    return password;
+    return new Promise((resolve) => {
+      setPasswordResolve(() => resolve);
+      setPasswordError("");
+      setIsPasswordDialogOpen(true);
+    });
   }, []);
+  const handlePasswordSubmit = useCallback((password) => {
+    if (passwordResolve) {
+      passwordResolve(password);
+      setPasswordResolve(null);
+      setIsPasswordDialogOpen(false);
+      setPasswordError("");
+    }
+  }, [passwordResolve]);
+  const handlePasswordCancel = useCallback(() => {
+    if (passwordResolve) {
+      passwordResolve(null);
+      setPasswordResolve(null);
+      setIsPasswordDialogOpen(false);
+      setPasswordError("");
+    }
+  }, [passwordResolve]);
   if (state === "loading") {
-    return /* @__PURE__ */ jsxs2("div", { style: {
+    return /* @__PURE__ */ jsxs5("div", { style: {
       display: "flex",
       flexDirection: "column",
       alignItems: "center",
@@ -1150,7 +1599,7 @@ Enter password for ${fileName2 || "document"}:`);
       height: "100%",
       gap: "16px"
     }, children: [
-      /* @__PURE__ */ jsx2("div", { className: "spinner", style: {
+      /* @__PURE__ */ jsx6("div", { className: "spinner", style: {
         width: "48px",
         height: "48px",
         border: "4px solid #f3f3f3",
@@ -1158,8 +1607,8 @@ Enter password for ${fileName2 || "document"}:`);
         borderRadius: "50%",
         animation: "spin 1s linear infinite"
       } }),
-      /* @__PURE__ */ jsx2("p", { children: "Loading PDF..." }),
-      /* @__PURE__ */ jsx2("style", { children: `
+      /* @__PURE__ */ jsx6("p", { children: "Loading PDF..." }),
+      /* @__PURE__ */ jsx6("style", { children: `
           @keyframes spin {
             0% { transform: rotate(0deg); }
             100% { transform: rotate(360deg); }
@@ -1168,210 +1617,83 @@ Enter password for ${fileName2 || "document"}:`);
     ] });
   }
   if (state === "error" || error) {
-    return /* @__PURE__ */ jsx2("div", { style: {
+    return /* @__PURE__ */ jsx6("div", { style: {
       display: "flex",
       flexDirection: "column",
       alignItems: "center",
       justifyContent: "center",
       height: "100%",
       padding: "24px"
-    }, children: /* @__PURE__ */ jsxs2("div", { style: {
+    }, children: /* @__PURE__ */ jsxs5("div", { style: {
       maxWidth: "400px",
       padding: "16px",
       backgroundColor: "#fee",
       border: "1px solid #fcc",
       borderRadius: "4px"
     }, children: [
-      /* @__PURE__ */ jsx2("h3", { style: { marginTop: 0 }, children: "Failed to Load PDF" }),
-      /* @__PURE__ */ jsx2("p", { children: error || "Unknown error occurred" })
+      /* @__PURE__ */ jsx6("h3", { style: { marginTop: 0 }, children: "Failed to Load PDF" }),
+      /* @__PURE__ */ jsx6("p", { children: error || "Unknown error occurred" })
     ] }) });
   }
   if (!pdfBuffer || state !== "ready") {
-    return /* @__PURE__ */ jsx2("div", { style: {
+    return /* @__PURE__ */ jsx6("div", { style: {
       display: "flex",
       alignItems: "center",
       justifyContent: "center",
       height: "100%"
-    }, children: /* @__PURE__ */ jsx2("p", { children: "Preparing PDF..." }) });
+    }, children: /* @__PURE__ */ jsx6("p", { children: "Preparing PDF..." }) });
   }
-  return /* @__PURE__ */ jsxs2("div", { className: "pdf-viewer-container", children: [
-    /* @__PURE__ */ jsx2("style", { children: toolbarStyles }),
-    /* @__PURE__ */ jsxs2("div", { className: "pdf-viewer-header", children: [
-      /* @__PURE__ */ jsx2(FileIcon_default, { ext: fileExtension, size: 26 }),
-      /* @__PURE__ */ jsx2("div", { className: "header-file-name", title: resolvedFileName, children: resolvedFileName })
-    ] }),
-    /* @__PURE__ */ jsxs2("div", { className: "pdf-viewer-toolbar", children: [
-      showPageNavigation && /* @__PURE__ */ jsxs2(Fragment, { children: [
-        /* @__PURE__ */ jsx2("div", { className: "toolbar-separator" }),
-        /* @__PURE__ */ jsxs2("div", { className: "toolbar-section", children: [
-          /* @__PURE__ */ jsx2(
-            "button",
-            {
-              className: "toolbar-button",
-              onClick: handleFirstPage,
-              disabled: currentPage <= 1,
-              title: "First Page",
-              children: /* @__PURE__ */ jsx2(FirstPageIcon, { fontSize: "small" })
-            }
-          ),
-          /* @__PURE__ */ jsx2(
-            "button",
-            {
-              className: "toolbar-button",
-              onClick: handlePreviousPage,
-              disabled: currentPage <= 1,
-              title: "Previous Page",
-              children: /* @__PURE__ */ jsx2(ChevronLeftIcon, { fontSize: "small" })
-            }
-          ),
-          /* @__PURE__ */ jsx2(
-            "input",
-            {
-              type: "number",
-              className: "page-input",
-              value: currentPage,
-              onChange: handlePageInput,
-              onKeyPress: handlePageInputKeyPress,
-              min: 1,
-              max: totalPages || void 0
-            }
-          ),
-          showPageCount && /* @__PURE__ */ jsxs2("span", { className: "page-info", children: [
-            "of ",
-            totalPages || "..."
-          ] }),
-          /* @__PURE__ */ jsx2(
-            "button",
-            {
-              className: "toolbar-button",
-              onClick: handleNextPage,
-              disabled: currentPage >= totalPages,
-              title: "Next Page",
-              children: /* @__PURE__ */ jsx2(ChevronRightIcon, { fontSize: "small" })
-            }
-          ),
-          /* @__PURE__ */ jsx2(
-            "button",
-            {
-              className: "toolbar-button",
-              onClick: handleLastPage,
-              disabled: currentPage >= totalPages,
-              title: "Last Page",
-              children: /* @__PURE__ */ jsx2(LastPageIcon, { fontSize: "small" })
-            }
-          )
-        ] })
-      ] }),
-      showZoomControls && /* @__PURE__ */ jsxs2(Fragment, { children: [
-        /* @__PURE__ */ jsx2("div", { className: "toolbar-separator" }),
-        /* @__PURE__ */ jsxs2("div", { className: "toolbar-section", children: [
-          /* @__PURE__ */ jsx2(
-            "button",
-            {
-              className: "toolbar-button",
-              onClick: handleZoomOut,
-              title: "Zoom Out",
-              children: /* @__PURE__ */ jsx2(ZoomOutIcon, { fontSize: "small" })
-            }
-          ),
-          /* @__PURE__ */ jsxs2("span", { className: "zoom-display", children: [
-            zoom,
-            "%"
-          ] }),
-          /* @__PURE__ */ jsx2(
-            "button",
-            {
-              className: "toolbar-button",
-              onClick: handleZoomIn,
-              title: "Zoom In",
-              children: /* @__PURE__ */ jsx2(ZoomInIcon, { fontSize: "small" })
-            }
-          ),
-          /* @__PURE__ */ jsx2(
-            "button",
-            {
-              className: "toolbar-button",
-              onClick: handleFitToWidth,
-              title: "Fit to Width",
-              children: /* @__PURE__ */ jsx2(AspectRatioIcon, { fontSize: "small" })
-            }
-          ),
-          /* @__PURE__ */ jsx2(
-            "button",
-            {
-              className: "toolbar-button",
-              onClick: handleFitToPage,
-              title: "Fit to Page",
-              children: /* @__PURE__ */ jsx2(FitScreenIcon, { fontSize: "small" })
-            }
-          )
-        ] })
-      ] }),
-      showSearch && /* @__PURE__ */ jsxs2(Fragment, { children: [
-        /* @__PURE__ */ jsx2("div", { className: "toolbar-separator" }),
-        /* @__PURE__ */ jsx2("div", { className: "toolbar-section", children: /* @__PURE__ */ jsx2(
-          "button",
-          {
-            className: "toolbar-button",
-            onClick: toggleSidebar,
-            title: "Search in PDF",
-            style: {
-              backgroundColor: isSidebarOpen ? "#e3f2fd" : "transparent",
-              color: isSidebarOpen ? "#1976d2" : "inherit"
-            },
-            children: /* @__PURE__ */ jsx2(SearchIcon2, { fontSize: "small" })
-          }
-        ) })
-      ] }),
-      (showMetadata || showProperties || showDownload || showPrint) && /* @__PURE__ */ jsxs2(Fragment, { children: [
-        /* @__PURE__ */ jsx2("div", { className: "toolbar-separator" }),
-        /* @__PURE__ */ jsxs2("div", { className: "toolbar-section", children: [
-          showDownload && /* @__PURE__ */ jsx2(
-            "button",
-            {
-              className: "toolbar-button",
-              onClick: onDownloadClick,
-              title: "Download PDF",
-              children: /* @__PURE__ */ jsx2(DownloadIcon, { fontSize: "small" })
-            }
-          ),
-          showPrint && /* @__PURE__ */ jsx2(
-            "button",
-            {
-              className: "toolbar-button",
-              onClick: onPrintClick,
-              title: "Print PDF",
-              children: /* @__PURE__ */ jsx2(PrintIcon, { fontSize: "small" })
-            }
-          ),
-          showMetadata && /* @__PURE__ */ jsx2(
-            "button",
-            {
-              className: "toolbar-button",
-              onClick: onMetadataClick,
-              title: "Document Metadata",
-              children: /* @__PURE__ */ jsx2(InfoIcon, { fontSize: "small" })
-            }
-          ),
-          showProperties && /* @__PURE__ */ jsx2(
-            "button",
-            {
-              className: "toolbar-button",
-              onClick: onPropertiesClick,
-              title: "Document Properties",
-              children: /* @__PURE__ */ jsx2(DescriptionIcon, { fontSize: "small" })
-            }
-          )
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs2("div", { className: "pdf-viewer-main", children: [
-      /* @__PURE__ */ jsx2("div", { className: "pdf-viewer-viewer-area", children: React2.createElement(HeadlessPDFViewer, {
-        ref: pdfViewerRef,
-        pdfBuffer,
-        onPasswordRequest: handlePasswordRequest
-      }) }),
-      /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsxs5("div", { className: "pdf-viewer-container", children: [
+    /* @__PURE__ */ jsx6("style", { children: toolbarStyles }),
+    /* @__PURE__ */ jsx6(
+      PDFHeader,
+      {
+        fileName: resolvedFileName,
+        fileExtension
+      }
+    ),
+    /* @__PURE__ */ jsx6(
+      PDFToolbar,
+      {
+        currentPage,
+        totalPages,
+        zoom,
+        isSidebarOpen,
+        showPageNavigation,
+        showPageCount,
+        showZoomControls,
+        showSearch,
+        showMetadata,
+        showProperties,
+        showDownload,
+        showPrint,
+        onFirstPage: toolbarHandlers.handleFirstPage,
+        onPreviousPage: toolbarHandlers.handlePreviousPage,
+        onNextPage: toolbarHandlers.handleNextPage,
+        onLastPage: toolbarHandlers.handleLastPage,
+        onPageInput: toolbarHandlers.handlePageInput,
+        onPageInputKeyPress: toolbarHandlers.handlePageInputKeyPress,
+        onZoomIn: toolbarHandlers.handleZoomIn,
+        onZoomOut: toolbarHandlers.handleZoomOut,
+        onFitToWidth: toolbarHandlers.handleFitToWidth,
+        onFitToPage: toolbarHandlers.handleFitToPage,
+        onToggleSidebar: toolbarHandlers.toggleSidebar,
+        onDownloadClick,
+        onPrintClick,
+        onMetadataClick,
+        onPropertiesClick
+      }
+    ),
+    /* @__PURE__ */ jsxs5("div", { className: "pdf-viewer-main", children: [
+      /* @__PURE__ */ jsx6("div", { className: "pdf-viewer-viewer-area", children: /* @__PURE__ */ jsx6(
+        StablePDFViewer,
+        {
+          pdfBuffer,
+          onPasswordRequest: handlePasswordRequest,
+          pdfViewerRef
+        }
+      ) }),
+      /* @__PURE__ */ jsx6(
         SearchSidebar,
         {
           isOpen: isSidebarOpen,
@@ -1387,16 +1709,26 @@ Enter password for ${fileName2 || "document"}:`);
           isSearching
         }
       )
-    ] })
+    ] }),
+    /* @__PURE__ */ jsx6(
+      PasswordDialog,
+      {
+        open: isPasswordDialogOpen,
+        fileName: resolvedFileName,
+        onSubmit: handlePasswordSubmit,
+        onCancel: handlePasswordCancel,
+        error: passwordError
+      }
+    )
   ] });
 });
 PDFViewerContent.displayName = "PDFViewerContent";
 var PDFViewer = forwardRef((props, ref) => {
-  return /* @__PURE__ */ jsx2(PDFViewerContent, { ...props, sourceDescription: "doc.pdf", ref });
+  return /* @__PURE__ */ jsx6(PDFViewerContent, { ...props, sourceDescription: "doc.pdf", ref });
 });
 PDFViewer.displayName = "PDFViewer";
 
 export {
   PDFViewer
 };
-//# sourceMappingURL=chunk-73ZIFR3P.mjs.map
+//# sourceMappingURL=chunk-K5SKH4SD.mjs.map