@cannyminds/dms-file-viewers 0.3.0 → 0.5.0

package/dist/{chunk-3STHCDAC.js → chunk-QELOFQEB.js}

@@ -6,7 +6,30 @@ var _chunkRE4XRGSVjs = require('./chunk-RE4XRGSV.js');
 
 // src/components/viewers/PDFViewer.tsx
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+
+// src/components/viewers/pdf/StablePDFViewer.tsx
+
 var _pdfviewer = require('@cannyminds/pdf-viewer');
+var _jsxruntime = require('react/jsx-runtime');
+var HeadlessPDFViewer = _pdfviewer.PDFViewer;
+var StablePDFViewer = _react2.default.memo(({
+  pdfBuffer,
+  onPasswordRequest,
+  pdfViewerRef
+}) => {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    HeadlessPDFViewer,
+    {
+      ref: pdfViewerRef,
+      pdfBuffer,
+      onPasswordRequest
+    }
+  );
+});
+StablePDFViewer.displayName = "StablePDFViewer";
+
+// src/components/viewers/pdf/PDFToolbar.tsx
+
 var _FirstPage = require('@mui/icons-material/FirstPage'); var _FirstPage2 = _interopRequireDefault(_FirstPage);
 var _LastPage = require('@mui/icons-material/LastPage'); var _LastPage2 = _interopRequireDefault(_LastPage);
 var _ChevronLeft = require('@mui/icons-material/ChevronLeft'); var _ChevronLeft2 = _interopRequireDefault(_ChevronLeft);
@@ -21,6 +44,214 @@ var _Print = require('@mui/icons-material/Print'); var _Print2 = _interopRequire
 var _Info = require('@mui/icons-material/Info'); var _Info2 = _interopRequireDefault(_Info);
 var _Description = require('@mui/icons-material/Description'); var _Description2 = _interopRequireDefault(_Description);
 
+var PDFToolbar = _react2.default.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__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "pdf-viewer-toolbar", children: [
+    showPageNavigation && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "toolbar-separator" }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "toolbar-section", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "button",
+          {
+            className: "toolbar-button",
+            onClick: onFirstPage,
+            disabled: currentPage <= 1,
+            title: "First Page",
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _FirstPage2.default, { fontSize: "small" })
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "button",
+          {
+            className: "toolbar-button",
+            onClick: onPreviousPage,
+            disabled: currentPage <= 1,
+            title: "Previous Page",
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _ChevronLeft2.default, { fontSize: "small" })
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "input",
+          {
+            type: "number",
+            className: "page-input",
+            value: currentPage,
+            onChange: onPageInput,
+            onKeyPress: onPageInputKeyPress,
+            min: 1,
+            max: totalPages || void 0
+          }
+        ),
+        showPageCount && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "page-info", children: [
+          "of ",
+          totalPages || "..."
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "button",
+          {
+            className: "toolbar-button",
+            onClick: onNextPage,
+            disabled: currentPage >= totalPages,
+            title: "Next Page",
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _ChevronRight2.default, { fontSize: "small" })
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "button",
+          {
+            className: "toolbar-button",
+            onClick: onLastPage,
+            disabled: currentPage >= totalPages,
+            title: "Last Page",
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _LastPage2.default, { fontSize: "small" })
+          }
+        )
+      ] })
+    ] }),
+    showZoomControls && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "toolbar-separator" }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "toolbar-section", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "button",
+          {
+            className: "toolbar-button",
+            onClick: onZoomOut,
+            title: "Zoom Out",
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _ZoomOut2.default, { fontSize: "small" })
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "zoom-display", children: [
+          zoom,
+          "%"
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "button",
+          {
+            className: "toolbar-button",
+            onClick: onZoomIn,
+            title: "Zoom In",
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _ZoomIn2.default, { fontSize: "small" })
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "button",
+          {
+            className: "toolbar-button",
+            onClick: onFitToWidth,
+            title: "Fit to Width",
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _AspectRatio2.default, { fontSize: "small" })
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "button",
+          {
+            className: "toolbar-button",
+            onClick: onFitToPage,
+            title: "Fit to Page",
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _FitScreen2.default, { fontSize: "small" })
+          }
+        )
+      ] })
+    ] }),
+    showSearch && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "toolbar-separator" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "toolbar-section", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "button",
+        {
+          className: "toolbar-button",
+          onClick: onToggleSidebar,
+          title: "Search in PDF",
+          style: {
+            backgroundColor: isSidebarOpen ? "#e3f2fd" : "transparent",
+            color: isSidebarOpen ? "#1976d2" : "inherit"
+          },
+          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Search2.default, { fontSize: "small" })
+        }
+      ) })
+    ] }),
+    (showMetadata || showProperties || showDownload || showPrint) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "toolbar-separator" }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "toolbar-section", children: [
+        showDownload && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "button",
+          {
+            className: "toolbar-button",
+            onClick: onDownloadClick,
+            title: "Download PDF",
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Download2.default, { fontSize: "small" })
+          }
+        ),
+        showPrint && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "button",
+          {
+            className: "toolbar-button",
+            onClick: onPrintClick,
+            title: "Print PDF",
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Print2.default, { fontSize: "small" })
+          }
+        ),
+        showMetadata && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "button",
+          {
+            className: "toolbar-button",
+            onClick: onMetadataClick,
+            title: "Document Metadata",
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Info2.default, { fontSize: "small" })
+          }
+        ),
+        showProperties && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "button",
+          {
+            className: "toolbar-button",
+            onClick: onPropertiesClick,
+            title: "Document Properties",
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Description2.default, { fontSize: "small" })
+          }
+        )
+      ] })
+    ] })
+  ] });
+});
+PDFToolbar.displayName = "PDFToolbar";
+
+// src/components/viewers/pdf/PDFHeader.tsx
+
+
+var PDFHeader = _react2.default.memo(({ fileName, fileExtension }) => {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "pdf-viewer-header", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRE4XRGSVjs.FileIcon_default, { ext: fileExtension, size: 26 }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "header-file-name", title: fileName, children: fileName })
+  ] });
+});
+PDFHeader.displayName = "PDFHeader";
+
 // src/components/viewers/pdf/SearchSidebar.tsx
 
 
@@ -37,7 +268,7 @@ var _KeyboardArrowUp = require('@mui/icons-material/KeyboardArrowUp'); var _Keyb
 var _KeyboardArrowDown = require('@mui/icons-material/KeyboardArrowDown'); var _KeyboardArrowDown2 = _interopRequireDefault(_KeyboardArrowDown);
 var _Clear = require('@mui/icons-material/Clear'); var _Clear2 = _interopRequireDefault(_Clear);
 var _FindInPage = require('@mui/icons-material/FindInPage'); var _FindInPage2 = _interopRequireDefault(_FindInPage);
