@cannymindstech/file-viewers 0.27.12 → 0.28.1

package/dist/{chunk-PZGUVU6N.mjs → chunk-6L72TJIW.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   toolbarStyles
-} from "./chunk-KQCU7XW2.mjs";
+} from "./chunk-KWHXS7I4.mjs";
 import {
   getFileExtension
 } from "./chunk-KJNOBIUZ.mjs";
@@ -43,7 +43,9 @@ var StablePDFViewer = React.memo(({
   hideInternalLoading,
   isAnnotationForeign,
   onAnnotationNoteClick,
-  isAnnotationInteractive
+  isAnnotationInteractive,
+  twoPageMode,
+  scrollStrategy
 }) => {
   return /* @__PURE__ */ jsx(
     HeadlessPDFViewer,
@@ -64,7 +66,9 @@ var StablePDFViewer = React.memo(({
       hideInternalLoading,
       isAnnotationForeign,
       onAnnotationNoteClick,
-      isAnnotationInteractive
+      isAnnotationInteractive,
+      twoPageMode,
+      scrollStrategy
     }
   );
 });
@@ -98,8 +102,12 @@ import ApprovalIcon from "@mui/icons-material/Approval";
 import StickyNote2Icon from "@mui/icons-material/StickyNote2";
 import KeyboardArrowDownIcon from "@mui/icons-material/KeyboardArrowDown";
 import PortraitIcon from "@mui/icons-material/Portrait";
+import MenuBookIcon from "@mui/icons-material/MenuBook";
+import VerticalSplitIcon from "@mui/icons-material/VerticalSplit";
 import SwapVertIcon from "@mui/icons-material/SwapVert";
+import SwapHorizIcon from "@mui/icons-material/SwapHoriz";
 import AutoFixHighIcon from "@mui/icons-material/AutoFixHigh";
+import { ScrollStrategy } from "@cannymindstech/pdf-viewer";
 import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
 var PDFToolbar = React2.memo(
   ({
@@ -119,6 +127,13 @@ var PDFToolbar = React2.memo(
     showPrint,
     showRotation,
     showAnnotations,
+    // Layout and Sidebar controls
+    twoPageMode = false,
+    onTwoPageModeChange,
+    scrollStrategy = ScrollStrategy.Vertical,
+    onScrollStrategyChange,
+    showThumbnails = false,
+    onToggleThumbnails,
     // Destructure new props with defaults
     showAnnotate = true,
     disabledAnnotate = false,
@@ -174,7 +189,10 @@ var PDFToolbar = React2.memo(
     hasUnsavedAnnotations,
     isSavingAnnotations,
     canSaveAnnotations,
-    onSaveAnnotations
+    onSaveAnnotations,
+    // Toolbar mode state
+    activeMode = "view",
+    onActiveModeChange
   }) => {
     const [isPrintMenuOpen, setIsPrintMenuOpen] = useState(false);
     const [isDownloadMenuOpen, setIsDownloadMenuOpen] = useState(false);
@@ -218,430 +236,508 @@ var PDFToolbar = React2.memo(
       setIsDownloadMenuOpen(false);
       onDownloadWithoutAnnotations?.();
     };
-    const [activeMode, setActiveMode] = useState("view");
-    return /* @__PURE__ */ jsxs("div", { className: "pdf-viewer-toolbar-container", children: [
-      /* @__PURE__ */ jsxs("div", { className: "pdf-viewer-toolbar", children: [
-        /* @__PURE__ */ jsxs("div", { className: "toolbar-left", children: [
-          showPageNavigation && /* @__PURE__ */ jsxs("div", { className: "toolbar-section", children: [
-            /* @__PURE__ */ jsx2(Tooltip, { title: "First Page", children: /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(
-              "button",
-              {
-                className: "toolbar-button",
-                onClick: onFirstPage,
-                disabled: currentPage <= 1,
-                children: /* @__PURE__ */ jsx2(FirstPageIcon, { fontSize: "small" })
-              }
-            ) }) }),
-            /* @__PURE__ */ jsx2(Tooltip, { title: "Previous Page", children: /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(
+    return /* @__PURE__ */ jsx2("div", { className: "pdf-viewer-toolbar-container", children: /* @__PURE__ */ jsxs("div", { className: "pdf-viewer-toolbar", children: [
+      /* @__PURE__ */ jsxs("div", { className: "toolbar-left", children: [
+        /* @__PURE__ */ jsx2(Tooltip, { title: "Toggle Page Previews", children: /* @__PURE__ */ jsx2(
+          "button",
+          {
+            className: `toolbar-button ${showThumbnails ? "toolbar-button-active" : ""}`,
+            onClick: onToggleThumbnails,
+            style: { marginRight: "8px" },
+            children: /* @__PURE__ */ jsx2(VerticalSplitIcon, { fontSize: "small" })
+          }
+        ) }),
+        showPageNavigation && /* @__PURE__ */ jsxs("div", { className: "toolbar-section", children: [
+          /* @__PURE__ */ jsx2(Tooltip, { title: "First Page", children: /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(
+            "button",
+            {
+              className: "toolbar-button",
+              onClick: onFirstPage,
+              disabled: currentPage <= 1,
+              children: /* @__PURE__ */ jsx2(FirstPageIcon, { fontSize: "small" })
+            }
+          ) }) }),
+          /* @__PURE__ */ jsx2(Tooltip, { title: "Previous Page", children: /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(
+            "button",
+            {
+              className: "toolbar-button",
+              onClick: onPreviousPage,
+              disabled: currentPage <= 1,
+              children: /* @__PURE__ */ jsx2(ChevronLeftIcon, { fontSize: "small" })
+            }
+          ) }) }),
+          /* @__PURE__ */ jsxs("span", { className: "page-info", style: { display: "flex", alignItems: "center", margin: "0 8px", fontSize: "14px", fontWeight: 500 }, children: [
+            currentPage,
+            " ",
+            showPageCount && /* @__PURE__ */ jsxs("span", { style: { color: "#6b7280", marginLeft: "4px" }, children: [
+              "/ ",
+              totalPages || "..."
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx2(Tooltip, { title: "Next Page", children: /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(
+            "button",
+            {
+              className: "toolbar-button",
+              onClick: onNextPage,
+              disabled: currentPage >= totalPages,
+              children: /* @__PURE__ */ jsx2(ChevronRightIcon, { fontSize: "small" })
+            }
+          ) }) }),
+          /* @__PURE__ */ jsx2(Tooltip, { title: "Last Page", children: /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(
+            "button",
+            {
+              className: "toolbar-button",
+              onClick: onLastPage,
+              disabled: currentPage >= totalPages,
+              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(Tooltip, { title: "Zoom Out", children: /* @__PURE__ */ jsx2(
               "button",
               {
                 className: "toolbar-button",
-                onClick: onPreviousPage,
-                disabled: currentPage <= 1,
-                children: /* @__PURE__ */ jsx2(ChevronLeftIcon, { fontSize: "small" })
+                onClick: onZoomOut,
+                children: /* @__PURE__ */ jsx2(RemoveIcon, { fontSize: "small" })
               }
-            ) }) }),
-            /* @__PURE__ */ jsxs("span", { className: "page-info", style: { display: "flex", alignItems: "center", margin: "0 8px", fontSize: "14px", fontWeight: 500 }, children: [
-              currentPage,
-              " ",
-              showPageCount && /* @__PURE__ */ jsxs("span", { style: { color: "#6b7280", marginLeft: "4px" }, children: [
-                "/ ",
-                totalPages || "..."
-              ] })
+            ) }),
+            /* @__PURE__ */ jsxs("span", { className: "zoom-display", children: [
+              zoom,
+              "%"
             ] }),
-            /* @__PURE__ */ jsx2(Tooltip, { title: "Next Page", children: /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(
+            /* @__PURE__ */ jsx2(Tooltip, { title: "Zoom In", children: /* @__PURE__ */ jsx2(
               "button",
               {
                 className: "toolbar-button",
-                onClick: onNextPage,
-                disabled: currentPage >= totalPages,
-                children: /* @__PURE__ */ jsx2(ChevronRightIcon, { fontSize: "small" })
+                onClick: onZoomIn,
+                children: /* @__PURE__ */ jsx2(AddIcon, { fontSize: "small" })
               }
-            ) }) }),
-            /* @__PURE__ */ jsx2(Tooltip, { title: "Last Page", children: /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(
+            ) })
+          ] })
+        ] }),
+        (showZoomControls || showRotation) && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx2("div", { className: "toolbar-separator" }),
+          /* @__PURE__ */ jsx2("div", { className: "toolbar-section", children: /* @__PURE__ */ jsxs("div", { className: "toolbar-dropdown-container", ref: viewMenuRef, children: [
+            /* @__PURE__ */ jsx2(Tooltip, { title: "View Options", children: /* @__PURE__ */ jsxs(
               "button",
               {
-                className: "toolbar-button",
-                onClick: onLastPage,
-                disabled: currentPage >= totalPages,
-                children: /* @__PURE__ */ jsx2(LastPageIcon, { fontSize: "small" })
+                className: `toolbar-button toolbar-dropdown-button ${isViewMenuOpen ? "toolbar-button-active" : ""}`,
+                onClick: () => setIsViewMenuOpen(!isViewMenuOpen),
+                children: [
+                  /* @__PURE__ */ jsx2(TuneIcon, { fontSize: "small" }),
+                  /* @__PURE__ */ jsx2(KeyboardArrowDownIcon, { fontSize: "small", style: { marginLeft: -4 } })
+                ]
               }
-            ) }) })
-          ] }),
-          showZoomControls && /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx2("div", { className: "toolbar-separator" }),
-            /* @__PURE__ */ jsxs("div", { className: "toolbar-section", children: [
-              /* @__PURE__ */ jsx2(Tooltip, { title: "Zoom Out", children: /* @__PURE__ */ jsx2(
+            ) }),
+            isViewMenuOpen && /* @__PURE__ */ jsxs("div", { className: "toolbar-dropdown-menu", style: { width: "240px" }, children: [
+              /* @__PURE__ */ jsx2("div", { className: "toolbar-dropdown-header", children: "SPREAD MODE" }),
+              /* @__PURE__ */ jsxs(
                 "button",
                 {
-                  className: "toolbar-button",
-                  onClick: onZoomOut,
-                  children: /* @__PURE__ */ jsx2(RemoveIcon, { fontSize: "small" })
+                  className: `toolbar-dropdown-item ${!twoPageMode ? "toolbar-dropdown-item-active" : ""}`,
+                  onClick: () => {
+                    setIsViewMenuOpen(false);
+                    onTwoPageModeChange?.(false);
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx2(PortraitIcon, { fontSize: "small" }),
+                    /* @__PURE__ */ jsx2("span", { children: "Single Page" })
+                  ]
                 }
-              ) }),
-              /* @__PURE__ */ jsxs("span", { className: "zoom-display", children: [
-                zoom,
-                "%"
-              ] }),
-              /* @__PURE__ */ jsx2(Tooltip, { title: "Zoom In", children: /* @__PURE__ */ jsx2(
+              ),
+              /* @__PURE__ */ jsxs(
                 "button",
                 {
-                  className: "toolbar-button",
-                  onClick: onZoomIn,
-                  children: /* @__PURE__ */ jsx2(AddIcon, { fontSize: "small" })
+                  className: `toolbar-dropdown-item ${twoPageMode ? "toolbar-dropdown-item-active" : ""}`,
+                  onClick: () => {
+                    setIsViewMenuOpen(false);
+                    onTwoPageModeChange?.(true);
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx2(MenuBookIcon, { fontSize: "small" }),
+                    /* @__PURE__ */ jsx2("span", { children: "Two-Page Spread" })
+                  ]
                 }
-              ) })
-            ] })
-          ] }),
-          (showZoomControls || showRotation) && /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx2("div", { className: "toolbar-separator" }),
-            /* @__PURE__ */ jsx2("div", { className: "toolbar-section", children: /* @__PURE__ */ jsxs("div", { className: "toolbar-dropdown-container", ref: viewMenuRef, children: [
-              /* @__PURE__ */ jsx2(Tooltip, { title: "View Options", children: /* @__PURE__ */ jsxs(
+              ),
+              /* @__PURE__ */ jsx2("div", { className: "toolbar-dropdown-divider" }),
+              /* @__PURE__ */ jsx2("div", { className: "toolbar-dropdown-header", children: "SCROLL LAYOUT" }),
+              /* @__PURE__ */ jsxs(
                 "button",
                 {
-                  className: `toolbar-button toolbar-dropdown-button ${isViewMenuOpen ? "toolbar-button-active" : ""}`,
-                  onClick: () => setIsViewMenuOpen(!isViewMenuOpen),
+                  className: `toolbar-dropdown-item ${scrollStrategy !== ScrollStrategy.Horizontal ? "toolbar-dropdown-item-active" : ""}`,
+                  onClick: () => {
+                    setIsViewMenuOpen(false);
+                    onScrollStrategyChange?.(ScrollStrategy.Vertical);
+                  },
                   children: [
-                    /* @__PURE__ */ jsx2(TuneIcon, { fontSize: "small" }),
-                    /* @__PURE__ */ jsx2(KeyboardArrowDownIcon, { fontSize: "small", style: { marginLeft: -4 } })
+                    /* @__PURE__ */ jsx2(SwapVertIcon, { fontSize: "small" }),
+                    /* @__PURE__ */ jsx2("span", { children: "Vertical Scroll" })
                   ]
                 }
-              ) }),
-              isViewMenuOpen && /* @__PURE__ */ jsxs("div", { className: "toolbar-dropdown-menu", style: { width: "240px" }, children: [
-                /* @__PURE__ */ jsx2("div", { className: "toolbar-dropdown-header", children: "SPREAD MODE" }),
-                /* @__PURE__ */ jsxs("button", { className: "toolbar-dropdown-item toolbar-dropdown-item-active", onClick: () => setIsViewMenuOpen(false), children: [
-                  /* @__PURE__ */ jsx2(PortraitIcon, { fontSize: "small" }),
-                  /* @__PURE__ */ jsx2("span", { children: "Single Page" })
-                ] }),
-                /* @__PURE__ */ jsx2("div", { className: "toolbar-dropdown-divider" }),
-                /* @__PURE__ */ jsx2("div", { className: "toolbar-dropdown-header", children: "SCROLL LAYOUT" }),
-                /* @__PURE__ */ jsxs("button", { className: "toolbar-dropdown-item toolbar-dropdown-item-active", onClick: () => setIsViewMenuOpen(false), children: [
-                  /* @__PURE__ */ jsx2(SwapVertIcon, { fontSize: "small" }),
-                  /* @__PURE__ */ jsx2("span", { children: "Vertical" })
-                ] }),
-                /* @__PURE__ */ jsx2("div", { className: "toolbar-dropdown-divider" }),
-                /* @__PURE__ */ jsxs("button", { className: "toolbar-dropdown-item", onClick: () => {
-                  setIsViewMenuOpen(false);
-                  onFitToWidth?.();
-                }, children: [
-                  /* @__PURE__ */ jsx2(AspectRatioIcon, { fontSize: "small" }),
-                  /* @__PURE__ */ jsx2("span", { children: "Fit to Width" })
-                ] }),
-                /* @__PURE__ */ jsxs("button", { className: "toolbar-dropdown-item", onClick: () => {
-                  setIsViewMenuOpen(false);
-                  onFitToPage?.();
-                }, children: [
-                  /* @__PURE__ */ jsx2(FitScreenIcon, { fontSize: "small" }),
-                  /* @__PURE__ */ jsx2("span", { children: "Fit to Page" })
-                ] }),
-                /* @__PURE__ */ jsx2("div", { className: "toolbar-dropdown-divider" }),
-                showRotation && /* @__PURE__ */ jsxs(Fragment, { children: [
-                  /* @__PURE__ */ jsx2("div", { className: "toolbar-dropdown-header", children: "PAGE ROTATION" }),
-                  /* @__PURE__ */ jsxs(
-                    "button",
-                    {
-                      className: "toolbar-dropdown-item",
-                      onClick: () => {
-                        setIsViewMenuOpen(false);
-                        onRotateRight?.();
-                      },
-                      disabled: false,
-                      children: [
-                        /* @__PURE__ */ jsx2(RotateRightIcon, { fontSize: "small" }),
-                        /* @__PURE__ */ jsx2("span", { children: "Rotate Clockwise" })
-                      ]
-                    }
-                  ),
-                  /* @__PURE__ */ jsxs(
-                    "button",
-                    {
-                      className: "toolbar-dropdown-item",
-                      onClick: () => {
-                        setIsViewMenuOpen(false);
-                        onRotateLeft?.();
-                      },
-                      disabled: disabledRotateLeft,
-                      children: [
-                        /* @__PURE__ */ jsx2(RotateLeftIcon, { fontSize: "small" }),
-                        /* @__PURE__ */ jsx2("span", { children: "Rotate Counter-Clockwise" })
-                      ]
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ jsx2("div", { className: "toolbar-dropdown-divider" }),
+              ),
+              /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  className: `toolbar-dropdown-item ${scrollStrategy === ScrollStrategy.Horizontal ? "toolbar-dropdown-item-active" : ""}`,
+                  onClick: () => {
+                    setIsViewMenuOpen(false);
+                    onScrollStrategyChange?.(ScrollStrategy.Horizontal);
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx2(SwapHorizIcon, { fontSize: "small" }),
+                    /* @__PURE__ */ jsx2("span", { children: "Horizontal Scroll" })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx2("div", { className: "toolbar-dropdown-divider" }),
+              /* @__PURE__ */ jsxs("button", { className: "toolbar-dropdown-item", onClick: () => {
+                setIsViewMenuOpen(false);
+                onFitToWidth?.();
+              }, children: [
+                /* @__PURE__ */ jsx2(AspectRatioIcon, { fontSize: "small" }),
+                /* @__PURE__ */ jsx2("span", { children: "Fit to Width" })
+              ] }),
+              /* @__PURE__ */ jsxs("button", { className: "toolbar-dropdown-item", onClick: () => {
+                setIsViewMenuOpen(false);
+                onFitToPage?.();
+              }, children: [
+                /* @__PURE__ */ jsx2(FitScreenIcon, { fontSize: "small" }),
+                /* @__PURE__ */ jsx2("span", { children: "Fit to Page" })
+              ] }),
+              /* @__PURE__ */ jsx2("div", { className: "toolbar-dropdown-divider" }),
+              showRotation && /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx2("div", { className: "toolbar-dropdown-header", children: "PAGE ROTATION" }),
                 /* @__PURE__ */ jsxs(
                   "button",
                   {
                     className: "toolbar-dropdown-item",
                     onClick: () => {
                       setIsViewMenuOpen(false);
-                      onToggleFullScreen();
+                      onRotateRight?.();
                     },
+                    disabled: false,
                     children: [
-                      /* @__PURE__ */ jsx2(FullscreenIcon, { fontSize: "small" }),
-                      /* @__PURE__ */ jsx2("span", { children: "Fullscreen" })
+                      /* @__PURE__ */ jsx2(RotateRightIcon, { fontSize: "small" }),
+                      /* @__PURE__ */ jsx2("span", { children: "Rotate Clockwise" })
                     ]
                   }
-                )
-              ] })
-            ] }) })
-          ] }),
-          showSearch && /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx2("div", { className: "toolbar-separator" }),
-            /* @__PURE__ */ jsx2("div", { className: "toolbar-section", children: /* @__PURE__ */ jsx2(Tooltip, { title: "Search", children: /* @__PURE__ */ jsx2(
-              "button",
-              {
-                className: `toolbar-button ${isSidebarOpen ? "toolbar-button-active" : ""}`,
-                onClick: onToggleSidebar,
-                children: /* @__PURE__ */ jsx2(SearchIcon, { fontSize: "small" })
-              }
-            ) }) })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "toolbar-center", children: [
-          /* @__PURE__ */ jsx2(
-            "button",
-            {
-              className: `toolbar-tab ${activeMode === "view" ? "toolbar-tab-active" : ""}`,
-              onClick: () => setActiveMode("view"),
-              children: "View"
-            }
-          ),
-          showAnnotate && /* @__PURE__ */ jsxs(
-            "button",
-            {
-              className: `toolbar-tab ${activeMode === "annotate" ? "toolbar-tab-active" : ""}`,
-              onClick: () => !disabledAnnotate && setActiveMode("annotate"),
-              style: {
-                position: "relative",
-                opacity: disabledAnnotate ? 0.5 : 1,
-                cursor: disabledAnnotate ? "not-allowed" : "pointer"
-              },
-              children: [
-                "Annotate",
-                hasUnsavedAnnotations && /* @__PURE__ */ jsx2("span", { style: {
-                  position: "absolute",
-                  top: "4px",
-                  right: "4px",
-                  width: "6px",
-                  height: "6px",
-                  backgroundColor: "#ef4444",
-                  borderRadius: "50%"
-                } })
-              ]
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsx2("div", { className: "toolbar-right", children: (hasUnsavedAnnotations || showDownload || showPrint || showMetadata || showProperties || showTags || showHistory) && /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx2("div", { className: "toolbar-separator" }),
-          /* @__PURE__ */ jsxs("div", { className: "toolbar-section", children: [
-            showDownload && /* @__PURE__ */ jsx2("div", { className: "toolbar-dropdown-container", ref: downloadMenuRef, children: showDownloadOriginal && showDownloadWithAnnotations ? (
-              // RENDER DROPDOWN if BOTH are enabled
-              /* @__PURE__ */ jsxs(Fragment, { children: [
-                /* @__PURE__ */ jsx2(Tooltip, { title: "Download", children: /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsxs(
+                ),
+                /* @__PURE__ */ jsxs(
                   "button",
                   {
-                    className: `toolbar-button toolbar-dropdown-button ${isDownloadMenuOpen ? "toolbar-button-active" : ""}`,
-                    onClick: () => setIsDownloadMenuOpen(!isDownloadMenuOpen),
-                    disabled: disabledDownload,
+                    className: "toolbar-dropdown-item",
+                    onClick: () => {
+                      setIsViewMenuOpen(false);
+                      onRotateLeft?.();
+                    },
+                    disabled: disabledRotateLeft,
                     children: [
-                      /* @__PURE__ */ jsx2(DownloadIcon, { fontSize: "small" }),
-                      /* @__PURE__ */ jsx2(KeyboardArrowDownIcon, { fontSize: "small", style: { marginLeft: -4 } })
+                      /* @__PURE__ */ jsx2(RotateLeftIcon, { fontSize: "small" }),
+                      /* @__PURE__ */ jsx2("span", { children: "Rotate Counter-Clockwise" })
                     ]
                   }
-                ) }) }),
-                isDownloadMenuOpen && /* @__PURE__ */ jsxs("div", { className: "toolbar-dropdown-menu toolbar-dropdown-menu-right", children: [
-                  /* @__PURE__ */ jsx2(
-                    "button",
-                    {
-                      className: "toolbar-dropdown-item",
-                      onClick: handleDownloadWithoutAnnotations,
-                      children: /* @__PURE__ */ jsx2("span", { children: "Download Document Only" })
-                    }
-                  ),
-                  /* @__PURE__ */ jsx2(
-                    "button",
-                    {
-                      className: "toolbar-dropdown-item",
-                      onClick: handleDownloadWithAnnotations,
-                      children: /* @__PURE__ */ jsx2("span", { children: "Download with Annotations" })
-                    }
-                  )
-                ] })
-              ] })
-            ) : (
-              // RENDER SINGLE BUTTON if ONLY ONE is enabled
-              (showDownloadOriginal || showDownloadWithAnnotations) && /* @__PURE__ */ jsx2(Tooltip, { title: "Download", children: /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(
+                )
+              ] }),
+              /* @__PURE__ */ jsx2("div", { className: "toolbar-dropdown-divider" }),
+              /* @__PURE__ */ jsxs(
                 "button",
                 {
-                  className: "toolbar-button",
-                  onClick: showDownloadOriginal ? handleDownloadWithoutAnnotations : handleDownloadWithAnnotations,
+                  className: "toolbar-dropdown-item",
+                  onClick: () => {
+                    setIsViewMenuOpen(false);
+                    onToggleFullScreen();
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx2(FullscreenIcon, { fontSize: "small" }),
+                    /* @__PURE__ */ jsx2("span", { children: "Fullscreen" })
+                  ]
+                }
+              )
+            ] })
+          ] }) })
+        ] }),
+        showSearch && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx2("div", { className: "toolbar-separator" }),
+          /* @__PURE__ */ jsx2("div", { className: "toolbar-section", children: /* @__PURE__ */ jsx2(Tooltip, { title: "Search", children: /* @__PURE__ */ jsx2(
+            "button",
+            {
+              className: `toolbar-button ${isSidebarOpen ? "toolbar-button-active" : ""}`,
+              onClick: onToggleSidebar,
+              children: /* @__PURE__ */ jsx2(SearchIcon, { fontSize: "small" })
+            }
+          ) }) })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "toolbar-center", children: [
+        /* @__PURE__ */ jsx2(
+          "button",
+          {
+            className: `toolbar-tab ${activeMode === "view" ? "toolbar-tab-active" : ""}`,
+            onClick: () => onActiveModeChange?.("view"),
+            children: "View"
+          }
+        ),
+        showAnnotate && /* @__PURE__ */ jsxs(
+          "button",
+          {
+            className: `toolbar-tab ${activeMode === "annotate" ? "toolbar-tab-active" : ""}`,
+            onClick: () => !disabledAnnotate && onActiveModeChange?.("annotate"),
+            style: {
+              position: "relative",
+              opacity: disabledAnnotate ? 0.5 : 1,
+              cursor: disabledAnnotate ? "not-allowed" : "pointer"
+            },
+            children: [
+              "Annotate",
+              hasUnsavedAnnotations && /* @__PURE__ */ jsx2("span", { style: {
+                position: "absolute",
+                top: "4px",
+                right: "4px",
+                width: "6px",
+                height: "6px",
+                backgroundColor: "#ef4444",
+                borderRadius: "50%"
+              } })
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx2("div", { className: "toolbar-right", children: (hasUnsavedAnnotations || showDownload || showPrint || showMetadata || showProperties || showTags || showHistory) && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx2("div", { className: "toolbar-separator" }),
+        /* @__PURE__ */ jsxs("div", { className: "toolbar-section", children: [
+          showDownload && /* @__PURE__ */ jsx2("div", { className: "toolbar-dropdown-container", ref: downloadMenuRef, children: showDownloadOriginal && showDownloadWithAnnotations ? (
+            // RENDER DROPDOWN if BOTH are enabled
+            /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx2(Tooltip, { title: "Download", children: /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  className: `toolbar-button toolbar-dropdown-button ${isDownloadMenuOpen ? "toolbar-button-active" : ""}`,
+                  onClick: () => setIsDownloadMenuOpen(!isDownloadMenuOpen),
                   disabled: disabledDownload,
-                  children: /* @__PURE__ */ jsx2(DownloadIcon, { fontSize: "small" })
+                  children: [
+                    /* @__PURE__ */ jsx2(DownloadIcon, { fontSize: "small" }),
+                    /* @__PURE__ */ jsx2(KeyboardArrowDownIcon, { fontSize: "small", style: { marginLeft: -4 } })
+                  ]
                 }
-              ) }) })
-            ) }),
-            showPrint && /* @__PURE__ */ jsx2("div", { className: "toolbar-dropdown-container", ref: printMenuRef, children: showPrintOriginal && showPrintWithAnnotations ? (
-              // RENDER DROPDOWN if BOTH are enabled
-              /* @__PURE__ */ jsxs(Fragment, { children: [
-                /* @__PURE__ */ jsx2(Tooltip, { title: "Print", children: /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsxs(
+              ) }) }),
+              isDownloadMenuOpen && /* @__PURE__ */ jsxs("div", { className: "toolbar-dropdown-menu toolbar-dropdown-menu-right", children: [
+                /* @__PURE__ */ jsx2(
                   "button",
                   {
-                    className: `toolbar-button toolbar-dropdown-button ${isPrintMenuOpen ? "toolbar-button-active" : ""}`,
-                    onClick: () => setIsPrintMenuOpen(!isPrintMenuOpen),
-                    disabled: disabledPrint,
-                    children: [
-                      /* @__PURE__ */ jsx2(PrintIcon, { fontSize: "small" }),
-                      /* @__PURE__ */ jsx2(KeyboardArrowDownIcon, { fontSize: "small", style: { marginLeft: -4 } })
-                    ]
+                    className: "toolbar-dropdown-item",
+                    onClick: handleDownloadWithoutAnnotations,
+                    children: /* @__PURE__ */ jsx2("span", { children: "Download Document Only" })
                   }
-                ) }) }),
-                isPrintMenuOpen && /* @__PURE__ */ jsxs("div", { className: "toolbar-dropdown-menu toolbar-dropdown-menu-right", children: [
-                  /* @__PURE__ */ jsx2(
-                    "button",
-                    {
-                      className: "toolbar-dropdown-item",
-                      onClick: handlePrintWithoutAnnotations,
-                      children: /* @__PURE__ */ jsx2("span", { children: "Print Document Only" })
-                    }
-                  ),
-                  /* @__PURE__ */ jsx2(
-                    "button",
-                    {
-                      className: "toolbar-dropdown-item",
-                      onClick: handlePrintWithAnnotations,
-                      children: /* @__PURE__ */ jsx2("span", { children: "Print with Annotations" })
-                    }
-                  )
-                ] })
+                ),
+                /* @__PURE__ */ jsx2(
+                  "button",
+                  {
+                    className: "toolbar-dropdown-item",
+                    onClick: handleDownloadWithAnnotations,
+                    children: /* @__PURE__ */ jsx2("span", { children: "Download with Annotations" })
+                  }
+                )
               ] })
-            ) : (
-              // RENDER SINGLE BUTTON if ONLY ONE is enabled
-              (showPrintOriginal || showPrintWithAnnotations) && /* @__PURE__ */ jsx2(Tooltip, { title: "Print", children: /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(
-                "button",
-                {
-                  className: "toolbar-button",
-                  onClick: showPrintOriginal ? handlePrintWithoutAnnotations : handlePrintWithAnnotations,
-                  disabled: disabledPrint,
-                  children: /* @__PURE__ */ jsx2(PrintIcon, { fontSize: "small" })
-                }
-              ) }) })
-            ) }),
-            showMetadata && /* @__PURE__ */ jsx2(Tooltip, { title: "Metadata", children: /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(
-              "button",
-              {
-                className: "toolbar-button",
-                onClick: onMetadataClick,
-                disabled: disabledMetadata,
-                children: /* @__PURE__ */ jsx2(DescriptionIcon, { fontSize: "small" })
-              }
-            ) }) }),
-            showProperties && /* @__PURE__ */ jsx2(Tooltip, { title: "Properties", children: /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(
-              "button",
-              {
-                className: "toolbar-button",
-                onClick: onPropertiesClick,
-                disabled: disabledProperties,
-                children: /* @__PURE__ */ jsx2(InfoIcon, { fontSize: "small" })
-              }
-            ) }) }),
-            showTags && /* @__PURE__ */ jsx2(Tooltip, { title: "Tags", children: /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(
+            ] })
+          ) : (
+            // RENDER SINGLE BUTTON if ONLY ONE is enabled
+            (showDownloadOriginal || showDownloadWithAnnotations) && /* @__PURE__ */ jsx2(Tooltip, { title: "Download", children: /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(
               "button",
               {
                 className: "toolbar-button",
-                onClick: onTagsClick,
-                disabled: disabledTags,
-                children: /* @__PURE__ */ jsx2(LocalOffer, { fontSize: "small" })
+                onClick: showDownloadOriginal ? handleDownloadWithoutAnnotations : handleDownloadWithAnnotations,
+                disabled: disabledDownload,
+                children: /* @__PURE__ */ jsx2(DownloadIcon, { fontSize: "small" })
               }
-            ) }) }),
-            showHistory && /* @__PURE__ */ jsx2(Tooltip, { title: "Version History", children: /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(
+            ) }) })
+          ) }),
+          showPrint && /* @__PURE__ */ jsx2("div", { className: "toolbar-dropdown-container", ref: printMenuRef, children: showPrintOriginal && showPrintWithAnnotations ? (
+            // RENDER DROPDOWN if BOTH are enabled
+            /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx2(Tooltip, { title: "Print", children: /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  className: `toolbar-button toolbar-dropdown-button ${isPrintMenuOpen ? "toolbar-button-active" : ""}`,
+                  onClick: () => setIsPrintMenuOpen(!isPrintMenuOpen),
+                  disabled: disabledPrint,
+                  children: [
+                    /* @__PURE__ */ jsx2(PrintIcon, { fontSize: "small" }),
+                    /* @__PURE__ */ jsx2(KeyboardArrowDownIcon, { fontSize: "small", style: { marginLeft: -4 } })
+                  ]
+                }
+              ) }) }),
+              isPrintMenuOpen && /* @__PURE__ */ jsxs("div", { className: "toolbar-dropdown-menu toolbar-dropdown-menu-right", children: [
+                /* @__PURE__ */ jsx2(
+                  "button",
+                  {
+                    className: "toolbar-dropdown-item",
+                    onClick: handlePrintWithoutAnnotations,
+                    children: /* @__PURE__ */ jsx2("span", { children: "Print Document Only" })
+                  }
+                ),
+                /* @__PURE__ */ jsx2(
+                  "button",
+                  {
+                    className: "toolbar-dropdown-item",
+                    onClick: handlePrintWithAnnotations,
+                    children: /* @__PURE__ */ jsx2("span", { children: "Print with Annotations" })
+                  }
+                )
+              ] })
+            ] })
+          ) : (
+            // RENDER SINGLE BUTTON if ONLY ONE is enabled
+            (showPrintOriginal || showPrintWithAnnotations) && /* @__PURE__ */ jsx2(Tooltip, { title: "Print", children: /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(
               "button",
               {
                 className: "toolbar-button",
-                onClick: onHistoryClick,
-                disabled: disabledHistory,
-                children: /* @__PURE__ */ jsx2(HistoryIcon, { fontSize: "small" })
+                onClick: showPrintOriginal ? handlePrintWithoutAnnotations : handlePrintWithAnnotations,
+                disabled: disabledPrint,
+                children: /* @__PURE__ */ jsx2(PrintIcon, { fontSize: "small" })
               }
             ) }) })
-          ] })
-        ] }) })
-      ] }),
-      activeMode === "annotate" && showAnnotations && /* @__PURE__ */ jsxs("div", { className: "pdf-viewer-secondary-toolbar", children: [
-        /* @__PURE__ */ jsx2(Tooltip, { title: "Highlight", children: /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(
-          "button",
-          {
-            className: `toolbar-button ${isHighlighterActive ? "toolbar-button-active" : ""}`,
-            onClick: onHighlighterClick,
-            disabled: disabledHighlighter,
-            children: /* @__PURE__ */ jsx2(HighlightIcon, { fontSize: "small" })
-          }
-        ) }) }),
-        /* @__PURE__ */ jsx2(Tooltip, { title: "Stamp", children: /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(
-          "button",
-          {
-            className: `toolbar-button ${isStampActive ? "toolbar-button-active" : ""}`,
-            onClick: onStampClick,
-            disabled: disabledStamp,
-            children: /* @__PURE__ */ jsx2(ApprovalIcon, { fontSize: "small" })
-          }
-        ) }) }),
-        /* @__PURE__ */ jsx2(Tooltip, { title: "Signature", children: /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(
-          "button",
-          {
-            className: "toolbar-button",
-            onClick: onSignatureClick,
-            disabled: disabledSignature,
-            children: /* @__PURE__ */ jsx2(DrawIcon, { fontSize: "small" })
-          }
-        ) }) }),
-        onNoteClick && /* @__PURE__ */ jsx2(Tooltip, { title: "Sticky Note", children: /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(
-          "button",
-          {
-            className: "toolbar-button",
-            onClick: onNoteClick,
-            disabled: disabledNote,
-            children: /* @__PURE__ */ jsx2(StickyNote2Icon, { fontSize: "small" })
-          }
-        ) }) }),
-        hasUnsavedAnnotations && canSaveAnnotations !== false && onSaveAnnotations && /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx2("div", { style: { width: 1, height: 24, backgroundColor: "#e5e7eb", margin: "0 8px" } }),
-          /* @__PURE__ */ jsx2(Tooltip, { title: "Save Annotations", children: /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsxs(
+          ) }),
+          showMetadata && /* @__PURE__ */ jsx2(Tooltip, { title: "Metadata", children: /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(
             "button",
             {
               className: "toolbar-button",
-              onClick: onSaveAnnotations,
-              disabled: isSavingAnnotations,
-              style: {
-                color: hasUnsavedAnnotations ? "#2563eb" : "inherit",
-                padding: "6px 16px",
-                border: hasUnsavedAnnotations ? "1px solid #2563eb" : "1px solid transparent",
-                borderRadius: "6px",
-                display: "flex",
-                alignItems: "center",
-                gap: "6px",
-                backgroundColor: hasUnsavedAnnotations ? "#eff6ff" : "transparent",
-                fontSize: "14px",
-                fontWeight: 500,
-                width: "auto",
-                cursor: isSavingAnnotations ? "not-allowed" : "pointer"
-              },
-              children: [
-                isSavingAnnotations ? /* @__PURE__ */ jsx2("svg", { width: "16", height: "16", viewBox: "0 0 24 24", style: { animation: "spin 1s linear infinite" }, children: /* @__PURE__ */ jsx2("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "3", fill: "none", strokeDasharray: "31.4", strokeDashoffset: "10" }) }) : /* @__PURE__ */ jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-                  /* @__PURE__ */ jsx2("path", { d: "M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z" }),
-                  /* @__PURE__ */ jsx2("polyline", { points: "17 21 17 13 7 13 7 21" }),
-                  /* @__PURE__ */ jsx2("polyline", { points: "7 3 7 8 15 8" })
-                ] }),
-                /* @__PURE__ */ jsx2("span", { children: isSavingAnnotations ? "Saving..." : "Save" })
-              ]
+              onClick: onMetadataClick,
+              disabled: disabledMetadata,
+              children: /* @__PURE__ */ jsx2(DescriptionIcon, { fontSize: "small" })
+            }
+          ) }) }),
+          showProperties && /* @__PURE__ */ jsx2(Tooltip, { title: "Properties", children: /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(
+            "button",
+            {
+              className: "toolbar-button",
+              onClick: onPropertiesClick,
+              disabled: disabledProperties,
+              children: /* @__PURE__ */ jsx2(InfoIcon, { fontSize: "small" })
+            }
+          ) }) }),
+          showTags && /* @__PURE__ */ jsx2(Tooltip, { title: "Tags", children: /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(
+            "button",
+            {
+              className: "toolbar-button",
+              onClick: onTagsClick,
+              disabled: disabledTags,
+              children: /* @__PURE__ */ jsx2(LocalOffer, { fontSize: "small" })
+            }
+          ) }) }),
+          showHistory && /* @__PURE__ */ jsx2(Tooltip, { title: "Version History", children: /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(
+            "button",
+            {
+              className: "toolbar-button",
+              onClick: onHistoryClick,
+              disabled: disabledHistory,
+              children: /* @__PURE__ */ jsx2(HistoryIcon, { fontSize: "small" })
             }
           ) }) })
         ] })
