@cannyminds/dms-file-viewers 0.4.0 → 0.5.0

package/dist/{chunk-J2YW5DHC.mjs → chunk-K5SKH4SD.mjs}

@@ -6,7 +6,30 @@ import {
 
 // src/components/viewers/PDFViewer.tsx
 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,11 +38,219 @@ 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, useEffect, useRef } from "react";
@@ -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,
@@ -172,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",
@@ -191,7 +422,7 @@ var SearchSidebar = ({
     }
   };
   if (!isOpen) return null;
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs3(
     Box,
     {
       sx: {
@@ -205,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",
@@ -217,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,
@@ -231,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",
@@ -244,7 +475,7 @@ var SearchSidebar = ({
                         backgroundColor: "action.hover"
                       }
                     },
-                    children: /* @__PURE__ */ jsx(ClearIcon, { sx: { fontSize: 18 } })
+                    children: /* @__PURE__ */ jsx4(ClearIcon, { sx: { fontSize: 18 } })
                   }
                 ) })
               },
@@ -267,7 +498,7 @@ var SearchSidebar = ({
               }
             }
           ) }),
-          totalResults > 0 && /* @__PURE__ */ jsxs(
+          totalResults > 0 && /* @__PURE__ */ jsxs3(
             Box,
             {
               sx: {
@@ -280,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",
@@ -300,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",
@@ -316,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 } })
                     }
                   )
                 ] })