-var _jsxruntime = require('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] = _react.useState.call(void 0, searchKeyword || "");
   const [hasSearched, setHasSearched] = _react.useState.call(void 0, false);
   const contentRef = _react.useRef.call(void 0, null);
+  _react.useEffect.call(void 0, () => {
+    if (searchKeyword && searchKeyword !== searchTerm) {
+      setSearchTerm(searchKeyword);
+    }
+  }, [searchKeyword]);
   _react.useLayoutEffect.call(void 0, () => {
     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 {
@@ -344,12 +590,13 @@ var SearchSidebar = ({
                   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__ */ _jsxruntime.jsx.call(void 0, _FindInPage2.default, { sx: { fontSize: 40, color: "primary.main" } })
               }
@@ -361,12 +608,13 @@ var SearchSidebar = ({
               {
                 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: [
                   '"',
@@ -384,14 +632,15 @@ var SearchSidebar = ({
                   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__ */ _jsxruntime.jsx.call(void 0, _Search2.default, { sx: { fontSize: 40, color: "#ff9800" } })
+                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Search2.default, { sx: { fontSize: 40, color: "warning.main" } })
               }
             ),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Typography, { variant: "body1", sx: { color: "text.primary", fontWeight: 500, mb: 1 }, children: "No Results Found" }),
@@ -404,8 +653,9 @@ var SearchSidebar = ({
               ] })
             ] })
           ] }),