-      ] }),
-      activeMode === "redact" && showAnnotations && /* @__PURE__ */ jsx2("div", { className: "pdf-viewer-secondary-toolbar", children: /* @__PURE__ */ jsx2(Tooltip, { title: "Redact Text", children: /* @__PURE__ */ jsx2("button", { className: "toolbar-button", children: /* @__PURE__ */ jsx2(AutoFixHighIcon, { fontSize: "small" }) }) }) })
-    ] });
+      ] }) })
+    ] }) });
   }
 );
 PDFToolbar.displayName = "PDFToolbar";
+var PDFSecondaryToolbar = React2.memo(({
+  activeMode,
+  showAnnotations,
+  isHighlighterActive,
+  isStampActive,
+  disabledHighlighter,
+  disabledStamp,
+  disabledSignature,
+  disabledNote,
+  onHighlighterClick,
+  onStampClick,
+  onSignatureClick,
+  onNoteClick,
+  hasUnsavedAnnotations,
+  isSavingAnnotations,
+  canSaveAnnotations,
+  onSaveAnnotations
+}) => {
+  if (!showAnnotations) return null;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    activeMode === "annotate" && /* @__PURE__ */ jsxs("div", { className: "pdf-viewer-secondary-toolbar", children: [
+      /* @__PURE__ */ jsx2(Tooltip, { title: "Highlight", children: /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(
+        "button",
+        {
+          className: `toolbar-button ${isHighlighterActive ? "toolbar-button-active" : ""}`,
+          onClick: onHighlighterClick,
+          disabled: disabledHighlighter,
+          children: /* @__PURE__ */ jsx2(HighlightIcon, { fontSize: "small" })
+        }
+      ) }) }),
+      /* @__PURE__ */ jsx2(Tooltip, { title: "Stamp", children: /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(
+        "button",
+        {
+          className: `toolbar-button ${isStampActive ? "toolbar-button-active" : ""}`,
+          onClick: onStampClick,
+          disabled: disabledStamp,
+          children: /* @__PURE__ */ jsx2(ApprovalIcon, { fontSize: "small" })
+        }
+      ) }) }),
+      /* @__PURE__ */ jsx2(Tooltip, { title: "Signature", children: /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(
+        "button",
+        {
+          className: "toolbar-button",
+          onClick: onSignatureClick,
+          disabled: disabledSignature,
+          children: /* @__PURE__ */ jsx2(DrawIcon, { fontSize: "small" })
+        }
+      ) }) }),
+      onNoteClick && /* @__PURE__ */ jsx2(Tooltip, { title: "Sticky Note", children: /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(
+        "button",
+        {
+          className: "toolbar-button",
+          onClick: onNoteClick,
+          disabled: disabledNote,
+          children: /* @__PURE__ */ jsx2(StickyNote2Icon, { fontSize: "small" })
+        }
+      ) }) }),
+      hasUnsavedAnnotations && canSaveAnnotations !== false && onSaveAnnotations && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx2("div", { style: { width: 1, height: 24, backgroundColor: "#e5e7eb", margin: "0 8px" } }),
+        /* @__PURE__ */ jsx2(Tooltip, { title: "Save Annotations", children: /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsxs(
+          "button",
+          {
+            className: "toolbar-button",
+            onClick: onSaveAnnotations,
+            disabled: isSavingAnnotations,
+            style: {
+              color: hasUnsavedAnnotations ? "#2563eb" : "inherit",
+              padding: "6px 16px",
+              border: hasUnsavedAnnotations ? "1px solid #2563eb" : "1px solid transparent",
+              borderRadius: "6px",
+              display: "flex",
+              alignItems: "center",
+              gap: "6px",
+              backgroundColor: hasUnsavedAnnotations ? "#eff6ff" : "transparent",
+              fontSize: "14px",
+              fontWeight: 500,
+              width: "auto",
+              cursor: isSavingAnnotations ? "not-allowed" : "pointer"
+            },
+            children: [
+              isSavingAnnotations ? /* @__PURE__ */ jsx2("svg", { width: "16", height: "16", viewBox: "0 0 24 24", style: { animation: "spin 1s linear infinite" }, children: /* @__PURE__ */ jsx2("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "3", fill: "none", strokeDasharray: "31.4", strokeDashoffset: "10" }) }) : /* @__PURE__ */ jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+                /* @__PURE__ */ jsx2("path", { d: "M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z" }),
+                /* @__PURE__ */ jsx2("polyline", { points: "17 21 17 13 7 13 7 21" }),
+                /* @__PURE__ */ jsx2("polyline", { points: "7 3 7 8 15 8" })
+              ] }),
+              /* @__PURE__ */ jsx2("span", { children: isSavingAnnotations ? "Saving..." : "Save" })
+            ]
+          }
+        ) }) })
+      ] })
+    ] }),
+    activeMode === "redact" && /* @__PURE__ */ jsx2("div", { className: "pdf-viewer-secondary-toolbar", children: /* @__PURE__ */ jsx2(Tooltip, { title: "Redact Text", children: /* @__PURE__ */ jsx2("button", { className: "toolbar-button", children: /* @__PURE__ */ jsx2(AutoFixHighIcon, { fontSize: "small" }) }) }) })
+  ] });
+});
+PDFSecondaryToolbar.displayName = "PDFSecondaryToolbar";
+PDFToolbar.displayName = "PDFToolbar";
 
 // src/components/viewers/pdf/PDFHeader.tsx
 import React3 from "react";
