teamsync-pdf-viewer 1.3.4 → 1.3.5

package/dist/teamsync-pdf-viewer.js

@@ -1,10 +1,10 @@
 "use client";
 import e, { createContext as t, useCallback as n, useContext as r, useEffect as i, useImperativeHandle as a, useMemo as o, useRef as s, useState as c, useSyncExternalStore as l } from "react";
 import u from "react-dom/client";
-import { AlertCircle as d, ArrowUpRight as f, Bookmark as p, Brush as m, Check as h, CheckCircle2 as g, CheckSquare as _, ChevronDown as v, ChevronLeft as y, ChevronRight as b, ChevronUp as x, Circle as ee, Columns as S, Copy as C, Download as te, Edit2 as ne, Eraser as re, Expand as ie, EyeOff as w, File as T, FileCode2 as ae, FileText as oe, FolderOpen as E, GripVertical as D, Hand as O, Highlighter as k, Info as se, Layers as A, Link as ce, List as le, Maximize as ue, Maximize2 as de, Menu as fe, MessageCircle as pe, MessageSquare as me, MessageSquareQuote as he, Minus as ge, MinusCircle as _e, MoreHorizontal as ve, MoveHorizontal as j, PanelLeft as ye, Pen as be, Plus as M, PlusCircle as xe, Printer as Se, RotateCcw as Ce, RotateCw as N, Save as we, ScanSearch as Te, Search as Ee, Settings as De, ShieldCheck as Oe, SlidersHorizontal as ke, Square as Ae, Trash2 as je, Type as Me, X as P } from "lucide-react";
-import { Fragment as Ne, jsx as F, jsxs as I } from "react/jsx-runtime";
+import { AlertCircle as d, ArrowUpRight as f, Bookmark as p, Brush as m, Check as h, CheckCircle2 as g, CheckSquare as _, ChevronDown as v, ChevronLeft as y, ChevronRight as b, ChevronUp as x, Circle as ee, Columns as S, Copy as te, Download as ne, Edit2 as re, Eraser as ie, Expand as ae, EyeOff as oe, File as C, FileCode2 as se, FileText as ce, FolderOpen as le, GripVertical as w, Hand as ue, Highlighter as T, Info as E, Layers as D, Link as O, List as k, Maximize as de, Maximize2 as fe, Menu as pe, MessageCircle as me, MessageSquare as he, MessageSquareQuote as ge, Minus as _e, MinusCircle as ve, MoreHorizontal as ye, MoveHorizontal as be, PanelLeft as xe, Pen as Se, Plus as A, PlusCircle as Ce, Printer as j, RotateCcw as we, RotateCw as Te, Save as Ee, ScanSearch as M, Search as De, Settings as Oe, ShieldCheck as ke, SlidersHorizontal as Ae, Square as je, Trash2 as Me, Type as Ne, X as N } from "lucide-react";
+import { Fragment as P, jsx as F, jsxs as I } from "react/jsx-runtime";
 import * as L from "pdfjs-dist";
-import { BlendMode as R, PDFDocument as z, StandardFonts as Pe, degrees as Fe, rgb as B } from "pdf-lib";
+import { BlendMode as Pe, PDFDocument as Fe, StandardFonts as R, degrees as z, rgb as B } from "pdf-lib";
 //#region src/core/busContext.ts
 var Ie = t(null);
 //#endregion
@@ -19,13 +19,46 @@ function Re(e, t) {
 	r.current = t, i(() => n.on(e, (e) => r.current(e)), [n, e]);
 }
 //#endregion
+//#region src/utils/zoomUtils.ts
+var ze = .1, Be = 8, Ve = () => typeof navigator < "u" && (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini|Mobile|Tablet/i.test(navigator.userAgent) || /^((?!chrome|android).)*safari/i.test(navigator.userAgent)), He = 4096, Ue = 2048, We = 8388608, Ge = 4194304;
+function Ke(e, t = 8) {
+	return Math.min(t, Math.round((e + (e < 2 ? .25 : e < 5 ? .5 : 1)) * 100) / 100);
+}
+function qe(e, t = ze) {
+	return Math.max(t, Math.round((e - (e <= 2 ? .25 : e <= 5 ? .5 : 1)) * 100) / 100);
+}
+function Je(e, t = ze, n = 8) {
+	return Math.min(n, Math.max(t, Math.round(e * 100) / 100));
+}
+function Ye(e, t, n, r, i = Ve() ? Ue : He, a = Ve() ? Ge : We) {
+	let o = e * t;
+	return n * o > i && (o = i / n), r * o > i && (o = i / r), n * o * (r * o) > a && (o = Math.sqrt(a / (n * r))), o;
+}
+function Xe(e) {
+	let { prevScale: t, newScale: n, containerWidth: r, containerHeight: i, currentScrollLeft: a, currentScrollTop: o, basePageWidth: s, focusPoint: c, isProgrammatic: l = !1 } = e;
+	if (l) return {
+		scrollLeft: 0,
+		scrollTop: o <= 1 ? 0 : o
+	};
+	let u = c?.vx != null && c?.vy != null;
+	if (!u && o <= 0) return {
+		scrollLeft: 0,
+		scrollTop: 0
+	};
+	let d = u ? c.vx : r / 2, f = u ? c.vy : i / 2, p = d + a, m = f + o, h = Math.max(0, r / 2 - s * t / 2), g = Math.max(0, r / 2 - s * n / 2) + (p - h) * (n / t);
+	return {
+		scrollLeft: Math.max(0, g - d),
+		scrollTop: Math.max(0, n / t * m - f)
+	};
+}
+//#endregion
 //#region src/components/Header.tsx