-          totalResults > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Box, { sx: { p: 2 }, children: Object.entries(resultsByPage).sort(([a, _], [b, __]) => parseInt(a) - parseInt(b)).map(([pageNum, pageResults]) => {
+          totalResults > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Box, { sx: { p: 2 }, children: Object.keys(resultsByPage).sort((a, b) => parseInt(a) - parseInt(b)).map((pageNum) => {
             const pageNumber = parseInt(pageNum);
+            const pageResults = resultsByPage[pageNumber];
             return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _material.Box, { sx: { mb: 3 }, children: [
               /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
                 _material.Typography,
@@ -435,15 +685,15 @@ 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)"
                     }
                   },
@@ -471,18 +721,188 @@ var SearchSidebar = ({
   );
 };
 
-// src/components/viewers/PDFViewer.tsx
+// src/components/viewers/pdf/PasswordDialog.tsx
+
+
+
+
+
 
+
+
+
+
+
+
+
+
+
+var _Lock = require('@mui/icons-material/Lock'); var _Lock2 = _interopRequireDefault(_Lock);
+var _Visibility = require('@mui/icons-material/Visibility'); var _Visibility2 = _interopRequireDefault(_Visibility);
+var _VisibilityOff = require('@mui/icons-material/VisibilityOff'); var _VisibilityOff2 = _interopRequireDefault(_VisibilityOff);
+
+var PasswordDialog = ({
+  open,
+  fileName,
+  onSubmit,
+  onCancel,
+  error
+}) => {
+  const [password, setPassword] = _react.useState.call(void 0, "");
+  const [showPassword, setShowPassword] = _react.useState.call(void 0, false);
+  _react.useEffect.call(void 0, () => {
+    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__ */ _jsxruntime.jsxs.call(void 0, 
+    _material.Dialog,
+    {
+      open,
+      onClose: onCancel,
+      maxWidth: "sm",
+      fullWidth: true,
+      PaperProps: {
+        sx: {
+          borderRadius: 2
+        }
+      },
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.DialogTitle, { sx: { pb: 1 }, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _material.Box, { sx: { display: "flex", alignItems: "center", justifyContent: "space-between" }, children: [
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _material.Box, { sx: { display: "flex", alignItems: "center", gap: 1.5 }, children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              _material.Box,
+              {
+                sx: {
+                  width: 40,
+                  height: 40,
+                  borderRadius: "50%",
+                  backgroundColor: "primary.light",
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "center",
+                  opacity: 0.9
+                },
+                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Lock2.default, { sx: { color: "white", fontSize: 20 } })
+              }
+            ),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Typography, { variant: "h6", component: "div", sx: { fontWeight: 600 }, children: "Password Protected" })
+          ] }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _material.IconButton,
+            {
+              size: "small",
+              onClick: onCancel,
+              sx: { color: "text.secondary" },
+              "aria-label": "Close dialog",
+              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Close2.default, { fontSize: "small" })
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _material.DialogContent, { sx: { pt: 2 }, children: [
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _material.Typography, { variant: "body2", sx: { color: "text.secondary", mb: 3 }, children: [
+            "This PDF is password protected. Please enter the password to view",
+            " ",
+            fileName && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "strong", { children: [
+              '"',
+              fileName,
+              '"'
+            ] })
+          ] }),
+          error && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Alert, { severity: "error", sx: { mb: 2 }, children: error }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "form", { onSubmit: handleSubmit, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _material.TextField,
+            {
+              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__ */ _jsxruntime.jsx.call(void 0, _material.InputAdornment, { position: "end", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  _material.IconButton,
+                  {
+                    onClick: handleTogglePasswordVisibility,
+                    edge: "end",
+                    size: "small",
+                    "aria-label": showPassword ? "Hide password" : "Show password",
+                    children: showPassword ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _VisibilityOff2.default, {}) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Visibility2.default, {})
+                  }
+                ) })
+              },
+              sx: {
+                "& .MuiOutlinedInput-root": {
+                  borderRadius: 2
+                }
+              }
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _material.DialogActions, { sx: { px: 3, pb: 3, pt: 2 }, children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _material.Button,
+            {
+              onClick: onCancel,
+              variant: "outlined",
+              sx: {
+                borderRadius: 2,
+                textTransform: "none",
+                px: 3
+              },
+              children: "Cancel"
+            }
+          ),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _material.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
+
 var PDFViewerContent = _react.forwardRef.call(void 0, (props, ref) => {
   const {
     file,
@@ -641,7 +1064,9 @@ var PDFViewerContent = _react.forwardRef.call(void 0, (props, ref) => {
     onMetadataClick,
     onPropertiesClick,
     onDownloadClick,
-    onPrintClick
+    onPrintClick,
+    initialSearchText,
+    initialSearchPages
   } = props;
   const [pdfBuffer, setPdfBuffer] = _react.useState.call(void 0, null);
   const [state, setState] = _react.useState.call(void 0, "idle");
@@ -670,6 +1095,115 @@ var PDFViewerContent = _react.forwardRef.call(void 0, (props, ref) => {
   const [searchResults, setSearchResults] = _react.useState.call(void 0, []);
   const [currentSearchResultIndex, setCurrentSearchResultIndex] = _react.useState.call(void 0, 0);
   const [totalSearchResults, setTotalSearchResults] = _react.useState.call(void 0, 0);
+  const [autoExecuteSearch, setAutoExecuteSearch] = _react.useState.call(void 0, !!initialSearchText);
+  const [isPasswordDialogOpen, setIsPasswordDialogOpen] = _react.useState.call(void 0, false);
+  const [passwordError, setPasswordError] = _react.useState.call(void 0, "");
+  const [passwordResolve, setPasswordResolve] = _react.useState.call(void 0, null);
+  const hasExecutedInitialSearch = _react.useRef.call(void 0, false);
+  const toolbarHandlers = _react.useMemo.call(void 0, () => ({
+    handleZoomIn: () => {
+      _optionalChain([pdfViewerRef, 'access', _ => _.current, 'optionalAccess', _2 => _2.zoom, 'access', _3 => _3.zoomIn, 'call', _4 => _4()]);
+      requestAnimationFrame(() => {
+        const zoomValue = _optionalChain([pdfViewerRef, 'access', _5 => _5.current, 'optionalAccess', _6 => _6.zoom, 'access', _7 => _7.getZoom, 'call', _8 => _8()]);
+        if (typeof zoomValue === "number") {
+          setZoom(Math.round(zoomValue * 100));
+        }
+      });
+    },
+    handleZoomOut: () => {
+      _optionalChain([pdfViewerRef, 'access', _9 => _9.current, 'optionalAccess', _10 => _10.zoom, 'access', _11 => _11.zoomOut, 'call', _12 => _12()]);
+      requestAnimationFrame(() => {
+        const zoomValue = _optionalChain([pdfViewerRef, 'access', _13 => _13.current, 'optionalAccess', _14 => _14.zoom, 'access', _15 => _15.getZoom, 'call', _16 => _16()]);
+        if (typeof zoomValue === "number") {
+          setZoom(Math.round(zoomValue * 100));
+        }
+      });
+    },
+    handleFitToWidth: () => {
+      _optionalChain([pdfViewerRef, 'access', _17 => _17.current, 'optionalAccess', _18 => _18.zoom, 'access', _19 => _19.fitToWidth, 'call', _20 => _20()]);
+      requestAnimationFrame(() => {
+        const zoomValue = _optionalChain([pdfViewerRef, 'access', _21 => _21.current, 'optionalAccess', _22 => _22.zoom, 'access', _23 => _23.getZoom, 'call', _24 => _24()]);
+        if (typeof zoomValue === "number") {
+          setZoom(Math.round(zoomValue * 100));
+        }
+      });
+    },
+    handleFitToPage: () => {
+      _optionalChain([pdfViewerRef, 'access', _25 => _25.current, 'optionalAccess', _26 => _26.zoom, 'access', _27 => _27.fitToPage, 'call', _28 => _28()]);
+      requestAnimationFrame(() => {
+        const zoomValue = _optionalChain([pdfViewerRef, 'access', _29 => _29.current, 'optionalAccess', _30 => _30.zoom, 'access', _31 => _31.getZoom, 'call', _32 => _32()]);
+        if (typeof zoomValue === "number") {
+          setZoom(Math.round(zoomValue * 100));
+        }
+      });
+    },
+    handlePreviousPage: () => {
+      _optionalChain([pdfViewerRef, 'access', _33 => _33.current, 'optionalAccess', _34 => _34.navigation, 'access', _35 => _35.previousPage, 'call', _36 => _36()]);
+      requestAnimationFrame(() => {
+        const current = _optionalChain([pdfViewerRef, 'access', _37 => _37.current, 'optionalAccess', _38 => _38.navigation, 'access', _39 => _39.getCurrentPage, 'call', _40 => _40()]) || 1;
+        setCurrentPage(current);
+      });
+    },
+    handleNextPage: () => {
+      _optionalChain([pdfViewerRef, 'access', _41 => _41.current, 'optionalAccess', _42 => _42.navigation, 'access', _43 => _43.nextPage, 'call', _44 => _44()]);
+      requestAnimationFrame(() => {
+        const current = _optionalChain([pdfViewerRef, 'access', _45 => _45.current, 'optionalAccess', _46 => _46.navigation, 'access', _47 => _47.getCurrentPage, 'call', _48 => _48()]) || 1;
+        setCurrentPage(current);
+      });
+    },
+    handleFirstPage: () => {
+      _optionalChain([pdfViewerRef, 'access', _49 => _49.current, 'optionalAccess', _50 => _50.navigation, 'access', _51 => _51.goToFirstPage, 'call', _52 => _52()]);
+      requestAnimationFrame(() => {
+        const current = _optionalChain([pdfViewerRef, 'access', _53 => _53.current, 'optionalAccess', _54 => _54.navigation, 'access', _55 => _55.getCurrentPage, 'call', _56 => _56()]) || 1;
+        setCurrentPage(current);
+      });
+    },
+    handleLastPage: () => {
+      _optionalChain([pdfViewerRef, 'access', _57 => _57.current, 'optionalAccess', _58 => _58.navigation, 'access', _59 => _59.goToLastPage, 'call', _60 => _60()]);
+      requestAnimationFrame(() => {
+        const current = _optionalChain([pdfViewerRef, 'access', _61 => _61.current, 'optionalAccess', _62 => _62.navigation, 'access', _63 => _63.getCurrentPage, 'call', _64 => _64()]) || 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)) {
+        _optionalChain([pdfViewerRef, 'access', _65 => _65.current, 'optionalAccess', _66 => _66.navigation, 'access', _67 => _67.goToPage, 'call', _68 => _68(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)) {
+          _optionalChain([pdfViewerRef, 'access', _69 => _69.current, 'optionalAccess', _70 => _70.navigation, 'access', _71 => _71.goToPage, 'call', _72 => _72(page)]);
+          setCurrentPage(page);
+        }
+      }
+    }
+  }), [isSidebarOpen, totalPages]);
+  _react.useEffect.call(void 0, () => {
+    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 (_optionalChain([results, 'optionalAccess', _73 => _73.results, 'optionalAccess', _74 => _74.length]) > 0) {
+          _optionalChain([pdfViewerRef, 'access', _75 => _75.current, 'optionalAccess', _76 => _76.navigation, 'access', _77 => _77.goToPage, 'call', _78 => _78(results.results[0].pageIndex + 1)]);
+        }
+      });
+    }
+  }, [pdfViewerRef.current, initialSearchText]);
   _react.useEffect.call(void 0, () => {
     setSearchQuery("");
     setSearchResults([]);
@@ -685,79 +1219,85 @@ var PDFViewerContent = _react.forwardRef.call(void 0, (props, ref) => {
     setPdfBuffer(null);
   }, [file]);
   _react.useEffect.call(void 0, () => {
-    if (state === "ready") {
-      setTimeout(() => {
-        const container = document.querySelector('[data-pdf-viewer], .embedpdf-viewport, [role="document"]');
-        if (container) {
-          setPdfContainer(container);
-        }
-      }, 500);
+    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]);
   _react.useEffect.call(void 0, () => {
-    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++;
+    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 = _optionalChain([viewer, 'access', _2 => _2.navigation, 'optionalAccess', _3 => _3.getTotalPages, 'optionalCall', _4 => _4()]);
-          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 = _optionalChain([viewer, 'access', _79 => _79.navigation, 'optionalAccess', _80 => _80.getTotalPages, 'optionalCall', _81 => _81()]);
+        if (count && count > 1) {
+          setTotalPages(count);
+          return;
         }
-        try {
-          const results = await _optionalChain([viewer, 'access', _5 => _5.search, 'optionalAccess', _6 => _6.searchText, 'optionalCall', _7 => _7("e")]);
-          if (_optionalChain([results, 'optionalAccess', _8 => _8.results]) && results.results.length > 0) {
-            const pageIndices = results.results.map((m) => m.pageIndex).filter((idx) => typeof idx === "number");
-            const count = Math.max(...pageIndices) + 1;
-            _optionalChain([viewer, 'access', _9 => _9.search, 'optionalAccess', _10 => _10.stopSearch, 'optionalCall', _11 => _11()]);
-            setTotalPages(count);
-            return;
-          }
-        } catch (error2) {
+      } catch (e) {
+      }
+      try {
+        const results = await _optionalChain([viewer, 'access', _82 => _82.search, 'optionalAccess', _83 => _83.searchText, 'optionalCall', _84 => _84("e")]);
+        if (_optionalChain([results, 'optionalAccess', _85 => _85.results]) && results.results.length > 0) {
+          const pageIndices = results.results.map((m) => m.pageIndex).filter((idx) => typeof idx === "number");
+          const count = Math.max(...pageIndices) + 1;
+          _optionalChain([viewer, 'access', _86 => _86.search, 'optionalAccess', _87 => _87.stopSearch, 'optionalCall', _88 => _88()]);
+          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]);
   _react.useEffect.call(void 0, () => {
     if (state === "ready" && pdfViewerRef.current) {
       const updateInfo = () => {
-        const current = _optionalChain([pdfViewerRef, 'access', _12 => _12.current, 'optionalAccess', _13 => _13.navigation, 'access', _14 => _14.getCurrentPage, 'call', _15 => _15()]) || 1;
-        const total = _optionalChain([pdfViewerRef, 'access', _16 => _16.current, 'optionalAccess', _17 => _17.navigation, 'access', _18 => _18.getTotalPages, 'call', _19 => _19()]) || 0;
-        const zoomValue = _optionalChain([pdfViewerRef, 'access', _20 => _20.current, 'optionalAccess', _21 => _21.zoom, 'access', _22 => _22.getZoom, 'call', _23 => _23()]);
-        const currentSearchState = _optionalChain([pdfViewerRef, 'access', _24 => _24.current, 'optionalAccess', _25 => _25.search, 'access', _26 => _26.getSearchState, 'call', _27 => _27()]);
+        const current = _optionalChain([pdfViewerRef, 'access', _89 => _89.current, 'optionalAccess', _90 => _90.navigation, 'access', _91 => _91.getCurrentPage, 'call', _92 => _92()]) || 1;
+        const total = _optionalChain([pdfViewerRef, 'access', _93 => _93.current, 'optionalAccess', _94 => _94.navigation, 'access', _95 => _95.getTotalPages, 'call', _96 => _96()]) || 0;
+        const zoomValue = _optionalChain([pdfViewerRef, 'access', _97 => _97.current, 'optionalAccess', _98 => _98.zoom, 'access', _99 => _99.getZoom, 'call', _100 => _100()]);
+        const currentSearchState = _optionalChain([pdfViewerRef, 'access', _101 => _101.current, 'optionalAccess', _102 => _102.search, 'access', _103 => _103.getSearchState, 'call', _104 => _104()]);
         setCurrentPage(current);
         if (total > 0 && total !== totalPages) {
           setTotalPages(total);
@@ -773,142 +1313,89 @@ var PDFViewerContent = _react.forwardRef.call(void 0, (props, ref) => {
   }, [state, totalPages]);
   _react.useImperativeHandle.call(void 0, ref, () => ({
     zoomIn: () => {
-      _optionalChain([pdfViewerRef, 'access', _28 => _28.current, 'optionalAccess', _29 => _29.zoom, 'access', _30 => _30.zoomIn, 'call', _31 => _31()]);
+      _optionalChain([pdfViewerRef, 'access', _105 => _105.current, 'optionalAccess', _106 => _106.zoom, 'access', _107 => _107.zoomIn, 'call', _108 => _108()]);
       updateZoomDisplay();
     },
     zoomOut: () => {
-      _optionalChain([pdfViewerRef, 'access', _32 => _32.current, 'optionalAccess', _33 => _33.zoom, 'access', _34 => _34.zoomOut, 'call', _35 => _35()]);
+      _optionalChain([pdfViewerRef, 'access', _109 => _109.current, 'optionalAccess', _110 => _110.zoom, 'access', _111 => _111.zoomOut, 'call', _112 => _112()]);
       updateZoomDisplay();
     },
     setZoom: (level) => {
-      _optionalChain([pdfViewerRef, 'access', _36 => _36.current, 'optionalAccess', _37 => _37.zoom, 'access', _38 => _38.setZoom, 'call', _39 => _39(level)]);
+      _optionalChain([pdfViewerRef, 'access', _113 => _113.current, 'optionalAccess', _114 => _114.zoom, 'access', _115 => _115.setZoom, 'call', _116 => _116(level)]);
       updateZoomDisplay();
     },
     resetZoom: () => {
-      _optionalChain([pdfViewerRef, 'access', _40 => _40.current, 'optionalAccess', _41 => _41.zoom, 'access', _42 => _42.resetZoom, 'call', _43 => _43()]);
+      _optionalChain([pdfViewerRef, 'access', _117 => _117.current, 'optionalAccess', _118 => _118.zoom, 'access', _119 => _119.resetZoom, 'call', _120 => _120()]);
       updateZoomDisplay();
     },
     getZoom: () => {
-      const zoom2 = _optionalChain([pdfViewerRef, 'access', _44 => _44.current, 'optionalAccess', _45 => _45.zoom, 'access', _46 => _46.getZoom, 'call', _47 => _47()]);
+      const zoom2 = _optionalChain([pdfViewerRef, 'access', _121 => _121.current, 'optionalAccess', _122 => _122.zoom, 'access', _123 => _123.getZoom, 'call', _124 => _124()]);
       return typeof zoom2 === "number" ? zoom2 : 1;
     },
     goToPage: (page) => {
-      _optionalChain([pdfViewerRef, 'access', _48 => _48.current, 'optionalAccess', _49 => _49.navigation, 'access', _50 => _50.goToPage, 'call', _51 => _51(page)]);
+      _optionalChain([pdfViewerRef, 'access', _125 => _125.current, 'optionalAccess', _126 => _126.navigation, 'access', _127 => _127.goToPage, 'call', _128 => _128(page)]);
       setCurrentPage(page);
     },
-    getCurrentPage: () => _optionalChain([pdfViewerRef, 'access', _52 => _52.current, 'optionalAccess', _53 => _53.navigation, 'access', _54 => _54.getCurrentPage, 'call', _55 => _55()]) || 1,
-    getTotalPages: () => _optionalChain([pdfViewerRef, 'access', _56 => _56.current, 'optionalAccess', _57 => _57.navigation, 'access', _58 => _58.getTotalPages, 'call', _59 => _59()]) || 0,
+    getCurrentPage: () => _optionalChain([pdfViewerRef, 'access', _129 => _129.current, 'optionalAccess', _130 => _130.navigation, 'access', _131 => _131.getCurrentPage, 'call', _132 => _132()]) || 1,
+    getTotalPages: () => _optionalChain([pdfViewerRef, 'access', _133 => _133.current, 'optionalAccess', _134 => _134.navigation, 'access', _135 => _135.getTotalPages, 'call', _136 => _136()]) || 0,
     nextPage: () => {
-      _optionalChain([pdfViewerRef, 'access', _60 => _60.current, 'optionalAccess', _61 => _61.navigation, 'access', _62 => _62.nextPage, 'call', _63 => _63()]);
+      _optionalChain([pdfViewerRef, 'access', _137 => _137.current, 'optionalAccess', _138 => _138.navigation, 'access', _139 => _139.nextPage, 'call', _140 => _140()]);
       updatePageDisplay();
     },
     previousPage: () => {
-      _optionalChain([pdfViewerRef, 'access', _64 => _64.current, 'optionalAccess', _65 => _65.navigation, 'access', _66 => _66.previousPage, 'call', _67 => _67()]);
+      _optionalChain([pdfViewerRef, 'access', _141 => _141.current, 'optionalAccess', _142 => _142.navigation, 'access', _143 => _143.previousPage, 'call', _144 => _144()]);
       updatePageDisplay();
     },
     goToFirstPage: () => {
-      _optionalChain([pdfViewerRef, 'access', _68 => _68.current, 'optionalAccess', _69 => _69.navigation, 'access', _70 => _70.goToFirstPage, 'call', _71 => _71()]);
+      _optionalChain([pdfViewerRef, 'access', _145 => _145.current, 'optionalAccess', _146 => _146.navigation, 'access', _147 => _147.goToFirstPage, 'call', _148 => _148()]);
       updatePageDisplay();
     },
     goToLastPage: () => {
-      _optionalChain([pdfViewerRef, 'access', _72 => _72.current, 'optionalAccess', _73 => _73.navigation, 'access', _74 => _74.goToLastPage, 'call', _75 => _75()]);
+      _optionalChain([pdfViewerRef, 'access', _149 => _149.current, 'optionalAccess', _150 => _150.navigation, 'access', _151 => _151.goToLastPage, 'call', _152 => _152()]);
       updatePageDisplay();
     },
     searchText: async (keyword) => {
       setIsSearching(true);
-      const results = await _optionalChain([pdfViewerRef, 'access', _76 => _76.current, 'optionalAccess', _77 => _77.search, 'access', _78 => _78.searchText, 'call', _79 => _79(keyword)]);
+      const results = await _optionalChain([pdfViewerRef, 'access', _153 => _153.current, 'optionalAccess', _154 => _154.search, 'access', _155 => _155.searchText, 'call', _156 => _156(keyword)]);
       setIsSearching(false);
       setSearchQuery(keyword);
       return results;
     },
     nextResult: () => {
-      const index = _optionalChain([pdfViewerRef, 'access', _80 => _80.current, 'optionalAccess', _81 => _81.search, 'access', _82 => _82.nextResult, 'call', _83 => _83()]) || -1;
+      const index = _optionalChain([pdfViewerRef, 'access', _157 => _157.current, 'optionalAccess', _158 => _158.search, 'access', _159 => _159.nextResult, 'call', _160 => _160()]) || -1;
       return index;
     },
     previousResult: () => {
-      const index = _optionalChain([pdfViewerRef, 'access', _84 => _84.current, 'optionalAccess', _85 => _85.search, 'access', _86 => _86.previousResult, 'call', _87 => _87()]) || -1;
+      const index = _optionalChain([pdfViewerRef, 'access', _161 => _161.current, 'optionalAccess', _162 => _162.search, 'access', _163 => _163.previousResult, 'call', _164 => _164()]) || -1;
       return index;
     },
-    goToResult: (index) => _optionalChain([pdfViewerRef, 'access', _88 => _88.current, 'optionalAccess', _89 => _89.search, 'access', _90 => _90.goToResult, 'call', _91 => _91(index)]) || -1,
+    goToResult: (index) => _optionalChain([pdfViewerRef, 'access', _165 => _165.current, 'optionalAccess', _166 => _166.search, 'access', _167 => _167.goToResult, 'call', _168 => _168(index)]) || -1,
     stopSearch: () => {
-      _optionalChain([pdfViewerRef, 'access', _92 => _92.current, 'optionalAccess', _93 => _93.search, 'access', _94 => _94.stopSearch, 'call', _95 => _95()]);
+      _optionalChain([pdfViewerRef, 'access', _169 => _169.current, 'optionalAccess', _170 => _170.search, 'access', _171 => _171.stopSearch, 'call', _172 => _172()]);
       setSearchQuery("");
     },
-    getSearchState: () => _optionalChain([pdfViewerRef, 'access', _96 => _96.current, 'optionalAccess', _97 => _97.search, 'access', _98 => _98.getSearchState, 'call', _99 => _99()]) || null,
-    getSelectedText: () => _optionalChain([pdfViewerRef, 'access', _100 => _100.current, 'optionalAccess', _101 => _101.selection, 'access', _102 => _102.getSelectedText, 'call', _103 => _103()]) || "",
-    clearSelection: () => _optionalChain([pdfViewerRef, 'access', _104 => _104.current, 'optionalAccess', _105 => _105.selection, 'access', _106 => _106.clearSelection, 'call', _107 => _107()])
+    getSearchState: () => _optionalChain([pdfViewerRef, 'access', _173 => _173.current, 'optionalAccess', _174 => _174.search, 'access', _175 => _175.getSearchState, 'call', _176 => _176()]) || null,
+    getSelectedText: () => _optionalChain([pdfViewerRef, 'access', _177 => _177.current, 'optionalAccess', _178 => _178.selection, 'access', _179 => _179.getSelectedText, 'call', _180 => _180()]) || "",
+    clearSelection: () => _optionalChain([pdfViewerRef, 'access', _181 => _181.current, 'optionalAccess', _182 => _182.selection, 'access', _183 => _183.clearSelection, 'call', _184 => _184()])
   }), []);
   const updatePageDisplay = () => {
-    setTimeout(() => {
-      const current = _optionalChain([pdfViewerRef, 'access', _108 => _108.current, 'optionalAccess', _109 => _109.navigation, 'access', _110 => _110.getCurrentPage, 'call', _111 => _111()]) || 1;
+    requestAnimationFrame(() => {
+      const current = _optionalChain([pdfViewerRef, 'access', _185 => _185.current, 'optionalAccess', _186 => _186.navigation, 'access', _187 => _187.getCurrentPage, 'call', _188 => _188()]) || 1;
       setCurrentPage(current);
-    }, 100);
+    });
   };
   const updateZoomDisplay = () => {
-    setTimeout(() => {
-      const zoomValue = _optionalChain([pdfViewerRef, 'access', _112 => _112.current, 'optionalAccess', _113 => _113.zoom, 'access', _114 => _114.getZoom, 'call', _115 => _115()]);
+    requestAnimationFrame(() => {
+      const zoomValue = _optionalChain([pdfViewerRef, 'access', _189 => _189.current, 'optionalAccess', _190 => _190.zoom, 'access', _191 => _191.getZoom, 'call', _192 => _192()]);
       if (typeof zoomValue === "number") {
         setZoom(Math.round(zoomValue * 100));
       }
-    }, 100);
-  };
-  const handleZoomIn = () => {
-    _optionalChain([pdfViewerRef, 'access', _116 => _116.current, 'optionalAccess', _117 => _117.zoom, 'access', _118 => _118.zoomIn, 'call', _119 => _119()]);
-    updateZoomDisplay();
-  };
-  const handleZoomOut = () => {
-    _optionalChain([pdfViewerRef, 'access', _120 => _120.current, 'optionalAccess', _121 => _121.zoom, 'access', _122 => _122.zoomOut, 'call', _123 => _123()]);
-    updateZoomDisplay();
-  };
-  const handleFitToWidth = () => {
-    _optionalChain([pdfViewerRef, 'access', _124 => _124.current, 'optionalAccess', _125 => _125.zoom, 'access', _126 => _126.fitToWidth, 'call', _127 => _127()]);
-    updateZoomDisplay();
-  };
-  const handleFitToPage = () => {
-    _optionalChain([pdfViewerRef, 'access', _128 => _128.current, 'optionalAccess', _129 => _129.zoom, 'access', _130 => _130.fitToPage, 'call', _131 => _131()]);
-    updateZoomDisplay();
-  };
-  const handlePreviousPage = () => {
-    _optionalChain([pdfViewerRef, 'access', _132 => _132.current, 'optionalAccess', _133 => _133.navigation, 'access', _134 => _134.previousPage, 'call', _135 => _135()]);
-    updatePageDisplay();
-  };
-  const handleNextPage = () => {
-    _optionalChain([pdfViewerRef, 'access', _136 => _136.current, 'optionalAccess', _137 => _137.navigation, 'access', _138 => _138.nextPage, 'call', _139 => _139()]);
-    updatePageDisplay();
-  };
-  const handleFirstPage = () => {
-    _optionalChain([pdfViewerRef, 'access', _140 => _140.current, 'optionalAccess', _141 => _141.navigation, 'access', _142 => _142.goToFirstPage, 'call', _143 => _143()]);
-    updatePageDisplay();
-  };
-  const handleLastPage = () => {
-    _optionalChain([pdfViewerRef, 'access', _144 => _144.current, 'optionalAccess', _145 => _145.navigation, 'access', _146 => _146.goToLastPage, 'call', _147 => _147()]);
-    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)) {
-      _optionalChain([pdfViewerRef, 'access', _148 => _148.current, 'optionalAccess', _149 => _149.navigation, 'access', _150 => _150.goToPage, 'call', _151 => _151(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)) {
-        _optionalChain([pdfViewerRef, 'access', _152 => _152.current, 'optionalAccess', _153 => _153.navigation, 'access', _154 => _154.goToPage, 'call', _155 => _155(page)]);
-        setCurrentPage(page);
-      }
-    }
+    });
   };
   const handleSearch = async () => {
     if (searchQuery.trim()) {
       setIsSearching(true);
-      const results = await _optionalChain([pdfViewerRef, 'access', _156 => _156.current, 'optionalAccess', _157 => _157.search, 'access', _158 => _158.searchText, 'call', _159 => _159(searchQuery)]);
+      const results = await _optionalChain([pdfViewerRef, 'access', _193 => _193.current, 'optionalAccess', _194 => _194.search, 'access', _195 => _195.searchText, 'call', _196 => _196(searchQuery)]);
       setIsSearching(false);
       if (results && results.results) {
         const formattedResults = results.results.map((result, index) => {
@@ -952,13 +1439,13 @@ var PDFViewerContent = _react.forwardRef.call(void 0, (props, ref) => {
       handleSearch();
     }
   };
-  const handleSidebarSearch = async (keyword) => {
+  const handleSidebarSearch = async (keyword, pageNumbers) => {
     setSearchQuery(keyword);
     if (keyword.trim()) {
       setIsSearching(true);
-      const results = await _optionalChain([pdfViewerRef, 'access', _160 => _160.current, 'optionalAccess', _161 => _161.search, 'access', _162 => _162.searchText, 'call', _163 => _163(keyword)]);
+      const results = await _optionalChain([pdfViewerRef, 'access', _197 => _197.current, 'optionalAccess', _198 => _198.search, 'access', _199 => _199.searchText, 'call', _200 => _200(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 = "";
@@ -987,9 +1474,21 @@ var PDFViewerContent = _react.forwardRef.call(void 0, (props, ref) => {
         setCurrentSearchResultIndex(0);
         if (formattedResults.length > 0) {
           const firstPageNumber = formattedResults[0].pageNumber;
-          _optionalChain([pdfViewerRef, 'access', _164 => _164.current, 'optionalAccess', _165 => _165.navigation, 'access', _166 => _166.goToPage, 'call', _167 => _167(firstPageNumber)]);
+          _optionalChain([pdfViewerRef, 'access', _201 => _201.current, 'optionalAccess', _202 => _202.navigation, 'access', _203 => _203.goToPage, 'call', _204 => _204(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);
+        _optionalChain([pdfViewerRef, 'access', _205 => _205.current, 'optionalAccess', _206 => _206.navigation, 'access', _207 => _207.goToPage, 'call', _208 => _208(pageNumbers[0])]);
+        setCurrentPage(pageNumbers[0]);
       } else {
         setSearchResults([]);
         setTotalSearchResults(0);
@@ -997,28 +1496,25 @@ var PDFViewerContent = _react.forwardRef.call(void 0, (props, ref) => {
       }
     } else {
       setSearchResults([]);
-      _optionalChain([pdfViewerRef, 'access', _168 => _168.current, 'optionalAccess', _169 => _169.search, 'access', _170 => _170.stopSearch, 'call', _171 => _171()]);
+      _optionalChain([pdfViewerRef, 'access', _209 => _209.current, 'optionalAccess', _210 => _210.search, 'access', _211 => _211.stopSearch, 'call', _212 => _212()]);
       setTotalSearchResults(0);
       setCurrentSearchResultIndex(0);
     }
   };
   const handleSearchResultClick = (pageNumber, resultIndex) => {
-    _optionalChain([pdfViewerRef, 'access', _172 => _172.current, 'optionalAccess', _173 => _173.navigation, 'access', _174 => _174.goToPage, 'call', _175 => _175(pageNumber)]);
+    _optionalChain([pdfViewerRef, 'access', _213 => _213.current, 'optionalAccess', _214 => _214.navigation, 'access', _215 => _215.goToPage, 'call', _216 => _216(pageNumber)]);
     setCurrentSearchResultIndex(resultIndex);
     setCurrentPage(pageNumber);
-    _optionalChain([pdfViewerRef, 'access', _176 => _176.current, 'optionalAccess', _177 => _177.search, 'access', _178 => _178.goToResult, 'call', _179 => _179(resultIndex)]);
-  };
-  const toggleSidebar = () => {
-    setIsSidebarOpen(!isSidebarOpen);
+    _optionalChain([pdfViewerRef, 'access', _217 => _217.current, 'optionalAccess', _218 => _218.search, 'access', _219 => _219.goToResult, 'call', _220 => _220(resultIndex)]);
   };
   const handleNextSearchResult = () => {
     if (currentSearchResultIndex < totalSearchResults - 1) {
       const nextIndex = currentSearchResultIndex + 1;
       setCurrentSearchResultIndex(nextIndex);
-      _optionalChain([pdfViewerRef, 'access', _180 => _180.current, 'optionalAccess', _181 => _181.search, 'access', _182 => _182.nextResult, 'call', _183 => _183()]);
+      _optionalChain([pdfViewerRef, 'access', _221 => _221.current, 'optionalAccess', _222 => _222.search, 'access', _223 => _223.nextResult, 'call', _224 => _224()]);
       if (searchResults[nextIndex]) {
         const pageNumber = searchResults[nextIndex].pageNumber;
-        _optionalChain([pdfViewerRef, 'access', _184 => _184.current, 'optionalAccess', _185 => _185.navigation, 'access', _186 => _186.goToPage, 'call', _187 => _187(pageNumber)]);
+        _optionalChain([pdfViewerRef, 'access', _225 => _225.current, 'optionalAccess', _226 => _226.navigation, 'access', _227 => _227.goToPage, 'call', _228 => _228(pageNumber)]);
         setCurrentPage(pageNumber);
       }
     }
@@ -1027,79 +1523,14 @@ var PDFViewerContent = _react.forwardRef.call(void 0, (props, ref) => {
     if (currentSearchResultIndex > 0) {
       const prevIndex = currentSearchResultIndex - 1;
       setCurrentSearchResultIndex(prevIndex);
-      _optionalChain([pdfViewerRef, 'access', _188 => _188.current, 'optionalAccess', _189 => _189.search, 'access', _190 => _190.previousResult, 'call', _191 => _191()]);
+      _optionalChain([pdfViewerRef, 'access', _229 => _229.current, 'optionalAccess', _230 => _230.search, 'access', _231 => _231.previousResult, 'call', _232 => _232()]);
       if (searchResults[prevIndex]) {
         const pageNumber = searchResults[prevIndex].pageNumber;
-        _optionalChain([pdfViewerRef, 'access', _192 => _192.current, 'optionalAccess', _193 => _193.navigation, 'access', _194 => _194.goToPage, 'call', _195 => _195(pageNumber)]);
+        _optionalChain([pdfViewerRef, 'access', _233 => _233.current, 'optionalAccess', _234 => _234.navigation, 'access', _235 => _235.goToPage, 'call', _236 => _236(pageNumber)]);
         setCurrentPage(pageNumber);
       }
     }
   };
-  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;
-  };
   _react.useEffect.call(void 0, () => {
     if (!file) {
       setState("error");
@@ -1126,21 +1557,39 @@ var PDFViewerContent = _react.forwardRef.call(void 0, (props, ref) => {
         }
         setPdfBuffer(arrayBuffer);
         setState("ready");
-        _optionalChain([onLoad, 'optionalCall', _196 => _196()]);
+        _optionalChain([onLoad, 'optionalCall', _237 => _237()]);
       } catch (err) {
         const errorMessage = err.message || "Failed to load PDF";
         setState("error");
         setError(errorMessage);
-        _optionalChain([onError, 'optionalCall', _197 => _197(err)]);
+        _optionalChain([onError, 'optionalCall', _238 => _238(err)]);
       }
     };
     loadPDF();
   }, [file, onLoad, onError]);
   const handlePasswordRequest = _react.useCallback.call(void 0, 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 = _react.useCallback.call(void 0, (password) => {
+    if (passwordResolve) {
+      passwordResolve(password);
+      setPasswordResolve(null);
+      setIsPasswordDialogOpen(false);
+      setPasswordError("");
+    }
+  }, [passwordResolve]);
+  const handlePasswordCancel = _react.useCallback.call(void 0, () => {
+    if (passwordResolve) {
+      passwordResolve(null);
+      setPasswordResolve(null);
+      setIsPasswordDialogOpen(false);
+      setPasswordError("");
+    }
+  }, [passwordResolve]);
   if (state === "loading") {
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { style: {
       display: "flex",
@@ -1196,181 +1645,54 @@ Enter password for ${fileName2 || "document"}:`);
   }
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "pdf-viewer-container", children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "style", { children: toolbarStyles }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "pdf-viewer-header", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRE4XRGSVjs.FileIcon_default, { ext: fileExtension, size: 26 }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "header-file-name", title: resolvedFileName, children: resolvedFileName })
-    ] }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "pdf-viewer-toolbar", children: [
-      showPageNavigation && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "toolbar-separator" }),
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "toolbar-section", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "button",
-            {
-              className: "toolbar-button",
-              onClick: handleFirstPage,
-              disabled: currentPage <= 1,
-              title: "First Page",
-              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _FirstPage2.default, { fontSize: "small" })
-            }
-          ),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "button",
-            {
-              className: "toolbar-button",
-              onClick: handlePreviousPage,
-              disabled: currentPage <= 1,
-              title: "Previous Page",
-              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _ChevronLeft2.default, { fontSize: "small" })
-            }
-          ),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "input",
-            {
-              type: "number",
-              className: "page-input",
-              value: currentPage,
-              onChange: handlePageInput,
-              onKeyPress: handlePageInputKeyPress,
-              min: 1,
-              max: totalPages || void 0
-            }
-          ),
-          showPageCount && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "page-info", children: [
-            "of ",
-            totalPages || "..."
-          ] }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "button",
-            {
-              className: "toolbar-button",
-              onClick: handleNextPage,
-              disabled: currentPage >= totalPages,
-              title: "Next Page",
-              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _ChevronRight2.default, { fontSize: "small" })
-            }
-          ),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "button",
-            {
-              className: "toolbar-button",
-              onClick: handleLastPage,
-              disabled: currentPage >= totalPages,
-              title: "Last Page",
-              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _LastPage2.default, { fontSize: "small" })
-            }
-          )
-        ] })
-      ] }),
-      showZoomControls && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "toolbar-separator" }),
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "toolbar-section", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "button",
-            {
-              className: "toolbar-button",
-              onClick: handleZoomOut,
-              title: "Zoom Out",
-              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _ZoomOut2.default, { fontSize: "small" })
-            }
-          ),
-          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "zoom-display", children: [
-            zoom,
-            "%"
-          ] }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "button",
-            {
-              className: "toolbar-button",
-              onClick: handleZoomIn,
-              title: "Zoom In",
-              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _ZoomIn2.default, { fontSize: "small" })
-            }
-          ),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "button",
-            {
-              className: "toolbar-button",
-              onClick: handleFitToWidth,
-              title: "Fit to Width",
-              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _AspectRatio2.default, { fontSize: "small" })
-            }
-          ),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "button",
-            {
-              className: "toolbar-button",
-              onClick: handleFitToPage,
-              title: "Fit to Page",
-              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _FitScreen2.default, { fontSize: "small" })
-            }
-          )
-        ] })
-      ] }),
-      showSearch && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "toolbar-separator" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "toolbar-section", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "button",
-          {
-            className: "toolbar-button",
-            onClick: toggleSidebar,
-            title: "Search in PDF",
-            style: {
-              backgroundColor: isSidebarOpen ? "#e3f2fd" : "transparent",
-              color: isSidebarOpen ? "#1976d2" : "inherit"
-            },
-            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Search2.default, { fontSize: "small" })
-          }
-        ) })
-      ] }),
-      (showMetadata || showProperties || showDownload || showPrint) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "toolbar-separator" }),
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "toolbar-section", children: [
-          showDownload && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "button",
-            {
-              className: "toolbar-button",
-              onClick: onDownloadClick,
-              title: "Download PDF",
-              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Download2.default, { fontSize: "small" })
-            }
-          ),
-          showPrint && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "button",
-            {
-              className: "toolbar-button",
-              onClick: onPrintClick,
-              title: "Print PDF",
-              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Print2.default, { fontSize: "small" })
-            }
-          ),
-          showMetadata && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "button",
-            {
-              className: "toolbar-button",
-              onClick: onMetadataClick,
-              title: "Document Metadata",
-              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Info2.default, { fontSize: "small" })
-            }
-          ),
-          showProperties && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "button",
-            {
-              className: "toolbar-button",
-              onClick: onPropertiesClick,
-              title: "Document Properties",
-              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Description2.default, { fontSize: "small" })
-            }
-          )
-        ] })
-      ] })
-    ] }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      PDFHeader,
+      {
+        fileName: resolvedFileName,
+        fileExtension
+      }
+    ),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      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__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "pdf-viewer-main", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "pdf-viewer-viewer-area", children: _react2.default.createElement(_pdfviewer.PDFViewer, {
-        ref: pdfViewerRef,
-        pdfBuffer,
-        onPasswordRequest: handlePasswordRequest
-      }) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "pdf-viewer-viewer-area", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        StablePDFViewer,
+        {
+          pdfBuffer,
+          onPasswordRequest: handlePasswordRequest,
+          pdfViewerRef
+        }
+      ) }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         SearchSidebar,
         {
@@ -1387,7 +1709,17 @@ Enter password for ${fileName2 || "document"}:`);
           isSearching
         }
       )
-    ] })
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      PasswordDialog,
+      {
+        open: isPasswordDialogOpen,
+        fileName: resolvedFileName,
+        onSubmit: handlePasswordSubmit,
+        onCancel: handlePasswordCancel,
+        error: passwordError
+      }
+    )
   ] });
 });
 PDFViewerContent.displayName = "PDFViewerContent";
@@ -1399,4 +1731,4 @@ PDFViewer.displayName = "PDFViewer";
 
 
 exports.PDFViewer = PDFViewer;
-//# sourceMappingURL=chunk-3STHCDAC.js.map
+//# sourceMappingURL=chunk-QELOFQEB.js.map