@@ -1317,6 +1413,7 @@ var PasswordDialog = ({
 };
 
 // src/components/viewers/PDFViewer.tsx
+import { ScrollStrategy as ScrollStrategy2, PdfThumbnailSidebar } from "@cannymindstech/pdf-viewer";
 import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 var PDFViewerContent = forwardRef(
   (props, ref) => {
@@ -1372,7 +1469,8 @@ var PDFViewerContent = forwardRef(
       isSavingAnnotations,
       canSaveAnnotations,
       onSaveAnnotations,
-      loading
+      loading,
+      themeMode = "light"
     } = props;
     const [pdfBuffer, setPdfBuffer] = useState4(null);
     const [state, setState] = useState4("idle");
@@ -1398,7 +1496,7 @@ var PDFViewerContent = forwardRef(
     );
     const [currentPage, setCurrentPage] = useState4(1);
     const [totalPages, setTotalPages] = useState4(0);
-    const [zoom, setZoom] = useState4(100);
+    const [zoom, setZoom] = useState4(122);
     const [searchQuery, setSearchQuery] = useState4("");
     const [isSearching, setIsSearching] = useState4(false);
     const [pdfContainer, setPdfContainer] = useState4(null);
@@ -1410,6 +1508,10 @@ var PDFViewerContent = forwardRef(
       !!initialSearchText
     );
     const [isFullScreen, setIsFullScreen] = useState4(false);
+    const [twoPageMode, setTwoPageMode] = useState4(false);
+    const [scrollStrategy, setScrollStrategy] = useState4(ScrollStrategy2.Vertical);
+    const [showThumbnails, setShowThumbnails] = useState4(true);
+    const [activeMode, setActiveMode] = useState4("view");
     const containerRef = useRef3(null);
     const [isPasswordDialogOpen, setIsPasswordDialogOpen] = useState4(false);
     const [passwordError, setPasswordError] = useState4("");
@@ -1666,7 +1768,7 @@ var PDFViewerContent = forwardRef(
       hasExecutedInitialSearch.current = false;
       setCurrentPage(1);
       setTotalPages(0);
-      setZoom(100);
+      setZoom(122);
       setState("idle");
       setError(null);
       setPdfBuffer(null);
@@ -1715,6 +1817,15 @@ var PDFViewerContent = forwardRef(
       const pollInterval = setInterval(checkInternalReadiness, 100);
       return () => clearInterval(pollInterval);
     }, [state]);
+    useEffect4(() => {
+      if (isInternalReady && pdfViewerRef.current) {
+        try {
+          pdfViewerRef.current.zoom.setZoom(1.22);
+          setZoom(122);
+        } catch (e) {
+        }
+      }
+    }, [isInternalReady]);
     useEffect4(() => {
       if (state !== "ready" || totalPages > 0) return;
       const initializePageCount = async () => {
@@ -2148,7 +2259,7 @@ var PDFViewerContent = forwardRef(
     }
     const isReady = pdfBuffer && state === "ready";
     const showOverlay = loading || !isReady || !isInternalReady;
-    return /* @__PURE__ */ jsxs5("div", { ref: containerRef, className: "pdf-viewer-container", style: { position: "relative", height: "100%", width: "100%" }, children: [
+    return /* @__PURE__ */ jsxs5("div", { ref: containerRef, className: `pdf-viewer-container ${themeMode === "dark" ? "dark-theme" : ""}`, style: { position: "relative", height: "100%", width: "100%" }, children: [
       /* @__PURE__ */ jsx6("style", { children: toolbarStyles }),
       showOverlay && /* @__PURE__ */ jsx6(LoadingSpinner, { fileName: resolvedFileName }),
       /* @__PURE__ */ jsxs5("div", { style: { opacity: !showOverlay ? 1 : 0, height: "100%", display: "flex", flexDirection: "column" }, children: [
@@ -2224,35 +2335,79 @@ var PDFViewerContent = forwardRef(
             showPrintWithAnnotations,
             showDownloadOriginal,
             showDownloadWithAnnotations,
+            twoPageMode,
+            onTwoPageModeChange: setTwoPageMode,
+            scrollStrategy,
+            onScrollStrategyChange: setScrollStrategy,
+            showThumbnails,
+            onToggleThumbnails: () => setShowThumbnails(!showThumbnails),
             hasUnsavedAnnotations,
             isSavingAnnotations,
             canSaveAnnotations,
-            onSaveAnnotations
+            onSaveAnnotations,
+            activeMode,
+            onActiveModeChange: setActiveMode
           }
         ),
         /* @__PURE__ */ jsxs5("div", { className: "pdf-viewer-main", children: [
-          /* @__PURE__ */ jsx6("div", { className: "pdf-viewer-viewer-area", children: /* @__PURE__ */ jsx6(
-            StablePDFViewer,
+          showThumbnails && pdfBuffer && /* @__PURE__ */ jsx6(
+            PdfThumbnailSidebar,
             {
-              pdfBuffer: pdfBuffer || new ArrayBuffer(0),
-              onPasswordRequest: handlePasswordRequest,
-              pdfViewerRef,
-              hideInternalLoading: true,
-              showAnnotations,
-              userDetails,
-              annotationSelectionMenu,
-              isHighlighterActive: highlighterActive,
-              isStampActive: stampActive,
-              onHighlighterClick: onHighlighterClick || toolbarHandlers.handleHighlighterClick,
-              onStampClick: onStampClick || toolbarHandlers.handleStampClick,
-              onSignatureClick: onSignatureClick || toolbarHandlers.handleSignatureClick,
-              onNoteClick,
-              permissions: props.permissions,
-              isAnnotationForeign,
-              onAnnotationNoteClick,
-              isAnnotationInteractive
+              pdfBuffer,
+              totalPages,
+              currentPage,
+              onPageClick: (pageNum) => pdfViewerRef.current?.navigation.goToPage(pageNum),
+              onClose: () => setShowThumbnails(false),
+              twoPageMode: false
             }
-          ) }),
+          ),
+          /* @__PURE__ */ jsxs5("div", { className: "pdf-viewer-viewer-area", children: [
+            /* @__PURE__ */ jsx6(
+              PDFSecondaryToolbar,
+              {
+                activeMode,
+                showAnnotations,
+                isHighlighterActive: highlighterActive,
+                isStampActive: stampActive,
+                disabledHighlighter: toolbar.isDisabled("highlighter"),
+                disabledStamp: toolbar.isDisabled("stamp"),
+                disabledSignature: toolbar.isDisabled("signature"),
+                disabledNote: toolbar.isDisabled("note"),
+                onHighlighterClick: onHighlighterClick || toolbarHandlers.handleHighlighterClick,
+                onStampClick: onStampClick || toolbarHandlers.handleStampClick,
+                onSignatureClick: onSignatureClick || toolbarHandlers.handleSignatureClick,
+                onNoteClick,
+                hasUnsavedAnnotations,
+                isSavingAnnotations,
+                canSaveAnnotations,
+                onSaveAnnotations
+              }
+            ),
+            /* @__PURE__ */ jsx6(
+              StablePDFViewer,
+              {
+                pdfBuffer: pdfBuffer || new ArrayBuffer(0),
+                onPasswordRequest: handlePasswordRequest,
+                pdfViewerRef,
+                hideInternalLoading: true,
+                showAnnotations,
+                userDetails,
+                annotationSelectionMenu,
+                isHighlighterActive: highlighterActive,
+                isStampActive: stampActive,
+                onHighlighterClick: onHighlighterClick || toolbarHandlers.handleHighlighterClick,
+                onStampClick: onStampClick || toolbarHandlers.handleStampClick,
+                onSignatureClick: onSignatureClick || toolbarHandlers.handleSignatureClick,
+                onNoteClick,
+                permissions: props.permissions,
+                isAnnotationForeign,
+                onAnnotationNoteClick,
+                isAnnotationInteractive,
+                twoPageMode,
+                scrollStrategy
+              }
+            )
+          ] }),
           /* @__PURE__ */ jsx6(
             SearchSidebar,
             {
@@ -2296,4 +2451,4 @@ PDFViewer.displayName = "PDFViewer";
 export {
   PDFViewer
 };
-//# sourceMappingURL=chunk-PZGUVU6N.mjs.map
+//# sourceMappingURL=chunk-6L72TJIW.mjs.map