-var ze = ["View", "Annotate"];
-function Be({ activeTab: e, setActiveTab: t, leftSidebarOpen: n, setLeftSidebarOpen: r, rightSidebarOpen: a, setRightSidebarOpen: o, sidebarTab: l, scale: u, onZoomIn: d, onZoomOut: f, onZoomSet: p, onOpenFile: m, onDownload: h, onFullScreen: g, onSaveAs: _, onPrint: y, onOpenSettings: b, onOpenAbout: ee, onOpenSidebarTab: S, pageTransition: ne, setPageTransition: re, pageLayout: w, setPageLayout: D, rotation: k, setRotation: ce, signatureCount: le = 0, enableAnnotations: pe, enableSign: he = !1, plugins: ge, permissions: ve }) {
-	let M = ge && ge.some((e) => e.id && e.id.toLowerCase().includes("sign")), ke = he === !0 && !!M, [Ae, je] = c(!1), [Me, P] = c(!1), [Ne, L] = c(!1), [R, z] = c("pan"), Pe = s(null), Fe = s(null), B = s(null), Ie = Le();
-	return Re("action-tool-changed", (e) => z(e?.tool ?? null)), i(() => {
+var Ze = ["View", "Annotate"];
+function Qe({ activeTab: e, setActiveTab: t, leftSidebarOpen: n, setLeftSidebarOpen: r, rightSidebarOpen: a, setRightSidebarOpen: o, sidebarTab: l, scale: u, onZoomIn: d, onZoomOut: f, onZoomSet: p, onOpenFile: m, onDownload: h, onFullScreen: g, onSaveAs: _, onPrint: y, onOpenSettings: b, onOpenAbout: ee, onOpenSidebarTab: S, pageTransition: re, setPageTransition: ie, pageLayout: oe, setPageLayout: w, rotation: T, setRotation: O, signatureCount: k = 0, enableAnnotations: me, enableSign: ge = !1, plugins: _e, permissions: ye }) {
+	let A = _e && _e.some((e) => e.id && e.id.toLowerCase().includes("sign")), Ae = ge === !0 && !!A, [je, Me] = c(!1), [Ne, N] = c(!1), [P, L] = c(!1), [Pe, Fe] = c("pan"), R = s(null), z = s(null), B = s(null), Ie = Le();
+	return Re("action-tool-changed", (e) => Fe(e?.tool ?? null)), i(() => {
 		function e(e) {
-			Pe.current && !Pe.current.contains(e.target) && je(!1), Fe.current && !Fe.current.contains(e.target) && P(!1), B.current && !B.current.contains(e.target) && L(!1);
+			R.current && !R.current.contains(e.target) && Me(!1), z.current && !z.current.contains(e.target) && N(!1), B.current && !B.current.contains(e.target) && L(!1);
 		}
 		return document.addEventListener("mousedown", e), () => {
 			document.removeEventListener("mousedown", e);
@@ -55,14 +88,14 @@ function Be({ activeTab: e, setActiveTab: t, leftSidebarOpen: n, setLeftSidebarO
 					},
 					children: [
 						/* @__PURE__ */ I("div", {
-							ref: Pe,
+							ref: R,
 							style: { position: "relative" },
-							children: [/* @__PURE__ */ F(Ve, {
-								icon: /* @__PURE__ */ F(fe, { size: 18 }),
+							children: [/* @__PURE__ */ F($e, {
+								icon: /* @__PURE__ */ F(pe, { size: 18 }),
 								title: "Menu",
-								onClick: () => je(!Ae),
-								active: Ae
-							}), Ae && /* @__PURE__ */ I("div", {
+								onClick: () => Me(!je),
+								active: je
+							}), je && /* @__PURE__ */ I("div", {
 								style: {
 									position: "absolute",
 									top: "100%",
@@ -80,39 +113,39 @@ function Be({ activeTab: e, setActiveTab: t, leftSidebarOpen: n, setLeftSidebarO
 								},
 								children: [
 									m && /* @__PURE__ */ F(V, {
-										icon: /* @__PURE__ */ F(E, { size: 16 }),
+										icon: /* @__PURE__ */ F(le, { size: 16 }),
 										label: "Open PDF...",
 										onClick: () => {
-											m(), je(!1);
+											m(), Me(!1);
 										}
 									}),
 									/* @__PURE__ */ F(V, {
-										icon: /* @__PURE__ */ F(te, { size: 16 }),
+										icon: /* @__PURE__ */ F(ne, { size: 16 }),
 										label: "Download",
 										onClick: () => {
-											h(), je(!1);
+											h(), Me(!1);
 										}
 									}),
 									/* @__PURE__ */ F(V, {
-										icon: /* @__PURE__ */ F(ue, { size: 16 }),
+										icon: /* @__PURE__ */ F(de, { size: 16 }),
 										label: "Enter Full Screen",
 										onClick: () => {
-											g(), je(!1);
+											g(), Me(!1);
 										}
 									}),
 									/* @__PURE__ */ F(V, {
-										icon: /* @__PURE__ */ F(we, { size: 16 }),
+										icon: /* @__PURE__ */ F(Ee, { size: 16 }),
 										label: "Save As",
 										onClick: () => {
-											_(), je(!1);
+											_(), Me(!1);
 										}
 									}),
 									/* @__PURE__ */ F(V, {
-										icon: /* @__PURE__ */ F(Se, { size: 16 }),
+										icon: /* @__PURE__ */ F(j, { size: 16 }),
 										label: "Print",
 										disabled: !y,
 										onClick: () => {
-											y?.(), je(!1);
+											y?.(), Me(!1);
 										}
 									}),
 									/* @__PURE__ */ F("div", { style: {
@@ -121,7 +154,7 @@ function Be({ activeTab: e, setActiveTab: t, leftSidebarOpen: n, setLeftSidebarO
 										margin: "4px 0"
 									} }),
 									/* @__PURE__ */ F(V, {
-										icon: /* @__PURE__ */ F(A, {
+										icon: /* @__PURE__ */ F(D, {
 											size: 16,
 											color: "#0284c7"
 										}),
@@ -131,21 +164,21 @@ function Be({ activeTab: e, setActiveTab: t, leftSidebarOpen: n, setLeftSidebarO
 												docA: "/sample_v1.pdf",
 												docB: "/sample_v2.pdf",
 												options: { mode: "overlay" }
-											} })), je(!1);
+											} })), Me(!1);
 										}
 									}),
 									/* @__PURE__ */ F(V, {
-										icon: /* @__PURE__ */ F(De, { size: 16 }),
+										icon: /* @__PURE__ */ F(Oe, { size: 16 }),
 										label: "Settings",
 										onClick: () => {
-											b(), je(!1);
+											b(), Me(!1);
 										}
 									})
 								]
 							})]
 						}),
-						/* @__PURE__ */ F(Ve, {
-							icon: /* @__PURE__ */ F(ye, { size: 18 }),
+						/* @__PURE__ */ F($e, {
+							icon: /* @__PURE__ */ F(xe, { size: 18 }),
 							title: "Toggle Left Panel",
 							active: n,
 							onClick: () => r(!n)
@@ -161,7 +194,7 @@ function Be({ activeTab: e, setActiveTab: t, leftSidebarOpen: n, setLeftSidebarO
 							style: { position: "relative" },
 							children: [/* @__PURE__ */ F("div", {
 								style: { position: "relative" },
-								children: /* @__PURE__ */ F(Ve, {
+								children: /* @__PURE__ */ F($e, {
 									icon: /* @__PURE__ */ I("div", {
 										style: {
 											position: "relative",
@@ -169,7 +202,7 @@ function Be({ activeTab: e, setActiveTab: t, leftSidebarOpen: n, setLeftSidebarO
 											alignItems: "center",
 											justifyContent: "center"
 										},
-										children: [/* @__PURE__ */ F(oe, { size: 18 }), /* @__PURE__ */ F("div", {
+										children: [/* @__PURE__ */ F(ce, { size: 18 }), /* @__PURE__ */ F("div", {
 											style: {
 												position: "absolute",
 												right: "-4px",
@@ -178,17 +211,17 @@ function Be({ activeTab: e, setActiveTab: t, leftSidebarOpen: n, setLeftSidebarO
 												borderRadius: "50%",
 												padding: "1px"
 											},
-											children: /* @__PURE__ */ F(De, {
+											children: /* @__PURE__ */ F(Oe, {
 												size: 10,
 												color: "var(--primary)"
 											})
 										})]
 									}),
 									title: "View Settings",
-									active: Ne,
-									onClick: () => L(!Ne)
+									active: P,
+									onClick: () => L(!P)
 								})
-							}), Ne && /* @__PURE__ */ I("div", {
+							}), P && /* @__PURE__ */ I("div", {
 								style: {
 									position: "absolute",
 									top: "100%",
@@ -215,19 +248,19 @@ function Be({ activeTab: e, setActiveTab: t, leftSidebarOpen: n, setLeftSidebarO
 										children: "Page Transition"
 									}),
 									/* @__PURE__ */ F(V, {
-										icon: /* @__PURE__ */ F(ae, { size: 16 }),
+										icon: /* @__PURE__ */ F(se, { size: 16 }),
 										label: "Continuous Page",
-										selected: ne === "continuous",
+										selected: re === "continuous",
 										onClick: () => {
-											re("continuous"), L(!1);
+											ie("continuous"), L(!1);
 										}
 									}),
 									/* @__PURE__ */ F(V, {
-										icon: /* @__PURE__ */ F(T, { size: 16 }),
+										icon: /* @__PURE__ */ F(C, { size: 16 }),
 										label: "Page By Page",
-										selected: ne === "page-by-page",
+										selected: re === "page-by-page",
 										onClick: () => {
-											re("page-by-page"), L(!1);
+											ie("page-by-page"), L(!1);
 										}
 									}),
 									/* @__PURE__ */ F("div", { style: {
@@ -245,17 +278,17 @@ function Be({ activeTab: e, setActiveTab: t, leftSidebarOpen: n, setLeftSidebarO
 										children: "Page Orientation"
 									}),
 									/* @__PURE__ */ F(V, {
-										icon: /* @__PURE__ */ F(N, { size: 16 }),
+										icon: /* @__PURE__ */ F(Te, { size: 16 }),
 										label: "Rotate Clockwise",
 										onClick: () => {
-											ce((k + 90) % 360), L(!1);
+											O((T + 90) % 360), L(!1);
 										}
 									}),
 									/* @__PURE__ */ F(V, {
-										icon: /* @__PURE__ */ F(Ce, { size: 16 }),
+										icon: /* @__PURE__ */ F(we, { size: 16 }),
 										label: "Rotate Counterclockwise",
 										onClick: () => {
-											ce((k - 90 + 360) % 360), L(!1);
+											O((T - 90 + 360) % 360), L(!1);
 										}
 									}),
 									/* @__PURE__ */ F("div", { style: {
@@ -273,27 +306,27 @@ function Be({ activeTab: e, setActiveTab: t, leftSidebarOpen: n, setLeftSidebarO
 										children: "Page Layout"
 									}),
 									/* @__PURE__ */ F(V, {
-										icon: /* @__PURE__ */ F(T, { size: 16 }),
+										icon: /* @__PURE__ */ F(C, { size: 16 }),
 										label: "Single Page",
-										selected: w === "single",
+										selected: oe === "single",
 										onClick: () => {
-											D("single"), L(!1);
+											w("single"), L(!1);
 										}
 									}),
 									/* @__PURE__ */ F(V, {
-										icon: /* @__PURE__ */ F(C, { size: 16 }),
+										icon: /* @__PURE__ */ F(te, { size: 16 }),
 										label: "Double Page",
-										selected: w === "double",
+										selected: oe === "double",
 										onClick: () => {
-											D("double"), L(!1);
+											w("double"), L(!1);
 										}
 									}),
 									/* @__PURE__ */ F(V, {
-										icon: /* @__PURE__ */ F(oe, { size: 16 }),
+										icon: /* @__PURE__ */ F(ce, { size: 16 }),
 										label: "Cover Facing Page",
-										selected: w === "cover-facing",
+										selected: oe === "cover-facing",
 										onClick: () => {
-											D("cover-facing"), L(!1);
+											w("cover-facing"), L(!1);
 										}
 									}),
 									/* @__PURE__ */ F("div", { style: {
@@ -302,7 +335,7 @@ function Be({ activeTab: e, setActiveTab: t, leftSidebarOpen: n, setLeftSidebarO
 										margin: "4px 0"
 									} }),
 									/* @__PURE__ */ F(V, {
-										icon: /* @__PURE__ */ F(ie, { size: 16 }),
+										icon: /* @__PURE__ */ F(ae, { size: 16 }),
 										label: "Enter Full Screen",
 										onClick: () => {
 											g(), L(!1);
@@ -319,7 +352,7 @@ function Be({ activeTab: e, setActiveTab: t, leftSidebarOpen: n, setLeftSidebarO
 							},
 							children: [
 								/* @__PURE__ */ I("div", {
-									ref: Fe,
+									ref: z,
 									style: {
 										position: "relative",
 										display: "flex",
@@ -331,13 +364,13 @@ function Be({ activeTab: e, setActiveTab: t, leftSidebarOpen: n, setLeftSidebarO
 											alignItems: "center",
 											backgroundColor: "#f3f4f6",
 											borderRadius: "4px",
-											border: Me ? "1px solid var(--primary)" : "1px solid transparent",
+											border: Ne ? "1px solid var(--primary)" : "1px solid transparent",
 											cursor: "pointer",
 											userSelect: "none",
 											height: "32px"
 										},
 										children: [/* @__PURE__ */ I("div", {
-											onClick: () => P(!Me),
+											onClick: () => N(!Ne),
 											style: {
 												padding: "0 8px 0 12px",
 												fontSize: "13px",
@@ -348,18 +381,18 @@ function Be({ activeTab: e, setActiveTab: t, leftSidebarOpen: n, setLeftSidebarO
 											},
 											children: [Math.round(u * 100), "%"]
 										}), /* @__PURE__ */ F("div", {
-											onClick: () => P(!Me),
+											onClick: () => N(!Ne),
 											style: {
 												padding: "0 8px",
 												display: "flex",
 												alignItems: "center",
 												height: "100%",
 												borderLeft: "1px solid #e5e7eb",
-												color: Me ? "var(--primary)" : "var(--text-color)"
+												color: Ne ? "var(--primary)" : "var(--text-color)"
 											},
-											children: F(Me ? x : v, { size: 14 })
+											children: F(Ne ? x : v, { size: 14 })
 										})]
-									}), Me && /* @__PURE__ */ I("div", {
+									}), Ne && /* @__PURE__ */ I("div", {
 										style: {
 											position: "absolute",
 											top: "100%",
@@ -378,17 +411,17 @@ function Be({ activeTab: e, setActiveTab: t, leftSidebarOpen: n, setLeftSidebarO
 										},
 										children: [
 											/* @__PURE__ */ F(V, {
-												icon: /* @__PURE__ */ F(j, { size: 16 }),
+												icon: /* @__PURE__ */ F(be, { size: 16 }),
 												label: "Fit To Width",
 												onClick: () => {
-													Ie.emit("action-fit-to-width"), P(!1);
+													Ie.emit("action-fit-to-width"), N(!1);
 												}
 											}),
 											/* @__PURE__ */ F(V, {
-												icon: /* @__PURE__ */ F(de, { size: 16 }),
+												icon: /* @__PURE__ */ F(fe, { size: 16 }),
 												label: "Fit To Page",
 												onClick: () => {
-													Ie.emit("action-fit-to-page"), P(!1);
+													Ie.emit("action-fit-to-page"), N(!1);
 												}
 											}),
 											/* @__PURE__ */ F("div", { style: {
@@ -407,11 +440,10 @@ function Be({ activeTab: e, setActiveTab: t, leftSidebarOpen: n, setLeftSidebarO
 												3,
 												4,
 												5,
-												8,
-												10
+												8
 											].map((e) => /* @__PURE__ */ I("div", {
 												onClick: () => {
-													p && p(e), P(!1);
+													p && p(e), N(!1);
 												},
 												style: {
 													padding: "6px 44px",
@@ -429,30 +461,30 @@ function Be({ activeTab: e, setActiveTab: t, leftSidebarOpen: n, setLeftSidebarO
 												margin: "4px 0"
 											} }),
 											/* @__PURE__ */ F(V, {
-												icon: /* @__PURE__ */ F(Te, { size: 16 }),
+												icon: /* @__PURE__ */ F(M, { size: 16 }),
 												label: "Marquee Zoom",
-												onClick: () => P(!1)
+												onClick: () => N(!1)
 											})
 										]
 									})]
 								}),
-								/* @__PURE__ */ F(Ve, {
-									icon: /* @__PURE__ */ F(_e, {
+								/* @__PURE__ */ F($e, {
+									icon: /* @__PURE__ */ F(ve, {
 										size: 18,
 										color: u <= .1 ? "var(--border-color)" : "var(--text-muted)"
 									}),
 									title: "Zoom Out",
 									onClick: f,
-									disabled: u <= .1
+									disabled: u <= ze
 								}),
-								/* @__PURE__ */ F(Ve, {
-									icon: /* @__PURE__ */ F(xe, {
+								/* @__PURE__ */ F($e, {
+									icon: /* @__PURE__ */ F(Ce, {
 										size: 18,
-										color: u >= 10 ? "var(--border-color)" : "var(--text-muted)"
+										color: u >= 8 ? "var(--border-color)" : "var(--text-muted)"
 									}),
 									title: "Zoom In",
 									onClick: d,
-									disabled: u >= 10
+									disabled: u >= 8
 								})
 							]
 						}),
@@ -462,10 +494,10 @@ function Be({ activeTab: e, setActiveTab: t, leftSidebarOpen: n, setLeftSidebarO
 							backgroundColor: "var(--border-color)",
 							margin: "0 4px"
 						} }),
-						/* @__PURE__ */ F(Ve, {
-							icon: /* @__PURE__ */ F(O, { size: 18 }),
+						/* @__PURE__ */ F($e, {
+							icon: /* @__PURE__ */ F(ue, { size: 18 }),
 							title: "Pan Tool",
-							active: R === "pan",
+							active: Pe === "pan",
 							onClick: () => Ie.emit("action-set-tool", { tool: "pan" })
 						})
 					]
@@ -477,7 +509,7 @@ function Be({ activeTab: e, setActiveTab: t, leftSidebarOpen: n, setLeftSidebarO
 						height: "100%",
 						gap: "16px"
 					},
-					children: ze.filter((e) => e !== "Annotate" || pe !== !1 && ve?.canAddAnnotations !== !1).map((n) => /* @__PURE__ */ F("div", {
+					children: Ze.filter((e) => e !== "Annotate" || me !== !1 && ye?.canAddAnnotations !== !1).map((n) => /* @__PURE__ */ F("div", {
 						onClick: () => t(n),
 						style: {
 							fontSize: "13px",
@@ -500,7 +532,7 @@ function Be({ activeTab: e, setActiveTab: t, leftSidebarOpen: n, setLeftSidebarO
 						gap: "8px"
 					},
 					children: [
-						ke && /* @__PURE__ */ I("button", {
+						Ae && /* @__PURE__ */ I("button", {
 							onClick: () => Ie.emit("action-sign"),
 							style: {
 								background: "#fff0f0",
@@ -517,13 +549,13 @@ function Be({ activeTab: e, setActiveTab: t, leftSidebarOpen: n, setLeftSidebarO
 								fontWeight: 600,
 								fontSize: "13px"
 							},
-							children: [/* @__PURE__ */ F(be, {
+							children: [/* @__PURE__ */ F(Se, {
 								size: 14,
 								color: "#d32f2f",
 								fill: "#d32f2f"
 							}), "Sign"]
 						}),
-						le > 0 && /* @__PURE__ */ I("div", {
+						k > 0 && /* @__PURE__ */ I("div", {
 							onClick: () => Ie.emit("action-verify"),
 							style: {
 								backgroundColor: "#10b981",
@@ -539,9 +571,9 @@ function Be({ activeTab: e, setActiveTab: t, leftSidebarOpen: n, setLeftSidebarO
 							},
 							title: "Verify Signatures",
 							children: [
-								/* @__PURE__ */ F(Oe, { size: 16 }),
+								/* @__PURE__ */ F(ke, { size: 16 }),
 								" Signed · ",
-								le
+								k
 							]
 						}),
 						/* @__PURE__ */ F("div", { style: {
@@ -550,19 +582,19 @@ function Be({ activeTab: e, setActiveTab: t, leftSidebarOpen: n, setLeftSidebarO
 							backgroundColor: "var(--border-color)",
 							margin: "0 4px"
 						} }),
-						/* @__PURE__ */ F(Ve, {
-							icon: /* @__PURE__ */ F(se, { size: 18 }),
+						/* @__PURE__ */ F($e, {
+							icon: /* @__PURE__ */ F(E, { size: 18 }),
 							title: "About / Info",
 							onClick: ee
 						}),
-						/* @__PURE__ */ F(Ve, {
-							icon: /* @__PURE__ */ F(Ee, { size: 18 }),
+						/* @__PURE__ */ F($e, {
+							icon: /* @__PURE__ */ F(De, { size: 18 }),
 							title: "Search",
 							active: a && l === "Search",
 							onClick: () => S("Search")
 						}),
-						/* @__PURE__ */ F(Ve, {
-							icon: /* @__PURE__ */ F(me, { size: 18 }),
+						/* @__PURE__ */ F($e, {
+							icon: /* @__PURE__ */ F(he, { size: 18 }),
 							title: "Comments",
 							active: a && l === "Comments",
 							onClick: () => S("Comments")
@@ -573,7 +605,7 @@ function Be({ activeTab: e, setActiveTab: t, leftSidebarOpen: n, setLeftSidebarO
 		})
 	});
 }
-function Ve({ icon: e, onClick: t, active: n = !1, disabled: r = !1, title: i }) {
+function $e({ icon: e, onClick: t, active: n = !1, disabled: r = !1, title: i }) {
 	return /* @__PURE__ */ F("button", {
 		title: i,
 		onClick: r ? void 0 : t,
@@ -627,7 +659,7 @@ function V({ icon: e, label: t, onClick: n, disabled: r = !1, selected: i = !1 }
 }
 //#endregion
 //#region src/components/AnnotationContextMenu.tsx
-function He({ annotation: e, position: t, onCopy: n, onDelete: r, onUpdateColor: i, onOpenLinkModal: a, permissions: o }) {
+function et({ annotation: e, position: t, onCopy: n, onDelete: r, onUpdateColor: i, onOpenLinkModal: a, permissions: o }) {
 	let s = o?.canAddAnnotations !== !1, c = o?.canEditAnnotations !== !1, l = o?.canDeleteAnnotations !== !1;
 	return /* @__PURE__ */ I("div", {
 		style: {
@@ -647,8 +679,8 @@ function He({ annotation: e, position: t, onCopy: n, onDelete: r, onUpdateColor:
 		},
 		onClick: (e) => e.stopPropagation(),
 		children: [
-			s && /* @__PURE__ */ I(Ne, { children: [/* @__PURE__ */ F(Ue, {
-				icon: /* @__PURE__ */ F(C, { size: 16 }),
+			s && /* @__PURE__ */ I(P, { children: [/* @__PURE__ */ F(tt, {
+				icon: /* @__PURE__ */ F(te, { size: 16 }),
 				title: "Duplicate",
 				onClick: n
 			}), /* @__PURE__ */ F("div", { style: {
@@ -657,7 +689,7 @@ function He({ annotation: e, position: t, onCopy: n, onDelete: r, onUpdateColor:
 				backgroundColor: "#e5e7eb",
 				margin: "0 4px"
 			} })] }),
-			c && /* @__PURE__ */ I(Ne, { children: [/* @__PURE__ */ F("div", {
+			c && /* @__PURE__ */ I(P, { children: [/* @__PURE__ */ F("div", {
 				style: {
 					display: "flex",
 					alignItems: "center",
@@ -708,14 +740,14 @@ function He({ annotation: e, position: t, onCopy: n, onDelete: r, onUpdateColor:
 				},
 				onMouseEnter: (e) => e.currentTarget.style.backgroundColor = "#e0e7ff",
 				onMouseLeave: (e) => e.currentTarget.style.backgroundColor = "#eef2ff",
-				children: [/* @__PURE__ */ F(ne, { size: 14 }), "Edit Link"]
-			}) : /* @__PURE__ */ F(Ue, {
-				icon: /* @__PURE__ */ F(ce, { size: 16 }),
+				children: [/* @__PURE__ */ F(re, { size: 14 }), "Edit Link"]
+			}) : /* @__PURE__ */ F(tt, {
+				icon: /* @__PURE__ */ F(O, { size: 16 }),
 				title: "Link URL or Page",
 				onClick: a
 			})),
-			l && /* @__PURE__ */ F(Ue, {
-				icon: /* @__PURE__ */ F(je, { size: 16 }),
+			l && /* @__PURE__ */ F(tt, {
+				icon: /* @__PURE__ */ F(Me, { size: 16 }),
 				title: "Delete",
 				onClick: r,
 				color: "#ef4444"
@@ -723,7 +755,7 @@ function He({ annotation: e, position: t, onCopy: n, onDelete: r, onUpdateColor:
 		]
 	});
 }
-function Ue({ icon: e, title: t, onClick: n, color: r = "#4b5563" }) {
+function tt({ icon: e, title: t, onClick: n, color: r = "#4b5563" }) {
 	return /* @__PURE__ */ F("button", {
 		title: t,
 		onClick: n,
@@ -746,7 +778,7 @@ function Ue({ icon: e, title: t, onClick: n, color: r = "#4b5563" }) {
 }
 //#endregion
 //#region src/components/InsertLinkModal.tsx
-function We({ initialUrl: e = "", initialText: t = "", showTextInput: n = !1, onClose: r, onSave: i }) {
+function nt({ initialUrl: e = "", initialText: t = "", showTextInput: n = !1, onClose: r, onSave: i }) {
 	let a = e.startsWith("#page="), [o, s] = c(a ? "page" : "url"), [l, u] = c(a ? "" : e), [d, f] = c(a ? e.replace("#page=", "") : "1"), [p, m] = c(t), h = o === "url" ? !l.trim() : !d.trim(), g = () => {
 		if (h) return;
 		let e = o === "page" ? `#page=${d}` : l;
@@ -801,7 +833,7 @@ function We({ initialUrl: e = "", initialText: t = "", showTextInput: n = !1, on
 							cursor: "pointer",
 							color: "#6b7280"
 						},
-						children: /* @__PURE__ */ F(P, { size: 20 })
+						children: /* @__PURE__ */ F(N, { size: 20 })
 					})]
 				}),
 				/* @__PURE__ */ I("div", {
@@ -974,7 +1006,7 @@ function We({ initialUrl: e = "", initialText: t = "", showTextInput: n = !1, on
 }
 //#endregion
 //#region src/hooks/useShortcuts.ts
-var Ge = [
+var rt = [
 	{
 		action: "ROTATE_CW",
 		description: "Rotate the document clockwise",
@@ -1029,14 +1061,14 @@ var Ge = [
 		defaultCommand: "Delete",
 		command: "Delete"
 	}
-], Ke = "pdfviewer_shortcuts", qe = "pdfviewer-shortcuts-changed", Je = null, Ye = /* @__PURE__ */ new Set();
-function Xe() {
-	if (typeof window > "u" || !window.localStorage) return Ge;
+], it = "pdfviewer_shortcuts", H = "pdfviewer-shortcuts-changed", U = null, at = /* @__PURE__ */ new Set();
+function ot() {
+	if (typeof window > "u" || !window.localStorage) return rt;
 	try {
-		let e = window.localStorage.getItem(Ke);
+		let e = window.localStorage.getItem(it);
 		if (e) {
 			let t = JSON.parse(e);
-			if (Array.isArray(t)) return Ge.map((e) => {
+			if (Array.isArray(t)) return rt.map((e) => {
 				let n = t.find((t) => t && t.action === e.action);
 				return n && typeof n.command == "string" ? {
 					...e,
@@ -1045,39 +1077,39 @@ function Xe() {
 			});
 		}
 	} catch {}
-	return Ge;
+	return rt;
 }
-function Ze() {
-	Ye.forEach((e) => e()), typeof window < "u" && window.dispatchEvent(new CustomEvent(qe));
+function st() {
+	at.forEach((e) => e()), typeof window < "u" && window.dispatchEvent(new CustomEvent(H));
 }
-function Qe() {
-	let [e, t] = c(() => (Je ||= Xe(), Je));
+function ct() {
+	let [e, t] = c(() => (U ||= ot(), U));
 	return i(() => {
 		let e = () => {
-			Je = Xe(), t(Je);
+			U = ot(), t(U);
 		};
-		return Ye.add(e), typeof window < "u" && (window.addEventListener("storage", e), window.addEventListener(qe, e)), () => {
-			Ye.delete(e), typeof window < "u" && (window.removeEventListener("storage", e), window.removeEventListener(qe, e));
+		return at.add(e), typeof window < "u" && (window.addEventListener("storage", e), window.addEventListener(H, e)), () => {
+			at.delete(e), typeof window < "u" && (window.removeEventListener("storage", e), window.removeEventListener(H, e));
 		};
 	}, []), {
 		shortcuts: e,
 		updateShortcut: n((e, n) => {
-			let r = (Je || Xe()).map((t) => t.action === e ? {
+			let r = (U || ot()).map((t) => t.action === e ? {
 				...t,
 				command: n
 			} : t);
-			Je = r, typeof window < "u" && window.localStorage && window.localStorage.setItem(Ke, JSON.stringify(r)), t(r), Ze();
+			U = r, typeof window < "u" && window.localStorage && window.localStorage.setItem(it, JSON.stringify(r)), t(r), st();
 		}, []),
 		resetShortcuts: n(() => {
-			Je = Ge, typeof window < "u" && window.localStorage && window.localStorage.removeItem(Ke), t(Ge), Ze();
+			U = rt, typeof window < "u" && window.localStorage && window.localStorage.removeItem(it), t(rt), st();
 		}, []),
 		getCommand: n((t) => {
-			let n = (Je || e).find((e) => e.action === t);
+			let n = (U || e).find((e) => e.action === t);
 			return n ? n.command : "";
 		}, [e])
 	};
 }
-function $e(e) {
+function lt(e) {
 	if (!e) return {
 		meta: !1,
 		shift: !1,
@@ -1096,16 +1128,16 @@ function $e(e) {
 		key: a.join("+").toLowerCase()
 	};
 }
-function et(e, t) {
+function ut(e, t) {
 	if (!t) return !1;
-	let n = $e(t), r = !!(e.metaKey || e.ctrlKey);
+	let n = lt(t), r = !!(e.metaKey || e.ctrlKey);
 	if (n.meta !== r || n.alt !== !!e.altKey) return !1;
 	let i = (e.key || "").toLowerCase(), a = n.key.toLowerCase();
 	return a === "delete" || a === "backspace" ? n.shift === !!e.shiftKey ? i === "delete" || i === "backspace" : !1 : a === "=" || a === "+" ? !(i !== "=" && i !== "+" && e.code !== "Equal" && e.code !== "NumpadAdd" || n.shift && !e.shiftKey || !n.shift && a === "=" && e.shiftKey) : a === "-" || a === "_" ? !(i !== "-" && i !== "_" && e.code !== "Minus" && e.code !== "NumpadSubtract" || n.shift && !e.shiftKey || !n.shift && a === "-" && e.shiftKey) : n.shift === !!e.shiftKey && !!(i === a || e.code && e.code.toLowerCase() === `key${a}` || e.code && e.code.toLowerCase() === `digit${a}`);
 }
 //#endregion
 //#region src/hooks/usePdfSearch.ts
-async function tt(e, t, n = [], r) {
+async function dt(e, t, n = [], r) {
 	if (!e || !t.trim()) return [];
 	let i = [], a = t.toLowerCase(), o = e.numPages;
 	for (let s = 1; s <= o; s += 10) {
@@ -1182,7 +1214,7 @@ async function tt(e, t, n = [], r) {
 	}
 	return i;
 }
-function nt(e, t = []) {
+function ft(e, t = []) {
 	let [r, i] = c(!1), [a, o] = c([]), [s, l] = c(0);
 	return {
 		search: n(async (n) => {
@@ -1192,7 +1224,7 @@ function nt(e, t = []) {
 			}
 			i(!0), l(0);
 			try {
-				let r = await tt(e, n, t, (e) => l(e));
+				let r = await dt(e, n, t, (e) => l(e));
 				o(r);
 			} catch (e) {
 				console.error("Search error:", e);
@@ -1208,7 +1240,7 @@ function nt(e, t = []) {
 }
 //#endregion
 //#region src/components/Sidebar.tsx
-function rt({ isOpen: e, annotations: t, setAnnotations: n, selectedAnnotationId: r, setSelectedAnnotationId: a, onSearch: o, searchResults: l, isSearching: u, searchProgress: d, onResultClick: f, activeTab: p, setActiveTab: m }) {
+function pt({ isOpen: e, annotations: t, setAnnotations: n, selectedAnnotationId: r, setSelectedAnnotationId: a, onSearch: o, searchResults: l, isSearching: u, searchProgress: d, onResultClick: f, activeTab: p, setActiveTab: m }) {
 	let [h, g] = c(""), [_, v] = c(320), [y, b] = c(!1), x = s(null);
 	i(() => {
 		let e = (e) => {
@@ -1309,7 +1341,7 @@ function rt({ isOpen: e, annotations: t, setAnnotations: n, selectedAnnotationId
 						marginBottom: "16px"
 					},
 					children: [
-						/* @__PURE__ */ F(Ee, {
+						/* @__PURE__ */ F(De, {
 							size: 16,
 							color: "#64748b",
 							style: {
@@ -1353,7 +1385,7 @@ function rt({ isOpen: e, annotations: t, setAnnotations: n, selectedAnnotationId
 								color: "var(--text-muted)"
 							},
 							title: "Clear search",
-							children: /* @__PURE__ */ F(P, { size: 14 })
+							children: /* @__PURE__ */ F(N, { size: 14 })
 						})
 					]
 				})]
@@ -1366,7 +1398,7 @@ function rt({ isOpen: e, annotations: t, setAnnotations: n, selectedAnnotationId
 					flexDirection: "column",
 					gap: "8px"
 				},
-				children: [p === "Comments" && /* @__PURE__ */ I(Ne, { children: [ee.length === 0 && /* @__PURE__ */ F("div", {
+				children: [p === "Comments" && /* @__PURE__ */ I(P, { children: [ee.length === 0 && /* @__PURE__ */ F("div", {
 					style: {
 						color: "var(--text-muted)",
 						fontSize: "13px",
@@ -1399,10 +1431,10 @@ function rt({ isOpen: e, annotations: t, setAnnotations: n, selectedAnnotationId
 								color: "var(--text-muted)"
 							},
 							children: [
-								e.type === "note" && /* @__PURE__ */ F(me, { size: 14 }),
-								e.type === "callout" && /* @__PURE__ */ F(pe, { size: 14 }),
-								e.type === "text" && /* @__PURE__ */ F(Me, { size: 14 }),
-								e.type === "link" && /* @__PURE__ */ F(ce, { size: 14 }),
+								e.type === "note" && /* @__PURE__ */ F(he, { size: 14 }),
+								e.type === "callout" && /* @__PURE__ */ F(me, { size: 14 }),
+								e.type === "text" && /* @__PURE__ */ F(Ne, { size: 14 }),
+								e.type === "link" && /* @__PURE__ */ F(O, { size: 14 }),
 								/* @__PURE__ */ F("span", {
 									style: {
 										fontSize: "12px",
@@ -1430,7 +1462,7 @@ function rt({ isOpen: e, annotations: t, setAnnotations: n, selectedAnnotationId
 								padding: "4px"
 							},
 							title: "Delete Comment",
-							children: /* @__PURE__ */ F(je, { size: 14 })
+							children: /* @__PURE__ */ F(Me, { size: 14 })
 						})]
 					}), /* @__PURE__ */ F("div", {
 						style: {
@@ -1462,7 +1494,7 @@ function rt({ isOpen: e, annotations: t, setAnnotations: n, selectedAnnotationId
 							children: "Empty comment"
 						})
 					})]
-				}, e.id))] }), p === "Search" && /* @__PURE__ */ I(Ne, { children: [
+				}, e.id))] }), p === "Search" && /* @__PURE__ */ I(P, { children: [
 					u && /* @__PURE__ */ I("div", {
 						style: {
 							fontSize: "13px",
@@ -1589,7 +1621,7 @@ function rt({ isOpen: e, annotations: t, setAnnotations: n, selectedAnnotationId
 }
 //#endregion
 //#region src/components/LeftSidebar.tsx
-var it = ({ pdfDoc: e, pageIndex: t, isActive: n, onClick: r, scale: a }) => {
+var mt = ({ pdfDoc: e, pageIndex: t, isActive: n, onClick: r, scale: a }) => {
 	let o = s(null), l = s(null), [u, d] = c(!1), [f, p] = c(.77);
 	i(() => {
 		let e = new IntersectionObserver((e) => {
@@ -1678,7 +1710,7 @@ var it = ({ pdfDoc: e, pageIndex: t, isActive: n, onClick: r, scale: a }) => {
 		})]
 	});
 };
-function at({ isOpen: e, pdfDoc: t, pageNum: n, setPageNum: r }) {
+function ht({ isOpen: e, pdfDoc: t, pageNum: n, setPageNum: r }) {
 	let [a, o] = c("Thumbnails"), [s, l] = c(250), [u, d] = c(!1), [f, m] = c(30), h = .1 + f / 100 * .3;
 	i(() => {
 		let e = (e) => {
@@ -1734,7 +1766,7 @@ function at({ isOpen: e, pdfDoc: t, pageNum: n, setPageNum: r }) {
 								justifyContent: "center"
 							},
 							title: "Page Thumbnails",
-							children: /* @__PURE__ */ F(C, { size: 16 })
+							children: /* @__PURE__ */ F(te, { size: 16 })
 						}),
 						/* @__PURE__ */ F("button", {
 							onClick: () => o("Outline"),
@@ -1750,7 +1782,7 @@ function at({ isOpen: e, pdfDoc: t, pageNum: n, setPageNum: r }) {
 								justifyContent: "center"
 							},
 							title: "Document Outline",
-							children: /* @__PURE__ */ F(le, { size: 16 })
+							children: /* @__PURE__ */ F(k, { size: 16 })
 						}),
 						/* @__PURE__ */ F("button", {
 							onClick: () => o("Bookmarks"),
@@ -1781,11 +1813,11 @@ function at({ isOpen: e, pdfDoc: t, pageNum: n, setPageNum: r }) {
 								justifyContent: "center"
 							},
 							title: "More Options",
-							children: /* @__PURE__ */ F(ve, { size: 16 })
+							children: /* @__PURE__ */ F(ye, { size: 16 })
 						})
 					]
 				}),
-				a === "Thumbnails" && /* @__PURE__ */ I(Ne, { children: [
+				a === "Thumbnails" && /* @__PURE__ */ I(P, { children: [
 					/* @__PURE__ */ I("div", {
 						style: {
 							display: "flex",
@@ -1796,7 +1828,7 @@ function at({ isOpen: e, pdfDoc: t, pageNum: n, setPageNum: r }) {
 							backgroundColor: "#fff"
 						},
 						children: [
-							/* @__PURE__ */ F(ge, {
+							/* @__PURE__ */ F(_e, {
 								size: 14,
 								color: "var(--text-muted)",
 								style: { cursor: "pointer" },
@@ -1814,7 +1846,7 @@ function at({ isOpen: e, pdfDoc: t, pageNum: n, setPageNum: r }) {
 									accentColor: "var(--primary)"
 								}
 							}),
-							/* @__PURE__ */ F(M, {
+							/* @__PURE__ */ F(A, {
 								size: 14,
 								color: "var(--text-muted)",
 								style: { cursor: "pointer" },
@@ -1829,7 +1861,7 @@ function at({ isOpen: e, pdfDoc: t, pageNum: n, setPageNum: r }) {
 							padding: "8px 0",
 							backgroundColor: "#f1f1f1"
 						},
-						children: [t && v.map((e) => /* @__PURE__ */ F(it, {
+						children: [t && v.map((e) => /* @__PURE__ */ F(mt, {
 							pdfDoc: t,
 							pageIndex: e,
 							isActive: e === n,
@@ -1921,7 +1953,7 @@ function at({ isOpen: e, pdfDoc: t, pageNum: n, setPageNum: r }) {
 }
 //#endregion
 //#region src/utils/rotationUtils.ts
-function ot(e, t, n, r, i) {
+function gt(e, t, n, r, i) {
 	let a = (n % 360 + 360) % 360;
 	return a === 90 ? {
 		x: t,
@@ -1937,7 +1969,7 @@ function ot(e, t, n, r, i) {
 		y: t
 	};
 }
-function st(e, t, n, r, i) {
+function _t(e, t, n, r, i) {
 	let a = (n % 360 + 360) % 360;
 	return a === 90 ? {
 		x: i - t,
@@ -1953,7 +1985,7 @@ function st(e, t, n, r, i) {
 		y: t
 	};
 }
-function H(e, t, n, r, i, a, o) {
+function vt(e, t, n, r, i, a, o) {
 	let s = (i % 360 + 360) % 360;
 	return s === 90 ? {
 		x: o - (t + r),
@@ -1977,64 +2009,43 @@ function H(e, t, n, r, i, a, o) {
 		height: r
 	};
 }
-function ct(e, t, n) {
+function yt(e, t, n) {
 	let r = (e % 360 + 360) % 360;
 	if (r === 90) return `translate(${n}, 0) rotate(90)`;
 	if (r === 180) return `translate(${t}, ${n}) rotate(180)`;
 	if (r === 270) return `translate(0, ${t}) rotate(270)`;
 }
-function lt(e) {
+function bt(e) {
 	return (e % 360 + 360) % 360;
 }
 //#endregion
-//#region src/utils/zoomUtils.ts
-var ut = .1, dt = 10, ft = () => typeof navigator < "u" && (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini|Mobile|Tablet/i.test(navigator.userAgent) || /^((?!chrome|android).)*safari/i.test(navigator.userAgent)), pt = 4096, mt = 2048, ht = 8388608, gt = 4194304;
-function _t(e, t = 10) {
-	return Math.min(t, Math.round((e + (e < 2 ? .25 : e < 5 ? .5 : 1)) * 100) / 100);
-}
-function vt(e, t = ut) {
-	return Math.max(t, Math.round((e - (e <= 2 ? .25 : e <= 5 ? .5 : 1)) * 100) / 100);
-}
-function yt(e, t = ut, n = 10) {
-	return Math.min(n, Math.max(t, Math.round(e * 100) / 100));
-}
-function bt(e, t, n, r, i = ft() ? mt : pt, a = ft() ? gt : ht) {
-	let o = e * t;
-	return n * o > i && (o = i / n), r * o > i && (o = i / r), n * o * (r * o) > a && (o = Math.sqrt(a / (n * r))), o;
-}
-function xt(e) {
-	let { prevScale: t, newScale: n, containerWidth: r, containerHeight: i, currentScrollLeft: a, currentScrollTop: o, basePageWidth: s, focusPoint: c, isProgrammatic: l = !1 } = e;
-	if (l) return {
-		scrollLeft: 0,
-		scrollTop: o <= 1 ? 0 : o
-	};
-	let u = c?.vx != null && c?.vy != null;
-	if (!u && o <= 0) return {
-		scrollLeft: 0,
-		scrollTop: 0
-	};
-	let d = u ? c.vx : r / 2, f = u ? c.vy : i / 2, p = d + a, m = f + o, h = Math.max(0, r / 2 - s * t / 2), g = Math.max(0, r / 2 - s * n / 2) + (p - h) * (n / t);
-	return {
-		scrollLeft: Math.max(0, g - d),
-		scrollTop: Math.max(0, n / t * m - f)
-	};
-}
-//#endregion
 //#region src/components/PageRenderer.tsx
-function U({ pageNum: t, pdfDoc: n, scale: r, rotation: a, containerWidth: o, containerHeight: l, scrollTop: u, scrollLeft: d, pageTop: f, pageLeft: p = 0, basePageWidth: m, basePageHeight: h, activeTab: g, activeTool: _, annotations: v, selectedAnnotationId: y, activeSearchResult: b, transientHighlights: x, onMouseDown: ee, onMouseMove: S, onMouseUp: C, onAnnotationClick: te, onAnnotationMouseEnter: ne, onClearSelection: re, watermark: ie, watermarkText: w, redactions: T, onDiscardRedaction: ae, onRendered: oe }) {
-	let E = s(oe);
-	E.current = oe;
-	let D = s(null), O = s(null), k = s(null), se = s(null), A = s(!1), [ce, le] = c(null), ue = m * r, de = h * r;
-	i(() => {
-		A.current = !1;
-	}, [n, t]), i(() => {
+function xt({ pageNum: t, pdfDoc: n, scale: r, rotation: a, containerWidth: o, containerHeight: l, scrollTop: u, scrollLeft: d, pageTop: f, pageLeft: p = 0, basePageWidth: m, basePageHeight: h, activeTab: g, activeTool: _, annotations: v, selectedAnnotationId: y, activeSearchResult: b, transientHighlights: x, onMouseDown: ee, onMouseMove: S, onMouseUp: te, onAnnotationClick: ne, onAnnotationMouseEnter: re, onClearSelection: ie, watermark: ae, watermarkText: oe, redactions: C, onDiscardRedaction: se, onRendered: ce, hideAnnotationsUntilPageRendered: le = !0 }) {
+	let w = s(ce);
+	w.current = ce;
+	let ue = s(null), T = s(null), E = s(null), D = s(null), O = s(!1), [k, de] = c(!1), [fe, pe] = c(null), me = m * r, he = h * r, [ge, _e] = c({
+		pdfDoc: n,
+		pageNum: t,
+		rotation: a
+	});
+	(ge.pdfDoc !== n || ge.pageNum !== t || ge.rotation !== a) && (_e({
+		pdfDoc: n,
+		pageNum: t,
+		rotation: a
+	}), de(!1)), i(() => {
+		O.current = !1;
+	}, [
+		n,
+		t,
+		a
+	]), i(() => {
 		let e = !1, i = null, o = async () => {
-			if (!D.current || !n) return;
-			if (k.current) {
+			if (!ue.current || !n) return;
+			if (E.current) {
 				try {
-					k.current.cancel();
+					E.current.cancel();
 				} catch {}
-				k.current = null;
+				E.current = null;
 			}
 			let i = null;
 			try {
@@ -2045,11 +2056,11 @@ function U({ pageNum: t, pdfDoc: n, scale: r, rotation: a, containerWidth: o, co
 					} catch {}
 					return;
 				}
-				i = o, se.current = o;
-				let s = Math.min(window.devicePixelRatio || 1, 2), c = lt(o.rotate + a), l = o.getViewport({
+				i = o, D.current = o;
+				let s = Math.min(window.devicePixelRatio || 1, 2), c = bt(o.rotate + a), l = o.getViewport({
 					scale: 1,
 					rotation: c
-				}), u = bt(r, s, l.width, l.height), d = o.getViewport({
+				}), u = Ye(r, s, l.width, l.height), d = o.getViewport({
 					scale: u,
 					rotation: c
 				}), f = document.createElement("canvas");
@@ -2067,17 +2078,17 @@ function U({ pageNum: t, pdfDoc: n, scale: r, rotation: a, containerWidth: o, co
 					canvas: f,
 					viewport: d
 				});
-				if (k.current = g, await g.promise, k.current = null, T && T.length > 0) {
+				if (E.current = g, await g.promise, E.current = null, C && C.length > 0) {
 					p.save(), p.setTransform(1, 0, 0, 1, 0, 0);
 					let e = a % 180 == 0 ? m : h, n = a % 180 == 0 ? h : m;
-					for (let i of T) if (i.pageIndex === t) {
-						let t = H(i.x, i.y, i.width, i.height, a, e, n), o = t.x * u, s = t.y * u, c = t.width * u, l = t.height * u;
+					for (let i of C) if (i.pageIndex === t) {
+						let t = vt(i.x, i.y, i.width, i.height, a, e, n), o = t.x * u, s = t.y * u, c = t.width * u, l = t.height * u;
 						i.status === "applied" || i.status === void 0 ? (p.fillStyle = "#000000", p.fillRect(Math.floor(o), Math.floor(s), Math.ceil(c), Math.ceil(l))) : (p.fillStyle = "rgba(0, 0, 0, 0.45)", p.fillRect(Math.floor(o), Math.floor(s), Math.ceil(c), Math.ceil(l)), p.lineWidth = Math.max(1, u / (r || 1) * 2), p.strokeStyle = "#dc2626", p.strokeRect(Math.floor(o), Math.floor(s), Math.ceil(c), Math.ceil(l)));
 					}
 					p.restore();
 				}
-				let _ = ie || (w ? {
-					text: w,
+				let _ = ae || (oe ? {
+					text: oe,
 					opacity: .15,
 					size: 24,
 					mode: "tiled",
@@ -2099,11 +2110,11 @@ function U({ pageNum: t, pdfDoc: n, scale: r, rotation: a, containerWidth: o, co
 					}
 					p.restore();
 				}
-				let v = D.current;
+				let v = ue.current;
 				if (v && !e) {
 					v.width = f.width, v.height = f.height;
 					let e = v.getContext("2d");
-					e && e.drawImage(f, 0, 0), A.current = !0, E.current?.(t);
+					e && e.drawImage(f, 0, 0), O.current = !0, de(!0), w.current?.(t);
 				}
 				f.width = 0, f.height = 0;
 			} catch (e) {
@@ -2112,21 +2123,21 @@ function U({ pageNum: t, pdfDoc: n, scale: r, rotation: a, containerWidth: o, co
 				if (i) try {
 					i.cleanup?.();
 				} catch {}
-				se.current === i && (se.current = null);
+				D.current === i && (D.current = null);
 			}
-		}, s = A.current ? 150 : 0;
+		}, s = O.current ? 150 : 0;
 		return i = setTimeout(o, s), () => {
-			if (e = !0, i && clearTimeout(i), k.current) {
+			if (e = !0, i && clearTimeout(i), E.current) {
 				try {
-					k.current.cancel();
+					E.current.cancel();
 				} catch {}
-				k.current = null;
+				E.current = null;
 			}
-			if (se.current) {
+			if (D.current) {
 				try {
-					se.current.cleanup?.();
+					D.current.cleanup?.();
 				} catch {}
-				se.current = null;
+				D.current = null;
 			}
 		};
 	}, [
@@ -2136,16 +2147,16 @@ function U({ pageNum: t, pdfDoc: n, scale: r, rotation: a, containerWidth: o, co
 		a,
 		m,
 		h,
-		ie,
-		w,
-		T
+		ae,
+		oe,
+		C
 	]), i(() => {
 		let e = !1;
 		return (async () => {
 			try {
 				let r = await (await n.getPage(t)).getTextContent();
-				if (T && T.length > 0) {
-					let e = T.filter((e) => e.pageIndex === t);
+				if (C && C.length > 0) {
+					let e = C.filter((e) => e.pageIndex === t);
 					e.length > 0 && (r.items = r.items.filter((t) => {
 						if (t.str.trim() === "") return !0;
 						let n = t.transform[4], r = t.transform[5], i = t.width, a = t.height;
@@ -2156,7 +2167,7 @@ function U({ pageNum: t, pdfDoc: n, scale: r, rotation: a, containerWidth: o, co
 						return !0;
 					}));
 				}
-				e || le(r);
+				e || pe(r);
 			} catch {}
 		})(), () => {
 			e = !0;
@@ -2164,19 +2175,19 @@ function U({ pageNum: t, pdfDoc: n, scale: r, rotation: a, containerWidth: o, co
 	}, [
 		n,
 		t,
-		T
+		C
 	]), i(() => {
-		let e = O.current;
-		!ce || !e || (async () => {
+		let e = T.current;
+		!fe || !e || (async () => {
 			try {
 				let r = await n.getPage(t), i = r.getViewport({
 					scale: 1,
-					rotation: lt(r.rotate + a)
-				}), o = ce;
-				if (T && T.length > 0) {
-					let e = T.filter((e) => e.pageIndex === t);
+					rotation: bt(r.rotate + a)
+				}), o = fe;
+				if (C && C.length > 0) {
+					let e = C.filter((e) => e.pageIndex === t);
 					if (e.length > 0) {
-						let t = ce.items.filter((t) => {
+						let t = fe.items.filter((t) => {
 							if (!t.str || t.str.trim() === "") return !0;
 							let n = t.transform[4], r = t.transform[5], a = t.width, o = t.height || Math.abs(t.transform[3]), s = i.height - r - o;
 							for (let t of e) {
@@ -2186,7 +2197,7 @@ function U({ pageNum: t, pdfDoc: n, scale: r, rotation: a, containerWidth: o, co
 							return !0;
 						});
 						o = {
-							...ce,
+							...fe,
 							items: t
 						};
 					}
@@ -2201,32 +2212,32 @@ function U({ pageNum: t, pdfDoc: n, scale: r, rotation: a, containerWidth: o, co
 			}
 		})();
 	}, [
-		ce,
+		fe,
 		n,
 		t,
 		a,
-		T
+		C
 	]);
-	let fe = v.filter((e) => e.pageIndex === t);
+	let ve = v.filter((e) => e.pageIndex === t), ye = !le || k;
 	return /* @__PURE__ */ I("div", {
 		id: `pdf-page-${t}`,
 		className: "pdf-page-container",
 		onClick: () => {
-			_ === null && re();
+			_ === null && ie();
 		},
 		style: {
 			position: "absolute",
 			top: `${f}px`,
 			left: p === void 0 ? "0px" : `${p}px`,
-			width: `${ue}px`,
-			height: `${de}px`,
+			width: `${me}px`,
+			height: `${he}px`,
 			backgroundColor: "#fff",
 			boxShadow: "0 2px 10px rgba(0,0,0,0.1)",
 			marginBottom: "16px"
 		},
 		children: [
 			/* @__PURE__ */ F("canvas", {
-				ref: D,
+				ref: ue,
 				style: {
 					position: "absolute",
 					width: "100%",
@@ -2236,7 +2247,7 @@ function U({ pageNum: t, pdfDoc: n, scale: r, rotation: a, containerWidth: o, co
 				}
 			}),
 			/* @__PURE__ */ F("div", {
-				ref: O,
+				ref: T,
 				className: "textLayer",
 				style: {
 					position: "absolute",
@@ -2244,8 +2255,9 @@ function U({ pageNum: t, pdfDoc: n, scale: r, rotation: a, containerWidth: o, co
 					left: 0,
 					transform: `scale(${r})`,
 					transformOrigin: "top left",
-					pointerEvents: "auto",
-					opacity: 1,
+					pointerEvents: ye ? "auto" : "none",
+					opacity: +!!ye,
+					visibility: ye ? "visible" : "hidden",
 					width: `${m}px`,
 					height: `${h}px`
 				}
@@ -2260,12 +2272,14 @@ function U({ pageNum: t, pdfDoc: n, scale: r, rotation: a, containerWidth: o, co
 						width: "100%",
 						height: "100%",
 						pointerEvents: "none",
-						zIndex: 6
+						zIndex: 6,
+						visibility: ye ? "visible" : "hidden",
+						opacity: +!!ye
 					},
 					children: [
 						/* @__PURE__ */ F("style", { children: "\n              @keyframes tspdf-transient-pulse {\n                0% {\n                  box-shadow: 0 0 0 0 rgba(234, 179, 8, 0.75), 0 0 8px rgba(234, 179, 8, 0.4);\n                }\n                50% {\n                  box-shadow: 0 0 0 6px rgba(234, 179, 8, 0.25), 0 0 18px rgba(234, 179, 8, 0.7);\n                }\n                100% {\n                  box-shadow: 0 0 0 0 rgba(234, 179, 8, 0.75), 0 0 8px rgba(234, 179, 8, 0.4);\n                }\n              }\n            " }),
 						b && b.pageIndex === t && b.bounds.map((e, t) => {
-							let o = H(e.x, i - e.y - e.height, e.width, e.height, a, n, i);
+							let o = vt(e.x, i - e.y - e.height, e.width, e.height, a, n, i);
 							return /* @__PURE__ */ F("div", { style: {
 								position: "absolute",
 								left: `${o.x * r}px`,
@@ -2279,7 +2293,7 @@ function U({ pageNum: t, pdfDoc: n, scale: r, rotation: a, containerWidth: o, co
 							} }, `search-${t}`);
 						}),
 						x && x.filter((e) => e.pageIndex === t).map((t, o) => /* @__PURE__ */ F(e.Fragment, { children: t.bounds.map((e, o) => {
-							let s = H(e.x, i - e.y - e.height, e.width, e.height, a, n, i), c = t.color || "rgba(250, 204, 21, 0.45)", l = t.borderColor || "rgba(234, 179, 8, 0.85)";
+							let s = vt(e.x, i - e.y - e.height, e.width, e.height, a, n, i), c = t.color || "rgba(250, 204, 21, 0.45)", l = t.borderColor || "rgba(234, 179, 8, 0.85)";
 							return /* @__PURE__ */ F("div", {
 								style: {
 									position: "absolute",
@@ -2320,7 +2334,7 @@ function U({ pageNum: t, pdfDoc: n, scale: r, rotation: a, containerWidth: o, co
 				});
 			})(),
 			(() => {
-				let n = ct(a, a % 180 == 0 ? m : h, a % 180 == 0 ? h : m);
+				let n = yt(a, a % 180 == 0 ? m : h, a % 180 == 0 ? h : m);
 				return /* @__PURE__ */ F("svg", {
 					style: {
 						position: "absolute",
@@ -2329,26 +2343,28 @@ function U({ pageNum: t, pdfDoc: n, scale: r, rotation: a, containerWidth: o, co
 						width: "100%",
 						height: "100%",
 						cursor: ["Annotate", "Shapes"].includes(g) && _ ? _ === "eraser" ? "cell" : "crosshair" : "default",
-						pointerEvents: _ === null || _ === "pan" ? "none" : "auto",
-						zIndex: 10
+						pointerEvents: _ === null || _ === "pan" || !ye ? "none" : "auto",
+						zIndex: 10,
+						visibility: ye ? "visible" : "hidden",
+						opacity: +!!ye
 					},
 					viewBox: `0 0 ${m} ${h}`,
 					onMouseDown: (e) => ee(e, t),
 					onMouseMove: (e) => S(e, t),
-					onMouseUp: (e) => C(e, t),
-					onMouseLeave: (e) => C(e, t),
+					onMouseUp: (e) => te(e, t),
+					onMouseLeave: (e) => te(e, t),
 					children: /* @__PURE__ */ F("g", {
 						transform: n,
-						children: /* @__PURE__ */ I(e.Fragment, { children: [fe.map((t) => {
+						children: /* @__PURE__ */ I(e.Fragment, { children: [ve.map((t) => {
 							let n = t.type === "text" || t.type === "callout" ? "transparent" : `${t.color}${Math.floor(t.opacity * 255).toString(16).padStart(2, "0")}`, r = t.color, i = y === t.id, a = (t.type === "highlight" || t.opacity < 1) && ![
 								"text",
 								"note",
 								"callout",
 								"signature"
 							].includes(t.type) ? "multiply" : "normal", o = {
-								onMouseEnter: () => ne(t.id),
+								onMouseEnter: () => re(t.id),
 								onClick: (e) => {
-									te(t.id, e);
+									ne(t.id, e);
 								},
 								style: {
 									pointerEvents: "all",
@@ -2667,10 +2683,10 @@ function U({ pageNum: t, pdfDoc: n, scale: r, rotation: a, containerWidth: o, co
 									strokeDasharray: "4"
 								})]
 							}, t.id);
-						}), T && T.filter((e) => e.pageIndex === t && e.status === "pending").map((e, t) => /* @__PURE__ */ I("g", {
+						}), C && C.filter((e) => e.pageIndex === t && e.status === "pending").map((e, t) => /* @__PURE__ */ I("g", {
 							style: { cursor: "pointer" },
 							onClick: (t) => {
-								t.stopPropagation(), ae?.(e);
+								t.stopPropagation(), se?.(e);
 							},
 							children: [
 								/* @__PURE__ */ F("title", { children: "Click to discard this redaction" }),
@@ -2715,7 +2731,7 @@ function U({ pageNum: t, pdfDoc: n, scale: r, rotation: a, containerWidth: o, co
 		]
 	});
 }
-var St = e.memo(U, (e, t) => e.pageNum === t.pageNum && e.pdfDoc === t.pdfDoc && e.scale === t.scale && e.rotation === t.rotation && e.basePageWidth === t.basePageWidth && e.basePageHeight === t.basePageHeight && e.pageTop === t.pageTop && e.pageLeft === t.pageLeft && e.activeTab === t.activeTab && e.activeTool === t.activeTool && e.selectedAnnotationId === t.selectedAnnotationId && e.activeSearchResult === t.activeSearchResult && e.watermark === t.watermark && e.watermarkText === t.watermarkText && e.redactions === t.redactions && e.annotations === t.annotations && e.transientHighlights === t.transientHighlights);
+var St = e.memo(xt, (e, t) => e.pageNum === t.pageNum && e.pdfDoc === t.pdfDoc && e.scale === t.scale && e.rotation === t.rotation && e.basePageWidth === t.basePageWidth && e.basePageHeight === t.basePageHeight && e.pageTop === t.pageTop && e.pageLeft === t.pageLeft && e.activeTab === t.activeTab && e.activeTool === t.activeTool && e.selectedAnnotationId === t.selectedAnnotationId && e.activeSearchResult === t.activeSearchResult && e.watermark === t.watermark && e.watermarkText === t.watermarkText && e.redactions === t.redactions && e.annotations === t.annotations && e.transientHighlights === t.transientHighlights && e.hideAnnotationsUntilPageRendered === t.hideAnnotationsUntilPageRendered);
 //#endregion
 //#region src/annotations/ids.ts
 function Ct() {
@@ -2795,7 +2811,7 @@ function Dt(e, t, n, r = 16) {
 		total: o
 	};
 }
-function W(e, t, n = .5) {
+function Ot(e, t, n = .5) {
 	if (e.length !== t.length) return !0;
 	for (let r = 0; r < e.length; r++) {
 		let i = e[r], a = t[r];
@@ -2805,30 +2821,30 @@ function W(e, t, n = .5) {
 }
 //#endregion
 //#region src/core/pdfAssets.ts
-var G = {};
-function Ot(e) {
-	G = {
-		...G,
+var W = {};
+function kt(e) {
+	W = {
+		...W,
 		...e
 	}, e.workerSrc && (L.GlobalWorkerOptions.workerSrc = e.workerSrc);
 }
-function kt() {
-	return G;
+function G() {
+	return W;
+}
+function K() {
+	return !!(W.workerSrc || L.GlobalWorkerOptions.workerSrc);
 }
 function At() {
-	return !!(G.workerSrc || L.GlobalWorkerOptions.workerSrc);
+	if (!K()) throw Error("[teamsync-pdf-viewer] pdf.js worker not configured. Call configurePdfAssets({ workerSrc }) with the URL of pdf.worker.min.mjs (same pdfjs-dist version) before loading a document, or pass `assets={{ workerSrc }}` to <TeamSyncViewer>.");
 }
 function jt() {
-	if (!At()) throw Error("[teamsync-pdf-viewer] pdf.js worker not configured. Call configurePdfAssets({ workerSrc }) with the URL of pdf.worker.min.mjs (same pdfjs-dist version) before loading a document, or pass `assets={{ workerSrc }}` to <TeamSyncViewer>.");
-}
-function Mt() {
 	let e = {};
-	return G.cMapUrl && (e.cMapUrl = G.cMapUrl, e.cMapPacked = !0), G.standardFontDataUrl && (e.standardFontDataUrl = G.standardFontDataUrl), G.wasmUrl && (e.wasmUrl = G.wasmUrl), G.iccUrl && (e.iccUrl = G.iccUrl), e;
+	return W.cMapUrl && (e.cMapUrl = W.cMapUrl, e.cMapPacked = !0), W.standardFontDataUrl && (e.standardFontDataUrl = W.standardFontDataUrl), W.wasmUrl && (e.wasmUrl = W.wasmUrl), W.iccUrl && (e.iccUrl = W.iccUrl), e;
 }
-var Nt = L.version;
+var Mt = L.version;
 //#endregion
 //#region src/components/DiffHighlightOverlay.tsx
-function Pt({ boxes: e, scale: t, colorScheme: n = "all", selectedDiffId: r, onSelectDiff: i }) {
+function Nt({ boxes: e, scale: t, colorScheme: n = "all", selectedDiffId: r, onSelectDiff: i }) {
 	let [a, o] = c(null);
 	if (!e || e.length === 0) return null;
 	let s = e.filter((e) => n === "deletions" ? e.type === "deletion" || e.type === "modification" : n !== "additions" || e.type === "addition" || e.type === "modification");
@@ -2933,18 +2949,18 @@ function Pt({ boxes: e, scale: t, colorScheme: n = "all", selectedDiffId: r, onS
 }
 //#endregion
 //#region src/components/SideBySideViewer.tsx
-function Ft({ pdfDocA: e, pdfDocB: t, pageNum: n, scale: r, rotation: a, basePageDims: o, activeTab: l, activeTool: u, annotations: d, watermark: f, watermarkText: p, redactions: m, diffsA: h = [], diffsB: g = [], selectedDiffId: _, onSelectDiff: v }) {
-	let y = s(null), b = s(null), x = s(!1);
+function Pt({ pdfDocA: e, pdfDocB: t, pageNum: n, scale: r, rotation: a, basePageDims: o, activeTab: l, activeTool: u, annotations: d, watermark: f, watermarkText: p, redactions: m, diffsA: h = [], diffsB: g = [], selectedDiffId: _, onSelectDiff: v, hideAnnotationsUntilPageRendered: y = !0 }) {
+	let b = s(null), x = s(null), ee = s(!1);
 	i(() => {
-		let e = y.current, t = b.current;
+		let e = b.current, t = x.current;
 		if (!e || !t) return;
 		let n = () => {
-			x.current || (x.current = !0, t.scrollTop = e.scrollTop, t.scrollLeft = e.scrollLeft, setTimeout(() => {
-				x.current = !1;
+			ee.current || (ee.current = !0, t.scrollTop = e.scrollTop, t.scrollLeft = e.scrollLeft, setTimeout(() => {
+				ee.current = !1;
 			}, 10));
 		}, r = () => {
-			x.current || (x.current = !0, e.scrollTop = t.scrollTop, e.scrollLeft = t.scrollLeft, setTimeout(() => {
-				x.current = !1;
+			ee.current || (ee.current = !0, e.scrollTop = t.scrollTop, e.scrollLeft = t.scrollLeft, setTimeout(() => {
+				ee.current = !1;
 			}, 10));
 		};
 		return e.addEventListener("scroll", n), t.addEventListener("scroll", r), () => {
@@ -2953,9 +2969,9 @@ function Ft({ pdfDocA: e, pdfDocB: t, pageNum: n, scale: r, rotation: a, basePag
 	}, []), i(() => {
 		if (!_) return;
 		let e = [...h || [], ...g || []].find((e) => e.id === _);
-		if (e && y.current) {
-			let t = y.current.clientHeight || 600, n = e.y * r, i = Math.max(0, n - t / 3);
-			y.current.scrollTo({
+		if (e && b.current) {
+			let t = b.current.clientHeight || 600, n = e.y * r, i = Math.max(0, n - t / 3);
+			b.current.scrollTo({
 				top: i,
 				behavior: "smooth"
 			});
@@ -2966,14 +2982,14 @@ function Ft({ pdfDocA: e, pdfDocB: t, pageNum: n, scale: r, rotation: a, basePag
 		g,
 		r
 	]);
-	let [ee, S] = c(o), [C, te] = c(o);
+	let [S, te] = c(o), [ne, re] = c(o);
 	i(() => {
 		e && e.getPage(n).then((e) => {
 			let t = e.getViewport({
 				scale: 1,
 				rotation: (e.rotate + a) % 360
 			});
-			S({
+			te({
 				width: t.width,
 				height: t.height
 			});
@@ -2988,7 +3004,7 @@ function Ft({ pdfDocA: e, pdfDocB: t, pageNum: n, scale: r, rotation: a, basePag
 				scale: 1,
 				rotation: (e.rotate + a) % 360
 			});
-			te({
+			re({
 				width: t.width,
 				height: t.height
 			});
@@ -2998,7 +3014,7 @@ function Ft({ pdfDocA: e, pdfDocB: t, pageNum: n, scale: r, rotation: a, basePag
 		n,
 		a
 	]);
-	let ne = (ee.width || 600) * r, re = (ee.height || 800) * r, ie = (C.width || 600) * r, w = (C.height || 800) * r;
+	let ie = (S.width || 600) * r, ae = (S.height || 800) * r, oe = (ne.width || 600) * r, C = (ne.height || 800) * r;
 	return /* @__PURE__ */ I("div", {
 		style: {
 			flex: 1,
@@ -3009,7 +3025,7 @@ function Ft({ pdfDocA: e, pdfDocB: t, pageNum: n, scale: r, rotation: a, basePag
 			overflow: "hidden"
 		},
 		children: [/* @__PURE__ */ I("div", {
-			ref: y,
+			ref: b,
 			style: {
 				flex: 1,
 				height: "100%",
@@ -3035,8 +3051,8 @@ function Ft({ pdfDocA: e, pdfDocB: t, pageNum: n, scale: r, rotation: a, basePag
 			}), /* @__PURE__ */ I("div", {
 				style: {
 					position: "relative",
-					width: `${ne}px`,
-					height: `${re}px`,
+					width: `${ie}px`,
+					height: `${ae}px`,
 					boxShadow: "0 4px 12px rgba(0,0,0,0.15)"
 				},
 				children: [e && /* @__PURE__ */ F(St, {
@@ -3047,10 +3063,10 @@ function Ft({ pdfDocA: e, pdfDocB: t, pageNum: n, scale: r, rotation: a, basePag
 					scrollTop: 0,
 					scrollLeft: 0,
 					pageTop: 0,
-					basePageWidth: ee.width,
-					basePageHeight: ee.height,
-					containerWidth: ne,
-					containerHeight: re,
+					basePageWidth: S.width,
+					basePageHeight: S.height,
+					containerWidth: ie,
+					containerHeight: ae,
 					activeTab: l,
 					activeTool: u,
 					annotations: d,
@@ -3064,8 +3080,9 @@ function Ft({ pdfDocA: e, pdfDocB: t, pageNum: n, scale: r, rotation: a, basePag
 					onClearSelection: () => {},
 					watermark: f,
 					watermarkText: p,
-					redactions: m
-				}), /* @__PURE__ */ F(Pt, {
+					redactions: m,
+					hideAnnotationsUntilPageRendered: y
+				}), /* @__PURE__ */ F(Nt, {
 					boxes: h,
 					scale: r,
 					colorScheme: "deletions",
@@ -3074,7 +3091,7 @@ function Ft({ pdfDocA: e, pdfDocB: t, pageNum: n, scale: r, rotation: a, basePag
 				})]
 			})]
 		}), /* @__PURE__ */ I("div", {
-			ref: b,
+			ref: x,
 			style: {
 				flex: 1,
 				height: "100%",
@@ -3099,8 +3116,8 @@ function Ft({ pdfDocA: e, pdfDocB: t, pageNum: n, scale: r, rotation: a, basePag
 			}), /* @__PURE__ */ I("div", {
 				style: {
 					position: "relative",
-					width: `${ie}px`,
-					height: `${w}px`,
+					width: `${oe}px`,
+					height: `${C}px`,
 					boxShadow: "0 4px 12px rgba(0,0,0,0.15)"
 				},
 				children: [t && /* @__PURE__ */ F(St, {
@@ -3111,10 +3128,10 @@ function Ft({ pdfDocA: e, pdfDocB: t, pageNum: n, scale: r, rotation: a, basePag
 					scrollTop: 0,
 					scrollLeft: 0,
 					pageTop: 0,
-					basePageWidth: C.width,
-					basePageHeight: C.height,
-					containerWidth: ie,
-					containerHeight: w,
+					basePageWidth: ne.width,
+					basePageHeight: ne.height,
+					containerWidth: oe,
+					containerHeight: C,
 					activeTab: l,
 					activeTool: u,
 					annotations: d,
@@ -3128,8 +3145,9 @@ function Ft({ pdfDocA: e, pdfDocB: t, pageNum: n, scale: r, rotation: a, basePag
 					onClearSelection: () => {},
 					watermark: f,
 					watermarkText: p,
-					redactions: m
-				}), /* @__PURE__ */ F(Pt, {
+					redactions: m,
+					hideAnnotationsUntilPageRendered: y
+				}), /* @__PURE__ */ F(Nt, {
 					boxes: g,
 					scale: r,
 					colorScheme: "additions",
@@ -3142,7 +3160,7 @@ function Ft({ pdfDocA: e, pdfDocB: t, pageNum: n, scale: r, rotation: a, basePag
 }
 //#endregion
 //#region src/components/CompareToolbar.tsx
-function It({ compareState: e, onSetMode: t, onSetColors: n, onToggleCurtain: r, onPrevDiff: i, onNextDiff: a, onExit: o }) {
+function Ft({ compareState: e, onSetMode: t, onSetColors: n, onToggleCurtain: r, onPrevDiff: i, onNextDiff: a, onExit: o }) {
 	let { mode: s, colorA: c, colorB: l, showCurtain: u, diffItems: d, currentDiffIndex: f } = e;
 	return /* @__PURE__ */ I("div", {
 		style: {
@@ -3166,7 +3184,7 @@ function It({ compareState: e, onSetMode: t, onSetColors: n, onToggleCurtain: r,
 					fontWeight: 600,
 					color: "#38bdf8"
 				},
-				children: [/* @__PURE__ */ F(A, { size: 16 }), /* @__PURE__ */ F("span", { children: "Document Compare" })]
+				children: [/* @__PURE__ */ F(D, { size: 16 }), /* @__PURE__ */ F("span", { children: "Document Compare" })]
 			}),
 			/* @__PURE__ */ F("div", { style: {
 				width: "1px",
@@ -3197,7 +3215,7 @@ function It({ compareState: e, onSetMode: t, onSetColors: n, onToggleCurtain: r,
 							fontWeight: 500
 						},
 						title: "Overlay Color Blend Diff",
-						children: [/* @__PURE__ */ F(A, { size: 14 }), /* @__PURE__ */ F("span", { children: "Overlay Diff" })]
+						children: [/* @__PURE__ */ F(D, { size: 14 }), /* @__PURE__ */ F("span", { children: "Overlay Diff" })]
 					}),
 					/* @__PURE__ */ I("button", {
 						onClick: () => t("side-by-side"),
@@ -3233,11 +3251,11 @@ function It({ compareState: e, onSetMode: t, onSetColors: n, onToggleCurtain: r,
 							fontWeight: 500
 						},
 						title: "Semantic Text & Structured Diff",
-						children: [/* @__PURE__ */ F(oe, { size: 14 }), /* @__PURE__ */ F("span", { children: "Text Diff" })]
+						children: [/* @__PURE__ */ F(ce, { size: 14 }), /* @__PURE__ */ F("span", { children: "Text Diff" })]
 					})
 				]
 			}),
-			s === "overlay" && /* @__PURE__ */ I(Ne, { children: [
+			s === "overlay" && /* @__PURE__ */ I(P, { children: [
 				/* @__PURE__ */ F("div", { style: {
 					width: "1px",
 					height: "20px",
@@ -3318,10 +3336,10 @@ function It({ compareState: e, onSetMode: t, onSetColors: n, onToggleCurtain: r,
 						fontSize: "12px"
 					},
 					title: "Toggle Wipe Curtain Slider",
-					children: [/* @__PURE__ */ F(ke, { size: 14 }), /* @__PURE__ */ F("span", { children: "Curtain Slider" })]
+					children: [/* @__PURE__ */ F(Ae, { size: 14 }), /* @__PURE__ */ F("span", { children: "Curtain Slider" })]
 				})
 			] }),
-			d.length > 0 && /* @__PURE__ */ I(Ne, { children: [/* @__PURE__ */ F("div", { style: {
+			d.length > 0 && /* @__PURE__ */ I(P, { children: [/* @__PURE__ */ F("div", { style: {
 				width: "1px",
 				height: "20px",
 				backgroundColor: "#475569"
@@ -3391,14 +3409,14 @@ function It({ compareState: e, onSetMode: t, onSetColors: n, onToggleCurtain: r,
 					fontWeight: 600
 				},
 				title: "Exit Compare Mode",
-				children: [/* @__PURE__ */ F(P, { size: 14 }), /* @__PURE__ */ F("span", { children: "Exit Compare" })]
+				children: [/* @__PURE__ */ F(N, { size: 14 }), /* @__PURE__ */ F("span", { children: "Exit Compare" })]
 			})
 		]
 	});
 }
 //#endregion
 //#region src/components/DiffSummarySidebar.tsx
-function Lt({ isOpen: e, diffItems: t, textDiffs: n, currentDiffIndex: r, onSelectDiff: i, onJumpToPage: a }) {
+function It({ isOpen: e, diffItems: t, textDiffs: n, currentDiffIndex: r, onSelectDiff: i, onJumpToPage: a }) {
 	return e ? /* @__PURE__ */ I("div", {
 		style: {
 			width: "320px",
@@ -3428,7 +3446,7 @@ function Lt({ isOpen: e, diffItems: t, textDiffs: n, currentDiffIndex: r, onSele
 					fontSize: "14px",
 					color: "#0f172a"
 				},
-				children: [/* @__PURE__ */ F(A, {
+				children: [/* @__PURE__ */ F(D, {
 					size: 18,
 					color: "#0284c7"
 				}), /* @__PURE__ */ F("span", { children: "Compare Summary" })]
@@ -3460,7 +3478,7 @@ function Lt({ isOpen: e, diffItems: t, textDiffs: n, currentDiffIndex: r, onSele
 						alignItems: "center",
 						gap: "4px"
 					},
-					children: [/* @__PURE__ */ F(A, { size: 14 }), /* @__PURE__ */ I("span", { children: [
+					children: [/* @__PURE__ */ F(D, { size: 14 }), /* @__PURE__ */ I("span", { children: [
 						"Differences on Page (",
 						t.length,
 						")"
@@ -3497,11 +3515,11 @@ function Lt({ isOpen: e, diffItems: t, textDiffs: n, currentDiffIndex: r, onSele
 									gap: "6px"
 								},
 								children: [
-									o && /* @__PURE__ */ F(_e, {
+									o && /* @__PURE__ */ F(ve, {
 										size: 13,
 										color: "#e11d48"
 									}),
-									s && /* @__PURE__ */ F(xe, {
+									s && /* @__PURE__ */ F(Ce, {
 										size: 13,
 										color: "#10b981"
 									}),
@@ -3554,7 +3572,7 @@ function Lt({ isOpen: e, diffItems: t, textDiffs: n, currentDiffIndex: r, onSele
 							alignItems: "center",
 							gap: "4px"
 						},
-						children: [/* @__PURE__ */ F(oe, { size: 14 }), /* @__PURE__ */ F("span", { children: "Text Differences" })]
+						children: [/* @__PURE__ */ F(ce, { size: 14 }), /* @__PURE__ */ F("span", { children: "Text Differences" })]
 					}), n.filter((e) => e.type !== "equal").map((e, t) => /* @__PURE__ */ I("div", {
 						onClick: () => a(e.pageIndex),
 						style: {
@@ -3629,7 +3647,7 @@ function Lt({ isOpen: e, diffItems: t, textDiffs: n, currentDiffIndex: r, onSele
 }
 //#endregion
 //#region src/components/CompareCurtainSlider.tsx
-function Rt({ positionPercent: e, onChangePosition: t, containerRef: n }) {
+function Lt({ positionPercent: e, onChangePosition: t, containerRef: n }) {
 	let [r, a] = c(!1), o = s(null);
 	return i(() => {
 		let e = (e) => {
@@ -3680,13 +3698,13 @@ function Rt({ positionPercent: e, onChangePosition: t, containerRef: n }) {
 				boxShadow: "0 2px 8px rgba(0,0,0,0.3)",
 				cursor: "ew-resize"
 			},
-			children: /* @__PURE__ */ F(D, { size: 16 })
+			children: /* @__PURE__ */ F(w, { size: 16 })
 		})
 	});
 }
 //#endregion
 //#region src/utils/pdfDiffEngine.ts
-async function zt(e) {
+async function Rt(e) {
 	let t = e.getViewport({
 		scale: 1,
 		rotation: e.rotate
@@ -3709,8 +3727,8 @@ async function zt(e) {
 	}
 	return r;
 }
-async function Bt(e, t, n) {
-	let [r, i] = await Promise.all([e.getPage(n), t.getPage(Math.min(n, t.numPages))]), [a, o] = await Promise.all([zt(r), zt(i)]), s = a.map((e) => e.text), c = o.map((e) => e.text), l = s.length, u = c.length, d = l + u, f = new Int32Array(2 * d + 1);
+async function zt(e, t, n) {
+	let [r, i] = await Promise.all([e.getPage(n), t.getPage(Math.min(n, t.numPages))]), [a, o] = await Promise.all([Rt(r), Rt(i)]), s = a.map((e) => e.text), c = o.map((e) => e.text), l = s.length, u = c.length, d = l + u, f = new Int32Array(2 * d + 1);
 	f[1] = 0;
 	let p = [];
 	for (let e = 0; e <= d; e++) {
@@ -3733,7 +3751,7 @@ async function Bt(e, t, n) {
 		e > 0 && (m === i ? (_.push(h - 1), h--) : h === a && (g.push(m - 1), m--));
 	}
 	g.reverse(), _.reverse();
-	let v = Vt(g.map((e) => a[e]), n, "deletion"), y = Vt(_.map((e) => o[e]), n, "addition"), b = [];
+	let v = Bt(g.map((e) => a[e]), n, "deletion"), y = Bt(_.map((e) => o[e]), n, "addition"), b = [];
 	for (let e of v) b.push({
 		id: e.id,
 		pageIndex: n,
@@ -3760,16 +3778,16 @@ async function Bt(e, t, n) {
 		summary: b
 	};
 }
-function Vt(e, t, n) {
+function Bt(e, t, n) {
 	if (e.length === 0) return [];
 	let r = [], i = [e[0]];
 	for (let a = 1; a < e.length; a++) {
 		let o = i[i.length - 1], s = e[a], c = Math.abs(s.y - o.y) < Math.max(o.height, s.height) * .6, l = s.x - (o.x + o.width) < 30;
-		c && l ? i.push(s) : (r.push(Ht(i, t, n, r.length + 1)), i = [s]);
+		c && l ? i.push(s) : (r.push(Vt(i, t, n, r.length + 1)), i = [s]);
 	}
-	return i.length > 0 && r.push(Ht(i, t, n, r.length + 1)), r;
+	return i.length > 0 && r.push(Vt(i, t, n, r.length + 1)), r;
 }
-function Ht(e, t, n, r) {
+function Vt(e, t, n, r) {
 	let i = Math.min(...e.map((e) => e.x)), a = Math.min(...e.map((e) => e.y)), o = Math.max(...e.map((e) => e.x + e.width)), s = Math.max(...e.map((e) => e.y + e.height)), c = e.map((e) => e.text).join(" ");
 	return {
 		id: `diff-box-${t}-${n}-${r}-${Math.round(i)}-${Math.round(a)}`,
@@ -3782,7 +3800,7 @@ function Ht(e, t, n, r) {
 		height: s - a + 2
 	};
 }
-function Ut(e, t, n) {
+function Ht(e, t, n) {
 	let r = e.split(/(\s+)/), i = t.split(/(\s+)/), a = r.length, o = i.length, s = a + o, c = new Int32Array(2 * s + 1);
 	c[1] = 0;
 	let l = [];
@@ -3793,7 +3811,7 @@ function Ut(e, t, n) {
 			u = t === -e || t !== e && c[t - 1 + s] < c[t + 1 + s] ? c[t + 1 + s] : c[t - 1 + s] + 1;
 			let d = u - t;
 			for (; u < a && d < o && r[u] === i[d];) u++, d++;
-			if (c[t + s] = u, u >= a && d >= o) return Wt(l, r, i, n);
+			if (c[t + s] = u, u >= a && d >= o) return Ut(l, r, i, n);
 		}
 	}
 	return [{
@@ -3806,7 +3824,7 @@ function Ut(e, t, n) {
 		pageIndex: n
 	}];
 }
-function Wt(e, t, n, r) {
+function Ut(e, t, n, r) {
 	let i = t.length, a = n.length, o = t.length + n.length, s = [];
 	for (let r = e.length - 1; r >= 0; r--) {
 		let c = e[r], l = i - a, u;
@@ -3832,10 +3850,10 @@ function Wt(e, t, n, r) {
 	});
 	return c;
 }
-function Gt(e, t, n, r, i = .75) {
+function Wt(e, t, n, r, i = .75) {
 	e.save(), e.globalCompositeOperation = "source-atop", e.fillStyle = r, e.globalAlpha = i, e.fillRect(0, 0, t, n), e.restore();
 }
-function Kt(e, t, n, r) {
+function Gt(e, t, n, r) {
 	let i = Math.min(e.width, t.width), a = Math.min(e.height, t.height);
 	if (i === 0 || a === 0) return [];
 	let o = e.getContext("2d"), s = t.getContext("2d");
@@ -3862,8 +3880,8 @@ function Kt(e, t, n, r) {
 }
 //#endregion
 //#region src/components/DocumentViewer.tsx
-function qt({ leftSidebarOpen: t, rightSidebarOpen: r, activeTab: a, annotationManager: u, initialDoc: d, loadNonce: p = 0, withCredentials: h = !1, assets: g, sidebars: _ = !0, redactions: v, regexRedactions: x, scale: S, setScale: C, sidebarTab: te, setSidebarTab: ne, onAnnotationsChange: ie, onRedactionsChange: T, onDocumentLoaded: ae, onLoadError: oe, onFirstPageRendered: E, onPageChange: D, pageTransition: O, pageLayout: se, rotation: A, setRotation: le, watermark: ue, watermarkText: de, enableAnnotations: fe, initialPage: pe, page: me, transientHighlights: _e, permissions: ve }) {
-	let j = s(null), ye = Le(), [M, xe] = c(null), [Se, Ce] = c(null), [N, we] = c(1), [Te, Ee] = c([]), { getCommand: De } = Qe(), [ke, P] = c(null), [R, z] = c({
+function Kt({ leftSidebarOpen: t, rightSidebarOpen: r, activeTab: a, annotationManager: u, initialDoc: d, loadNonce: p = 0, withCredentials: h = !1, assets: g, sidebars: _ = !0, redactions: v, regexRedactions: x, scale: S, setScale: te, sidebarTab: ne, setSidebarTab: re, onAnnotationsChange: ae, onRedactionsChange: C, onDocumentLoaded: se, onLoadError: ce, onFirstPageRendered: le, onPageRendered: w, onPageChange: ue, pageTransition: E, pageLayout: D, rotation: k, setRotation: de, watermark: fe, watermarkText: pe, enableAnnotations: me, initialPage: he, page: ve, transientHighlights: ye, permissions: be, hideAnnotationsUntilPageRendered: xe = !0 }) {
+	let A = s(null), Ce = Le(), [j, we] = c(null), [Te, Ee] = c(null), [M, De] = c(1), [Oe, Ae] = c([]), { getCommand: N } = ct(), [Pe, Fe] = c(null), [R, z] = c({
 		isActive: !1,
 		mode: "overlay",
 		colorA: "#e11d48",
@@ -3875,39 +3893,41 @@ function qt({ leftSidebarOpen: t, rightSidebarOpen: r, activeTab: a, annotationM
 		curtainPosition: 50,
 		diffItems: [],
 		currentDiffIndex: 0
-	}), [Pe, Fe] = c([]), [B, Ie] = c(!1), ze = s({
-		onRedactionsChange: T,
-		onDocumentLoaded: ae,
-		onLoadError: oe,
-		onFirstPageRendered: E,
-		onPageChange: D
+	}), [B, Ie] = c([]), [ze, Be] = c(!1), Ve = s({
+		onRedactionsChange: C,
+		onDocumentLoaded: se,
+		onLoadError: ce,
+		onFirstPageRendered: le,
+		onPageRendered: w,
+		onPageChange: ue
 	});
-	ze.current = {
-		onRedactionsChange: T,
-		onDocumentLoaded: ae,
-		onLoadError: oe,
-		onFirstPageRendered: E,
-		onPageChange: D
+	Ve.current = {
+		onRedactionsChange: C,
+		onDocumentLoaded: se,
+		onLoadError: ce,
+		onFirstPageRendered: le,
+		onPageRendered: w,
+		onPageChange: ue
 	};
-	let Be = s(g);
-	Be.current = g;
-	let Ve = n(async (e) => {
+	let He = s(g);
+	He.current = g;
+	let Ue = n(async (e) => {
 		try {
-			jt(), Be.current && Ot(Be.current);
+			At(), He.current && kt(He.current);
 			let t = typeof e == "string" ? { url: e } : { data: e };
-			h && (t.withCredentials = !0), Object.assign(t, Mt());
+			h && (t.withCredentials = !0), Object.assign(t, jt());
 			let n = await L.getDocument(t).promise;
-			xe(n), ze.current.onDocumentLoaded?.(n, typeof e == "string" ? e : "documentA.pdf");
+			we(n), Ve.current.onDocumentLoaded?.(n, typeof e == "string" ? e : "documentA.pdf");
 		} catch (e) {
 			console.error("Failed to load comparison document A:", e);
 		}
-	}, [h]), V = n(async (e) => {
+	}, [h]), We = n(async (e) => {
 		try {
-			jt(), Be.current && Ot(Be.current);
+			At(), He.current && kt(He.current);
 			let t = typeof e == "string" ? { url: e } : { data: e };
-			h && (t.withCredentials = !0), Object.assign(t, Mt());
+			h && (t.withCredentials = !0), Object.assign(t, jt());
 			let n = await L.getDocument(t).promise;
-			P(n), z((e) => ({
+			Fe(n), z((e) => ({
 				...e,
 				isActive: !0,
 				diffItems: [{
@@ -3916,19 +3936,19 @@ function qt({ leftSidebarOpen: t, rightSidebarOpen: r, activeTab: a, annotationM
 					type: "modification",
 					description: "Page 1 Differences detected"
 				}]
-			})), Ie(!0);
+			})), Be(!0);
 		} catch (e) {
 			console.error("Failed to load comparison document B:", e);
 		}
 	}, [h]);
 	i(() => {
-		if (R.isActive && M && ke) {
+		if (R.isActive && j && Pe) {
 			let e = !1;
 			return (async () => {
 				try {
-					let t = Math.min(M.numPages, ke.numPages), n = [], r = {}, i = {};
+					let t = Math.min(j.numPages, Pe.numPages), n = [], r = {}, i = {};
 					for (let a = 1; a <= t; a++) {
-						let { diffsA: t, diffsB: o, summary: s } = await Bt(M, ke, a);
+						let { diffsA: t, diffsB: o, summary: s } = await zt(j, Pe, a);
 						if (e) return;
 						r[a] = t, i[a] = o, n = n.concat(s);
 					}
@@ -3938,8 +3958,8 @@ function qt({ leftSidebarOpen: t, rightSidebarOpen: r, activeTab: a, annotationM
 						pageDiffsA: r,
 						pageDiffsB: i
 					}));
-					let a = await M.getPage(N), o = await ke.getPage(Math.min(N, ke.numPages)), s = await a.getTextContent(), c = await o.getTextContent(), l = Ut(s.items.map((e) => e.str).join(" "), c.items.map((e) => e.str).join(" "), N);
-					e || Fe(l);
+					let a = await j.getPage(M), o = await Pe.getPage(Math.min(M, Pe.numPages)), s = await a.getTextContent(), c = await o.getTextContent(), l = Ht(s.items.map((e) => e.str).join(" "), c.items.map((e) => e.str).join(" "), M);
+					e || Ie(l);
 				} catch (e) {
 					console.error("Error computing document diffs:", e);
 				}
@@ -3949,9 +3969,9 @@ function qt({ leftSidebarOpen: t, rightSidebarOpen: r, activeTab: a, annotationM
 		}
 	}, [
 		R.isActive,
-		M,
-		ke,
-		N
+		j,
+		Pe,
+		M
 	]), i(() => {
 		let e = (e) => {
 			let { docA: t, docB: n, options: r } = e || {};
@@ -3963,12 +3983,12 @@ function qt({ leftSidebarOpen: t, rightSidebarOpen: r, activeTab: a, annotationM
 				opacityA: r.opacityA || e.opacityA,
 				opacityB: r.opacityB || e.opacityB,
 				blendMode: r.blendMode || e.blendMode
-			})), t && Ve(t), n && V(n);
+			})), t && Ue(t), n && We(n);
 		}, t = () => {
 			z((e) => ({
 				...e,
 				isActive: !1
-			})), P(null), Fe([]);
+			})), Fe(null), Ie([]);
 		}, n = (e) => {
 			e && z((t) => ({
 				...t,
@@ -3980,46 +4000,46 @@ function qt({ leftSidebarOpen: t, rightSidebarOpen: r, activeTab: a, annotationM
 				colorA: e,
 				colorB: t
 			}));
-		}, i = ye.on("action-start-compare", e), a = ye.on("action-stop-compare", t), o = ye.on("action-set-compare-mode", (e) => e && n(e.mode)), s = ye.on("action-set-compare-colors", (e) => e && r(e.colorA, e.colorB)), c = (t) => e(t.detail), l = () => t(), u = (e) => n(e.detail?.mode), d = (e) => r(e.detail?.colorA, e.detail?.colorB);
+		}, i = Ce.on("action-start-compare", e), a = Ce.on("action-stop-compare", t), o = Ce.on("action-set-compare-mode", (e) => e && n(e.mode)), s = Ce.on("action-set-compare-colors", (e) => e && r(e.colorA, e.colorB)), c = (t) => e(t.detail), l = () => t(), u = (e) => n(e.detail?.mode), d = (e) => r(e.detail?.colorA, e.detail?.colorB);
 		return window.addEventListener("action-start-compare", c), window.addEventListener("action-stop-compare", l), window.addEventListener("action-set-compare-mode", u), window.addEventListener("action-set-compare-colors", d), () => {
 			i(), a(), o(), s(), window.removeEventListener("action-start-compare", c), window.removeEventListener("action-stop-compare", l), window.removeEventListener("action-set-compare-mode", u), window.removeEventListener("action-set-compare-colors", d);
 		};
 	}, [
-		ye,
-		Ve,
-		V
+		Ce,
+		Ue,
+		We
 	]);
-	let [Ue, Ge] = c(null), [Ke, qe] = c([]), Je = Ke[0] ?? Tt, Ye = n((e) => Ke[e - 1] ?? Je, [
-		Ke,
-		Je.width,
-		Je.height
-	]), [Xe, Ze] = c({
+	let [Ge, Ke] = c(null), [qe, Ye] = c([]), Ze = qe[0] ?? Tt, Qe = n((e) => qe[e - 1] ?? Ze, [
+		qe,
+		Ze.width,
+		Ze.height
+	]), [$e, V] = c({
 		top: 0,
 		left: 0
-	}), [$e, tt] = c(!1), it = s(null), H = o(() => {
+	}), [tt, rt] = c(!1), it = s(null), H = o(() => {
 		let e = [];
-		if (!M) return e;
-		if (se === "single") for (let t = 1; t <= M.numPages; t++) e.push([t]);
-		else if (se === "double") for (let t = 1; t <= M.numPages; t += 2) e.push([t, t + 1].filter((e) => e <= M.numPages));
-		else if (se === "cover-facing") {
+		if (!j) return e;
+		if (D === "single") for (let t = 1; t <= j.numPages; t++) e.push([t]);
+		else if (D === "double") for (let t = 1; t <= j.numPages; t += 2) e.push([t, t + 1].filter((e) => e <= j.numPages));
+		else if (D === "cover-facing") {
 			e.push([1]);
-			for (let t = 2; t <= M.numPages; t += 2) e.push([t, t + 1].filter((e) => e <= M.numPages));
+			for (let t = 2; t <= j.numPages; t += 2) e.push([t, t + 1].filter((e) => e <= j.numPages));
 		}
 		return e;
-	}, [M, se]), ct = o(() => Dt(H, Ye, S, 16), [
+	}, [j, D]), U = o(() => Dt(H, Qe, S, 16), [
 		H,
 		S,
-		Ye
-	]), ut = s(H);
-	ut.current = H;
-	let dt = s(S);
-	dt.current = S;
-	let ft = s(ct);
-	ft.current = ct;
-	let pt = s(O);
-	pt.current = O;
-	let mt = s(0), ht = n((e) => H.findIndex((t) => t.includes(e)), [H]), gt = n((e) => {
-		let t = ct.tops;
+		Qe
+	]), at = s(H);
+	at.current = H;
+	let ot = s(S);
+	ot.current = S;
+	let st = s(U);
+	st.current = U;
+	let lt = s(E);
+	lt.current = E;
+	let dt = s(0), mt = n((e) => H.findIndex((t) => t.includes(e)), [H]), vt = n((e) => {
+		let t = U.tops;
 		if (t.length === 0) return 0;
 		let n = 0, r = t.length - 1;
 		for (; n < r;) {
@@ -4027,40 +4047,40 @@ function qt({ leftSidebarOpen: t, rightSidebarOpen: r, activeTab: a, annotationM
 			t[i] <= e ? n = i : r = i - 1;
 		}
 		return n;
-	}, [ct]), _t = n((e, t = {}) => {
-		let n = M ? Math.max(1, Math.min(e, M.numPages)) : Math.max(1, e);
-		we(n);
-		let r = ht(n);
-		r >= 0 && j.current && (t.smooth ? j.current.scrollTo({
-			top: ct.tops[r],
+	}, [U]), yt = n((e, t = {}) => {
+		let n = j ? Math.max(1, Math.min(e, j.numPages)) : Math.max(1, e);
+		De(n);
+		let r = mt(n);
+		r >= 0 && A.current && (t.smooth ? A.current.scrollTo({
+			top: U.tops[r],
 			behavior: "smooth"
-		}) : j.current.scrollTop = ct.tops[r]);
+		}) : A.current.scrollTop = U.tops[r]);
 	}, [
-		M,
-		ht,
-		ct
+		j,
+		mt,
+		U
 	]);
 	i(() => {
 		let e = (e) => {
-			e?.page && _t(e.page, { smooth: e.smooth ?? !0 });
-		}, t = ye.on("action-go-to-page", (t) => e(t)), n = (t) => e(t.detail);
+			e?.page && yt(e.page, { smooth: e.smooth ?? !0 });
+		}, t = Ce.on("action-go-to-page", (t) => e(t)), n = (t) => e(t.detail);
 		return window.addEventListener("action-go-to-page", n), () => {
 			t(), window.removeEventListener("action-go-to-page", n);
 		};
-	}, [ye, _t]);
-	let vt = (e) => {
-		we(e.pageIndex), Ge(e), _t(e.pageIndex);
-	}, bt = n((e, t) => {
+	}, [Ce, yt]);
+	let xt = (e) => {
+		De(e.pageIndex), Ke(e), yt(e.pageIndex);
+	}, Ot = n((e, t) => {
 		let n = t || R.diffItems[e];
 		if (z((t) => ({
 			...t,
 			currentDiffIndex: e
 		})), !n) return;
-		n.pageIndex && n.pageIndex !== N && we(n.pageIndex);
+		n.pageIndex && n.pageIndex !== M && De(n.pageIndex);
 		let r = (n.y ?? 0) * S, i = (n.x ?? 0) * S;
-		if (j.current) {
-			let e = n.pageIndex || N, t = ht(e), a = O === "continuous" && t >= 0 ? ct.tops[t] ?? 0 : 0, o = j.current.clientHeight || 600, s = j.current.clientWidth || 800, c = Math.max(0, a + r - o / 3), l = Math.max(0, i - s / 4);
-			j.current.scrollTo({
+		if (A.current) {
+			let e = n.pageIndex || M, t = mt(e), a = E === "continuous" && t >= 0 ? U.tops[t] ?? 0 : 0, o = A.current.clientHeight || 600, s = A.current.clientWidth || 800, c = Math.max(0, a + r - o / 3), l = Math.max(0, i - s / 4);
+			A.current.scrollTo({
 				top: c,
 				left: l,
 				behavior: "smooth"
@@ -4068,68 +4088,68 @@ function qt({ leftSidebarOpen: t, rightSidebarOpen: r, activeTab: a, annotationM
 		}
 	}, [
 		R.diffItems,
-		N,
+		M,
 		S,
-		O,
-		ht,
-		ct.tops
-	]), U = l(u.subscribe, u.getSnapshot, u.getSnapshot), [W, G] = c("pan");
+		E,
+		mt,
+		U.tops
+	]), W = l(u.subscribe, u.getSnapshot, u.getSnapshot), [G, K] = c("pan");
 	i(() => {
-		a === "Annotate" ? (G("highlight"), At("#fbc02d"), Ht(.5), zt(16)) : a === "Shapes" ? (G("rectangle"), Ht(1), zt(2)) : a === "Fill and Sign" ? G("signature") : a === "View" && G("pan");
+		a === "Annotate" ? (K("highlight"), Rt("#fbc02d"), Wt(.5), Vt(16)) : a === "Shapes" ? (K("rectangle"), Wt(1), Vt(2)) : a === "Fill and Sign" ? K("signature") : a === "View" && K("pan");
 	}, [a]), i(() => {
-		ye.emit("action-tool-changed", { tool: W });
-	}, [W, ye]);
-	let [kt, At] = c("#d32f2f"), [Nt, zt] = c(2), [Vt, Ht] = c(.8), [Wt, Gt] = c(!1), [Kt, qt] = c(null), [K, Yt] = c({
+		Ce.emit("action-tool-changed", { tool: G });
+	}, [G, Ce]);
+	let [Mt, Rt] = c("#d32f2f"), [Bt, Vt] = c(2), [Ut, Wt] = c(.8), [Gt, Kt] = c(!1), [Jt, Yt] = c(null), [q, Xt] = c({
 		x: 0,
 		y: 0
-	}), [q, Xt] = c({
+	}), [J, Zt] = c({
 		x: 0,
 		y: 0
-	}), [Zt, Qt] = c([]), [J, $t] = c(null), [en, tn] = c(""), nn = s(null), [Y, X] = c(null), [rn, an] = c(null), [on, sn] = c(!1), cn = s(!1), Z = s(null);
-	Re("action-set-tool", (e) => G(e?.tool ?? null));
-	let ln = s({
+	}), [Qt, $t] = c([]), [Y, en] = c(null), [tn, nn] = c(""), rn = s(null), [X, an] = c(null), [on, sn] = c(null), [cn, Z] = c(!1), ln = s(!1), un = s(null);
+	Re("action-set-tool", (e) => K(e?.tool ?? null));
+	let dn = s({
 		vx: null,
 		vy: null
-	}), un = s(S), dn = s(!1), fn = s(!1);
+	}), fn = s(S), pn = s(!1), mn = s(!1);
 	i(() => {
-		fn.current = !1;
-	}, [M]), i(() => {
-		if (un.current !== S) {
-			let e = un.current, t = S;
-			un.current = S;
-			let n = j.current;
+		mn.current = !1;
+	}, [j]), i(() => {
+		if (fn.current !== S) {
+			let e = fn.current, t = S;
+			fn.current = S;
+			let n = A.current;
 			if (!n) return;
-			let r = dn.current || !fn.current || On.current !== M;
-			fn.current = !0, dn.current = !1;
-			let i = xt({
+			let r = pn.current || !mn.current || An.current !== j;
+			mn.current = !0, pn.current = !1;
+			let i = Xe({
 				prevScale: e,
 				newScale: t,
 				containerWidth: n.clientWidth,
 				containerHeight: n.clientHeight,
 				currentScrollLeft: n.scrollLeft,
 				currentScrollTop: n.scrollTop,
-				basePageWidth: Ye(N).width,
-				focusPoint: ln.current,
+				basePageWidth: Qe(M).width,
+				focusPoint: dn.current,
 				isProgrammatic: r
 			});
-			if (ln.current = {
+			if (dn.current = {
 				vx: null,
 				vy: null
-			}, r && N > 1 && O === "continuous") {
-				let e = ht(N);
-				e >= 0 && (n.scrollTop = ct.tops[e] ?? 0), n.scrollLeft = 0;
+			}, r && M > 1 && E === "continuous") {
+				let e = mt(M);
+				e >= 0 && (n.scrollTop = U.tops[e] ?? 0), n.scrollLeft = 0;
 			} else n.scrollLeft = i.scrollLeft, n.scrollTop = i.scrollTop;
 		}
 	}, [S]), i(() => {
-		let e = j.current;
+		let e = A.current;
 		if (!e) return;
 		let t = (t) => {
 			if (t.metaKey || t.ctrlKey) {
 				t.preventDefault();
 				let n = e.getBoundingClientRect(), r = t.clientX, i = t.clientY, a = Math.exp(-t.deltaY * .002);
-				C((e) => {
-					let t = yt(e * a);
-					return t !== e && (ln.current = {
+				te((e) => {
+					let t = Je(e * a);
+					return t !== e && (dn.current = {
 						vx: r - n.left,
 						vy: i - n.top
 					}), t;
@@ -4137,56 +4157,56 @@ function qt({ leftSidebarOpen: t, rightSidebarOpen: r, activeTab: a, annotationM
 			}
 		};
 		return e.addEventListener("wheel", t, { passive: !1 }), () => e.removeEventListener("wheel", t);
-	}, [C]);
+	}, [te]);
 	let Q = n((e) => {
 		u.commit(e);
 	}, [u]);
 	Re("action-commit-digital-signature-local", (e) => {
-		e?.tempAnn && Q([...U, e.tempAnn]);
+		e?.tempAnn && Q([...W, e.tempAnn]);
 	});
-	let pn = n(() => {
+	let hn = n(() => {
 		u.undo();
-	}, [u]), mn = n(() => {
+	}, [u]), gn = n(() => {
 		u.redo();
 	}, [u]);
 	Re("viewer-keydown", (e) => {
 		let t = document.activeElement?.tagName === "TEXTAREA" || document.activeElement?.tagName === "INPUT";
-		if (et(e, De("ROTATE_CW"))) {
-			e.preventDefault(), le((e) => (e + 90) % 360);
+		if (ut(e, N("ROTATE_CW"))) {
+			e.preventDefault(), de((e) => (e + 90) % 360);
 			return;
 		}
-		if (et(e, De("ROTATE_CCW"))) {
-			e.preventDefault(), le((e) => (e - 90) % 360);
+		if (ut(e, N("ROTATE_CCW"))) {
+			e.preventDefault(), de((e) => (e - 90) % 360);
 			return;
 		}
-		if (et(e, De("UNDO"))) {
-			e.preventDefault(), pn();
+		if (ut(e, N("UNDO"))) {
+			e.preventDefault(), hn();
 			return;
 		}
-		if (et(e, De("REDO"))) {
-			e.preventDefault(), mn();
+		if (ut(e, N("REDO"))) {
+			e.preventDefault(), gn();
 			return;
 		}
-		if (et(e, De("SEARCH"))) {
-			e.preventDefault(), ye.emit("action-open-search");
+		if (ut(e, N("SEARCH"))) {
+			e.preventDefault(), Ce.emit("action-open-search");
 			return;
 		}
-		if (et(e, De("FILE_PICKER"))) {
-			e.preventDefault(), ye.emit("action-open-file-picker");
+		if (ut(e, N("FILE_PICKER"))) {
+			e.preventDefault(), Ce.emit("action-open-file-picker");
 			return;
 		}
-		if (!t && !J) {
-			if (et(e, De("COPY")) && Y) {
-				let t = U.find((e) => e.id === Y);
-				t && (e.preventDefault(), Z.current = t);
+		if (!t && !Y) {
+			if (ut(e, N("COPY")) && X) {
+				let t = W.find((e) => e.id === X);
+				t && (e.preventDefault(), un.current = t);
 				return;
 			}
-			if (et(e, De("PASTE")) && Z.current) {
+			if (ut(e, N("PASTE")) && un.current) {
 				e.preventDefault();
-				let t = Z.current, n = {
+				let t = un.current, n = {
 					...t,
 					id: Ct(),
-					pageIndex: N,
+					pageIndex: M,
 					x: t.x + 20,
 					y: t.y + 20,
 					author: void 0,
@@ -4196,63 +4216,63 @@ function qt({ leftSidebarOpen: t, rightSidebarOpen: r, activeTab: a, annotationM
 					readOnly: void 0,
 					xfdfExtras: void 0
 				};
-				Q([...U, n]), X(n.id);
+				Q([...W, n]), an(n.id);
 				return;
 			}
-			if (et(e, De("DELETE")) && Y) {
-				e.preventDefault(), Q(U.filter((e) => e.id !== Y)), X(null);
+			if (ut(e, N("DELETE")) && X) {
+				e.preventDefault(), Q(W.filter((e) => e.id !== X)), an(null);
 				return;
 			}
 		}
 	}), i(() => {
-		J && nn.current && setTimeout(() => {
-			nn.current?.focus();
+		Y && rn.current && setTimeout(() => {
+			rn.current?.focus();
 		}, 10);
-	}, [J]), i(() => {
-		ie && ie(U);
-	}, [U, ie]);
-	let [hn, gn] = c([]);
+	}, [Y]), i(() => {
+		ae && ae(W);
+	}, [W, ae]);
+	let [_n, vn] = c([]);
 	i(() => {
-		if (M && x && x.length > 0) {
+		if (j && x && x.length > 0) {
 			let e = !1;
-			return wt(M, x).then((t) => {
-				e || gn(t);
+			return wt(j, x).then((t) => {
+				e || vn(t);
 			}), () => {
 				e = !0;
 			};
 		}
-		gn([]);
-	}, [M, x]);
-	let [_n, vn] = c(!1), yn = o(() => [
+		vn([]);
+	}, [j, x]);
+	let [yn, bn] = c(!1), $ = o(() => [
 		...v || [],
-		...hn,
-		...Te
+		..._n,
+		...Oe
 	], [
 		v,
-		hn,
-		Te
+		_n,
+		Oe
 	]);
 	i(() => {
-		ze.current.onRedactionsChange?.(yn);
-	}, [yn]);
-	let bn = o(() => yn.filter((e) => e.status === "pending").length, [yn]), $ = n(() => {
-		Ee((e) => e.filter((e) => e.status === "applied")), gn((e) => e.filter((e) => e.status === "applied"));
-	}, []), xn = n((e) => {
-		Ee((t) => t.filter((t) => t !== e && t.id !== e.id)), gn((t) => t.filter((t) => t !== e && t.id !== e.id));
-	}, []), { search: Sn, searchResults: Cn, isSearching: wn, searchProgress: Tn } = nt(M, yn);
+		Ve.current.onRedactionsChange?.($);
+	}, [$]);
+	let xn = o(() => $.filter((e) => e.status === "pending").length, [$]), Sn = n(() => {
+		Ae((e) => e.filter((e) => e.status === "applied")), vn((e) => e.filter((e) => e.status === "applied"));
+	}, []), Cn = n((e) => {
+		Ae((t) => t.filter((t) => t !== e && t.id !== e.id)), vn((t) => t.filter((t) => t !== e && t.id !== e.id));
+	}, []), { search: wn, searchResults: Tn, isSearching: En, searchProgress: Dn } = ft(j, $);
 	i(() => {
-		Cn.length === 0 && Ge(null);
-	}, [Cn]);
-	let En = s(!1);
+		Tn.length === 0 && Ke(null);
+	}, [Tn]);
+	let On = s(!1);
 	i(() => {
-		if (xe(null), Ce(null), we(1), qe([]), En.current = !1, !d) return;
+		if (we(null), Ee(null), De(1), Ye([]), On.current = !1, !d) return;
 		let e = d, t = !1, n = null;
 		return (async () => {
 			try {
-				Be.current && Ot(Be.current), jt(), n = L.getDocument({
+				He.current && kt(He.current), At(), n = L.getDocument({
 					url: e,
 					withCredentials: h,
-					...Mt()
+					...jt()
 				});
 				let r = await n.promise;
 				if (t) return;
@@ -4261,20 +4281,20 @@ function qt({ leftSidebarOpen: t, rightSidebarOpen: r, activeTab: a, annotationM
 					if (!t) {
 						let t = e.getViewport({
 							scale: 1,
-							rotation: lt(e.rotate + A)
+							rotation: bt(e.rotate + k)
 						});
-						qe(Et(r.numPages, {
+						Ye(Et(r.numPages, {
 							width: t.width,
 							height: t.height
 						}));
 					}
 				} catch {}
 				if (t) return;
-				xe(r), ze.current.onDocumentLoaded?.(r, e);
+				we(r), Ve.current.onDocumentLoaded?.(r, e);
 			} catch (n) {
 				if (t) return;
 				let r = n instanceof Error ? n : Error(String(n?.message ?? n)), i = n?.name === "PasswordException";
-				console.error("[teamsync-pdf-viewer] Error loading PDF:", r.message, r), Ce(r), ze.current.onLoadError?.(r, {
+				console.error("[teamsync-pdf-viewer] Error loading PDF:", r.message, r), Ee(r), Ve.current.onLoadError?.(r, {
 					url: e,
 					passwordRequired: i
 				});
@@ -4286,31 +4306,31 @@ function qt({ leftSidebarOpen: t, rightSidebarOpen: r, activeTab: a, annotationM
 		d,
 		p,
 		h,
-		A
+		k
 	]);
-	let Dn = n((e) => {
-		En.current || (En.current = !0, ze.current.onFirstPageRendered?.(e));
+	let kn = n((e) => {
+		Ve.current.onPageRendered?.(e), !On.current && (On.current = !0, Ve.current.onFirstPageRendered?.(e));
 	}, []);
 	i(() => {
-		M && ze.current.onPageChange?.(N, M.numPages);
-	}, [N, M]);
-	let On = s(null), kn = s(void 0);
+		j && Ve.current.onPageChange?.(M, j.numPages);
+	}, [M, j]);
+	let An = s(null), jn = s(void 0);
 	i(() => {
-		let e = me ?? pe;
-		if (!M || !e || On.current === M && kn.current === e || Ke.length < Math.min(e, M.numPages)) return;
-		let t = On.current !== M;
-		On.current = M, kn.current = e;
-		let n = setTimeout(() => _t(e, { smooth: !t }), 50);
+		let e = ve ?? he;
+		if (!j || !e || An.current === j && jn.current === e || qe.length < Math.min(e, j.numPages)) return;
+		let t = An.current !== j;
+		An.current = j, jn.current = e;
+		let n = setTimeout(() => yt(e, { smooth: !t }), 50);
 		return () => clearTimeout(n);
 	}, [
-		M,
-		me,
-		pe,
-		Ke.length,
-		_t
+		j,
+		ve,
+		he,
+		qe.length,
+		yt
 	]), i(() => {
-		if (!M) return;
-		let e = !1, t = M;
+		if (!j) return;
+		let e = !1, t = j;
 		return (async () => {
 			let n;
 			try {
@@ -4321,12 +4341,12 @@ function qt({ leftSidebarOpen: t, rightSidebarOpen: r, activeTab: a, annotationM
 			if (e) return;
 			let r = n.getViewport({
 				scale: 1,
-				rotation: lt(n.rotate + A)
+				rotation: bt(n.rotate + k)
 			}), i = {
 				width: r.width,
 				height: r.height
 			};
-			if (qe((e) => e.length === t.numPages && Math.abs((e[0]?.width ?? 0) - i.width) <= .5 && Math.abs((e[0]?.height ?? 0) - i.height) <= .5 ? e : Et(t.numPages, i)), t.numPages <= 1) return;
+			if (Ye((e) => e.length === t.numPages && Math.abs((e[0]?.width ?? 0) - i.width) <= .5 && Math.abs((e[0]?.height ?? 0) - i.height) <= .5 ? e : Et(t.numPages, i)), t.numPages <= 1) return;
 			let a = Et(t.numPages, i), o = !1;
 			for (let n = 2; n <= t.numPages; n += 25) {
 				if (e) return;
@@ -4339,7 +4359,7 @@ function qt({ leftSidebarOpen: t, rightSidebarOpen: r, activeTab: a, annotationM
 							if (e) return;
 							let s = r.getViewport({
 								scale: 1,
-								rotation: lt(r.rotate + A)
+								rotation: bt(r.rotate + k)
 							});
 							(Math.abs(s.width - i.width) > .5 || Math.abs(s.height - i.height) > .5) && (o = !0), a[n - 1] = {
 								width: s.width,
@@ -4351,117 +4371,117 @@ function qt({ leftSidebarOpen: t, rightSidebarOpen: r, activeTab: a, annotationM
 				await Promise.all(s);
 			}
 			if (!e && o) {
-				let e = j.current;
-				if (e && e.scrollTop > 0 && pt.current === "continuous") {
-					let t = mt.current, n = Dt(ut.current, (e) => a[e - 1] ?? i, dt.current, 16), r = ft.current.tops[t] ?? 0, o = (n.tops[t] ?? 0) - r;
+				let e = A.current;
+				if (e && e.scrollTop > 0 && lt.current === "continuous") {
+					let t = dt.current, n = Dt(at.current, (e) => a[e - 1] ?? i, ot.current, 16), r = st.current.tops[t] ?? 0, o = (n.tops[t] ?? 0) - r;
 					o !== 0 && (e.scrollTop += o);
 				}
-				qe(a);
+				Ye(a);
 			}
 		})(), () => {
 			e = !0;
 		};
-	}, [M, A]);
-	let An = n(() => {
-		let e = Ye(N);
-		if (!j.current || !e.width) return;
-		let t = j.current.clientWidth - 48;
+	}, [j, k]);
+	let Mn = n(() => {
+		let e = Qe(M);
+		if (!A.current || !e.width) return;
+		let t = A.current.clientWidth - 48;
 		if (t > 0 && e.width > 0) {
-			let n = yt(t / e.width);
-			dn.current = !0, j.current && (N === 1 || j.current.scrollTop <= 1) && (j.current.scrollTop = 0, j.current.scrollLeft = 0), C(n);
+			let n = Je(t / e.width);
+			pn.current = !0, A.current && (M === 1 || A.current.scrollTop <= 1) && (A.current.scrollTop = 0, A.current.scrollLeft = 0), te(n);
 		}
 	}, [
-		Ye,
-		N,
-		C
-	]), jn = n(() => {
-		let e = Ye(N);
-		if (!j.current || !e.width || !e.height) return;
-		let t = j.current.clientWidth - 48, n = j.current.clientHeight - 48;
+		Qe,
+		M,
+		te
+	]), Nn = n(() => {
+		let e = Qe(M);
+		if (!A.current || !e.width || !e.height) return;
+		let t = A.current.clientWidth - 48, n = A.current.clientHeight - 48;
 		if (t > 0 && n > 0 && e.width > 0 && e.height > 0) {
-			let r = t / e.width, i = n / e.height, a = yt(Math.min(r, i));
-			dn.current = !0, j.current && (N === 1 || j.current.scrollTop <= 1) && (j.current.scrollTop = 0, j.current.scrollLeft = 0), C(a);
+			let r = t / e.width, i = n / e.height, a = Je(Math.min(r, i));
+			pn.current = !0, A.current && (M === 1 || A.current.scrollTop <= 1) && (A.current.scrollTop = 0, A.current.scrollLeft = 0), te(a);
 		}
 	}, [
-		Ye,
-		N,
-		C
+		Qe,
+		M,
+		te
 	]);
-	Re("action-fit-to-width", () => An()), Re("action-fit-to-page", () => jn());
-	let Mn = (e, t) => {
-		let n = e.currentTarget.getBoundingClientRect(), r = (e.clientX - n.left) / S, i = (e.clientY - n.top) / S, a = Ye(t);
-		return ot(r, i, A, A % 180 == 0 ? a.width : a.height, A % 180 == 0 ? a.height : a.width);
-	}, Nn = (e, t) => {
-		if (!W) return;
-		let { x: n, y: r } = Mn(e, t);
-		if (W === "text" || W === "note") {
+	Re("action-fit-to-width", () => Mn()), Re("action-fit-to-page", () => Nn());
+	let Pn = (e, t) => {
+		let n = e.currentTarget.getBoundingClientRect(), r = (e.clientX - n.left) / S, i = (e.clientY - n.top) / S, a = Qe(t);
+		return gt(r, i, k, k % 180 == 0 ? a.width : a.height, k % 180 == 0 ? a.height : a.width);
+	}, Fn = (e, t) => {
+		if (!G) return;
+		let { x: n, y: r } = Pn(e, t);
+		if (G === "text" || G === "note") {
 			e.preventDefault();
 			return;
 		}
-		if (W === "eraser") {
-			Gt(!0);
+		if (G === "eraser") {
+			Kt(!0);
 			return;
 		}
-		Yt({
+		Xt({
 			x: n,
 			y: r
-		}), Xt({
+		}), Zt({
 			x: n,
 			y: r
-		}), W === "freehand" ? (Gt(!0), Qt([{
+		}), G === "freehand" ? (Kt(!0), $t([{
 			x: n,
 			y: r
-		}]), qt(t)) : ([
+		}]), Yt(t)) : ([
 			"rectangle",
 			"ellipse",
 			"line",
 			"arrow",
 			"highlight",
 			"redaction"
-		].includes(W) || ["callout", "link"].includes(W)) && (Gt(!0), qt(t));
-	}, Pn = () => {
-		if (J && en.trim()) {
-			if (J.annId) Q(U.map((e) => e.id === J.annId ? {
+		].includes(G) || ["callout", "link"].includes(G)) && (Kt(!0), Yt(t));
+	}, In = () => {
+		if (Y && tn.trim()) {
+			if (Y.annId) Q(W.map((e) => e.id === Y.annId ? {
 				...e,
-				text: en
+				text: tn
 			} : e));
 			else {
 				let e = Ct();
-				Q([...U, {
+				Q([...W, {
 					id: e,
-					type: J.type,
-					pageIndex: J.pageIndex,
-					x: J.x,
-					y: J.y,
-					width: Math.max(100, en.length * 8 + 20),
+					type: Y.type,
+					pageIndex: Y.pageIndex,
+					x: Y.x,
+					y: Y.y,
+					width: Math.max(100, tn.length * 8 + 20),
 					height: 30,
-					text: en,
-					points: J.points,
-					color: kt,
-					strokeWidth: Nt,
-					opacity: Vt
+					text: tn,
+					points: Y.points,
+					color: Mt,
+					strokeWidth: Bt,
+					opacity: Ut
 				}]);
 			}
 		}
-		$t(null), tn(""), W === "text" && G(null);
-	}, Fn = (e, t) => {
-		if (!Wt) return;
-		let { x: n, y: r } = Mn(e, t);
-		Xt({
+		en(null), nn(""), G === "text" && K(null);
+	}, Ln = (e, t) => {
+		if (!Gt) return;
+		let { x: n, y: r } = Pn(e, t);
+		Zt({
 			x: n,
 			y: r
-		}), W === "freehand" && Qt((e) => [...e, {
+		}), G === "freehand" && $t((e) => [...e, {
 			x: n,
 			y: r
 		}]);
-	}, In = (e, t) => {
-		if (W === "text" || W === "note" || W === "digital_signature" || W === "link") {
-			let { x: n, y: r } = Mn(e, t);
-			if (W === "link") {
-				let e = Math.abs(q.x - K.x), i = Math.abs(q.y - K.y), a = Math.min(K.x, q.x), o = Math.min(K.y, q.y);
+	}, Rn = (e, t) => {
+		if (G === "text" || G === "note" || G === "digital_signature" || G === "link") {
+			let { x: n, y: r } = Pn(e, t);
+			if (G === "link") {
+				let e = Math.abs(J.x - q.x), i = Math.abs(J.y - q.y), a = Math.min(q.x, J.x), o = Math.min(q.y, J.y);
 				(e < 5 || i < 5) && (a = n, o = r, e = 120, i = 35);
 				let s = Ct();
-				Q([...U, {
+				Q([...W, {
 					id: s,
 					type: "link",
 					pageIndex: t,
@@ -4474,55 +4494,55 @@ function qt({ leftSidebarOpen: t, rightSidebarOpen: r, activeTab: a, annotationM
 					strokeWidth: 0,
 					opacity: 1,
 					text: ""
-				}]), Gt(!1), qt(null), cn.current = !0, X(s), sn(!0), G(null);
+				}]), Kt(!1), Yt(null), ln.current = !0, an(s), Z(!0), K(null);
 				return;
 			}
-			(W === "text" || W === "note") && (J && Pn(), $t({
+			(G === "text" || G === "note") && (Y && In(), en({
 				x: n,
 				y: r,
-				type: W,
+				type: G,
 				pageIndex: t
-			}), tn(""));
+			}), nn(""));
 			return;
 		}
-		if (Wt && (Gt(!1), qt(null), W)) {
-			if (W === "freehand") {
-				if (Zt.length > 2) {
-					let e = Zt.map((e) => e.x), n = Zt.map((e) => e.y), r = Math.min(...e), i = Math.max(...e), a = Math.min(...n), o = Math.max(...n);
-					Q([...U, {
+		if (Gt && (Kt(!1), Yt(null), G)) {
+			if (G === "freehand") {
+				if (Qt.length > 2) {
+					let e = Qt.map((e) => e.x), n = Qt.map((e) => e.y), r = Math.min(...e), i = Math.max(...e), a = Math.min(...n), o = Math.max(...n);
+					Q([...W, {
 						id: Ct(),
-						type: W,
+						type: G,
 						pageIndex: t,
 						x: r,
 						y: a,
 						width: i - r,
 						height: o - a,
-						points: [...Zt],
-						strokes: [[...Zt]],
-						color: kt,
-						strokeWidth: Nt,
-						opacity: Vt
+						points: [...Qt],
+						strokes: [[...Qt]],
+						color: Mt,
+						strokeWidth: Bt,
+						opacity: Ut
 					}]);
 				}
-				Qt([]);
+				$t([]);
 			} else {
-				let e = Math.abs(q.x - K.x), n = Math.abs(q.y - K.y);
+				let e = Math.abs(J.x - q.x), n = Math.abs(J.y - q.y);
 				if (e > 5 || n > 5) {
-					let r = Math.min(K.x, q.x), i = Math.min(K.y, q.y), a = W === "line" || W === "arrow" || W === "callout" ? [K, q] : void 0;
-					if ((W === "highlight" || W === "redaction") && n < 18 && (n = Math.max(18, n), i = K.y - 9), W === "callout") {
-						if (ve?.canAddAnnotations === !1) return;
-						$t({
-							x: q.x,
-							y: q.y,
+					let r = Math.min(q.x, J.x), i = Math.min(q.y, J.y), a = G === "line" || G === "arrow" || G === "callout" ? [q, J] : void 0;
+					if ((G === "highlight" || G === "redaction") && n < 18 && (n = Math.max(18, n), i = q.y - 9), G === "callout") {
+						if (be?.canAddAnnotations === !1) return;
+						en({
+							x: J.x,
+							y: J.y,
 							type: "callout",
 							points: a,
 							pageIndex: t
-						}), tn("");
+						}), nn("");
 						return;
 					}
-					if (W === "redaction") {
-						if (ve?.canRedact === !1) return;
-						Ee((a) => [...a, {
+					if (G === "redaction") {
+						if (be?.canRedact === !1) return;
+						Ae((a) => [...a, {
 							id: `manual-${Date.now()}-${Math.random().toString(36).substr(2, 6)}`,
 							pageIndex: t,
 							x: r,
@@ -4533,35 +4553,35 @@ function qt({ leftSidebarOpen: t, rightSidebarOpen: r, activeTab: a, annotationM
 						}]);
 						return;
 					}
-					if (ve?.canAddAnnotations === !1) return;
-					Q([...U, {
+					if (be?.canAddAnnotations === !1) return;
+					Q([...W, {
 						id: Ct(),
-						type: W,
+						type: G,
 						pageIndex: t,
 						x: r,
 						y: i,
 						width: e,
 						height: n,
 						points: a,
-						color: kt,
-						strokeWidth: Nt,
-						opacity: Vt
+						color: Mt,
+						strokeWidth: Bt,
+						opacity: Ut
 					}]);
 				}
 			}
 		}
-	}, Ln = (e) => {
-		W === "eraser" && Wt && Q(U.filter((t) => t.id !== e));
-	}, Rn = (e, t) => {
-		if (t.stopPropagation(), W === "eraser") {
-			if (ve?.canDeleteAnnotations === !1) return;
-			Q(U.filter((t) => t.id !== e)), Y === e && (X(null), an(null));
-		} else if (W === null || W === "pan") {
-			let n = U.find((t) => t.id === e);
+	}, zn = (e) => {
+		G === "eraser" && Gt && Q(W.filter((t) => t.id !== e));
+	}, Bn = (e, t) => {
+		if (t.stopPropagation(), G === "eraser") {
+			if (be?.canDeleteAnnotations === !1) return;
+			Q(W.filter((t) => t.id !== e)), X === e && (an(null), sn(null));
+		} else if (G === null || G === "pan") {
+			let n = W.find((t) => t.id === e);
 			if (n && n.linkUrl && a === "View") {
 				if (n.linkUrl.startsWith("#page=")) {
 					let e = parseInt(n.linkUrl.split("=")[1]);
-					_t(e);
+					yt(e);
 				} else {
 					let e = n.linkUrl;
 					/^https?:\/\//i.test(e) || (e = "https://" + e);
@@ -4571,45 +4591,45 @@ function qt({ leftSidebarOpen: t, rightSidebarOpen: r, activeTab: a, annotationM
 				return;
 			}
 			if (n && (n.type === "note" || n.type === "callout" || n.type === "text")) {
-				if (ve?.canEditAnnotations === !1 || !u.canEdit(n)) {
-					X(e);
+				if (be?.canEditAnnotations === !1 || !u.canEdit(n)) {
+					an(e);
 					return;
 				}
-				$t({
+				en({
 					x: n.x,
 					y: n.y,
 					type: n.type,
 					annId: n.id,
 					points: n.points,
 					pageIndex: n.pageIndex
-				}), tn(n.text || ""), n.color && At(n.color);
+				}), nn(n.text || ""), n.color && Rt(n.color);
 			} else if (n && n.type === "link") {
-				if (ve?.canEditAnnotations === !1 || !u.canEdit(n)) {
-					X(e);
+				if (be?.canEditAnnotations === !1 || !u.canEdit(n)) {
+					an(e);
 					return;
 				}
-				sn(!0);
+				Z(!0);
 			}
-			X(e);
-			let r = j.current, i = r?.getBoundingClientRect();
-			i && r && an({
+			an(e);
+			let r = A.current, i = r?.getBoundingClientRect();
+			i && r && sn({
 				top: t.clientY - i.top + r.scrollTop,
 				left: t.clientX - i.left + r.scrollLeft
 			});
 		}
 	};
 	return i(() => {
-		if (M && j.current && O === "continuous") {
-			let e = Xe.top + j.current.clientHeight / 2, t = Math.max(0, Math.min(H.length - 1, gt(e))), n = H[t] ? H[t][0] : 1;
-			n !== N && we(n);
+		if (j && A.current && E === "continuous") {
+			let e = $e.top + A.current.clientHeight / 2, t = Math.max(0, Math.min(H.length - 1, vt(e))), n = H[t] ? H[t][0] : 1;
+			n !== M && De(n);
 		}
 	}, [
-		Xe.top,
+		$e.top,
 		S,
+		j,
 		M,
-		N,
-		gt,
-		O,
+		vt,
+		E,
 		H
 	]), /* @__PURE__ */ I("div", {
 		style: {
@@ -4620,11 +4640,11 @@ function qt({ leftSidebarOpen: t, rightSidebarOpen: r, activeTab: a, annotationM
 			overflow: "hidden"
 		},
 		children: [
-			_ && /* @__PURE__ */ F(at, {
+			_ && /* @__PURE__ */ F(ht, {
 				isOpen: t,
-				pdfDoc: M,
-				pageNum: N,
-				setPageNum: (e) => _t(e)
+				pdfDoc: j,
+				pageNum: M,
+				setPageNum: (e) => yt(e)
 			}),
 			/* @__PURE__ */ I("div", {
 				style: {
@@ -4637,7 +4657,7 @@ function qt({ leftSidebarOpen: t, rightSidebarOpen: r, activeTab: a, annotationM
 					overflow: "hidden"
 				},
 				children: [
-					R.isActive && /* @__PURE__ */ F(It, {
+					R.isActive && /* @__PURE__ */ F(Ft, {
 						compareState: R,
 						onSetMode: (e) => z((t) => ({
 							...t,
@@ -4655,18 +4675,18 @@ function qt({ leftSidebarOpen: t, rightSidebarOpen: r, activeTab: a, annotationM
 						onPrevDiff: () => {
 							if (R.diffItems.length === 0) return;
 							let e = (R.currentDiffIndex - 1 + R.diffItems.length) % R.diffItems.length;
-							bt(e);
+							Ot(e);
 						},
 						onNextDiff: () => {
 							if (R.diffItems.length === 0) return;
 							let e = (R.currentDiffIndex + 1) % R.diffItems.length;
-							bt(e);
+							Ot(e);
 						},
 						onExit: () => {
 							z((e) => ({
 								...e,
 								isActive: !1
-							})), P(null), Fe([]);
+							})), Fe(null), Ie([]);
 						}
 					}),
 					a === "Annotate" && /* @__PURE__ */ I("div", {
@@ -4680,35 +4700,35 @@ function qt({ leftSidebarOpen: t, rightSidebarOpen: r, activeTab: a, annotationM
 							height: "40px"
 						},
 						children: [
-							/* @__PURE__ */ F(Jt, {
-								icon: /* @__PURE__ */ F(k, { size: 16 }),
-								active: W === "highlight",
+							/* @__PURE__ */ F(qt, {
+								icon: /* @__PURE__ */ F(T, { size: 16 }),
+								active: G === "highlight",
 								onClick: () => {
-									G("highlight"), At("#fbc02d"), Ht(.5), zt(16);
+									K("highlight"), Rt("#fbc02d"), Wt(.5), Vt(16);
 								},
 								label: "Text Highlight"
 							}),
-							/* @__PURE__ */ F(Jt, {
+							/* @__PURE__ */ F(qt, {
 								icon: /* @__PURE__ */ F(m, { size: 16 }),
-								active: W === "freehand",
+								active: G === "freehand",
 								onClick: () => {
-									G("freehand"), At("#000000"), Ht(1), zt(2);
+									K("freehand"), Rt("#000000"), Wt(1), Vt(2);
 								},
 								label: "Marker"
 							}),
-							/* @__PURE__ */ F(Jt, {
-								icon: /* @__PURE__ */ F(Me, { size: 16 }),
-								active: W === "text",
+							/* @__PURE__ */ F(qt, {
+								icon: /* @__PURE__ */ F(Ne, { size: 16 }),
+								active: G === "text",
 								onClick: () => {
-									G("text"), At("#000000"), Ht(1);
+									K("text"), Rt("#000000"), Wt(1);
 								},
 								label: "Text"
 							}),
-							ve?.canRedact !== !1 && /* @__PURE__ */ F(Jt, {
-								icon: /* @__PURE__ */ F(w, { size: 16 }),
-								active: W === "redaction",
+							be?.canRedact !== !1 && /* @__PURE__ */ F(qt, {
+								icon: /* @__PURE__ */ F(oe, { size: 16 }),
+								active: G === "redaction",
 								onClick: () => {
-									G("redaction"), At("#000000"), Ht(1);
+									K("redaction"), Rt("#000000"), Wt(1);
 								},
 								label: "Redact"
 							}),
@@ -4725,11 +4745,11 @@ function qt({ leftSidebarOpen: t, rightSidebarOpen: r, activeTab: a, annotationM
 									borderRight: "1px solid var(--border-color)",
 									paddingRight: "8px"
 								},
-								children: /* @__PURE__ */ F(Jt, {
-									icon: /* @__PURE__ */ F(he, { size: 16 }),
-									active: W === "callout",
+								children: /* @__PURE__ */ F(qt, {
+									icon: /* @__PURE__ */ F(ge, { size: 16 }),
+									active: G === "callout",
 									onClick: () => {
-										G("callout"), Ht(1), zt(2);
+										K("callout"), Wt(1), Vt(2);
 									},
 									label: "Callout"
 								})
@@ -4739,17 +4759,17 @@ function qt({ leftSidebarOpen: t, rightSidebarOpen: r, activeTab: a, annotationM
 									display: "flex",
 									gap: "4px"
 								},
-								children: [/* @__PURE__ */ F(Jt, {
-									icon: /* @__PURE__ */ F(be, { size: 16 }),
-									active: W === "freehand" && Vt === 1,
+								children: [/* @__PURE__ */ F(qt, {
+									icon: /* @__PURE__ */ F(Se, { size: 16 }),
+									active: G === "freehand" && Ut === 1,
 									onClick: () => {
-										G("freehand"), Ht(1), zt(2);
+										K("freehand"), Wt(1), Vt(2);
 									},
 									label: "Freehand"
-								}), ve?.canDeleteAnnotations !== !1 && /* @__PURE__ */ F(Jt, {
-									icon: /* @__PURE__ */ F(re, { size: 16 }),
-									active: W === "eraser",
-									onClick: () => G("eraser"),
+								}), be?.canDeleteAnnotations !== !1 && /* @__PURE__ */ F(qt, {
+									icon: /* @__PURE__ */ F(ie, { size: 16 }),
+									active: G === "eraser",
+									onClick: () => K("eraser"),
 									label: "Eraser"
 								})]
 							}),
@@ -4765,34 +4785,34 @@ function qt({ leftSidebarOpen: t, rightSidebarOpen: r, activeTab: a, annotationM
 									gap: "4px"
 								},
 								children: [
-									/* @__PURE__ */ F(Jt, {
-										icon: /* @__PURE__ */ F(ge, { size: 16 }),
-										active: W === "line",
-										onClick: () => G("line"),
+									/* @__PURE__ */ F(qt, {
+										icon: /* @__PURE__ */ F(_e, { size: 16 }),
+										active: G === "line",
+										onClick: () => K("line"),
 										label: "Line"
 									}),
-									/* @__PURE__ */ F(Jt, {
+									/* @__PURE__ */ F(qt, {
 										icon: /* @__PURE__ */ F(f, { size: 16 }),
-										active: W === "arrow",
-										onClick: () => G("arrow"),
+										active: G === "arrow",
+										onClick: () => K("arrow"),
 										label: "Arrow"
 									}),
-									/* @__PURE__ */ F(Jt, {
-										icon: /* @__PURE__ */ F(Ae, { size: 16 }),
-										active: W === "rectangle",
-										onClick: () => G("rectangle"),
+									/* @__PURE__ */ F(qt, {
+										icon: /* @__PURE__ */ F(je, { size: 16 }),
+										active: G === "rectangle",
+										onClick: () => K("rectangle"),
 										label: "Rectangle"
 									}),
-									/* @__PURE__ */ F(Jt, {
+									/* @__PURE__ */ F(qt, {
 										icon: /* @__PURE__ */ F(ee, { size: 16 }),
-										active: W === "ellipse",
-										onClick: () => G("ellipse"),
+										active: G === "ellipse",
+										onClick: () => K("ellipse"),
 										label: "Ellipse"
 									}),
-									/* @__PURE__ */ F(Jt, {
-										icon: /* @__PURE__ */ F(ce, { size: 16 }),
-										active: W === "link",
-										onClick: () => G("link"),
+									/* @__PURE__ */ F(qt, {
+										icon: /* @__PURE__ */ F(O, { size: 16 }),
+										active: G === "link",
+										onClick: () => K("link"),
 										label: "Link"
 									})
 								]
@@ -4812,7 +4832,7 @@ function qt({ leftSidebarOpen: t, rightSidebarOpen: r, activeTab: a, annotationM
 										"ellipse",
 										"freehand",
 										"highlight"
-									].includes(W || "") && /* @__PURE__ */ I("div", {
+									].includes(G || "") && /* @__PURE__ */ I("div", {
 										style: {
 											display: "flex",
 											alignItems: "center",
@@ -4826,16 +4846,16 @@ function qt({ leftSidebarOpen: t, rightSidebarOpen: r, activeTab: a, annotationM
 												color: "#666",
 												minWidth: "85px"
 											},
-											children: ["Thickness: ", /* @__PURE__ */ I("strong", { children: [Nt, "px"] })]
+											children: ["Thickness: ", /* @__PURE__ */ I("strong", { children: [Bt, "px"] })]
 										}), /* @__PURE__ */ F("input", {
 											type: "range",
 											min: "1",
 											max: "24",
-											value: Math.min(24, Math.max(1, Nt)),
+											value: Math.min(24, Math.max(1, Bt)),
 											onMouseDown: (e) => e.stopPropagation(),
 											onChange: (e) => {
 												let t = parseInt(e.target.value, 10);
-												zt(t), Y && !J && Q(U.map((e) => e.id === Y ? {
+												Vt(t), X && !Y && Q(W.map((e) => e.id === X ? {
 													...e,
 													strokeWidth: t
 												} : e));
@@ -4862,7 +4882,7 @@ function qt({ leftSidebarOpen: t, rightSidebarOpen: r, activeTab: a, annotationM
 										].map((e) => /* @__PURE__ */ F("button", {
 											onMouseDown: (e) => e.preventDefault(),
 											onClick: () => {
-												At(e), Y && !J && Q(U.map((t) => t.id === Y ? {
+												Rt(e), X && !Y && Q(W.map((t) => t.id === X ? {
 													...t,
 													color: e
 												} : t));
@@ -4872,14 +4892,14 @@ function qt({ leftSidebarOpen: t, rightSidebarOpen: r, activeTab: a, annotationM
 												height: "18px",
 												borderRadius: "50%",
 												backgroundColor: e,
-												border: kt === e ? "2px solid #000" : "1px solid transparent",
+												border: Mt === e ? "2px solid #000" : "1px solid transparent",
 												cursor: "pointer",
 												outline: "none",
 												padding: 0
 											}
 										}, e))
 									}),
-									bn > 0 && /* @__PURE__ */ I("div", {
+									xn > 0 && /* @__PURE__ */ I("div", {
 										style: {
 											display: "flex",
 											alignItems: "center",
@@ -4887,7 +4907,7 @@ function qt({ leftSidebarOpen: t, rightSidebarOpen: r, activeTab: a, annotationM
 											marginLeft: "8px"
 										},
 										children: [/* @__PURE__ */ I("button", {
-											onClick: () => vn(!0),
+											onClick: () => bn(!0),
 											style: {
 												display: "flex",
 												alignItems: "center",
@@ -4904,13 +4924,13 @@ function qt({ leftSidebarOpen: t, rightSidebarOpen: r, activeTab: a, annotationM
 											},
 											title: "Apply all marked redactions permanently",
 											children: [
-												/* @__PURE__ */ F(Oe, { size: 16 }),
+												/* @__PURE__ */ F(ke, { size: 16 }),
 												"Apply Redactions (",
-												bn,
+												xn,
 												")"
 											]
 										}), /* @__PURE__ */ I("button", {
-											onClick: $,
+											onClick: Sn,
 											style: {
 												display: "flex",
 												alignItems: "center",
@@ -4925,7 +4945,7 @@ function qt({ leftSidebarOpen: t, rightSidebarOpen: r, activeTab: a, annotationM
 												cursor: "pointer"
 											},
 											title: "Discard all pending unapplied redactions",
-											children: [/* @__PURE__ */ F(je, {
+											children: [/* @__PURE__ */ F(Me, {
 												size: 14,
 												color: "#dc2626"
 											}), "Discard Redactions"]
@@ -4935,7 +4955,7 @@ function qt({ leftSidebarOpen: t, rightSidebarOpen: r, activeTab: a, annotationM
 							})
 						]
 					}),
-					_n && /* @__PURE__ */ F("div", {
+					yn && /* @__PURE__ */ F("div", {
 						style: {
 							position: "fixed",
 							top: 0,
@@ -4976,7 +4996,7 @@ function qt({ leftSidebarOpen: t, rightSidebarOpen: r, activeTab: a, annotationM
 											justifyContent: "center",
 											color: "#dc2626"
 										},
-										children: /* @__PURE__ */ F(Oe, { size: 24 })
+										children: /* @__PURE__ */ F(ke, { size: 24 })
 									}), /* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("h3", {
 										style: {
 											margin: 0,
@@ -5003,7 +5023,7 @@ function qt({ leftSidebarOpen: t, rightSidebarOpen: r, activeTab: a, annotationM
 									},
 									children: [
 										"You are about to permanently apply ",
-										/* @__PURE__ */ I("strong", { children: [bn, " redaction(s)"] }),
+										/* @__PURE__ */ I("strong", { children: [xn, " redaction(s)"] }),
 										". Marked areas will be blacked out and underlying text will be permanently removed. This action cannot be undone."
 									]
 								}),
@@ -5015,7 +5035,7 @@ function qt({ leftSidebarOpen: t, rightSidebarOpen: r, activeTab: a, annotationM
 									},
 									children: [
 										/* @__PURE__ */ F("button", {
-											onClick: () => vn(!1),
+											onClick: () => bn(!1),
 											style: {
 												padding: "8px 14px",
 												borderRadius: "6px",
@@ -5030,7 +5050,7 @@ function qt({ leftSidebarOpen: t, rightSidebarOpen: r, activeTab: a, annotationM
 										}),
 										/* @__PURE__ */ F("button", {
 											onClick: () => {
-												$(), vn(!1);
+												Sn(), bn(!1);
 											},
 											style: {
 												padding: "8px 14px",
@@ -5046,13 +5066,13 @@ function qt({ leftSidebarOpen: t, rightSidebarOpen: r, activeTab: a, annotationM
 										}),
 										/* @__PURE__ */ F("button", {
 											onClick: () => {
-												Ee((e) => e.map((e) => ({
+												Ae((e) => e.map((e) => ({
 													...e,
 													status: "applied"
-												}))), gn((e) => e.map((e) => ({
+												}))), vn((e) => e.map((e) => ({
 													...e,
 													status: "applied"
-												}))), vn(!1);
+												}))), bn(!1);
 											},
 											style: {
 												padding: "8px 14px",
@@ -5083,28 +5103,28 @@ function qt({ leftSidebarOpen: t, rightSidebarOpen: r, activeTab: a, annotationM
 							overflow: "hidden",
 							position: "relative"
 						},
-						children: [R.isActive && R.mode === "side-by-side" ? /* @__PURE__ */ F(Ft, {
-							pdfDocA: M,
-							pdfDocB: ke,
-							pageNum: N,
+						children: [R.isActive && R.mode === "side-by-side" ? /* @__PURE__ */ F(Pt, {
+							pdfDocA: j,
+							pdfDocB: Pe,
+							pageNum: M,
 							scale: S,
-							rotation: A,
-							basePageDims: Ye(N),
+							rotation: k,
+							basePageDims: Qe(M),
 							activeTab: a,
-							activeTool: W,
-							annotations: U,
-							permissions: ve,
-							watermark: ue,
-							watermarkText: de,
-							redactions: yn,
-							diffsA: R.pageDiffsA?.[N] || [],
-							diffsB: R.pageDiffsB?.[N] || [],
+							activeTool: G,
+							annotations: W,
+							permissions: be,
+							watermark: fe,
+							watermarkText: pe,
+							redactions: $,
+							diffsA: R.pageDiffsA?.[M] || [],
+							diffsB: R.pageDiffsB?.[M] || [],
 							selectedDiffId: R.diffItems[R.currentDiffIndex]?.id,
 							onSelectDiff: (e) => {
 								let t = R.diffItems.findIndex((t) => t.id === e);
-								t !== -1 && bt(t);
+								t !== -1 && Ot(t);
 							}
-						}) : /* @__PURE__ */ I(Ne, { children: [W === "highlight" && /* @__PURE__ */ F("style", { children: "\n                .pdf-viewer-area, .pdf-viewer-area * {\n                  cursor: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTkgMTFsLTYgNnYzaDlsMy0zIi8+PHBhdGggZD0iTTIyIDEybC00LjYgNC42YTIgMiAwIDAgMS0yLjggMGwtNS4yLTUuMmEyIDIgMCAwIDEgMC0yLjhMMTQgNCIvPjwvc3ZnPg==') 0 24, auto !important;\n                }\n              " }), /* @__PURE__ */ I("div", {
+						}) : /* @__PURE__ */ I(P, { children: [G === "highlight" && /* @__PURE__ */ F("style", { children: "\n                .pdf-viewer-area, .pdf-viewer-area * {\n                  cursor: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTkgMTFsLTYgNnYzaDlsMy0zIi8+PHBhdGggZD0iTTIyIDEybC00LjYgNC42YTIgMiAwIDAgMS0yLjggMGwtNS4yLTUuMmEyIDIgMCAwIDEgMC0yLjhMMTQgNCIvPjwvc3ZnPg==') 0 24, auto !important;\n                }\n              " }), /* @__PURE__ */ I("div", {
 							className: "pdf-viewer-area",
 							style: {
 								flex: 1,
@@ -5115,28 +5135,28 @@ function qt({ leftSidebarOpen: t, rightSidebarOpen: r, activeTab: a, annotationM
 								overflow: "hidden",
 								position: "relative",
 								backgroundColor: "var(--bg-color)",
-								cursor: $e ? "grabbing" : W === "pan" || W === null ? "grab" : W === "eraser" ? "cell" : "crosshair"
+								cursor: tt ? "grabbing" : G === "pan" || G === null ? "grab" : G === "eraser" ? "cell" : "crosshair"
 							},
 							onMouseMove: (e) => {
-								if ($e && it.current && j.current) {
+								if (tt && it.current && A.current) {
 									let t = e.clientX - it.current.x, n = e.clientY - it.current.y;
-									j.current.scrollLeft = it.current.scrollLeft - t, j.current.scrollTop = it.current.scrollTop - n;
+									A.current.scrollLeft = it.current.scrollLeft - t, A.current.scrollTop = it.current.scrollTop - n;
 								}
 							},
 							onMouseLeave: () => {
-								$e && (tt(!1), it.current = null);
+								tt && (rt(!1), it.current = null);
 							},
 							children: [
 								/* @__PURE__ */ F("div", {
-									ref: j,
+									ref: A,
 									onScroll: (e) => {
-										Ze({
+										V({
 											top: e.currentTarget.scrollTop,
 											left: e.currentTarget.scrollLeft
-										}), mt.current = gt(e.currentTarget.scrollTop);
+										}), dt.current = vt(e.currentTarget.scrollTop);
 									},
 									onMouseDown: (e) => {
-										(W === "pan" || W === null) && e.button === 0 && (tt(!0), it.current = {
+										(G === "pan" || G === null) && e.button === 0 && (rt(!0), it.current = {
 											x: e.clientX,
 											y: e.clientY,
 											scrollLeft: e.currentTarget.scrollLeft,
@@ -5144,7 +5164,7 @@ function qt({ leftSidebarOpen: t, rightSidebarOpen: r, activeTab: a, annotationM
 										});
 									},
 									onMouseUp: (e) => {
-										$e && (tt(!1), it.current = null);
+										tt && (rt(!1), it.current = null);
 									},
 									onContextMenu: (e) => {
 										e.preventDefault(), e.stopPropagation();
@@ -5157,46 +5177,46 @@ function qt({ leftSidebarOpen: t, rightSidebarOpen: r, activeTab: a, annotationM
 									},
 									children: (() => {
 										let t = (t, n, r) => {
-											let i = r ? ct.tops[n] ?? 0 : 0;
-											if (r && j.current) {
+											let i = r ? U.tops[n] ?? 0 : 0;
+											if (r && A.current) {
 												let e = S >= 4 ? 1 : S >= 2 ? 2 : 4, t = S >= 4 ? 1 : S >= 2 ? 2 : 5;
-												if (n < mt.current - e || n > mt.current + t) return null;
+												if (n < dt.current - e || n > dt.current + t) return null;
 											}
-											let o = Wt && Kt && W && W !== "eraser" ? (() => {
-												if (W === "freehand") return {
+											let o = Gt && Jt && G && G !== "eraser" ? (() => {
+												if (G === "freehand") return {
 													id: "temp-live-drawing",
 													type: "freehand",
-													pageIndex: Kt,
+													pageIndex: Jt,
 													x: 0,
 													y: 0,
 													width: 0,
 													height: 0,
-													points: Zt,
-													color: kt,
-													strokeWidth: Nt,
-													opacity: Vt
+													points: Qt,
+													color: Mt,
+													strokeWidth: Bt,
+													opacity: Ut
 												};
-												if (W === "highlight") {
-													let e = Math.abs(q.x - K.x), t = Math.abs(q.y - K.y), n = Math.min(K.x, q.x), r = Math.min(K.y, q.y);
-													return t < 18 && (t = Math.max(18, t), r = K.y - 9), {
+												if (G === "highlight") {
+													let e = Math.abs(J.x - q.x), t = Math.abs(J.y - q.y), n = Math.min(q.x, J.x), r = Math.min(q.y, J.y);
+													return t < 18 && (t = Math.max(18, t), r = q.y - 9), {
 														id: "temp-live-drawing",
 														type: "highlight",
-														pageIndex: Kt,
+														pageIndex: Jt,
 														x: n,
 														y: r,
 														width: e,
 														height: t,
-														color: kt,
-														strokeWidth: Nt,
-														opacity: Vt
+														color: Mt,
+														strokeWidth: Bt,
+														opacity: Ut
 													};
 												}
-												if (W === "redaction") {
-													let e = Math.abs(q.x - K.x), t = Math.abs(q.y - K.y), n = Math.min(K.x, q.x), r = Math.min(K.y, q.y);
-													return t < 18 && (t = Math.max(18, t), r = K.y - 9), {
+												if (G === "redaction") {
+													let e = Math.abs(J.x - q.x), t = Math.abs(J.y - q.y), n = Math.min(q.x, J.x), r = Math.min(q.y, J.y);
+													return t < 18 && (t = Math.max(18, t), r = q.y - 9), {
 														id: "temp-live-drawing",
 														type: "rectangle",
-														pageIndex: Kt,
+														pageIndex: Jt,
 														x: n,
 														y: r,
 														width: e,
@@ -5213,66 +5233,67 @@ function qt({ leftSidebarOpen: t, rightSidebarOpen: r, activeTab: a, annotationM
 													"rectangle",
 													"ellipse",
 													"link"
-												].includes(W)) {
-													let e = Math.abs(q.x - K.x), t = Math.abs(q.y - K.y), n = Math.min(K.x, q.x), r = Math.min(K.y, q.y);
+												].includes(G)) {
+													let e = Math.abs(J.x - q.x), t = Math.abs(J.y - q.y), n = Math.min(q.x, J.x), r = Math.min(q.y, J.y);
 													return {
 														id: "temp-live-drawing",
-														type: W,
-														pageIndex: Kt,
+														type: G,
+														pageIndex: Jt,
 														x: n,
 														y: r,
 														width: e,
 														height: t,
-														points: W === "line" || W === "arrow" || W === "callout" ? [K, q] : void 0,
-														color: kt,
-														strokeWidth: Nt,
-														opacity: Vt
+														points: G === "line" || G === "arrow" || G === "callout" ? [q, J] : void 0,
+														color: Mt,
+														strokeWidth: Bt,
+														opacity: Ut
 													};
 												}
 											})() : null;
 											return t.map((n, r) => {
-												let s, c = j.current?.clientWidth || 0, l = Ye(n), u = Ye(t[0]).width * S, d = l.width * S;
+												let s, c = A.current?.clientWidth || 0, l = Qe(n), u = Qe(t[0]).width * S, d = l.width * S;
 												t.length === 2 ? (r === 0 && (s = Math.max(0, c / 2 - u)), r === 1 && (s = Math.max(u, c / 2))) : s = Math.max(0, c / 2 - d / 2);
-												let f = o && o.pageIndex === n ? [...U, o] : U;
+												let f = o && o.pageIndex === n ? [...W, o] : W;
 												return /* @__PURE__ */ I(e.Fragment, { children: [
 													/* @__PURE__ */ F(St, {
 														pageNum: n,
-														pdfDoc: M,
+														pdfDoc: j,
 														scale: S,
-														rotation: A,
-														containerWidth: j.current?.clientWidth || 0,
-														containerHeight: j.current?.clientHeight || 0,
-														scrollTop: Xe.top,
-														scrollLeft: Xe.left,
+														rotation: k,
+														containerWidth: A.current?.clientWidth || 0,
+														containerHeight: A.current?.clientHeight || 0,
+														scrollTop: $e.top,
+														scrollLeft: $e.left,
 														pageTop: i,
 														pageLeft: s,
 														basePageWidth: l.width,
 														basePageHeight: l.height,
 														activeTab: a,
-														activeTool: W,
+														activeTool: G,
 														annotations: f,
-														transientHighlights: _e?.filter((e) => e.pageIndex === n) || [],
-														selectedAnnotationId: Y,
-														activeSearchResult: Ue,
-														onMouseDown: Nn,
-														onMouseMove: Fn,
-														onMouseUp: In,
-														onAnnotationClick: Rn,
-														onAnnotationMouseEnter: Ln,
+														transientHighlights: ye?.filter((e) => e.pageIndex === n) || [],
+														selectedAnnotationId: X,
+														activeSearchResult: Ge,
+														onMouseDown: Fn,
+														onMouseMove: Ln,
+														onMouseUp: Rn,
+														onAnnotationClick: Bn,
+														onAnnotationMouseEnter: zn,
 														onClearSelection: () => {
-															if (cn.current || on) {
-																cn.current = !1;
+															if (ln.current || cn) {
+																ln.current = !1;
 																return;
 															}
-															X(null), an(null);
+															an(null), sn(null);
 														},
-														watermark: ue,
-														watermarkText: de,
-														redactions: yn,
-														onDiscardRedaction: xn,
-														onRendered: Dn
+														watermark: fe,
+														watermarkText: pe,
+														redactions: $,
+														onDiscardRedaction: Cn,
+														onRendered: kn,
+														hideAnnotationsUntilPageRendered: xe
 													}),
-													R.isActive && R.mode === "overlay" && ke && /* @__PURE__ */ F("div", {
+													R.isActive && R.mode === "overlay" && Pe && /* @__PURE__ */ F("div", {
 														style: {
 															position: "absolute",
 															top: `${i}px`,
@@ -5287,13 +5308,13 @@ function qt({ leftSidebarOpen: t, rightSidebarOpen: r, activeTab: a, annotationM
 														},
 														children: /* @__PURE__ */ F(St, {
 															pageNum: n,
-															pdfDoc: ke,
+															pdfDoc: Pe,
 															scale: S,
-															rotation: A,
-															containerWidth: j.current?.clientWidth || 0,
-															containerHeight: j.current?.clientHeight || 0,
-															scrollTop: Xe.top,
-															scrollLeft: Xe.left,
+															rotation: k,
+															containerWidth: A.current?.clientWidth || 0,
+															containerHeight: A.current?.clientHeight || 0,
+															scrollTop: $e.top,
+															scrollLeft: $e.left,
 															pageTop: 0,
 															pageLeft: 0,
 															basePageWidth: l.width,
@@ -5321,18 +5342,18 @@ function qt({ leftSidebarOpen: t, rightSidebarOpen: r, activeTab: a, annotationM
 															pointerEvents: "none",
 															zIndex: 16
 														},
-														children: /* @__PURE__ */ F(Pt, {
+														children: /* @__PURE__ */ F(Nt, {
 															boxes: [...R.pageDiffsA?.[n] || [], ...R.pageDiffsB?.[n] || []],
 															scale: S,
 															selectedDiffId: R.diffItems[R.currentDiffIndex]?.id,
 															onSelectDiff: (e) => {
 																let t = R.diffItems.findIndex((t) => t.id === e);
-																t !== -1 && bt(t);
+																t !== -1 && Ot(t);
 															}
 														})
 													}),
-													J && J.pageIndex === n && (() => {
-														let e = A % 180 == 0 ? l.width : l.height, t = A % 180 == 0 ? l.height : l.width, n = st(J.x, J.y, A, e, t);
+													Y && Y.pageIndex === n && (() => {
+														let e = k % 180 == 0 ? l.width : l.height, t = k % 180 == 0 ? l.height : l.width, n = _t(Y.x, Y.y, k, e, t);
 														return /* @__PURE__ */ I("div", {
 															style: {
 																position: "absolute",
@@ -5346,19 +5367,19 @@ function qt({ leftSidebarOpen: t, rightSidebarOpen: r, activeTab: a, annotationM
 																flexDirection: "column"
 															},
 															children: [/* @__PURE__ */ F("textarea", {
-																ref: nn,
-																value: en,
-																onChange: (e) => tn(e.target.value),
+																ref: rn,
+																value: tn,
+																onChange: (e) => nn(e.target.value),
 																onBlur: (e) => {
-																	e.currentTarget.parentElement?.contains(e.relatedTarget) || Pn();
+																	e.currentTarget.parentElement?.contains(e.relatedTarget) || In();
 																},
 																onKeyDown: (e) => {
-																	e.key === "Enter" && !e.shiftKey && (e.preventDefault(), Pn());
+																	e.key === "Enter" && !e.shiftKey && (e.preventDefault(), In());
 																},
 																style: {
 																	backgroundColor: "transparent",
 																	border: "none",
-																	color: kt,
+																	color: Mt,
 																	fontSize: "16px",
 																	fontFamily: "sans-serif",
 																	minWidth: "150px",
@@ -5367,7 +5388,7 @@ function qt({ leftSidebarOpen: t, rightSidebarOpen: r, activeTab: a, annotationM
 																	resize: "both",
 																	padding: "8px"
 																},
-																placeholder: J.type === "note" ? "Note text..." : "Type text...",
+																placeholder: Y.type === "note" ? "Note text..." : "Type text...",
 																autoFocus: !0
 															}), /* @__PURE__ */ F("div", {
 																style: {
@@ -5378,7 +5399,7 @@ function qt({ leftSidebarOpen: t, rightSidebarOpen: r, activeTab: a, annotationM
 																},
 																children: /* @__PURE__ */ F("button", {
 																	onMouseDown: (e) => {
-																		e.preventDefault(), Pn();
+																		e.preventDefault(), In();
 																	},
 																	style: {
 																		padding: "4px 12px",
@@ -5397,28 +5418,28 @@ function qt({ leftSidebarOpen: t, rightSidebarOpen: r, activeTab: a, annotationM
 												] }, n);
 											});
 										};
-										if (O === "continuous") return /* @__PURE__ */ F("div", {
+										if (E === "continuous") return /* @__PURE__ */ F("div", {
 											style: {
 												position: "relative",
 												width: "100%",
-												height: `${ct.total}px`
+												height: `${U.total}px`
 											},
 											children: H.map((e, n) => t(e, n, !0))
 										});
 										{
-											let e = Math.max(0, H.findIndex((e) => e.includes(N))), n = H[e] || [];
+											let e = Math.max(0, H.findIndex((e) => e.includes(M))), n = H[e] || [];
 											return /* @__PURE__ */ F("div", {
 												style: {
 													position: "relative",
 													width: "100%",
-													minHeight: `${ct.heights[e] ?? 0}px`
+													minHeight: `${U.heights[e] ?? 0}px`
 												},
 												children: t(n, e, !1)
 											});
 										}
 									})()
 								}),
-								O === "page-by-page" && M && /* @__PURE__ */ I("div", {
+								E === "page-by-page" && j && /* @__PURE__ */ I("div", {
 									style: {
 										position: "absolute",
 										bottom: "16px",
@@ -5436,13 +5457,13 @@ function qt({ leftSidebarOpen: t, rightSidebarOpen: r, activeTab: a, annotationM
 									},
 									children: [
 										/* @__PURE__ */ F("button", {
-											onClick: () => we(Math.max(1, N - 1)),
-											disabled: N <= 1,
+											onClick: () => De(Math.max(1, M - 1)),
+											disabled: M <= 1,
 											style: {
 												background: "none",
 												border: "none",
-												color: N <= 1 ? "#888" : "#fff",
-												cursor: N <= 1 ? "default" : "pointer",
+												color: M <= 1 ? "#888" : "#fff",
+												cursor: M <= 1 ? "default" : "pointer",
 												display: "flex",
 												alignItems: "center"
 											},
@@ -5455,19 +5476,19 @@ function qt({ leftSidebarOpen: t, rightSidebarOpen: r, activeTab: a, annotationM
 											},
 											children: [
 												"Page ",
-												N,
+												M,
 												" of ",
-												M.numPages
+												j.numPages
 											]
 										}),
 										/* @__PURE__ */ F("button", {
-											onClick: () => we(Math.min(M.numPages, N + 1)),
-											disabled: N >= M.numPages,
+											onClick: () => De(Math.min(j.numPages, M + 1)),
+											disabled: M >= j.numPages,
 											style: {
 												background: "none",
 												border: "none",
-												color: N >= M.numPages ? "#888" : "#fff",
-												cursor: N >= M.numPages ? "default" : "pointer",
+												color: M >= j.numPages ? "#888" : "#fff",
+												cursor: M >= j.numPages ? "default" : "pointer",
 												display: "flex",
 												alignItems: "center"
 											},
@@ -5475,7 +5496,7 @@ function qt({ leftSidebarOpen: t, rightSidebarOpen: r, activeTab: a, annotationM
 										})
 									]
 								}),
-								!M && /* @__PURE__ */ F("div", {
+								!j && /* @__PURE__ */ F("div", {
 									style: {
 										position: "absolute",
 										top: 0,
@@ -5491,22 +5512,22 @@ function qt({ leftSidebarOpen: t, rightSidebarOpen: r, activeTab: a, annotationM
 										padding: "24px",
 										textAlign: "center"
 									},
-									children: Se ? /* @__PURE__ */ I(Ne, { children: [/* @__PURE__ */ F("div", {
+									children: Te ? /* @__PURE__ */ I(P, { children: [/* @__PURE__ */ F("div", {
 										style: {
 											fontWeight: 600,
 											color: "var(--text-color)"
 										},
-										children: Se.name === "PasswordException" ? "This document is password protected." : "The document could not be loaded."
+										children: Te.name === "PasswordException" ? "This document is password protected." : "The document could not be loaded."
 									}), /* @__PURE__ */ F("div", {
 										style: {
 											fontSize: "12px",
 											maxWidth: "480px",
 											wordBreak: "break-word"
 										},
-										children: Se.message
+										children: Te.message
 									})] }) : d ? "Loading document…" : "No document loaded."
 								}),
-								M && /* @__PURE__ */ I("div", {
+								j && /* @__PURE__ */ I("div", {
 									style: {
 										position: "absolute",
 										bottom: "24px",
@@ -5525,13 +5546,13 @@ function qt({ leftSidebarOpen: t, rightSidebarOpen: r, activeTab: a, annotationM
 									},
 									children: [
 										/* @__PURE__ */ F("button", {
-											onClick: () => _t(Math.max(1, N - 1)),
-											disabled: N <= 1,
+											onClick: () => yt(Math.max(1, M - 1)),
+											disabled: M <= 1,
 											style: {
 												background: "none",
 												border: "none",
-												color: N <= 1 ? "rgba(255,255,255,0.3)" : "white",
-												cursor: N <= 1 ? "default" : "pointer",
+												color: M <= 1 ? "rgba(255,255,255,0.3)" : "white",
+												cursor: M <= 1 ? "default" : "pointer",
 												display: "flex",
 												padding: 0
 											},
@@ -5546,19 +5567,19 @@ function qt({ leftSidebarOpen: t, rightSidebarOpen: r, activeTab: a, annotationM
 											},
 											children: [
 												"Page ",
-												N,
+												M,
 												" / ",
-												M.numPages
+												j.numPages
 											]
 										}),
 										/* @__PURE__ */ F("button", {
-											onClick: () => _t(Math.min(M.numPages, N + 1)),
-											disabled: N >= M.numPages,
+											onClick: () => yt(Math.min(j.numPages, M + 1)),
+											disabled: M >= j.numPages,
 											style: {
 												background: "none",
 												border: "none",
-												color: N >= M.numPages ? "rgba(255,255,255,0.3)" : "white",
-												cursor: N >= M.numPages ? "default" : "pointer",
+												color: M >= j.numPages ? "rgba(255,255,255,0.3)" : "white",
+												cursor: M >= j.numPages ? "default" : "pointer",
 												display: "flex",
 												padding: 0
 											},
@@ -5566,11 +5587,11 @@ function qt({ leftSidebarOpen: t, rightSidebarOpen: r, activeTab: a, annotationM
 										})
 									]
 								}),
-								Y && rn && /* @__PURE__ */ F(He, {
-									annotation: U.find((e) => e.id === Y),
-									position: rn,
+								X && on && /* @__PURE__ */ F(et, {
+									annotation: W.find((e) => e.id === X),
+									position: on,
 									onCopy: () => {
-										let e = U.find((e) => e.id === Y);
+										let e = W.find((e) => e.id === X);
 										if (e) {
 											let t = {
 												...e,
@@ -5584,56 +5605,56 @@ function qt({ leftSidebarOpen: t, rightSidebarOpen: r, activeTab: a, annotationM
 												x: e.x + 20,
 												y: e.y + 20
 											};
-											Q([...U, t]);
+											Q([...W, t]);
 										}
-										X(null), an(null);
+										an(null), sn(null);
 									},
 									onDelete: () => {
-										Q(U.filter((e) => e.id !== Y)), X(null), an(null);
+										Q(W.filter((e) => e.id !== X)), an(null), sn(null);
 									},
 									onUpdateColor: (e) => {
-										Q(U.map((t) => t.id === Y ? {
+										Q(W.map((t) => t.id === X ? {
 											...t,
 											color: e
 										} : t));
 									},
 									onOpenLinkModal: () => {
-										sn(!0), an(null);
+										Z(!0), sn(null);
 									},
-									permissions: ve
+									permissions: be
 								}),
-								R.isActive && R.showCurtain && /* @__PURE__ */ F(Rt, {
+								R.isActive && R.showCurtain && /* @__PURE__ */ F(Lt, {
 									positionPercent: R.curtainPosition,
 									onChangePosition: (e) => z((t) => ({
 										...t,
 										curtainPosition: e
 									})),
-									containerRef: j
+									containerRef: A
 								})
 							]
-						})] }), R.isActive && /* @__PURE__ */ F(Lt, {
-							isOpen: B,
-							onClose: () => Ie(!1),
+						})] }), R.isActive && /* @__PURE__ */ F(It, {
+							isOpen: ze,
+							onClose: () => Be(!1),
 							diffItems: R.diffItems,
-							textDiffs: Pe,
+							textDiffs: B,
 							currentDiffIndex: R.currentDiffIndex,
-							onSelectDiff: (e, t) => bt(e, t),
-							onJumpToPage: (e) => _t(e)
+							onSelectDiff: (e, t) => Ot(e, t),
+							onJumpToPage: (e) => yt(e)
 						})]
 					})
 				]
 			}),
-			on && Y && /* @__PURE__ */ F(We, {
-				initialUrl: U.find((e) => e.id === Y)?.linkUrl || "",
-				initialText: U.find((e) => e.id === Y)?.text || "",
-				showTextInput: !U.find((e) => e.id === Y)?.width || U.find((e) => e.id === Y)?.text === "" || U.find((e) => e.id === Y)?.text !== void 0,
+			cn && X && /* @__PURE__ */ F(nt, {
+				initialUrl: W.find((e) => e.id === X)?.linkUrl || "",
+				initialText: W.find((e) => e.id === X)?.text || "",
+				showTextInput: !W.find((e) => e.id === X)?.width || W.find((e) => e.id === X)?.text === "" || W.find((e) => e.id === X)?.text !== void 0,
 				onClose: () => {
-					let e = U.find((e) => e.id === Y);
-					e && !e.linkUrl && Q(U.filter((e) => e.id !== Y)), sn(!1), X(null);
+					let e = W.find((e) => e.id === X);
+					e && !e.linkUrl && Q(W.filter((e) => e.id !== X)), Z(!1), an(null);
 				},
 				onSave: (e, t) => {
-					Q(U.map((n) => {
-						if (n.id === Y) {
+					Q(W.map((n) => {
+						if (n.id === X) {
 							let r = t === void 0 ? n.text : t, i = r ? Math.max(100, r.length * 8 + 20) : n.width;
 							return {
 								...n,
@@ -5643,27 +5664,27 @@ function qt({ leftSidebarOpen: t, rightSidebarOpen: r, activeTab: a, annotationM
 							};
 						}
 						return n;
-					})), sn(!1), X(null);
+					})), Z(!1), an(null);
 				}
 			}),
-			_ && /* @__PURE__ */ F(rt, {
+			_ && /* @__PURE__ */ F(pt, {
 				isOpen: r,
-				activeTab: te,
-				setActiveTab: ne,
-				annotations: U,
+				activeTab: ne,
+				setActiveTab: re,
+				annotations: W,
 				setAnnotations: Q,
-				selectedAnnotationId: Y,
-				setSelectedAnnotationId: X,
-				onSearch: Sn,
-				searchResults: Cn,
-				isSearching: wn,
-				searchProgress: Tn,
-				onResultClick: vt
+				selectedAnnotationId: X,
+				setSelectedAnnotationId: an,
+				onSearch: wn,
+				searchResults: Tn,
+				isSearching: En,
+				searchProgress: Dn,
+				onResultClick: xt
 			})
 		]
 	});
 }
-function Jt({ icon: e, active: t, onClick: n, label: r }) {
+function qt({ icon: e, active: t, onClick: n, label: r }) {
 	return /* @__PURE__ */ F("button", {
 		onClick: n,
 		title: r,
@@ -5690,8 +5711,8 @@ function Jt({ icon: e, active: t, onClick: n, label: r }) {
 }
 //#endregion
 //#region src/components/SettingsModal.tsx
-function K({ onClose: e, watermarkText: t, setWatermarkText: n }) {
-	let { shortcuts: r, updateShortcut: i, resetShortcuts: a } = Qe(), [s, l] = c("Keyboard Shortcuts"), [u, d] = c(null), [f, p] = c(""), m = (e, t) => {
+function Jt({ onClose: e, watermarkText: t, setWatermarkText: n }) {
+	let { shortcuts: r, updateShortcut: i, resetShortcuts: a } = ct(), [s, l] = c("Keyboard Shortcuts"), [u, d] = c(null), [f, p] = c(""), m = (e, t) => {
 		if (e.preventDefault(), e.stopPropagation(), e.key === "Escape") {
 			d(null);
 			return;
@@ -5717,7 +5738,7 @@ function K({ onClose: e, watermarkText: t, setWatermarkText: n }) {
 			},
 			children: "None"
 		});
-		let t = $e(e), n = typeof navigator < "u" && /mac/i.test(navigator.platform || navigator.userAgent || ""), r = [];
+		let t = lt(e), n = typeof navigator < "u" && /mac/i.test(navigator.platform || navigator.userAgent || ""), r = [];
 		if (t.meta && r.push(n ? "⌘" : "Ctrl"), t.alt && r.push(n ? "⌥" : "Alt"), t.shift && r.push(n ? "⇧" : "Shift"), t.key) {
 			let e = t.key.toUpperCase();
 			e === "DELETE" && (e = n ? "⌫ Delete" : "Del"), r.push(e);
@@ -5807,7 +5828,7 @@ function K({ onClose: e, watermarkText: t, setWatermarkText: n }) {
 							display: "flex",
 							padding: "4px"
 						},
-						children: /* @__PURE__ */ F(P, { size: 20 })
+						children: /* @__PURE__ */ F(N, { size: 20 })
 					})]
 				}),
 				/* @__PURE__ */ F("div", {
@@ -5819,7 +5840,7 @@ function K({ onClose: e, watermarkText: t, setWatermarkText: n }) {
 					children: /* @__PURE__ */ I("div", {
 						style: { position: "relative" },
 						children: [
-							/* @__PURE__ */ F(Ee, {
+							/* @__PURE__ */ F(De, {
 								size: 16,
 								color: "var(--text-muted)",
 								style: {
@@ -5860,7 +5881,7 @@ function K({ onClose: e, watermarkText: t, setWatermarkText: n }) {
 									padding: 0
 								},
 								title: "Clear search",
-								children: /* @__PURE__ */ F(P, { size: 15 })
+								children: /* @__PURE__ */ F(N, { size: 15 })
 							})
 						]
 					})
@@ -5943,7 +5964,7 @@ function K({ onClose: e, watermarkText: t, setWatermarkText: n }) {
 									cursor: "pointer"
 								},
 								title: "Reset all shortcuts to defaults",
-								children: [/* @__PURE__ */ F(Ce, { size: 13 }), "Reset to Defaults"]
+								children: [/* @__PURE__ */ F(we, { size: 13 }), "Reset to Defaults"]
 							})]
 						}), v.length === 0 ? /* @__PURE__ */ I("div", {
 							style: {
@@ -6066,7 +6087,7 @@ function K({ onClose: e, watermarkText: t, setWatermarkText: n }) {
 													padding: "2px"
 												},
 												title: "Cancel",
-												children: /* @__PURE__ */ F(P, { size: 14 })
+												children: /* @__PURE__ */ F(N, { size: 14 })
 											})]
 										}) : g(e.command)
 									}),
@@ -6104,7 +6125,7 @@ function K({ onClose: e, watermarkText: t, setWatermarkText: n }) {
 												fontSize: "12px"
 											},
 											title: "Edit shortcut",
-											children: [/* @__PURE__ */ F(ne, { size: 13 }), " Edit"]
+											children: [/* @__PURE__ */ F(re, { size: 13 }), " Edit"]
 										})
 									})
 								]
@@ -6263,7 +6284,7 @@ function Yt({ onClose: e }) {
 							alignItems: "center",
 							gap: "8px"
 						},
-						children: [/* @__PURE__ */ F(se, {
+						children: [/* @__PURE__ */ F(E, {
 							size: 20,
 							color: "#2b76b9"
 						}), /* @__PURE__ */ F("h2", {
@@ -6283,7 +6304,7 @@ function Yt({ onClose: e }) {
 							cursor: "pointer",
 							color: "#6b7280"
 						},
-						children: /* @__PURE__ */ F(P, { size: 20 })
+						children: /* @__PURE__ */ F(N, { size: 20 })
 					})]
 				}),
 				/* @__PURE__ */ I("div", {
@@ -6483,21 +6504,21 @@ var q = class {
 		return this.destroyed;
 	}
 }, Xt = (e) => e === 0 ? 0 : e;
-function Zt(e, t) {
+function J(e, t) {
 	return {
 		x: Xt(e.x * t[0] + e.y * t[2] + t[4]),
 		y: Xt(e.x * t[1] + e.y * t[3] + t[5])
 	};
 }
-function Qt(e, t) {
+function Zt(e, t) {
 	let n = t[0] * t[3] - t[1] * t[2];
 	return {
 		x: Xt((e.x * t[3] - e.y * t[2] + t[2] * t[5] - t[4] * t[3]) / n),
 		y: Xt((-e.x * t[1] + e.y * t[0] + t[4] * t[1] - t[5] * t[0]) / n)
 	};
 }
-function J(e, t, n) {
-	let r = lt(n), [i, a, o, s] = t, c = (o + i) / 2, l = (s + a) / 2, u, d, f, p;
+function Qt(e, t, n) {
+	let r = bt(n), [i, a, o, s] = t, c = (o + i) / 2, l = (s + a) / 2, u, d, f, p;
 	switch (r) {
 		case 180:
 			u = -1, d = 0, f = 0, p = 1;
@@ -6536,31 +6557,31 @@ function J(e, t, n) {
 }
 function $t(e) {
 	let t = e.view;
-	return J(e.pageNumber, [
+	return Qt(e.pageNumber, [
 		t[0],
 		t[1],
 		t[2],
 		t[3]
 	], e.rotate);
 }
-function en(e) {
+function Y(e) {
 	let t = /* @__PURE__ */ new Map();
 	return (n) => {
 		let r = Math.max(1, Math.min(e.numPages, n)), i = t.get(r);
 		return i || (i = e.getPage(r).then($t), t.set(r, i)), i;
 	};
 }
+function en(e, t) {
+	return Zt(t, e.transform);
+}
 function tn(e, t) {
-	return Qt(t, e.transform);
+	return J(t, e.transform);
 }
 function nn(e, t) {
-	return Zt(t, e.transform);
-}
-function Y(e, t) {
-	let n = tn(e, {
+	let n = en(e, {
 		x: t.x,
 		y: t.y
-	}), r = tn(e, {
+	}), r = en(e, {
 		x: t.x + t.width,
 		y: t.y + t.height
 	});
@@ -6571,11 +6592,11 @@ function Y(e, t) {
 		Math.max(n.y, r.y)
 	];
 }
-function X(e, t) {
-	let n = nn(e, {
+function rn(e, t) {
+	let n = tn(e, {
 		x: t[0],
 		y: t[1]
-	}), r = nn(e, {
+	}), r = tn(e, {
 		x: t[2],
 		y: t[3]
 	});
@@ -6586,14 +6607,14 @@ function X(e, t) {
 		height: Math.abs(r.y - n.y)
 	};
 }
-function rn(e, t) {
-	return t.map((t) => tn(e, t));
+function X(e, t) {
+	return t.map((t) => en(e, t));
 }
 function an(e, t) {
-	return t.map((t) => nn(e, t));
+	return t.map((t) => tn(e, t));
 }
 function on(e, t) {
-	let [n, r, i, a] = Y(e, t);
+	let [n, r, i, a] = nn(e, t);
 	return [
 		n,
 		a,
@@ -6619,7 +6640,7 @@ function sn(e, t) {
 			t[r + 5],
 			t[r + 7]
 		];
-		n.push(X(e, [
+		n.push(rn(e, [
 			Math.min(...i),
 			Math.min(...a),
 			Math.max(...i),
@@ -6648,12 +6669,12 @@ var Z = (e) => (Math.round(e * 1e3) / 1e3).toString(), ln = 524288e3, un = (e) =
 	return B(n, r, i);
 };
 async function dn(e, t, n, r, i) {
-	let a = un(r.color), o = r.opacity ?? 1, s = r.strokeWidth || 1, [c, l, u, d] = Y(n, {
+	let a = un(r.color), o = r.opacity ?? 1, s = r.strokeWidth || 1, [c, l, u, d] = nn(n, {
 		x: r.x,
 		y: r.y,
 		width: r.width,
 		height: r.height
-	}), f = u - c, p = d - l, m = Fe(n.rotate), h = (e, t, r) => tn(n, {
+	}), f = u - c, p = d - l, m = z(n.rotate), h = (e, t, r) => en(n, {
 		x: e,
 		y: t + r
 	});
@@ -6692,7 +6713,7 @@ async function dn(e, t, n, r, i) {
 				height: r.height
 			}];
 			for (let r of e) {
-				let [e, i, s, c] = Y(n, r);
+				let [e, i, s, c] = nn(n, r);
 				t.drawRectangle({
 					x: e,
 					y: i,
@@ -6700,7 +6721,7 @@ async function dn(e, t, n, r, i) {
 					height: c - i,
 					color: a,
 					opacity: o < 1 ? o : .5,
-					blendMode: R.Multiply
+					blendMode: Pe.Multiply
 				});
 			}
 			return;
@@ -6713,7 +6734,7 @@ async function dn(e, t, n, r, i) {
 			}, {
 				x: r.x + r.width,
 				y: r.y + r.height
-			}], [i, c] = rn(n, [e[0], e[1]]);
+			}], [i, c] = X(n, [e[0], e[1]]);
 			if (t.drawLine({
 				start: i,
 				end: c,
@@ -6721,7 +6742,7 @@ async function dn(e, t, n, r, i) {
 				opacity: o,
 				thickness: s
 			}), r.type === "arrow") {
-				let r = e[0], i = e[1], l = Math.atan2(i.y - r.y, i.x - r.x), u = 15 + s, [d, f] = rn(n, [{
+				let r = e[0], i = e[1], l = Math.atan2(i.y - r.y, i.x - r.x), u = 15 + s, [d, f] = X(n, [{
 					x: i.x - u * Math.cos(l - Math.PI / 6),
 					y: i.y - u * Math.sin(l - Math.PI / 6)
 				}, {
@@ -6747,7 +6768,7 @@ async function dn(e, t, n, r, i) {
 		case "freehand": {
 			let e = r.strokes && r.strokes.length > 0 ? r.strokes : r.points ? [r.points] : [];
 			for (let r of e) {
-				let e = rn(n, r);
+				let e = X(n, r);
 				for (let n = 1; n < e.length; n++) t.drawLine({
 					start: e[n - 1],
 					end: e[n],
@@ -6773,7 +6794,7 @@ async function dn(e, t, n, r, i) {
 			return;
 		}
 		case "note": {
-			let [e, i, c, l] = Y(n, {
+			let [e, i, c, l] = nn(n, {
 				x: r.x,
 				y: r.y,
 				width: 24,
@@ -6807,7 +6828,7 @@ async function dn(e, t, n, r, i) {
 			}, {
 				x: r.x,
 				y: r.y
-			}], [i, c] = rn(n, [e[0], e[1]]);
+			}], [i, c] = X(n, [e[0], e[1]]);
 			if (t.drawLine({
 				start: i,
 				end: c,
@@ -6815,7 +6836,7 @@ async function dn(e, t, n, r, i) {
 				opacity: o,
 				thickness: s
 			}), r.text) {
-				let i = r.text.length * 8 + 20, [c, l, u, d] = Y(n, {
+				let i = r.text.length * 8 + 20, [c, l, u, d] = nn(n, {
 					x: e[1].x,
 					y: e[1].y,
 					width: i,
@@ -6909,7 +6930,7 @@ async function dn(e, t, n, r, i) {
 	}
 }
 async function fn(e, t) {
-	let n = un(t.color || "#737373"), r = t.opacity ?? .08, i = await e.embedFont(Pe.Helvetica), a = -Math.PI / 4, o = Math.cos(a), s = Math.sin(a);
+	let n = un(t.color || "#737373"), r = t.opacity ?? .08, i = await e.embedFont(R.Helvetica), a = -Math.PI / 4, o = Math.cos(a), s = Math.sin(a);
 	for (let a of e.getPages()) {
 		let { width: e, height: c } = a.getSize();
 		if (t.mode === "single") {
@@ -6921,7 +6942,7 @@ async function fn(e, t) {
 				font: i,
 				color: n,
 				opacity: r,
-				rotate: Fe(-45)
+				rotate: z(-45)
 			});
 		} else {
 			let l = t.size || 18, u = i.widthOfTextAtSize(t.text, l), d = u + 150, f = -u / 2, p = -l * .35, m = f * o - p * s, h = f * s + p * o;
@@ -6934,17 +6955,17 @@ async function fn(e, t) {
 					font: i,
 					color: n,
 					opacity: r,
-					rotate: Fe(-45)
+					rotate: z(-45)
 				});
 			}
 		}
 	}
 }
-async function Q(e, t) {
+async function pn(e, t) {
 	let n = await e.save(), r = L.getDocument({
 		data: n,
-		...Mt()
-	}), i = await r.promise, a = await z.create();
+		...jt()
+	}), i = await r.promise, a = await Fe.create();
 	try {
 		for (let n = 1; n <= i.numPages; n++) {
 			let r = t.filter((e) => e.pageIndex === n);
@@ -6980,18 +7001,18 @@ async function Q(e, t) {
 	}
 	return a;
 }
-async function pn(e, t = {}) {
+async function mn(e, t = {}) {
 	t.xfdfString && console.warn("[teamsync-pdf-viewer] getFileData({ xfdfString }) is ignored; import the XFDF through annotationManager.importAnnotations() first.");
 	let n = await e.getSourceBytes(), r = n instanceof Uint8Array ? n : new Uint8Array(n);
 	if (r.byteLength > 524288e3) {
 		let e = (r.byteLength / 1048576).toFixed(2);
 		throw Error(`File is too large (${e} MB) to save directly in the browser. Use exportAnnotations() to save annotation data and apply it on your server.`);
 	}
-	let i = await z.load(r, { ignoreEncryption: !0 }), a = i.getPages(), o = t.explicitAnnotations || e.annotations, s = e.getPageGeometry, c = null;
+	let i = await Fe.load(r, { ignoreEncryption: !0 }), a = i.getPages(), o = t.explicitAnnotations || e.annotations, s = e.getPageGeometry, c = null;
 	!s && o.length > 0 && (c = L.getDocument({
 		data: r.slice(),
-		...Mt()
-	}), s = en(await c.promise));
+		...jt()
+	}), s = Y(await c.promise));
 	try {
 		for (let t of o) {
 			let n = Math.max(0, Math.min((t.pageIndex || 1) - 1, a.length - 1)), r = await s(n + 1);
@@ -7002,11 +7023,11 @@ async function pn(e, t = {}) {
 	}
 	e.watermark?.text && await fn(i, e.watermark);
 	let l = e.redactions || [];
-	return await (l.length > 0 ? await Q(i, l) : i).save();
+	return await (l.length > 0 ? await pn(i, l) : i).save();
 }
 //#endregion
 //#region src/annotations/xfdf.ts
-var mn = "http://ns.adobe.com/xfdf/", hn = "tspdf", gn = (e) => e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&apos;");
+var Q = "http://ns.adobe.com/xfdf/", hn = "tspdf", gn = (e) => e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&apos;");
 function _n(e, t = 2) {
 	return String(e).padStart(t, "0");
 }
@@ -7097,7 +7118,7 @@ var Dn = /* @__PURE__ */ new Set([
 	"vertices"
 ]);
 function kn(e, t, n, r) {
-	let i = r ?? Y(t, {
+	let i = r ?? nn(t, {
 		x: e.x,
 		y: e.y,
 		width: e.width,
@@ -7134,7 +7155,7 @@ async function Fn(e, t, n = {}) {
 			}, {
 				x: e.x + e.width,
 				y: e.y + e.height
-			}], [n, i] = rn(r, [t[0], t[1]]), a = [
+			}], [n, i] = X(r, [t[0], t[1]]), a = [
 				Math.min(n.x, i.x),
 				Math.min(n.y, i.y),
 				Math.max(n.x, i.x),
@@ -7143,8 +7164,8 @@ async function Fn(e, t, n = {}) {
 			return `<line${s(a)}${o} start="${Z(n.x)},${Z(n.y)}" end="${Z(i.x)},${Z(i.y)}"${l} subject="${e.type === "arrow" ? "Arrow" : "Line"}">${c()}</line>`;
 		}
 		case "freehand": {
-			let t = e.strokes && e.strokes.length > 0 ? e.strokes : e.points ? [e.points] : [], n = t.map((e) => `<gesture>${Cn(rn(r, e))}</gesture>`).join(""), i = t.flat();
-			return `<ink${s(i.length ? Y(r, In(i, e.strokeWidth)) : void 0)}${o} subject="Free Hand"><inklist>${n}</inklist>${c()}</ink>`;
+			let t = e.strokes && e.strokes.length > 0 ? e.strokes : e.points ? [e.points] : [], n = t.map((e) => `<gesture>${Cn(X(r, e))}</gesture>`).join(""), i = t.flat();
+			return `<ink${s(i.length ? nn(r, In(i, e.strokeWidth)) : void 0)}${o} subject="Free Hand"><inklist>${n}</inklist>${c()}</ink>`;
 		}
 		case "highlight": {
 			let t = e.rects && e.rects.length > 0 ? e.rects : [{
@@ -7153,7 +7174,7 @@ async function Fn(e, t, n = {}) {
 				width: e.width,
 				height: e.height
 			}], n = t.flatMap((e) => on(r, e)).map(Z).join(",");
-			return `<highlight${s(Y(r, cn(t)))}${$("color", a)} coords="${n}" subject="Highlight">${c()}</highlight>`;
+			return `<highlight${s(nn(r, cn(t)))}${$("color", a)} coords="${n}" subject="Highlight">${c()}</highlight>`;
 		}
 		case "text": return `<freetext${s()}${$("color", a)} subject="Free Text">${Nn(e.text)}${Pn(e, 16)}${c()}</freetext>`;
 		case "callout": {
@@ -7163,7 +7184,7 @@ async function Fn(e, t, n = {}) {
 			}, {
 				x: e.x,
 				y: e.y
-			}], [n, i] = rn(r, [t[0], t[1]]), a = Y(r, {
+			}], [n, i] = X(r, [t[0], t[1]]), a = nn(r, {
 				x: t[1].x,
 				y: t[1].y,
 				width: e.text ? e.text.length * 8 + 20 : 100,
@@ -7176,7 +7197,7 @@ async function Fn(e, t, n = {}) {
 				Math.max(i.y, a[3])
 			])}${o} IT="FreeTextCallout" callout="${Z(n.x)},${Z(n.y)},${Z(i.x)},${Z(i.y)}" subject="Callout">${Nn(e.text)}${Pn(e, 14)}${c({ box: a })}</freetext>`;
 		}
-		case "note": return `<text${s(Y(r, {
+		case "note": return `<text${s(nn(r, {
 			x: e.x,
 			y: e.y,
 			width: 24,
@@ -7210,7 +7231,7 @@ function In(e, t = 0) {
 }
 async function Ln(e, t, n = {}) {
 	let r = n.annotList ?? e;
-	return `<?xml version="1.0" encoding="UTF-8"?><xfdf xmlns="${mn}" xml:space="preserve"><annots>${(await Promise.all(r.map((e) => Fn(e, t, n)))).filter(Boolean).join("")}</annots></xfdf>`;
+	return `<?xml version="1.0" encoding="UTF-8"?><xfdf xmlns="${Q}" xml:space="preserve"><annots>${(await Promise.all(r.map((e) => Fn(e, t, n)))).filter(Boolean).join("")}</annots></xfdf>`;
 }
 function Rn(e) {
 	let t = {};
@@ -7234,7 +7255,7 @@ function zn(e, t) {
 	return Array.from(e.children).find((e) => e.localName === t)?.textContent ?? void 0;
 }
 function Bn(e, t) {
-	let n = Tn(e.getAttribute("rect")), r = n.length === 4 ? X(t, [
+	let n = Tn(e.getAttribute("rect")), r = n.length === 4 ? rn(t, [
 		n[0],
 		n[1],
 		n[2],
@@ -7412,7 +7433,7 @@ async function Un(e, t) {
 	let n = Hn(e).trim();
 	if (!n) return [];
 	if (/<!DOCTYPE|<!ENTITY/i.test(n)) throw Error("[teamsync-pdf-viewer] invalid XFDF: DOCTYPE/ENTITY declarations are not allowed");
-	let r = `<xfdf xmlns="${mn}"><annots>${n}</annots></xfdf>`, i = new DOMParser().parseFromString(r, "application/xml"), a = i.getElementsByTagName("parsererror")[0];
+	let r = `<xfdf xmlns="${Q}"><annots>${n}</annots></xfdf>`, i = new DOMParser().parseFromString(r, "application/xml"), a = i.getElementsByTagName("parsererror")[0];
 	if (a) throw Error(`[teamsync-pdf-viewer] invalid XFDF: ${a.textContent?.slice(0, 200)}`);
 	let o = /* @__PURE__ */ new Set([
 		"xfdf",
@@ -7440,7 +7461,7 @@ var Wn = 100, Gn = () => (/* @__PURE__ */ new Date()).toISOString(), Kn = class
 	canEditOthers = !1;
 	resolver = null;
 	setDocument(e) {
-		this.resolver = e ? en(e) : null;
+		this.resolver = e ? Y(e) : null;
 	}
 	hasDocument() {
 		return this.resolver !== null;
@@ -7732,7 +7753,7 @@ var Wn = 100, Gn = () => (/* @__PURE__ */ new Date()).toISOString(), Kn = class
 		let t = this.getPdfDocument();
 		if (!t) return [];
 		let n = this.binding;
-		return tt(t, e, n ? n.getRedactions() : []);
+		return dt(t, e, n ? n.getRedactions() : []);
 	}
 	getTransientHighlights() {
 		return this.binding?.getTransientHighlights() ?? [];
@@ -7771,14 +7792,14 @@ var Wn = 100, Gn = () => (/* @__PURE__ */ new Date()).toISOString(), Kn = class
 	async getFileData(e = {}) {
 		let t = this.binding ?? qn(), n = t.getPdfDocument(), r = t.getDocumentUrl();
 		if (!n && !r) throw Error("No document loaded");
-		return pn({
+		return mn({
 			getSourceBytes: async () => {
 				if (n) return n.getData();
 				let e = await fetch(r);
 				if (!e.ok) throw Error(`Failed to fetch document (${e.status})`);
 				return e.arrayBuffer();
 			},
-			getPageGeometry: n ? en(n) : void 0,
+			getPageGeometry: n ? Y(n) : void 0,
 			annotations: this.annotationManager.getAnnotationsList(),
 			redactions: t.getRedactions(),
 			watermark: t.getWatermark(),
@@ -7863,19 +7884,19 @@ async function Yn(e, t = {}) {
 //#endregion
 //#region src/components/TeamSyncViewer.tsx
 var Xn = () => typeof crypto < "u" && "randomUUID" in crypto ? crypto.randomUUID() : `${Date.now()}-${Math.random().toString(36).slice(2, 8)}`, Zn = e.forwardRef(function(e, t) {
-	let { fileUrl: r, initialDoc: l, initialScale: u, initialPage: d, page: f, transientHighlights: p, plugins: m, redactions: h, regexRedactions: g, enableAnnotations: _, enableSign: v = !1, watermark: y, permissions: b, enableRedactions: x, canAddAnnotations: ee, canEditAnnotations: S, canDeleteAnnotations: C, readOnly: te = !1, assets: ne, withCredentials: re = !1, toolbar: ie = !0, sidebars: w = !0, leftPanelOpen: T = !0, className: ae, style: oe } = e, E = s(e);
-	E.current = e;
-	let D = s(null), O = o(() => new q(), []), k = o(() => new Kn(), []), se = s(null);
-	se.current ||= new Jn(O, k);
-	let A = se.current;
-	a(t, () => A, [A]);
-	let ce = r ?? l, [le, ue] = c(ce), [de, fe] = c(0);
+	let { fileUrl: r, initialDoc: l, initialScale: u, initialPage: d, page: f, transientHighlights: p, plugins: m, redactions: h, regexRedactions: g, enableAnnotations: _, enableSign: v = !1, watermark: y, permissions: b, enableRedactions: x, canAddAnnotations: ee, canEditAnnotations: S, canDeleteAnnotations: te, readOnly: ne = !1, assets: re, withCredentials: ie = !1, toolbar: ae = !0, sidebars: oe = !0, leftPanelOpen: C = !0, className: se, style: ce, hideAnnotationsUntilPageRendered: le = !0 } = e, w = s(e);
+	w.current = e;
+	let ue = s(null), T = o(() => new q(), []), E = o(() => new Kn(), []), D = s(null);
+	D.current ||= new Jn(T, E);
+	let O = D.current;
+	a(t, () => O, [O]);
+	let k = r ?? l, [de, fe] = c(k), [pe, me] = c(0);
 	i(() => {
-		ue(ce);
-	}, [ce]);
-	let pe = n((e) => {
-		ue(e), fe((e) => e + 1);
-	}, []), [me, he] = c("View"), [ge, _e] = c(w && T), [ve, j] = c(!1), [ye, be] = c("Comments"), [M, xe] = c(typeof u == "number" ? u : 1), [Se, Ce] = c(!1), [N, we] = c(!1), [Te, Ee] = c("continuous"), [De, Oe] = c("single"), [ke, Ae] = c(0), [je, Me] = c(""), P = o(() => te ? {
+		fe(k);
+	}, [k]);
+	let he = n((e) => {
+		fe(e), me((e) => e + 1);
+	}, []), [ge, _e] = c("View"), [ve, ye] = c(oe && C), [be, xe] = c(!1), [Se, A] = c("Comments"), [Ce, j] = c(typeof u == "number" ? u : 1), [we, Te] = c(!1), [Ee, M] = c(!1), [De, Oe] = c("continuous"), [ke, Ae] = c("single"), [je, Me] = c(0), [Ne, N] = c(""), P = o(() => ne ? {
 		canAddAnnotations: !1,
 		canEditAnnotations: !1,
 		canDeleteAnnotations: !1,
@@ -7883,109 +7904,109 @@ var Xn = () => typeof crypto < "u" && "randomUUID" in crypto ? crypto.randomUUID
 	} : {
 		canAddAnnotations: b?.canAddAnnotations ?? ee ?? _ !== !1,
 		canEditAnnotations: b?.canEditAnnotations ?? S ?? _ !== !1,
-		canDeleteAnnotations: b?.canDeleteAnnotations ?? C ?? _ !== !1,
+		canDeleteAnnotations: b?.canDeleteAnnotations ?? te ?? _ !== !1,
 		canRedact: b?.canRedact ?? x ?? !0
 	}, [
-		te,
+		ne,
 		b,
 		ee,
 		S,
-		C,
+		te,
 		_,
 		x
-	]), Ne = !te && _ !== !1, L = e.currentUser?.id, R = e.currentUser?.name;
+	]), L = !ne && _ !== !1, Pe = e.currentUser?.id, Fe = e.currentUser?.name;
 	i(() => {
-		k.setCurrentUserInfo(L || R ? {
-			id: L,
-			name: R
+		E.setCurrentUserInfo(Pe || Fe ? {
+			id: Pe,
+			name: Fe
 		} : void 0);
 	}, [
-		k,
-		L,
-		R
+		E,
+		Pe,
+		Fe
 	]), i(() => {
-		k.setReadOnly(te);
-	}, [k, te]), i(() => {
-		k.setCanEditOthers(!!b?.canEditOthers);
-	}, [k, b?.canEditOthers]), i(() => {
-		k.clear(), k.setDocument(null);
-	}, [k, le]), i(() => k.addEventListener("annotationChanged", (e) => O.emit("annotationChanged", e)), [k, O]), i(() => {
-		P.canAddAnnotations === !1 && me === "Annotate" && he("View");
-	}, [P.canAddAnnotations, me]);
-	let z = s([]), Pe = s(null), Fe = s({
+		E.setReadOnly(ne);
+	}, [E, ne]), i(() => {
+		E.setCanEditOthers(!!b?.canEditOthers);
+	}, [E, b?.canEditOthers]), i(() => {
+		E.clear(), E.setDocument(null);
+	}, [E, de]), i(() => E.addEventListener("annotationChanged", (e) => T.emit("annotationChanged", e)), [E, T]), i(() => {
+		P.canAddAnnotations === !1 && ge === "Annotate" && _e("View");
+	}, [P.canAddAnnotations, ge]);
+	let R = s([]), z = s(null), B = s({
 		current: 1,
 		count: 0
-	}), B = s(le);
-	B.current = le;
-	let Le = s(null), Re = s(!1), [ze, Ve] = c([]), V = o(() => p ?? ze, [p, ze]), He = s(V);
-	He.current = V;
-	let Ue = n((e) => {
-		Ve(e), E.current.onTransientHighlightsChange?.(e);
+	}), Le = s(de);
+	Le.current = de;
+	let Re = s(null), ze = s(!1), [Be, Ve] = c([]), He = o(() => p ?? Be, [p, Be]), Ue = s(He);
+	Ue.current = He;
+	let We = n((e) => {
+		Ve(e), w.current.onTransientHighlightsChange?.(e);
 	}, []);
-	i(() => (A._bind({
-		getAnnotations: () => k.getAnnotationsList(),
-		getRedactions: () => z.current,
-		getWatermark: () => E.current.watermark,
-		getPdfDocument: () => Pe.current,
-		getDocumentUrl: () => B.current,
-		getFileName: () => E.current.fileName,
-		getCurrentUserName: () => E.current.currentUser?.name,
-		getCurrentPage: () => Fe.current.current,
-		getPageCount: () => Fe.current.count,
-		loadDocument: pe,
+	i(() => (O._bind({
+		getAnnotations: () => E.getAnnotationsList(),
+		getRedactions: () => R.current,
+		getWatermark: () => w.current.watermark,
+		getPdfDocument: () => z.current,
+		getDocumentUrl: () => Le.current,
+		getFileName: () => w.current.fileName,
+		getCurrentUserName: () => w.current.currentUser?.name,
+		getCurrentPage: () => B.current.current,
+		getPageCount: () => B.current.count,
+		loadDocument: he,
 		goToPage: (e, t) => {
-			O.emit("action-go-to-page", {
+			T.emit("action-go-to-page", {
 				page: e,
 				smooth: t?.smooth
 			});
 		},
-		getTransientHighlights: () => He.current,
-		setTransientHighlights: Ue
-	}, D.current), () => A._unbind()), [
-		A,
-		k,
-		pe,
+		getTransientHighlights: () => Ue.current,
+		setTransientHighlights: We
+	}, ue.current), () => O._unbind()), [
 		O,
-		Ue
+		E,
+		he,
+		T,
+		We
 	]);
-	let We = s(!1);
+	let Ge = s(!1);
 	i(() => {
-		We.current || (We.current = !0, E.current.autoFocus && D.current?.focus({ preventScroll: !0 }), E.current.onReady?.(A));
-	}, [A]), i(() => {
+		Ge.current || (Ge.current = !0, w.current.autoFocus && ue.current?.focus({ preventScroll: !0 }), w.current.onReady?.(O));
+	}, [O]), i(() => {
 		let e = (e) => {
-			j(!0), be(e);
+			xe(!0), A(e);
 		}, t = [
-			O.on("action-open-elements", (t) => {
+			T.on("action-open-elements", (t) => {
 				let n = t?.elements ?? [];
-				n.includes("leftPanel") && _e(!0), n.includes("notesPanel") && e("Comments"), n.includes("searchPanel") && e("Search");
+				n.includes("leftPanel") && ye(!0), n.includes("notesPanel") && e("Comments"), n.includes("searchPanel") && e("Search");
 			}),
-			O.on("action-close-elements", (e) => {
+			T.on("action-close-elements", (e) => {
 				let t = e?.elements ?? [];
-				t.includes("leftPanel") && _e(!1), (t.includes("notesPanel") || t.includes("searchPanel")) && j(!1);
+				t.includes("leftPanel") && ye(!1), (t.includes("notesPanel") || t.includes("searchPanel")) && xe(!1);
 			}),
-			O.on("action-set-active-left-panel", (t) => {
+			T.on("action-set-active-left-panel", (t) => {
 				let n = t?.panel;
-				n === "notesPanel" ? e("Comments") : n === "searchPanel" ? e("Search") : _e(!0);
+				n === "notesPanel" ? e("Comments") : n === "searchPanel" ? e("Search") : ye(!0);
 			}),
-			O.on("action-tool-changed", (e) => O.emit("toolChanged", { tool: e?.tool ?? null })),
-			O.on("action-print", async () => {
+			T.on("action-tool-changed", (e) => T.emit("toolChanged", { tool: e?.tool ?? null })),
+			T.on("action-print", async () => {
 				try {
-					await Yn(await A.getFileData(), { title: E.current.fileName });
+					await Yn(await O.getFileData(), { title: w.current.fileName });
 				} catch (e) {
-					console.error("[teamsync-pdf-viewer] print failed", e), O.emit("action-print-error", { error: e });
+					console.error("[teamsync-pdf-viewer] print failed", e), T.emit("action-print-error", { error: e });
 				}
 			}),
-			O.on("action-download", async () => {
+			T.on("action-download", async () => {
 				try {
-					let e = Le.current;
-					if (e ? Le.current = null : e = await A.getFileData(), !e) return;
+					let e = Re.current;
+					if (e ? Re.current = null : e = await O.getFileData(), !e) return;
 					let t = new Blob([e], { type: "application/pdf" }), n = URL.createObjectURL(t), r = document.createElement("a");
-					r.href = n, r.download = E.current.fileName || "annotated_document.pdf", r.click(), setTimeout(() => URL.revokeObjectURL(n), 1e3);
+					r.href = n, r.download = w.current.fileName || "annotated_document.pdf", r.click(), setTimeout(() => URL.revokeObjectURL(n), 1e3);
 				} catch (e) {
-					console.error("[teamsync-pdf-viewer] download failed", e), O.emit("action-download-error", { error: e });
+					console.error("[teamsync-pdf-viewer] download failed", e), T.emit("action-download-error", { error: e });
 				}
 			}),
-			O.on("action-process-digital-signature", async (e) => {
+			T.on("action-process-digital-signature", async (e) => {
 				try {
 					let { pageIndex: t, x: n, y: r, width: i, height: a } = e, o = {
 						id: Xn(),
@@ -7998,185 +8019,194 @@ var Xn = () => typeof crypto < "u" && "randomUUID" in crypto ? crypto.randomUUID
 						color: "#0f172a",
 						strokeWidth: 1,
 						opacity: 1,
-						signer: E.current.currentUser?.name ?? "Unknown signer",
+						signer: w.current.currentUser?.name ?? "Unknown signer",
 						timestamp: Date.now()
-					}, s = [...A.getAnnotations(), o];
-					O.emit("action-waiting-for-pin-start");
-					let c = await A.getFileData({ explicitAnnotations: s });
-					if (O.emit("action-waiting-for-pin-end"), !c) return;
-					Le.current = c, O.emit("action-commit-digital-signature", { tempAnn: o });
+					}, s = [...O.getAnnotations(), o];
+					T.emit("action-waiting-for-pin-start");
+					let c = await O.getFileData({ explicitAnnotations: s });
+					if (T.emit("action-waiting-for-pin-end"), !c) return;
+					Re.current = c, T.emit("action-commit-digital-signature", { tempAnn: o });
 				} catch (e) {
-					O.emit("action-waiting-for-pin-error", { error: e?.message ?? String(e) }), console.error("[teamsync-pdf-viewer] process signature failed", e);
+					T.emit("action-waiting-for-pin-error", { error: e?.message ?? String(e) }), console.error("[teamsync-pdf-viewer] process signature failed", e);
 				}
 			}),
-			O.on("action-set-transient-highlights", (e) => {
-				Ue(e?.highlights ?? []);
+			T.on("action-set-transient-highlights", (e) => {
+				We(e?.highlights ?? []);
 			}),
-			O.on("action-clear-transient-highlights", () => {
-				Ue([]);
+			T.on("action-clear-transient-highlights", () => {
+				We([]);
 			}),
-			O.on("action-commit-digital-signature", (e) => O.emit("action-commit-digital-signature-local", e))
+			T.on("action-commit-digital-signature", (e) => T.emit("action-commit-digital-signature-local", e))
 		];
 		return () => t.forEach((e) => e());
 	}, [
+		T,
 		O,
-		A,
-		Ue
+		We
 	]);
-	let Ge = n((e, t) => {
-		Pe.current = e, k.setDocument(e), Fe.current = {
+	let Ye = n((e, t) => {
+		z.current = e, E.setDocument(e), B.current = {
 			current: 1,
 			count: e.numPages
-		}, Re.current = !1, O.emit("documentLoaded", {
+		}, ze.current = !1, T.emit("documentLoaded", {
 			url: t,
 			numPages: e.numPages
-		}), E.current.onDocumentLoaded?.({
+		}), w.current.onDocumentLoaded?.({
 			url: t,
 			numPages: e.numPages
 		});
-	}, [O, k]), Ke = n((e, t) => {
-		Pe.current = null, k.setDocument(null), O.emit("documentLoadError", {
+	}, [T, E]), Xe = n((e, t) => {
+		z.current = null, E.setDocument(null), T.emit("documentLoadError", {
 			url: t.url,
 			error: e,
 			passwordRequired: t.passwordRequired
-		}), t.passwordRequired && E.current.onPasswordRequired?.({ url: t.url }), E.current.onDocumentLoadError?.(e, (e) => pe(e ?? t.url), t);
+		}), t.passwordRequired && w.current.onPasswordRequired?.({ url: t.url }), w.current.onDocumentLoadError?.(e, (e) => he(e ?? t.url), t);
 	}, [
-		O,
-		pe,
-		k
-	]), qe = n((e) => {
-		let t = B.current ?? "";
-		if (!Re.current) {
-			Re.current = !0;
-			let e = E.current.initialScale;
-			e === "fit-width" ? setTimeout(() => O.emit("action-fit-to-width"), 0) : e === "fit-page" && setTimeout(() => O.emit("action-fit-to-page"), 0);
+		T,
+		he,
+		E
+	]), Ze = n((e) => {
+		let t = Le.current ?? "";
+		if (!ze.current) {
+			ze.current = !0;
+			let e = w.current.initialScale;
+			e === "fit-width" ? setTimeout(() => T.emit("action-fit-to-width"), 0) : e === "fit-page" && setTimeout(() => T.emit("action-fit-to-page"), 0);
 		}
-		O.emit("firstPageRendered", {
+		T.emit("firstPageRendered", {
+			url: t,
+			pageNumber: e
+		}), w.current.onFirstPageRendered?.({
+			url: t,
+			pageNumber: e
+		});
+	}, [T]), $e = n((e) => {
+		let t = Le.current ?? "";
+		T.emit("pageRendered", {
 			url: t,
 			pageNumber: e
-		}), E.current.onFirstPageRendered?.({
+		}), w.current.onPageRendered?.({
 			url: t,
 			pageNumber: e
 		});
-	}, [O]), Je = n((e, t) => {
-		Fe.current = {
+	}, [T]), V = n((e, t) => {
+		B.current = {
 			current: e,
 			count: t
-		}, O.emit("pageChanged", {
+		}, T.emit("pageChanged", {
 			pageNumber: e,
 			numPages: t
-		}), E.current.onPageChange?.(e, t);
-	}, [O]), Ye = n((e) => {
-		O.emit("annotationsChanged", { annotations: e }), E.current.onAnnotationsChange?.(e);
-	}, [O]), Xe = n((e) => {
-		z.current = e;
-	}, []), { getCommand: Ze } = Qe(), $e = s(null), tt = n(() => {
-		w && (j(!0), be("Search"), setTimeout(() => O.emit("action-focus-search"), 50));
-	}, [w, O]), nt = n(() => {
-		$e.current?.click();
+		}), w.current.onPageChange?.(e, t);
+	}, [T]), et = n((e) => {
+		T.emit("annotationsChanged", { annotations: e }), w.current.onAnnotationsChange?.(e);
+	}, [T]), tt = n((e) => {
+		R.current = e;
+	}, []), { getCommand: nt } = ct(), rt = s(null), it = n(() => {
+		oe && (xe(!0), A("Search"), setTimeout(() => T.emit("action-focus-search"), 50));
+	}, [oe, T]), H = n(() => {
+		rt.current?.click();
 	}, []);
 	return i(() => {
-		let e = O.on("action-open-search", tt), t = O.on("action-open-file-picker", nt);
+		let e = T.on("action-open-search", it), t = T.on("action-open-file-picker", H);
 		return () => {
 			e(), t();
 		};
 	}, [
-		O,
-		tt,
-		nt
+		T,
+		it,
+		H
 	]), i(() => {
-		D.current && (document.activeElement === document.body || !document.activeElement) && D.current.focus({ preventScroll: !0 });
+		ue.current && (document.activeElement === document.body || !document.activeElement) && ue.current.focus({ preventScroll: !0 });
 	}, []), i(() => {
 		let e = (e) => {
 			let t = e.target;
 			if (t?.tagName === "INPUT" || t?.tagName === "TEXTAREA" || t?.isContentEditable) return;
-			let n = D.current;
+			let n = ue.current;
 			if (n && (document.activeElement === document.body || document.activeElement === document.documentElement || document.activeElement === null || n.contains(document.activeElement)) && !n.contains(document.activeElement)) {
-				if (et(e, Ze("SEARCH"))) {
-					e.preventDefault(), tt();
+				if (ut(e, nt("SEARCH"))) {
+					e.preventDefault(), it();
 					return;
 				}
-				if (et(e, Ze("FILE_PICKER"))) {
-					e.preventDefault(), nt();
+				if (ut(e, nt("FILE_PICKER"))) {
+					e.preventDefault(), H();
 					return;
 				}
-				O.emit("viewer-keydown", e);
+				T.emit("viewer-keydown", e);
 			}
 		};
 		return window.addEventListener("keydown", e), () => {
 			window.removeEventListener("keydown", e);
 		};
 	}, [
-		O,
-		Ze,
-		tt,
-		nt
+		T,
+		nt,
+		it,
+		H
 	]), /* @__PURE__ */ F(Ie.Provider, {
-		value: O,
+		value: T,
 		children: /* @__PURE__ */ I("div", {
-			ref: D,
-			className: ["tspdf-root", ae].filter(Boolean).join(" "),
-			style: oe,
+			ref: ue,
+			className: ["tspdf-root", se].filter(Boolean).join(" "),
+			style: ce,
 			tabIndex: -1,
 			"data-teamsync-pdf-viewer": "",
 			onKeyDownCapture: (e) => {
-				if (et(e.nativeEvent, Ze("SEARCH"))) {
-					e.preventDefault(), tt();
+				if (ut(e.nativeEvent, nt("SEARCH"))) {
+					e.preventDefault(), it();
 					return;
 				}
-				if (et(e.nativeEvent, Ze("FILE_PICKER"))) {
-					e.preventDefault(), nt();
+				if (ut(e.nativeEvent, nt("FILE_PICKER"))) {
+					e.preventDefault(), H();
 					return;
 				}
-				O.emit("viewer-keydown", e.nativeEvent);
+				T.emit("viewer-keydown", e.nativeEvent);
 			},
 			onMouseDownCapture: () => {
-				let e = D.current;
+				let e = ue.current;
 				e && !e.contains(document.activeElement) && e.focus({ preventScroll: !0 });
 			},
 			children: [
-				ie && /* @__PURE__ */ F(Be, {
-					activeTab: me,
+				ae && /* @__PURE__ */ F(Qe, {
+					activeTab: ge,
 					setActiveTab: (e) => {
-						(P.canAddAnnotations !== !1 || e !== "Annotate") && he(e);
+						(P.canAddAnnotations !== !1 || e !== "Annotate") && _e(e);
 					},
-					leftSidebarOpen: ge,
+					leftSidebarOpen: ve,
 					setLeftSidebarOpen: (e) => {
-						w && _e(e);
+						oe && ye(e);
 					},
-					rightSidebarOpen: ve,
-					setRightSidebarOpen: j,
-					sidebarTab: ye,
-					scale: M,
-					onZoomIn: () => xe((e) => _t(e)),
-					onZoomOut: () => xe((e) => vt(e)),
-					onZoomSet: (e) => xe(yt(e)),
-					onOpenFile: nt,
-					onDownload: () => O.emit("action-download"),
+					rightSidebarOpen: be,
+					setRightSidebarOpen: xe,
+					sidebarTab: Se,
+					scale: Ce,
+					onZoomIn: () => j((e) => Ke(e)),
+					onZoomOut: () => j((e) => qe(e)),
+					onZoomSet: (e) => j(Je(e)),
+					onOpenFile: H,
+					onDownload: () => T.emit("action-download"),
 					onFullScreen: () => {
-						let e = D.current ?? document.documentElement;
+						let e = ue.current ?? document.documentElement;
 						document.fullscreenElement ? document.exitFullscreen?.().catch(() => {}) : e.requestFullscreen?.().catch(() => {});
 					},
-					onSaveAs: () => O.emit("action-download"),
-					onPrint: () => O.emit("action-print"),
-					onOpenSettings: () => Ce(!0),
-					onOpenAbout: () => we(!0),
+					onSaveAs: () => T.emit("action-download"),
+					onPrint: () => T.emit("action-print"),
+					onOpenSettings: () => Te(!0),
+					onOpenAbout: () => M(!0),
 					onOpenSidebarTab: (e) => {
-						w && (ve && ye === e ? j(!1) : (j(!0), be(e), e === "Search" && setTimeout(() => O.emit("action-focus-search"), 50)));
+						oe && (be && Se === e ? xe(!1) : (xe(!0), A(e), e === "Search" && setTimeout(() => T.emit("action-focus-search"), 50)));
 					},
-					pageTransition: Te,
-					setPageTransition: Ee,
-					pageLayout: De,
-					setPageLayout: Oe,
-					rotation: ke,
-					setRotation: Ae,
-					enableAnnotations: Ne,
+					pageTransition: De,
+					setPageTransition: Oe,
+					pageLayout: ke,
+					setPageLayout: Ae,
+					rotation: je,
+					setRotation: Me,
+					enableAnnotations: L,
 					enableSign: v,
 					plugins: m,
 					permissions: P
 				}),
 				/* @__PURE__ */ F("input", {
-					ref: $e,
+					ref: rt,
 					type: "file",
 					accept: "application/pdf",
 					style: { display: "none" },
@@ -8184,7 +8214,7 @@ var Xn = () => typeof crypto < "u" && "randomUUID" in crypto ? crypto.randomUUID
 						let t = e.target.files?.[0];
 						if (t) {
 							let e = URL.createObjectURL(t);
-							pe(e);
+							he(e);
 						}
 						e.target.value = "";
 					},
@@ -8197,47 +8227,49 @@ var Xn = () => typeof crypto < "u" && "randomUUID" in crypto ? crypto.randomUUID
 						minHeight: 0,
 						overflow: "hidden"
 					},
-					children: /* @__PURE__ */ F(qt, {
-						leftSidebarOpen: w && ge,
-						rightSidebarOpen: w && ve,
-						sidebarTab: ye,
-						setSidebarTab: be,
-						sidebars: w,
-						activeTab: me,
-						annotationManager: k,
-						initialDoc: le,
-						loadNonce: de,
-						withCredentials: re,
-						assets: ne,
+					children: /* @__PURE__ */ F(Kt, {
+						leftSidebarOpen: oe && ve,
+						rightSidebarOpen: oe && be,
+						sidebarTab: Se,
+						setSidebarTab: A,
+						sidebars: oe,
+						activeTab: ge,
+						annotationManager: E,
+						initialDoc: de,
+						loadNonce: pe,
+						withCredentials: ie,
+						assets: re,
 						redactions: h,
 						regexRedactions: g,
-						scale: M,
-						setScale: xe,
-						onAnnotationsChange: Ye,
-						onRedactionsChange: Xe,
-						onDocumentLoaded: Ge,
-						onLoadError: Ke,
-						onFirstPageRendered: qe,
-						onPageChange: Je,
-						pageTransition: Te,
-						pageLayout: De,
-						rotation: ke,
-						setRotation: Ae,
+						scale: Ce,
+						setScale: j,
+						onAnnotationsChange: et,
+						onRedactionsChange: tt,
+						onDocumentLoaded: Ye,
+						onLoadError: Xe,
+						onFirstPageRendered: Ze,
+						onPageRendered: $e,
+						onPageChange: V,
+						pageTransition: De,
+						pageLayout: ke,
+						rotation: je,
+						setRotation: Me,
 						watermark: y,
-						watermarkText: je,
-						enableAnnotations: Ne,
+						watermarkText: Ne,
+						enableAnnotations: L,
 						initialPage: d,
 						page: f,
-						transientHighlights: V,
-						permissions: P
+						transientHighlights: He,
+						permissions: P,
+						hideAnnotationsUntilPageRendered: le
 					})
 				}),
-				Se && /* @__PURE__ */ F(K, {
-					onClose: () => Ce(!1),
-					watermarkText: je,
-					setWatermarkText: Me
+				we && /* @__PURE__ */ F(Jt, {
+					onClose: () => Te(!1),
+					watermarkText: Ne,
+					setWatermarkText: N
 				}),
-				N && /* @__PURE__ */ F(Yt, { onClose: () => we(!1) })
+				Ee && /* @__PURE__ */ F(Yt, { onClose: () => M(!1) })
 			]
 		})
 	});
@@ -8261,6 +8293,6 @@ function Qn(e, t) {
 }
 var $n = Qn;
 //#endregion
-export { Kn as AnnotationManager, Tt as DEFAULT_FALLBACK_DIMS, ln as MAX_EXPORT_BYTES, dt as MAX_SCALE, ut as MIN_SCALE, Zn as TeamSyncViewer, q as ViewerBus, $n as WebViewer, Jn as WebViewerInstance, mn as XFDF_NS, Fn as annotationToXfdfFragment, Ln as annotationsToXfdf, pn as buildPdfBytes, _t as calculateNextZoomIn, vt as calculateNextZoomOut, xt as calculateScrollCompensation, yt as clampScale, Kt as computeCanvasPixelDiff, Bt as computePageDiffBoxes, Dt as computeRowLayout, Ut as computeTextDiff, Ot as configurePdfAssets, en as createGeometryResolver, J as createPageGeometry, Qn as createWebViewer, Et as estimatePageDimensions, zt as extractWordsFromPage, yn as fromPdfDate, nn as fromPdfPoint, $t as geometryFromPage, kt as getPdfAssetPaths, W as hasDimensionMismatch, At as isWorkerConfigured, Ct as newAnnotationId, Un as parseXfdf, Nt as pdfjsVersion, Yn as printPdfBytes, sn as quadPointsToRects, X as rectFromPdf, Y as rectToPdf, on as rectToQuadPoints, tt as searchPdfText, Gt as tintCanvas, vn as toPdfDate, tn as toPdfPoint, nt as usePdfSearch };
+export { Kn as AnnotationManager, Tt as DEFAULT_FALLBACK_DIMS, ln as MAX_EXPORT_BYTES, Be as MAX_SCALE, ze as MIN_SCALE, Zn as TeamSyncViewer, q as ViewerBus, $n as WebViewer, Jn as WebViewerInstance, Q as XFDF_NS, Fn as annotationToXfdfFragment, Ln as annotationsToXfdf, mn as buildPdfBytes, Ke as calculateNextZoomIn, qe as calculateNextZoomOut, Xe as calculateScrollCompensation, Je as clampScale, Gt as computeCanvasPixelDiff, zt as computePageDiffBoxes, Dt as computeRowLayout, Ht as computeTextDiff, kt as configurePdfAssets, Y as createGeometryResolver, Qt as createPageGeometry, Qn as createWebViewer, Et as estimatePageDimensions, Rt as extractWordsFromPage, yn as fromPdfDate, tn as fromPdfPoint, $t as geometryFromPage, G as getPdfAssetPaths, Ot as hasDimensionMismatch, K as isWorkerConfigured, Ct as newAnnotationId, Un as parseXfdf, Mt as pdfjsVersion, Yn as printPdfBytes, sn as quadPointsToRects, rn as rectFromPdf, nn as rectToPdf, on as rectToQuadPoints, dt as searchPdfText, Wt as tintCanvas, vn as toPdfDate, en as toPdfPoint, ft as usePdfSearch };
 
 //# sourceMappingURL=teamsync-pdf-viewer.js.map