@@ -324,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: {
@@ -345,14 +576,14 @@ 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: {
@@ -367,12 +598,12 @@ var SearchSidebar = ({
                   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",
@@ -393,8 +624,8 @@ 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: {
@@ -409,24 +640,24 @@ var SearchSidebar = ({
                   mb: 3,
                   opacity: 0.6
                 },
-                children: /* @__PURE__ */ jsx(SearchIcon, { sx: { fontSize: 40, color: "warning.main" } })
+                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.keys(resultsByPage).sort((a, b) => parseInt(a) - parseInt(b)).map((pageNum) => {
+          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);
             const pageResults = resultsByPage[pageNumber];
-            return /* @__PURE__ */ jsxs(Box, { sx: { mb: 3 }, children: [
-              /* @__PURE__ */ jsxs(
+            return /* @__PURE__ */ jsxs3(Box, { sx: { mb: 3 }, children: [
+              /* @__PURE__ */ jsxs3(
                 Typography,
                 {
                   variant: "subtitle2",
@@ -445,7 +676,7 @@ var SearchSidebar = ({
                   ]
                 }
               ),
-              pageResults.map((result, index) => /* @__PURE__ */ jsx(
+              pageResults.map((result, index) => /* @__PURE__ */ jsx4(
                 Box,
                 {
                   onClick: () => onSearchResultClick(result.pageNumber, result.index),
@@ -466,7 +697,7 @@ var SearchSidebar = ({
                       transform: "translateY(-1px)"
                     }
                   },
-                  children: /* @__PURE__ */ jsx(
+                  children: /* @__PURE__ */ jsx4(
                     Typography,
                     {
                       variant: "body2",
@@ -509,7 +740,7 @@ 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 jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 var PasswordDialog = ({
   open,
   fileName,
@@ -539,7 +770,7 @@ var PasswordDialog = ({
       handleSubmit(e);
     }
   };
-  return /* @__PURE__ */ jsxs2(
+  return /* @__PURE__ */ jsxs4(
     Dialog,
     {
       open,
@@ -552,9 +783,9 @@ var PasswordDialog = ({
         }
       },
       children: [
-        /* @__PURE__ */ jsx2(DialogTitle, { sx: { pb: 1 }, children: /* @__PURE__ */ jsxs2(Box2, { sx: { display: "flex", alignItems: "center", justifyContent: "space-between" }, children: [
-          /* @__PURE__ */ jsxs2(Box2, { sx: { display: "flex", alignItems: "center", gap: 1.5 }, children: [
-            /* @__PURE__ */ jsx2(
+        /* @__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: {
@@ -567,34 +798,34 @@ var PasswordDialog = ({
                   justifyContent: "center",
                   opacity: 0.9
                 },
-                children: /* @__PURE__ */ jsx2(LockIcon, { sx: { color: "white", fontSize: 20 } })
+                children: /* @__PURE__ */ jsx5(LockIcon, { sx: { color: "white", fontSize: 20 } })
               }
             ),
-            /* @__PURE__ */ jsx2(Typography2, { variant: "h6", component: "div", sx: { fontWeight: 600 }, children: "Password Protected" })
+            /* @__PURE__ */ jsx5(Typography2, { variant: "h6", component: "div", sx: { fontWeight: 600 }, children: "Password Protected" })
           ] }),
-          /* @__PURE__ */ jsx2(
+          /* @__PURE__ */ jsx5(
             IconButton2,
             {
               size: "small",
               onClick: onCancel,
               sx: { color: "text.secondary" },
               "aria-label": "Close dialog",
-              children: /* @__PURE__ */ jsx2(CloseIcon2, { fontSize: "small" })
+              children: /* @__PURE__ */ jsx5(CloseIcon2, { fontSize: "small" })
             }
           )
         ] }) }),
-        /* @__PURE__ */ jsxs2(DialogContent, { sx: { pt: 2 }, children: [
-          /* @__PURE__ */ jsxs2(Typography2, { variant: "body2", sx: { color: "text.secondary", mb: 3 }, children: [
+        /* @__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__ */ jsxs2("strong", { children: [
+            fileName && /* @__PURE__ */ jsxs4("strong", { children: [
               '"',
               fileName,
               '"'
             ] })
           ] }),
-          error && /* @__PURE__ */ jsx2(Alert, { severity: "error", sx: { mb: 2 }, children: error }),
-          /* @__PURE__ */ jsx2("form", { onSubmit: handleSubmit, children: /* @__PURE__ */ jsx2(
+          error && /* @__PURE__ */ jsx5(Alert, { severity: "error", sx: { mb: 2 }, children: error }),
+          /* @__PURE__ */ jsx5("form", { onSubmit: handleSubmit, children: /* @__PURE__ */ jsx5(
             TextField2,
             {
               fullWidth: true,
@@ -607,14 +838,14 @@ var PasswordDialog = ({
               onKeyPress: handleKeyPress,
               error: Boolean(error),
               InputProps: {
-                endAdornment: /* @__PURE__ */ jsx2(InputAdornment2, { position: "end", children: /* @__PURE__ */ jsx2(
+                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__ */ jsx2(VisibilityOffIcon, {}) : /* @__PURE__ */ jsx2(VisibilityIcon, {})
+                    children: showPassword ? /* @__PURE__ */ jsx5(VisibilityOffIcon, {}) : /* @__PURE__ */ jsx5(VisibilityIcon, {})
                   }
                 ) })
               },
@@ -626,8 +857,8 @@ var PasswordDialog = ({
             }
           ) })
         ] }),
-        /* @__PURE__ */ jsxs2(DialogActions, { sx: { px: 3, pb: 3, pt: 2 }, children: [
-          /* @__PURE__ */ jsx2(
+        /* @__PURE__ */ jsxs4(DialogActions, { sx: { px: 3, pb: 3, pt: 2 }, children: [
+          /* @__PURE__ */ jsx5(
             Button,
             {
               onClick: onCancel,
@@ -640,7 +871,7 @@ var PasswordDialog = ({
               children: "Cancel"
             }
           ),
-          /* @__PURE__ */ jsx2(
+          /* @__PURE__ */ jsx5(
             Button,
             {
               onClick: handleSubmit,
@@ -661,19 +892,17 @@ var PasswordDialog = ({
   );
 };
 
-// src/components/viewers/PDFViewer.tsx
-import { Fragment, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-var HeadlessPDFViewer = HeadlessPDFViewerImport;
+// 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,
@@ -686,10 +915,10 @@ 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;
@@ -815,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,
@@ -867,6 +1099,111 @@ var PDFViewerContent = forwardRef((props, ref) => {
   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([]);
@@ -954,23 +1291,6 @@ var PDFViewerContent = forwardRef((props, ref) => {
     };
     initializePageCount();
   }, [state, totalPages]);
-  useEffect3(() => {
-    if (state !== "ready" || !autoExecuteSearch || !initialSearchText) return;
-    const scheduleSearch = (callback) => {
-      if ("requestIdleCallback" in window) {
-        requestIdleCallback(callback, { timeout: 2e3 });
-      } else {
-        requestAnimationFrame(() => setTimeout(callback, 0));
-      }
-    };
-    scheduleSearch(() => {
-      if (!pdfViewerRef.current) return;
-      setIsSidebarOpen(true);
-      setSearchQuery(initialSearchText);
-      handleSidebarSearch(initialSearchText, initialSearchPages);
-      setAutoExecuteSearch(false);
-    });
-  }, [state, autoExecuteSearch, initialSearchText, initialSearchPages]);
   useEffect3(() => {
     if (state === "ready" && pdfViewerRef.current) {
       const updateInfo = () => {
@@ -1072,59 +1392,6 @@ var PDFViewerContent = forwardRef((props, ref) => {
       }
     });
   };
-  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()) {
       setIsSearching(true);
@@ -1240,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;
@@ -1267,69 +1531,6 @@ var PDFViewerContent = forwardRef((props, ref) => {
       }
     }
   };
-  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 {
-        requestAnimationFrame(() => {
-          const iframeWindow = iframe.contentWindow;
-          if (!iframeWindow) return;
-          iframeWindow.focus();
-          iframeWindow.print();
-          const cleanup = () => {
-            requestAnimationFrame(() => {
-              try {
-                if (document.body.contains(iframe)) {
-                  document.body.removeChild(iframe);
-                }
-                URL.revokeObjectURL(blobUrl);
-              } catch (e) {
-              }
-            });
-          };
-          if ("onafterprint" in iframeWindow) {
-            iframeWindow.onafterprint = cleanup;
-          } else {
-            const visibilityHandler = () => {
-              if (!document.hidden) {
-                cleanup();
-                document.removeEventListener("visibilitychange", visibilityHandler);
-              }
-            };
-            document.addEventListener("visibilitychange", visibilityHandler);
-            setTimeout(() => {
-              cleanup();
-              document.removeEventListener("visibilitychange", visibilityHandler);
-            }, 5e3);
-          }
-        });
-      } catch (error2) {
-        if (document.body.contains(iframe)) {
-          document.body.removeChild(iframe);
-        }
-        URL.revokeObjectURL(blobUrl);
-      }
-    };
-    iframe.onerror = () => {
-      document.body.removeChild(iframe);
-      URL.revokeObjectURL(blobUrl);
-    };
-    iframe.src = blobUrl;
-  };
   useEffect3(() => {
     if (!file) {
       setState("error");
@@ -1390,7 +1591,7 @@ var PDFViewerContent = forwardRef((props, ref) => {
     }
   }, [passwordResolve]);
   if (state === "loading") {
-    return /* @__PURE__ */ jsxs3("div", { style: {
+    return /* @__PURE__ */ jsxs5("div", { style: {
       display: "flex",
       flexDirection: "column",
       alignItems: "center",
@@ -1398,7 +1599,7 @@ var PDFViewerContent = forwardRef((props, ref) => {
       height: "100%",
       gap: "16px"
     }, children: [
-      /* @__PURE__ */ jsx3("div", { className: "spinner", style: {
+      /* @__PURE__ */ jsx6("div", { className: "spinner", style: {
         width: "48px",
         height: "48px",
         border: "4px solid #f3f3f3",
@@ -1406,8 +1607,8 @@ var PDFViewerContent = forwardRef((props, ref) => {
         borderRadius: "50%",
         animation: "spin 1s linear infinite"
       } }),
-      /* @__PURE__ */ jsx3("p", { children: "Loading PDF..." }),
-      /* @__PURE__ */ jsx3("style", { children: `
+      /* @__PURE__ */ jsx6("p", { children: "Loading PDF..." }),
+      /* @__PURE__ */ jsx6("style", { children: `
           @keyframes spin {
             0% { transform: rotate(0deg); }
             100% { transform: rotate(360deg); }
@@ -1416,213 +1617,83 @@ var PDFViewerContent = forwardRef((props, ref) => {
     ] });
   }
   if (state === "error" || error) {
-    return /* @__PURE__ */ jsx3("div", { style: {
+    return /* @__PURE__ */ jsx6("div", { style: {
       display: "flex",
       flexDirection: "column",
       alignItems: "center",
       justifyContent: "center",
       height: "100%",
       padding: "24px"
-    }, children: /* @__PURE__ */ jsxs3("div", { style: {
+    }, children: /* @__PURE__ */ jsxs5("div", { style: {
       maxWidth: "400px",
       padding: "16px",
       backgroundColor: "#fee",
       border: "1px solid #fcc",
       borderRadius: "4px"
     }, children: [
-      /* @__PURE__ */ jsx3("h3", { style: { marginTop: 0 }, children: "Failed to Load PDF" }),
-      /* @__PURE__ */ jsx3("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__ */ jsx3("div", { style: {
+    return /* @__PURE__ */ jsx6("div", { style: {
       display: "flex",
       alignItems: "center",
       justifyContent: "center",
       height: "100%"
-    }, children: /* @__PURE__ */ jsx3("p", { children: "Preparing PDF..." }) });
+    }, children: /* @__PURE__ */ jsx6("p", { children: "Preparing PDF..." }) });
   }
-  return /* @__PURE__ */ jsxs3("div", { className: "pdf-viewer-container", children: [
-    /* @__PURE__ */ jsx3("style", { children: toolbarStyles }),
-    /* @__PURE__ */ jsxs3("div", { className: "pdf-viewer-header", children: [
-      /* @__PURE__ */ jsx3(FileIcon_default, { ext: fileExtension, size: 26 }),
-      /* @__PURE__ */ jsx3("div", { className: "header-file-name", title: resolvedFileName, children: resolvedFileName })
-    ] }),
-    /* @__PURE__ */ jsxs3("div", { className: "pdf-viewer-toolbar", children: [
-      showPageNavigation && /* @__PURE__ */ jsxs3(Fragment, { children: [
-        /* @__PURE__ */ jsx3("div", { className: "toolbar-separator" }),
-        /* @__PURE__ */ jsxs3("div", { className: "toolbar-section", children: [
-          /* @__PURE__ */ jsx3(
-            "button",
-            {
-              className: "toolbar-button",
-              onClick: handleFirstPage,
-              disabled: currentPage <= 1,
-              title: "First Page",
-              children: /* @__PURE__ */ jsx3(FirstPageIcon, { fontSize: "small" })
-            }
-          ),
-          /* @__PURE__ */ jsx3(
-            "button",
-            {
-              className: "toolbar-button",
-              onClick: handlePreviousPage,
-              disabled: currentPage <= 1,
-              title: "Previous Page",
-              children: /* @__PURE__ */ jsx3(ChevronLeftIcon, { fontSize: "small" })
-            }
-          ),
-          /* @__PURE__ */ jsx3(
-            "input",
-            {
-              type: "number",
-              className: "page-input",
-              value: currentPage,
-              onChange: handlePageInput,
-              onKeyPress: handlePageInputKeyPress,
-              min: 1,
-              max: totalPages || void 0
-            }
-          ),
-          showPageCount && /* @__PURE__ */ jsxs3("span", { className: "page-info", children: [
-            "of ",
-            totalPages || "..."
-          ] }),
-          /* @__PURE__ */ jsx3(
-            "button",
-            {
-              className: "toolbar-button",
-              onClick: handleNextPage,
-              disabled: currentPage >= totalPages,
-              title: "Next Page",
-              children: /* @__PURE__ */ jsx3(ChevronRightIcon, { fontSize: "small" })
-            }
-          ),
-          /* @__PURE__ */ jsx3(
-            "button",
-            {
-              className: "toolbar-button",
-              onClick: handleLastPage,
-              disabled: currentPage >= totalPages,
-              title: "Last Page",
-              children: /* @__PURE__ */ jsx3(LastPageIcon, { fontSize: "small" })
-            }
-          )
-        ] })
-      ] }),
-      showZoomControls && /* @__PURE__ */ jsxs3(Fragment, { children: [
-        /* @__PURE__ */ jsx3("div", { className: "toolbar-separator" }),
-        /* @__PURE__ */ jsxs3("div", { className: "toolbar-section", children: [
-          /* @__PURE__ */ jsx3(
-            "button",
-            {
-              className: "toolbar-button",
-              onClick: handleZoomOut,
-              title: "Zoom Out",
-              children: /* @__PURE__ */ jsx3(ZoomOutIcon, { fontSize: "small" })
-            }
-          ),
-          /* @__PURE__ */ jsxs3("span", { className: "zoom-display", children: [
-            zoom,
-            "%"
-          ] }),
-          /* @__PURE__ */ jsx3(
-            "button",
-            {
-              className: "toolbar-button",
-              onClick: handleZoomIn,
-              title: "Zoom In",
-              children: /* @__PURE__ */ jsx3(ZoomInIcon, { fontSize: "small" })
-            }
-          ),
-          /* @__PURE__ */ jsx3(
-            "button",
-            {
-              className: "toolbar-button",
-              onClick: handleFitToWidth,
-              title: "Fit to Width",
-              children: /* @__PURE__ */ jsx3(AspectRatioIcon, { fontSize: "small" })
-            }
-          ),
-          /* @__PURE__ */ jsx3(
-            "button",
-            {
-              className: "toolbar-button",
-              onClick: handleFitToPage,
-              title: "Fit to Page",
-              children: /* @__PURE__ */ jsx3(FitScreenIcon, { fontSize: "small" })
-            }
-          )
-        ] })
-      ] }),
-      showSearch && /* @__PURE__ */ jsxs3(Fragment, { children: [
-        /* @__PURE__ */ jsx3("div", { className: "toolbar-separator" }),
-        /* @__PURE__ */ jsx3("div", { className: "toolbar-section", children: /* @__PURE__ */ jsx3(
-          "button",
-          {
-            className: "toolbar-button",
-            onClick: toggleSidebar,
-            title: "Search in PDF",
-            style: {
-              backgroundColor: isSidebarOpen ? "#e3f2fd" : "transparent",
-              color: isSidebarOpen ? "#1976d2" : "inherit"
-            },
-            children: /* @__PURE__ */ jsx3(SearchIcon2, { fontSize: "small" })
-          }
-        ) })
-      ] }),
-      (showMetadata || showProperties || showDownload || showPrint) && /* @__PURE__ */ jsxs3(Fragment, { children: [
-        /* @__PURE__ */ jsx3("div", { className: "toolbar-separator" }),
-        /* @__PURE__ */ jsxs3("div", { className: "toolbar-section", children: [
-          showDownload && /* @__PURE__ */ jsx3(
-            "button",
-            {
-              className: "toolbar-button",
-              onClick: onDownloadClick,
-              title: "Download PDF",
-              children: /* @__PURE__ */ jsx3(DownloadIcon, { fontSize: "small" })
-            }
-          ),
-          showPrint && /* @__PURE__ */ jsx3(
-            "button",
-            {
-              className: "toolbar-button",
-              onClick: onPrintClick,
-              title: "Print PDF",
-              children: /* @__PURE__ */ jsx3(PrintIcon, { fontSize: "small" })
-            }
-          ),
-          showMetadata && /* @__PURE__ */ jsx3(
-            "button",
-            {
-              className: "toolbar-button",
-              onClick: onMetadataClick,
-              title: "Document Metadata",
-              children: /* @__PURE__ */ jsx3(InfoIcon, { fontSize: "small" })
-            }
-          ),
-          showProperties && /* @__PURE__ */ jsx3(
-            "button",
-            {
-              className: "toolbar-button",
-              onClick: onPropertiesClick,
-              title: "Document Properties",
-              children: /* @__PURE__ */ jsx3(DescriptionIcon, { fontSize: "small" })
-            }
-          )
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs3("div", { className: "pdf-viewer-main", children: [
-      /* @__PURE__ */ jsx3("div", { className: "pdf-viewer-viewer-area", children: /* @__PURE__ */ jsx3(
-        HeadlessPDFViewer,
+  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,
         {
-          ref: pdfViewerRef,
           pdfBuffer,
-          onPasswordRequest: handlePasswordRequest
+          onPasswordRequest: handlePasswordRequest,
+          pdfViewerRef
         }
       ) }),
-      /* @__PURE__ */ jsx3(
+      /* @__PURE__ */ jsx6(
         SearchSidebar,
         {
           isOpen: isSidebarOpen,
@@ -1639,7 +1710,7 @@ var PDFViewerContent = forwardRef((props, ref) => {
         }
       )
     ] }),
-    /* @__PURE__ */ jsx3(
+    /* @__PURE__ */ jsx6(
       PasswordDialog,
       {
         open: isPasswordDialogOpen,
@@ -1653,11 +1724,11 @@ var PDFViewerContent = forwardRef((props, ref) => {
 });
 PDFViewerContent.displayName = "PDFViewerContent";
 var PDFViewer = forwardRef((props, ref) => {
-  return /* @__PURE__ */ jsx3(PDFViewerContent, { ...props, sourceDescription: "doc.pdf", ref });
+  return /* @__PURE__ */ jsx6(PDFViewerContent, { ...props, sourceDescription: "doc.pdf", ref });
 });
 PDFViewer.displayName = "PDFViewer";
 
 export {
   PDFViewer
 };
-//# sourceMappingURL=chunk-J2YW5DHC.mjs.map
+//# sourceMappingURL=chunk-K5SKH4SD.mjs.map