@papyrus-sdk/ui-react-native 0.2.35-beta.6 → 0.2.35-beta.8

package/dist/index.js

@@ -26281,6 +26281,29 @@ var STRINGS = {
 };
 var getStrings = (locale) => STRINGS[locale ?? "en"] ?? STRINGS.en;
 
+// components/nativeInkSession.ts
+function isNativeIosPencilKitViewer(platform, version, nativePdfViewerActive) {
+  return platform === "ios" && Number.parseInt(String(version), 10) >= 16 && nativePdfViewerActive;
+}
+function finishNativeInkSession(setDocumentState) {
+  setDocumentState({
+    activeTool: "select",
+    interactionMode: "pan",
+    nativeInkToolPickerActive: false,
+    toolDockOpen: false,
+    activeMobileDestination: "none",
+    mobileChromeVisible: true
+  });
+}
+function handleNativeInkPickerVisibility(visible, state) {
+  if (visible && (state.activeTool !== "ink" || !state.nativePdfViewerActive)) return;
+  if (!visible && state.activeTool === "ink" && state.nativePdfViewerActive) {
+    finishNativeInkSession(state.setDocumentState);
+    return;
+  }
+  state.setDocumentState({ nativeInkToolPickerActive: visible });
+}
+
 // components/annotationDeletion.ts
 var MARKUP_ANNOTATION_TYPES = /* @__PURE__ */ new Set([
   "highlight",
@@ -26483,19 +26506,12 @@ function DedicatedIosPdfViewer({
   );
   const handleInkToolPickerVisibilityChange = (0, import_react5.useCallback)(
     (event) => {
-      const visible = event.nativeEvent?.visible === true;
-      if (!visible && activeTool === "ink") {
-        setDocumentState({
-          activeTool: "select",
-          interactionMode: "pan",
-          nativeInkToolPickerActive: false,
-          toolDockOpen: false
-        });
-        return;
-      }
-      setDocumentState({ nativeInkToolPickerActive: visible });
+      handleNativeInkPickerVisibility(
+        event.nativeEvent?.visible === true,
+        import_core4.useViewerStore.getState()
+      );
     },
-    [activeTool, setDocumentState]
+    []
   );
   const trackMobileChromeByOffset = (0, import_react5.useCallback)(
     (offsetY) => {
@@ -29285,13 +29301,54 @@ var styles7 = import_react_native8.StyleSheet.create({
 var Viewer_default = Viewer;
 
 // components/Topbar.tsx
-var import_react12 = require("react");
-var import_react_native11 = require("react-native");
+var import_react13 = require("react");
+var import_react_native12 = require("react-native");
+var import_core9 = require("@papyrus-sdk/core");
+var import_react_native_reanimated2 = __toESM(require("react-native-reanimated"));
+
+// components/useNativeInkChrome.ts
+var import_react10 = require("react");
+var import_react_native9 = require("react-native");
 var import_core8 = require("@papyrus-sdk/core");
+var import_react_native_reanimated = require("react-native-reanimated");
+function useNativeInkSession() {
+  const nativePdfViewerActive = (0, import_core8.useViewerStore)((state) => state.nativePdfViewerActive);
+  const activeTool = (0, import_core8.useViewerStore)((state) => state.activeTool);
+  const supported = isNativeIosPencilKitViewer(import_react_native9.Platform.OS, import_react_native9.Platform.Version, nativePdfViewerActive);
+  const finish = (0, import_react10.useCallback)(() => {
+    finishNativeInkSession(import_core8.useViewerStore.getState().setDocumentState);
+  }, []);
+  return { supported, active: supported && activeTool === "ink", finish };
+}
+function useNativeInkMotion(visible, enabled) {
+  const systemReducedMotion = (0, import_react_native_reanimated.useReducedMotion)();
+  const [reducedMotion, setReducedMotion] = (0, import_react10.useState)(systemReducedMotion);
+  const progress = (0, import_react_native_reanimated.useSharedValue)(visible ? 1 : 0);
+  (0, import_react10.useEffect)(() => {
+    let mounted = true;
+    const subscription = import_react_native9.AccessibilityInfo.addEventListener("reduceMotionChanged", setReducedMotion);
+    import_react_native9.AccessibilityInfo.isReduceMotionEnabled().then((value) => {
+      if (mounted) setReducedMotion(value);
+    });
+    return () => {
+      mounted = false;
+      subscription.remove();
+    };
+  }, []);
+  (0, import_react10.useEffect)(() => {
+    progress.value = enabled ? (0, import_react_native_reanimated.withTiming)(visible ? 1 : 0, {
+      duration: reducedMotion ? 0 : 220,
+      easing: import_react_native_reanimated.Easing.out(import_react_native_reanimated.Easing.cubic),
+      reduceMotion: import_react_native_reanimated.ReduceMotion.System
+    }) : visible ? 1 : 0;
+  }, [enabled, progress, reducedMotion, visible]);
+  (0, import_react10.useEffect)(() => () => (0, import_react_native_reanimated.cancelAnimation)(progress), [progress]);
+  return progress;
+}
 
 // components/PageJumpModal.tsx
-var import_react11 = require("react");
-var import_react_native10 = require("react-native");
+var import_react12 = require("react");
+var import_react_native11 = require("react-native");
 
 // components/pageJumpModel.ts
 var resolvePageJumpTarget = (value, pageCount) => {
@@ -29302,8 +29359,8 @@ var resolvePageJumpTarget = (value, pageCount) => {
 };
 
 // components/NativeSheet.tsx
-var import_react10 = __toESM(require("react"));
-var import_react_native9 = require("react-native");
+var import_react11 = __toESM(require("react"));
+var import_react_native10 = require("react-native");
 
 // components/nativeSheetLayout.ts
 var FLOATING_SHEET_MIN_WINDOW_WIDTH = 600;
@@ -29398,13 +29455,13 @@ function NativeSheet({
 }) {
   const insets = usePapyrusSafeAreaInsets();
   const palette = getNativeSheetPalette(Boolean(isDark));
-  const { height: windowHeight, width: windowWidth } = (0, import_react_native9.useWindowDimensions)();
+  const { height: windowHeight, width: windowWidth } = (0, import_react_native10.useWindowDimensions)();
   const tabletLayout = getNativeSheetLayoutStyles(windowWidth);
-  const [rendered, setRendered] = (0, import_react10.useState)(visible);
-  const renderedRef = (0, import_react10.useRef)(visible);
-  const motion = (0, import_react10.useRef)(new import_react_native9.Animated.Value(visible ? 0 : 1)).current;
-  const backdropOpacity = (0, import_react10.useRef)(new import_react_native9.Animated.Value(visible ? 1 : 0)).current;
-  (0, import_react10.useEffect)(() => {
+  const [rendered, setRendered] = (0, import_react11.useState)(visible);
+  const renderedRef = (0, import_react11.useRef)(visible);
+  const motion = (0, import_react11.useRef)(new import_react_native10.Animated.Value(visible ? 0 : 1)).current;
+  const backdropOpacity = (0, import_react11.useRef)(new import_react_native10.Animated.Value(visible ? 1 : 0)).current;
+  (0, import_react11.useEffect)(() => {
     motion.stopAnimation();
     backdropOpacity.stopAnimation();
     if (visible) {
@@ -29412,15 +29469,15 @@ function NativeSheet({
       setRendered(true);
       motion.setValue(1);
       backdropOpacity.setValue(0);
-      import_react_native9.Animated.parallel([
-        import_react_native9.Animated.spring(motion, {
+      import_react_native10.Animated.parallel([
+        import_react_native10.Animated.spring(motion, {
           toValue: 0,
           damping: 22,
           stiffness: 220,
           mass: 0.8,
           useNativeDriver: true
         }),
-        import_react_native9.Animated.timing(backdropOpacity, {
+        import_react_native10.Animated.timing(backdropOpacity, {
           toValue: 1,
           duration: 180,
           useNativeDriver: true
@@ -29429,13 +29486,13 @@ function NativeSheet({
       return;
     }
     if (!renderedRef.current) return;
-    import_react_native9.Animated.parallel([
-      import_react_native9.Animated.timing(motion, {
+    import_react_native10.Animated.parallel([
+      import_react_native10.Animated.timing(motion, {
         toValue: 1,
         duration: 180,
         useNativeDriver: true
       }),
-      import_react_native9.Animated.timing(backdropOpacity, {
+      import_react_native10.Animated.timing(backdropOpacity, {
         toValue: 0,
         duration: 140,
         useNativeDriver: true
@@ -29448,24 +29505,24 @@ function NativeSheet({
   }, [backdropOpacity, motion, visible]);
   if (!rendered) return null;
   return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-    import_react_native9.Modal,
+    import_react_native10.Modal,
     {
       animationType: "none",
       transparent: true,
       visible: rendered,
       onRequestClose: onClose,
-      children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react_native9.View, { style: [styles8.root, tabletLayout?.root], children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native9.Animated.View, { style: [styles8.backdrop, { opacity: backdropOpacity }], children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-          import_react_native9.Pressable,
+      children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react_native10.View, { style: [styles8.root, tabletLayout?.root], children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native10.Animated.View, { style: [styles8.backdrop, { opacity: backdropOpacity }], children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+          import_react_native10.Pressable,
           {
             accessibilityRole: "button",
             accessibilityLabel: closeAccessibilityLabel,
-            style: import_react_native9.StyleSheet.absoluteFill,
+            style: import_react_native10.StyleSheet.absoluteFill,
             onPress: onClose
           }
         ) }),
         /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
-          import_react_native9.Animated.View,
+          import_react_native10.Animated.View,
           {
             style: [
               styles8.sheet,
@@ -29491,10 +29548,10 @@ function NativeSheet({
               }
             ],
             children: [
-              showHeader ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react_native9.View, { style: styles8.header, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native9.View, { style: styles8.headerSpacer }),
+              showHeader ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react_native10.View, { style: styles8.header, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native10.View, { style: styles8.headerSpacer }),
                 /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-                  import_react_native9.Text,
+                  import_react_native10.Text,
                   {
                     style: [styles8.title, { color: palette.textColor }],
                     numberOfLines: 1,
@@ -29502,7 +29559,7 @@ function NativeSheet({
                   }
                 ),
                 /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-                  import_react_native9.Pressable,
+                  import_react_native10.Pressable,
                   {
                     onPress: onClose,
                     style: [
@@ -29523,20 +29580,20 @@ function NativeSheet({
     }
   );
 }
-var NativeSheetScrollView = import_react10.default.forwardRef(function NativeSheetScrollView2(props, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native9.ScrollView, { ref, ...props });
+var NativeSheetScrollView = import_react11.default.forwardRef(function NativeSheetScrollView2(props, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native10.ScrollView, { ref, ...props });
 });
 function NativeSheetFlatList(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native9.FlatList, { ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native10.FlatList, { ...props });
 }
-var styles8 = import_react_native9.StyleSheet.create({
+var styles8 = import_react_native10.StyleSheet.create({
   root: {
     flex: 1,
     justifyContent: "flex-end",
     alignItems: "center"
   },
   backdrop: {
-    ...import_react_native9.StyleSheet.absoluteFillObject,
+    ...import_react_native10.StyleSheet.absoluteFillObject,
     backgroundColor: "rgba(0, 0, 0, 0.4)"
   },
   sheet: {
@@ -29598,9 +29655,9 @@ function PageJumpModal({
   onClose,
   onConfirm
 }) {
-  const [value, setValue] = (0, import_react11.useState)(`${currentPage}`);
+  const [value, setValue] = (0, import_react12.useState)(`${currentPage}`);
   const palette = getReaderSheetPalette(isDark);
-  (0, import_react11.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     if (visible) setValue(`${currentPage}`);
   }, [currentPage, visible]);
   const confirmJump = () => {
@@ -29626,7 +29683,7 @@ function PageJumpModal({
       },
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-          import_react_native10.TextInput,
+          import_react_native11.TextInput,
           {
             value,
             onChangeText: (text) => setValue(text.replace(/[^0-9]/g, "")),
@@ -29649,25 +29706,25 @@ function PageJumpModal({
             testID: "papyrus-page-jump-input"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react_native10.View, { style: styles9.actions, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react_native11.View, { style: styles9.actions, children: [
           /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-            import_react_native10.Pressable,
+            import_react_native11.Pressable,
             {
               onPress: onClose,
               style: [
                 styles9.actionButton,
                 { backgroundColor: palette.closeSurface }
               ],
-              children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native10.Text, { style: [styles9.actionText, { color: palette.text }], children: "Cancelar" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native11.Text, { style: [styles9.actionText, { color: palette.text }], children: "Cancelar" })
             }
           ),
           /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-            import_react_native10.Pressable,
+            import_react_native11.Pressable,
             {
               onPress: confirmJump,
               style: [styles9.actionButton, { backgroundColor: accentColor }],
               testID: "papyrus-page-jump-confirm",
-              children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native10.Text, { style: [styles9.actionText, styles9.actionTextPrimary], children: "Ir" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native11.Text, { style: [styles9.actionText, styles9.actionTextPrimary], children: "Ir" })
             }
           )
         ] })
@@ -29675,7 +29732,7 @@ function PageJumpModal({
     }
   );
 }
-var styles9 = import_react_native10.StyleSheet.create({
+var styles9 = import_react_native11.StyleSheet.create({
   input: {
     borderRadius: 14,
     borderWidth: 1,
@@ -29716,12 +29773,30 @@ var Topbar = ({
     setDocumentState,
     triggerScrollToPage,
     accentColor,
-    mobileChromeVisible
-  } = (0, import_core8.useViewerStore)();
-  const [jumpModalOpen, setJumpModalOpen] = (0, import_react12.useState)(false);
+    mobileChromeVisible,
+    locale
+  } = (0, import_core9.useViewerStore)();
+  const inkSession = useNativeInkSession();
+  const t = getStrings(locale);
+  const progress = useNativeInkMotion(inkSession.active, inkSession.supported);
+  const settingsMotion = (0, import_react_native_reanimated2.useAnimatedStyle)(() => {
+    "worklet";
+    return {
+      opacity: 1 - progress.value,
+      transform: [{ scale: 1 - progress.value * 0.04 }, { translateX: -progress.value * 6 }]
+    };
+  });
+  const doneMotion = (0, import_react_native_reanimated2.useAnimatedStyle)(() => {
+    "worklet";
+    return {
+      opacity: progress.value,
+      transform: [{ scale: 0.96 + progress.value * 0.04 }, { translateX: (1 - progress.value) * 6 }]
+    };
+  });
+  const [jumpModalOpen, setJumpModalOpen] = (0, import_react13.useState)(false);
   const isDark = uiTheme === "dark";
   const navIconColor = isDark ? "#e5e7eb" : "#111827";
-  const { width, height } = (0, import_react_native11.useWindowDimensions)();
+  const { width, height } = (0, import_react_native12.useWindowDimensions)();
   const isLandscape = width > height;
   const insets = usePapyrusSafeAreaInsets();
   const navigateToPage = (targetPage) => {
@@ -29740,12 +29815,27 @@ var Topbar = ({
     }
     setJumpModalOpen(true);
   };
-  const defaultLogo = /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native11.View, { style: [styles10.logoBadge, { backgroundColor: accentColor }], children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native11.Text, { style: styles10.logoText, children: "P" }) });
+  const defaultLogo = /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native12.View, { style: [styles10.logoBadge, { backgroundColor: accentColor }], children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native12.Text, { style: styles10.logoText, children: "P" }) });
   const logoElement = logo ?? defaultLogo;
-  if (!mobileChromeVisible) return null;
+  const settingsControl = /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    import_react_native12.Pressable,
+    {
+      onPress: () => onOpenOverflow?.() ?? onOpenSettings?.(),
+      style: [
+        styles10.iconButton,
+        isDark && styles10.iconButtonDark,
+        inkSession.supported && styles10.annotationSettingsButton
+      ],
+      accessibilityRole: "button",
+      accessibilityLabel: "Open overflow menu",
+      disabled: inkSession.active,
+      children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(IconSettings, { size: MOBILE_CHROME_METRICS.iconSize, color: isDark ? "#e5e7eb" : "#111827" })
+    }
+  );
+  if (!mobileChromeVisible && !inkSession.active) return null;
   return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-      import_react_native11.View,
+      import_react_native12.View,
       {
         style: [
           styles10.chromeFrame,
@@ -29758,7 +29848,7 @@ var Topbar = ({
         pointerEvents: "box-none",
         testID: "papyrus-floating-top-controls",
         children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
-          import_react_native11.View,
+          import_react_native12.View,
           {
             style: [
               styles10.container,
@@ -29766,26 +29856,29 @@ var Topbar = ({
               isLandscape && styles10.containerLandscape
             ],
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_react_native11.View, { style: styles10.leftGroup, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_react_native12.View, { style: styles10.leftGroup, children: [
                 onLogoPress ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-                  import_react_native11.Pressable,
+                  import_react_native12.Pressable,
                   {
-                    onPress: onLogoPress,
+                    onPress: () => {
+                      if (inkSession.active) inkSession.finish();
+                      else onLogoPress();
+                    },
                     accessibilityRole: "button",
                     accessibilityLabel: logoAccessibilityLabel,
                     style: styles10.logoSlot,
                     children: logoElement
                   }
-                ) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native11.View, { style: styles10.logoSlot, children: logoElement }),
+                ) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native12.View, { style: styles10.logoSlot, children: logoElement }),
                 /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-                  import_react_native11.Pressable,
+                  import_react_native12.Pressable,
                   {
                     onPress: openJumpModal,
                     disabled: pageCount <= 0,
                     style: styles10.titleHit,
                     accessibilityLabel: "Open page jump",
                     children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-                      import_react_native11.Text,
+                      import_react_native12.Text,
                       {
                         numberOfLines: 1,
                         style: [styles10.brandText, isDark && styles10.brandTextDark],
@@ -29795,9 +29888,9 @@ var Topbar = ({
                   }
                 )
               ] }),
-              showPageNavigationControls ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native11.View, { style: styles10.pageGroup, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
+              showPageNavigationControls ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native12.View, { style: styles10.pageGroup, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
                 /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-                  import_react_native11.Pressable,
+                  import_react_native12.Pressable,
                   {
                     onPress: () => handlePageChange(-1),
                     style: [styles10.pageButton, isDark && styles10.pageButtonDark],
@@ -29811,13 +29904,13 @@ var Topbar = ({
                   }
                 ),
                 /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-                  import_react_native11.Pressable,
+                  import_react_native12.Pressable,
                   {
                     onPress: openJumpModal,
                     style: styles10.pageIndicatorHit,
                     accessibilityLabel: "Page jump",
                     children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
-                      import_react_native11.Text,
+                      import_react_native12.Text,
                       {
                         style: [
                           styles10.pageIndicator,
@@ -29833,7 +29926,7 @@ var Topbar = ({
                   }
                 ),
                 /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-                  import_react_native11.Pressable,
+                  import_react_native12.Pressable,
                   {
                     onPress: () => handlePageChange(1),
                     style: [styles10.pageButton, isDark && styles10.pageButtonDark],
@@ -29847,21 +29940,49 @@ var Topbar = ({
                   }
                 )
               ] }) }) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native11.View, { style: styles10.rightGroup, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-                import_react_native11.Pressable,
+              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                import_react_native12.View,
                 {
-                  onPress: () => onOpenOverflow?.() ?? onOpenSettings?.(),
-                  style: [styles10.iconButton, isDark && styles10.iconButtonDark],
-                  accessibilityLabel: "Open overflow menu",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-                    IconSettings,
-                    {
-                      size: MOBILE_CHROME_METRICS.iconSize,
-                      color: isDark ? "#e5e7eb" : "#111827"
-                    }
-                  )
+                  style: [styles10.rightGroup, inkSession.supported && styles10.annotationActionSlot],
+                  testID: "papyrus-topbar-action-slot",
+                  children: inkSession.supported ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                      import_react_native_reanimated2.default.View,
+                      {
+                        style: [styles10.settingsSlot, settingsMotion],
+                        pointerEvents: inkSession.active ? "none" : "auto",
+                        accessibilityElementsHidden: inkSession.active,
+                        importantForAccessibility: inkSession.active ? "no-hide-descendants" : "auto",
+                        children: settingsControl
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                      import_react_native_reanimated2.default.View,
+                      {
+                        style: [styles10.doneSlot, doneMotion],
+                        pointerEvents: inkSession.active ? "auto" : "none",
+                        accessibilityElementsHidden: !inkSession.active,
+                        importantForAccessibility: inkSession.active ? "auto" : "no-hide-descendants",
+                        children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                          import_react_native12.Pressable,
+                          {
+                            onPress: inkSession.finish,
+                            disabled: !inkSession.active,
+                            style: styles10.doneButton,
+                            accessibilityRole: "button",
+                            accessibilityLabel: t.done,
+                            testID: "papyrus-topbar-ink-done",
+                            children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_react_native12.Text, { style: styles10.doneButtonText, children: [
+                              "\u2713 ",
+                              t.done
+                            ] })
+                          }
+                        )
+                      }
+                    )
+                  ] }) : settingsControl
                 }
-              ) })
+              )
             ]
           }
         )
@@ -29881,7 +30002,7 @@ var Topbar = ({
     )
   ] });
 };
-var styles10 = import_react_native11.StyleSheet.create({
+var styles10 = import_react_native12.StyleSheet.create({
   container: {
     width: "100%",
     maxWidth: MOBILE_CHROME_METRICS.maxFloatingWidth,
@@ -30007,6 +30128,42 @@ var styles10 = import_react_native11.StyleSheet.create({
     flexShrink: 0,
     marginLeft: 12
   },
+  annotationActionSlot: {
+    width: 108,
+    height: 44
+  },
+  settingsSlot: {
+    position: "absolute",
+    right: 0,
+    top: 0
+  },
+  annotationSettingsButton: {
+    minWidth: 44,
+    minHeight: 44,
+    marginLeft: 0,
+    justifyContent: "center",
+    alignItems: "center"
+  },
+  doneSlot: {
+    position: "absolute",
+    left: 0,
+    right: 0,
+    top: 0
+  },
+  doneButton: {
+    minWidth: 44,
+    minHeight: 44,
+    paddingHorizontal: 10,
+    borderRadius: 12,
+    backgroundColor: "#2563eb",
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  doneButtonText: {
+    color: "#fff",
+    fontSize: 14,
+    fontWeight: "700"
+  },
   iconButton: {
     paddingHorizontal: 10,
     paddingVertical: 6,
@@ -30042,9 +30199,9 @@ var styles10 = import_react_native11.StyleSheet.create({
 var Topbar_default = Topbar;
 
 // components/ToolDock.tsx
-var import_react13 = __toESM(require("react"));
-var import_react_native12 = require("react-native");
-var import_core9 = require("@papyrus-sdk/core");
+var import_react14 = __toESM(require("react"));
+var import_react_native13 = require("react-native");
+var import_core10 = require("@papyrus-sdk/core");
 
 // components/ToolDock.layout.ts
 var TOOL_DOCK_SCROLL_THRESHOLD = 420;
@@ -30143,24 +30300,24 @@ var getToolVisual = (toolId) => {
       return { width: 24, iconSize: 28, offsetY: 6 };
   }
 };
-var OpacitySlider = import_react13.default.memo(function OpacitySlider2({
+var OpacitySlider = import_react14.default.memo(function OpacitySlider2({
   value,
   color,
   isDark,
   onCommit
 }) {
-  const [trackWidth, setTrackWidth] = (0, import_react13.useState)(0);
-  const [draftValue, setDraftValue] = (0, import_react13.useState)(value);
-  const dragValueRef = (0, import_react13.useRef)(draftValue);
-  const isDraggingRef = (0, import_react13.useRef)(false);
-  const frameRef = (0, import_react13.useRef)(null);
-  (0, import_react13.useEffect)(() => {
+  const [trackWidth, setTrackWidth] = (0, import_react14.useState)(0);
+  const [draftValue, setDraftValue] = (0, import_react14.useState)(value);
+  const dragValueRef = (0, import_react14.useRef)(draftValue);
+  const isDraggingRef = (0, import_react14.useRef)(false);
+  const frameRef = (0, import_react14.useRef)(null);
+  (0, import_react14.useEffect)(() => {
     if (!isDraggingRef.current) {
       dragValueRef.current = value;
       setDraftValue(value);
     }
   }, [value]);
-  (0, import_react13.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     return () => {
       if (frameRef.current !== null) {
         cancelAnimationFrame(frameRef.current);
@@ -30197,8 +30354,8 @@ var OpacitySlider = import_react13.default.memo(function OpacitySlider2({
     setDraftValue(next);
     onCommit(next);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_native12.View, { style: styles11.opacitySliderWrap, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
-    import_react_native12.View,
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_native13.View, { style: styles11.opacitySliderWrap, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+    import_react_native13.View,
     {
       style: styles11.opacityTouchSurface,
       onLayout: (event) => setTrackWidth(event.nativeEvent.layout.width),
@@ -30209,9 +30366,9 @@ var OpacitySlider = import_react13.default.memo(function OpacitySlider2({
       onResponderRelease: commitDraft,
       onResponderTerminate: () => commitDraft(),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_native12.View, { style: styles11.opacityTrack }),
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_native13.View, { style: styles11.opacityTrack }),
         /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-          import_react_native12.View,
+          import_react_native13.View,
           {
             style: [
               styles11.opacityTrackFill,
@@ -30223,7 +30380,7 @@ var OpacitySlider = import_react13.default.memo(function OpacitySlider2({
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-          import_react_native12.View,
+          import_react_native13.View,
           {
             style: [
               styles11.opacityThumb,
@@ -30260,11 +30417,11 @@ var ToolDock = () => {
     annotationRedoStack,
     undoAnnotations,
     redoAnnotations
-  } = (0, import_core9.useViewerStore)();
-  const [paletteExpanded, setPaletteExpanded] = (0, import_react13.useState)(false);
-  const [extrasExpanded, setExtrasExpanded] = (0, import_react13.useState)(false);
+  } = (0, import_core10.useViewerStore)();
+  const [paletteExpanded, setPaletteExpanded] = (0, import_react14.useState)(false);
+  const [extrasExpanded, setExtrasExpanded] = (0, import_react14.useState)(false);
   const isDark = uiTheme === "dark";
-  const { width: windowWidth } = (0, import_react_native12.useWindowDimensions)();
+  const { width: windowWidth } = (0, import_react_native13.useWindowDimensions)();
   const t = getStrings(locale);
   const panelColor = isDark ? "rgba(24,24,27,0.92)" : "rgba(255,255,255,0.96)";
   const borderColor = isDark ? "rgba(71,85,105,0.48)" : "rgba(229,231,235,0.88)";
@@ -30272,7 +30429,7 @@ var ToolDock = () => {
   const iconColor = isDark ? "#e5e7eb" : "#111827";
   const labelColor = isDark ? "#e5e7eb" : "#374151";
   const utilityIconColor = isDark ? "#f8fafc" : "#111827";
-  const selectedTool = (0, import_react13.useMemo)(
+  const selectedTool = (0, import_react14.useMemo)(
     () => ALL_TOOLS.find(
       (tool) => tool.id === "ink" || tool.id === "highlight" || tool.id === "underline" ? activeTool === "ink" && activeDrawToolPreset === tool.id : isToolDockToolSelected({
         toolId: tool.id,
@@ -30289,7 +30446,7 @@ var ToolDock = () => {
   const canUndo = annotationUndoStack.length > 0;
   const canRedo = annotationRedoStack.length > 0;
   const primaryToolsRowIsScrollable = shouldUseScrollablePrimaryToolsRow(windowWidth);
-  (0, import_react13.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     if (!nativeInkToolPickerActive) return;
     setPaletteExpanded(false);
     setExtrasExpanded(false);
@@ -30356,7 +30513,7 @@ var ToolDock = () => {
       baseIconColor
     });
     return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-      import_react_native12.Pressable,
+      import_react_native13.Pressable,
       {
         onPress: () => {
           applyTool(tool.id);
@@ -30367,7 +30524,7 @@ var ToolDock = () => {
           { width: compact ? void 0 : visual.width }
         ],
         children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-          import_react_native12.View,
+          import_react_native13.View,
           {
             style: [
               compact ? styles11.compactToolIconWrap : styles11.toolIconWrap,
@@ -30393,13 +30550,13 @@ var ToolDock = () => {
     );
   };
   return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-    import_react_native12.View,
+    import_react_native13.View,
     {
       pointerEvents: "box-none",
       style: [styles11.root, { paddingBottom: chromeOffsets.toolDock }],
-      children: toolDockOpen ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_react_native12.View, { style: styles11.stack, children: [
+      children: toolDockOpen ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_react_native13.View, { style: styles11.stack, children: [
         paletteExpanded && showInkDockControls ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-          import_react_native12.View,
+          import_react_native13.View,
           {
             style: [
               styles11.popup,
@@ -30408,10 +30565,10 @@ var ToolDock = () => {
                 borderColor
               }
             ],
-            children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_native12.View, { style: styles11.swatchRow, children: COLOR_SWATCHES.map((color) => {
+            children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_native13.View, { style: styles11.swatchRow, children: COLOR_SWATCHES.map((color) => {
               const isSelected = annotationColor === color;
               return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-                import_react_native12.Pressable,
+                import_react_native13.Pressable,
                 {
                   onPress: () => setAnnotationColor(color),
                   style: [
@@ -30422,7 +30579,7 @@ var ToolDock = () => {
                     }
                   ],
                   children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-                    import_react_native12.View,
+                    import_react_native13.View,
                     {
                       style: [
                         styles11.swatch,
@@ -30440,7 +30597,7 @@ var ToolDock = () => {
           }
         ) : null,
         inkSettingsExpanded && showInkDockControls ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
-          import_react_native12.View,
+          import_react_native13.View,
           {
             style: [
               styles11.popup,
@@ -30451,10 +30608,10 @@ var ToolDock = () => {
               }
             ],
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_native12.View, { style: styles11.inkPreviewRow, children: INK_WIDTHS.map((width) => {
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_native13.View, { style: styles11.inkPreviewRow, children: INK_WIDTHS.map((width) => {
                 const selected = Math.abs(inkStrokeWidth - width) < 5e-4;
                 return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-                  import_react_native12.Pressable,
+                  import_react_native13.Pressable,
                   {
                     onPress: () => setInkStrokeWidth(width),
                     style: [
@@ -30464,7 +30621,7 @@ var ToolDock = () => {
                         borderColor: `${accentColor}30`
                       }
                     ],
-                    children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_native12.View, { style: styles11.inkNib, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                    children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_native13.View, { style: styles11.inkNib, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
                       IconToolInk,
                       {
                         size: Math.round(18 + width * 1200),
@@ -30488,7 +30645,7 @@ var ToolDock = () => {
           }
         ) : null,
         extrasExpanded ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-          import_react_native12.View,
+          import_react_native13.View,
           {
             style: [
               styles11.popup,
@@ -30498,11 +30655,11 @@ var ToolDock = () => {
                 borderColor
               }
             ],
-            children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_native12.View, { style: styles11.compactToolsRow, children: EXTRA_TOOLS.map((tool) => renderToolButton(tool, true)) })
+            children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_native13.View, { style: styles11.compactToolsRow, children: EXTRA_TOOLS.map((tool) => renderToolButton(tool, true)) })
           }
         ) : null,
         /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-          import_react_native12.View,
+          import_react_native13.View,
           {
             style: [
               styles11.container,
@@ -30512,7 +30669,7 @@ var ToolDock = () => {
               }
             ],
             children: primaryToolsRowIsScrollable ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-              import_react_native12.ScrollView,
+              import_react_native13.ScrollView,
               {
                 horizontal: true,
                 bounces: false,
@@ -30522,10 +30679,10 @@ var ToolDock = () => {
                   styles11.primaryToolsRow,
                   styles11.primaryToolsRowScrollableContent
                 ],
-                children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_react_native12.View, { style: styles11.primaryToolsRowInner, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_react_native12.View, { style: styles11.historyGroup, children: [
+                children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_react_native13.View, { style: styles11.primaryToolsRowInner, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_react_native13.View, { style: styles11.historyGroup, children: [
                     /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-                      import_react_native12.Pressable,
+                      import_react_native13.Pressable,
                       {
                         onPress: undoAnnotations,
                         disabled: !canUndo,
@@ -30546,7 +30703,7 @@ var ToolDock = () => {
                       }
                     ),
                     /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-                      import_react_native12.Pressable,
+                      import_react_native13.Pressable,
                       {
                         onPress: redoAnnotations,
                         disabled: !canRedo,
@@ -30567,10 +30724,10 @@ var ToolDock = () => {
                       }
                     )
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_native12.View, { style: styles11.toolsGroup, children: PRIMARY_TOOLS.map((tool) => renderToolButton(tool)) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_react_native12.View, { style: styles11.controlsGroup, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_native13.View, { style: styles11.toolsGroup, children: PRIMARY_TOOLS.map((tool) => renderToolButton(tool)) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_react_native13.View, { style: styles11.controlsGroup, children: [
                     /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-                      import_react_native12.Pressable,
+                      import_react_native13.Pressable,
                       {
                         onPress: () => {
                           setExtrasExpanded((value) => !value);
@@ -30583,7 +30740,7 @@ var ToolDock = () => {
                           }
                         ],
                         children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-                          import_react_native12.Text,
+                          import_react_native13.Text,
                           {
                             style: [
                               styles11.utilityLabel,
@@ -30595,7 +30752,7 @@ var ToolDock = () => {
                       }
                     ),
                     /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-                      import_react_native12.Pressable,
+                      import_react_native13.Pressable,
                       {
                         onPress: () => {
                           setPaletteExpanded((value) => !value);
@@ -30613,7 +30770,7 @@ var ToolDock = () => {
                       }
                     ),
                     /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-                      import_react_native12.Pressable,
+                      import_react_native13.Pressable,
                       {
                         onPress: () => setDocumentState(
                           getToolDockDismissState({
@@ -30638,10 +30795,10 @@ var ToolDock = () => {
                   ] })
                 ] })
               }
-            ) : /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_react_native12.View, { style: styles11.primaryToolsRow, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_react_native12.View, { style: styles11.historyGroup, children: [
+            ) : /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_react_native13.View, { style: styles11.primaryToolsRow, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_react_native13.View, { style: styles11.historyGroup, children: [
                 /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-                  import_react_native12.Pressable,
+                  import_react_native13.Pressable,
                   {
                     onPress: undoAnnotations,
                     disabled: !canUndo,
@@ -30662,7 +30819,7 @@ var ToolDock = () => {
                   }
                 ),
                 /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-                  import_react_native12.Pressable,
+                  import_react_native13.Pressable,
                   {
                     onPress: redoAnnotations,
                     disabled: !canRedo,
@@ -30683,10 +30840,10 @@ var ToolDock = () => {
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_native12.View, { style: styles11.toolsGroup, children: PRIMARY_TOOLS.map((tool) => renderToolButton(tool)) }),
-              /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_react_native12.View, { style: styles11.controlsGroup, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_native13.View, { style: styles11.toolsGroup, children: PRIMARY_TOOLS.map((tool) => renderToolButton(tool)) }),
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_react_native13.View, { style: styles11.controlsGroup, children: [
                 /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-                  import_react_native12.Pressable,
+                  import_react_native13.Pressable,
                   {
                     onPress: () => {
                       setExtrasExpanded((value) => !value);
@@ -30699,7 +30856,7 @@ var ToolDock = () => {
                       }
                     ],
                     children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-                      import_react_native12.Text,
+                      import_react_native13.Text,
                       {
                         style: [
                           styles11.utilityLabel,
@@ -30711,7 +30868,7 @@ var ToolDock = () => {
                   }
                 ),
                 /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-                  import_react_native12.Pressable,
+                  import_react_native13.Pressable,
                   {
                     onPress: () => {
                       setPaletteExpanded((value) => !value);
@@ -30729,7 +30886,7 @@ var ToolDock = () => {
                   }
                 ),
                 /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-                  import_react_native12.Pressable,
+                  import_react_native13.Pressable,
                   {
                     onPress: () => setDocumentState(
                       getToolDockDismissState({
@@ -30756,9 +30913,9 @@ var ToolDock = () => {
     }
   );
 };
-var styles11 = import_react_native12.StyleSheet.create({
+var styles11 = import_react_native13.StyleSheet.create({
   root: {
-    ...import_react_native12.StyleSheet.absoluteFillObject,
+    ...import_react_native13.StyleSheet.absoluteFillObject,
     alignItems: "center",
     justifyContent: "flex-end",
     paddingHorizontal: MOBILE_CHROME_METRICS.screenPadding,
@@ -31001,9 +31158,9 @@ var withInkAlpha = (hex, alpha) => {
 var ToolDock_default = ToolDock;
 
 // components/RightSheet.tsx
-var import_react14 = require("react");
-var import_react_native13 = require("react-native");
-var import_core10 = require("@papyrus-sdk/core");
+var import_react15 = require("react");
+var import_react_native14 = require("react-native");
+var import_core11 = require("@papyrus-sdk/core");
 var import_engine_native7 = require("@papyrus-sdk/engine-native");
 
 // components/rightSheetLayout.ts
@@ -31068,14 +31225,14 @@ var PageThumbnail = ({
   shouldRenderPreview,
   onPress
 }) => {
-  const viewRef = (0, import_react14.useRef)(null);
-  const [layoutReady, setLayoutReady] = (0, import_react14.useState)(false);
-  const [previewUri, setPreviewUri] = (0, import_react14.useState)(null);
-  (0, import_react14.useEffect)(() => {
+  const viewRef = (0, import_react15.useRef)(null);
+  const [layoutReady, setLayoutReady] = (0, import_react15.useState)(false);
+  const [previewUri, setPreviewUri] = (0, import_react15.useState)(null);
+  (0, import_react15.useEffect)(() => {
     if (!layoutReady || !useNativePreview || !shouldRenderPreview) return;
-    const viewTag = (0, import_react_native13.findNodeHandle)(viewRef.current);
+    const viewTag = (0, import_react_native14.findNodeHandle)(viewRef.current);
     if (!viewTag) return;
-    const isNative = import_react_native13.Platform.OS === "android" || import_react_native13.Platform.OS === "ios";
+    const isNative = import_react_native14.Platform.OS === "android" || import_react_native14.Platform.OS === "ios";
     const renderScale = isNative ? 2 / Math.max(zoom, 0.5) : 2;
     void engine.renderPage(pageIndex, viewTag, renderScale);
   }, [
@@ -31086,7 +31243,7 @@ var PageThumbnail = ({
     useNativePreview,
     zoom
   ]);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     if (!useImagePreview || !shouldRenderPreview) {
       setPreviewUri(null);
       return;
@@ -31110,7 +31267,7 @@ var PageThumbnail = ({
     }
   };
   return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
-    import_react_native13.Pressable,
+    import_react_native14.Pressable,
     {
       onPress,
       style: [
@@ -31122,23 +31279,23 @@ var PageThumbnail = ({
       ],
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-          import_react_native13.View,
+          import_react_native14.View,
           {
             onLayout: handleLayout,
             style: [styles12.thumbFrame, { width: frameWidth, height: frameHeight }],
             children: useNativePreview && shouldRenderPreview ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_engine_native7.PapyrusPageView, { ref: viewRef, style: styles12.thumbView }) : useImagePreview && shouldRenderPreview && previewUri ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-              import_react_native13.Image,
+              import_react_native14.Image,
               {
                 source: { uri: previewUri },
                 resizeMode: "contain",
                 style: styles12.thumbImage
               }
             ) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-              import_react_native13.View,
+              import_react_native14.View,
               {
                 style: [styles12.thumbFallback, isDark && styles12.thumbFallbackDark],
                 children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-                  import_react_native13.Text,
+                  import_react_native14.Text,
                   {
                     style: [
                       styles12.thumbFallbackText,
@@ -31151,7 +31308,7 @@ var PageThumbnail = ({
             )
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_native13.Text, { style: [styles12.thumbLabel, isDark && styles12.thumbLabelDark], children: pageIndex + 1 })
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_native14.Text, { style: [styles12.thumbLabel, isDark && styles12.thumbLabelDark], children: pageIndex + 1 })
       ]
     }
   );
@@ -31159,16 +31316,16 @@ var PageThumbnail = ({
 var OutlineNode = ({ item, depth = 0, isDark, onSelect, untitledLabel }) => {
   const hasChildren = item.children && item.children.length > 0;
   const isClickable = item.pageIndex >= 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_react_native13.View, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_react_native14.View, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-      import_react_native13.Pressable,
+      import_react_native14.Pressable,
       {
         onPress: () => {
           if (isClickable) onSelect(item.pageIndex);
         },
         style: [styles12.outlineRow, { paddingLeft: 12 + depth * 12 }],
         children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-          import_react_native13.Text,
+          import_react_native14.Text,
           {
             style: [
               styles12.outlineText,
@@ -31215,12 +31372,12 @@ var RightSheet = ({
     zoom,
     locale,
     accentColor
-  } = (0, import_core10.useViewerStore)();
-  const { height: windowHeight, width: windowWidth } = (0, import_react_native13.useWindowDimensions)();
-  const [pagesMode, setPagesMode] = (0, import_react14.useState)(
+  } = (0, import_core11.useViewerStore)();
+  const { height: windowHeight, width: windowWidth } = (0, import_react_native14.useWindowDimensions)();
+  const [pagesMode, setPagesMode] = (0, import_react15.useState)(
     documentType === "pdf" || documentType === "comic" ? "thumbnails" : "summary"
   );
-  (0, import_react14.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     setPagesMode(
       documentType === "pdf" || documentType === "comic" ? "thumbnails" : "summary"
     );
@@ -31237,16 +31394,16 @@ var RightSheet = ({
   const { cardWidth, frameWidth } = getRightSheetThumbnailLayout(sheetWidth);
   const renderTarget = engine.getRenderTargetType?.();
   const hasNativePageView = Boolean(
-    import_react_native13.UIManager.getViewManagerConfig?.("PapyrusPageView")
+    import_react_native14.UIManager.getViewManagerConfig?.("PapyrusPageView")
   );
   const useNativePreview = renderTarget !== "webview" && hasNativePageView;
   const useImagePreview = documentType === "comic" && renderTarget === "webview" && typeof engine.getPagePreview === "function";
-  const thumbnailDimensionsCacheRef = (0, import_react14.useRef)(/* @__PURE__ */ new Map());
-  const thumbnailDimensionsPendingRef = (0, import_react14.useRef)(/* @__PURE__ */ new Set());
-  const thumbnailRefreshTimeoutRef = (0, import_react14.useRef)(null);
-  const [thumbnailLayoutRevision, setThumbnailLayoutRevision] = (0, import_react14.useState)(0);
-  const [visibleThumbnailPages, setVisibleThumbnailPages] = (0, import_react14.useState)(() => /* @__PURE__ */ new Set());
-  const resolvedThumbsInitialCount = (0, import_react14.useMemo)(
+  const thumbnailDimensionsCacheRef = (0, import_react15.useRef)(/* @__PURE__ */ new Map());
+  const thumbnailDimensionsPendingRef = (0, import_react15.useRef)(/* @__PURE__ */ new Set());
+  const thumbnailRefreshTimeoutRef = (0, import_react15.useRef)(null);
+  const [thumbnailLayoutRevision, setThumbnailLayoutRevision] = (0, import_react15.useState)(0);
+  const [visibleThumbnailPages, setVisibleThumbnailPages] = (0, import_react15.useState)(() => /* @__PURE__ */ new Set());
+  const resolvedThumbsInitialCount = (0, import_react15.useMemo)(
     () => resolvePositiveInt2(
       thumbsInitialCount,
       THUMBNAILS_INITIAL_NUM_TO_RENDER,
@@ -31265,10 +31422,10 @@ var RightSheet = ({
   const navigationTitle = showingProgress ? t.progress : documentType === "epub" || activeMobileDestination === "contents" ? t.contents : t.pages;
   const summaryLabel = documentType === "epub" ? t.contents : t.summaryTab;
   const thumbnailLabel = documentType === "epub" ? t.pages : t.pagesTab;
-  const closeSheet = (0, import_react14.useCallback)(() => {
+  const closeSheet = (0, import_react15.useCallback)(() => {
     setDocumentState({ sidebarRightOpen: false });
   }, [setDocumentState]);
-  const jumpToPage = (0, import_react14.useCallback)(
+  const jumpToPage = (0, import_react15.useCallback)(
     (pageIndex) => {
       engine.goToPage(pageIndex + 1);
       setDocumentState({ currentPage: pageIndex + 1 });
@@ -31277,14 +31434,14 @@ var RightSheet = ({
     },
     [closeSheet, engine, setDocumentState, triggerScrollToPage]
   );
-  const scheduleThumbnailLayoutRefresh = (0, import_react14.useCallback)(() => {
+  const scheduleThumbnailLayoutRefresh = (0, import_react15.useCallback)(() => {
     if (thumbnailRefreshTimeoutRef.current) return;
     thumbnailRefreshTimeoutRef.current = setTimeout(() => {
       thumbnailRefreshTimeoutRef.current = null;
       setThumbnailLayoutRevision((value) => value + 1);
     }, 80);
   }, []);
-  const ensureThumbnailDimensions = (0, import_react14.useCallback)(
+  const ensureThumbnailDimensions = (0, import_react15.useCallback)(
     (pageIndex) => {
       if (pageIndex < 0 || pageIndex >= pageCount) return;
       if (thumbnailDimensionsCacheRef.current.has(pageIndex)) return;
@@ -31303,7 +31460,7 @@ var RightSheet = ({
     },
     [engine, pageCount, scheduleThumbnailLayoutRefresh]
   );
-  const getThumbnailFrameHeight = (0, import_react14.useCallback)(
+  const getThumbnailFrameHeight = (0, import_react15.useCallback)(
     (pageIndex) => {
       const dims = thumbnailDimensionsCacheRef.current.get(pageIndex);
       const ratio = !dims || dims.width <= 0 || dims.height <= 0 ? THUMBNAILS_DEFAULT_ASPECT_RATIO : dims.height / dims.width;
@@ -31315,7 +31472,7 @@ var RightSheet = ({
     },
     [frameWidth, thumbnailLayoutRevision]
   );
-  (0, import_react14.useEffect)(
+  (0, import_react15.useEffect)(
     () => () => {
       if (thumbnailRefreshTimeoutRef.current) {
         clearTimeout(thumbnailRefreshTimeoutRef.current);
@@ -31323,11 +31480,11 @@ var RightSheet = ({
     },
     []
   );
-  (0, import_react14.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     if (sidebarRightOpen) return;
     setVisibleThumbnailPages(/* @__PURE__ */ new Set());
   }, [sidebarRightOpen]);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     if (!sidebarRightOpen || sidebarRightTab !== "pages") return;
     if (activeMobileDestination === "pages") {
       setPagesMode("thumbnails");
@@ -31335,7 +31492,7 @@ var RightSheet = ({
     }
     setPagesMode("summary");
   }, [activeMobileDestination, sidebarRightOpen, sidebarRightTab]);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     if (!sidebarRightOpen || sidebarRightTab !== "pages") return;
     if (pagesMode !== "thumbnails" || !supportsThumbnails) return;
     if (pageCount <= 0) return;
@@ -31365,18 +31522,18 @@ var RightSheet = ({
     sidebarRightTab,
     supportsThumbnails
   ]);
-  const pages = (0, import_react14.useMemo)(
+  const pages = (0, import_react15.useMemo)(
     () => Array.from({ length: pageCount }, (_, i) => i),
     [pageCount]
   );
-  const progressEntries = (0, import_react14.useMemo)(
+  const progressEntries = (0, import_react15.useMemo)(
     () => pages.map((pageIndex) => ({
       pageIndex,
       percent: pageCount <= 1 ? 100 : Math.round((pageIndex + 1) / pageCount * 100)
     })),
     [pageCount, pages]
   );
-  const onThumbnailsViewableItemsChanged = (0, import_react14.useCallback)(
+  const onThumbnailsViewableItemsChanged = (0, import_react15.useCallback)(
     ({ viewableItems }) => {
       const nextVisible = /* @__PURE__ */ new Set();
       viewableItems.forEach((token) => {
@@ -31393,7 +31550,7 @@ var RightSheet = ({
     },
     [ensureThumbnailDimensions]
   );
-  const renderThumbnailItem = (0, import_react14.useCallback)(
+  const renderThumbnailItem = (0, import_react15.useCallback)(
     ({ item }) => {
       const shouldRenderPreview = (useNativePreview || useImagePreview) && (visibleThumbnailPages.has(item) || item < resolvedThumbsPrewarmCount || Math.abs(item + 1 - currentPage) <= 1);
       return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
@@ -31444,18 +31601,18 @@ var RightSheet = ({
         backgroundColor: palette.surface,
         borderTopColor: palette.divider
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_react_native13.View, { style: styles12.sheet, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_react_native13.View, { style: styles12.header, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_native13.Text, { style: [styles12.sheetTitle, isDark && styles12.sheetTitleDark], children: showingNotes ? t.notes : navigationTitle }),
+      children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_react_native14.View, { style: styles12.sheet, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_react_native14.View, { style: styles12.header, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_native14.Text, { style: [styles12.sheetTitle, isDark && styles12.sheetTitleDark], children: showingNotes ? t.notes : navigationTitle }),
           !showingNotes ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-            import_react_native13.Pressable,
+            import_react_native14.Pressable,
             {
               onPress: showingProgress ? void 0 : onOpenPageJump,
               disabled: showingProgress || pageCount <= 0,
               style: styles12.pageStatusHit,
               accessibilityLabel: "Open page jump",
               children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-                import_react_native13.Text,
+                import_react_native14.Text,
                 {
                   style: [styles12.pageStatus, isDark && styles12.pageStatusDark],
                   children: showingProgress ? `${Math.round(
@@ -31466,7 +31623,7 @@ var RightSheet = ({
             }
           ) : null,
           /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-            import_react_native13.Pressable,
+            import_react_native14.Pressable,
             {
               accessibilityRole: "button",
               accessibilityLabel: `${t.close} ${showingNotes ? t.notes.toLowerCase() : t.contents.toLowerCase()}`,
@@ -31476,14 +31633,14 @@ var RightSheet = ({
             }
           )
         ] }),
-        !showingNotes ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_react_native13.View, { style: styles12.pagesContent, children: [
-          !showingProgress ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_native13.View, { style: styles12.pageHeader, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
-            import_react_native13.View,
+        !showingNotes ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_react_native14.View, { style: styles12.pagesContent, children: [
+          !showingProgress ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_native14.View, { style: styles12.pageHeader, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+            import_react_native14.View,
             {
               style: [styles12.segmented, isDark && styles12.segmentedDark],
               children: [
                 supportsThumbnails ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-                  import_react_native13.Pressable,
+                  import_react_native14.Pressable,
                   {
                     onPress: () => setPagesMode("thumbnails"),
                     style: [
@@ -31494,7 +31651,7 @@ var RightSheet = ({
                       }
                     ],
                     children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-                      import_react_native13.Text,
+                      import_react_native14.Text,
                       {
                         style: [
                           styles12.segmentText,
@@ -31507,7 +31664,7 @@ var RightSheet = ({
                   }
                 ) : null,
                 /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-                  import_react_native13.Pressable,
+                  import_react_native14.Pressable,
                   {
                     onPress: () => setPagesMode("summary"),
                     style: [
@@ -31518,7 +31675,7 @@ var RightSheet = ({
                       }
                     ],
                     children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-                      import_react_native13.Text,
+                      import_react_native14.Text,
                       {
                         style: [
                           styles12.segmentText,
@@ -31561,7 +31718,7 @@ var RightSheet = ({
               children: progressEntries.map((entry) => {
                 const isActive = entry.pageIndex + 1 === currentPage;
                 return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
-                  import_react_native13.Pressable,
+                  import_react_native14.Pressable,
                   {
                     onPress: () => jumpToPage(entry.pageIndex),
                     style: [
@@ -31571,7 +31728,7 @@ var RightSheet = ({
                     ],
                     children: [
                       /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
-                        import_react_native13.Text,
+                        import_react_native14.Text,
                         {
                           style: [
                             styles12.progressLabel,
@@ -31584,7 +31741,7 @@ var RightSheet = ({
                         }
                       ),
                       /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
-                        import_react_native13.Text,
+                        import_react_native14.Text,
                         {
                           style: [
                             styles12.progressMeta,
@@ -31609,7 +31766,7 @@ var RightSheet = ({
               contentContainerStyle: styles12.summaryContent,
               showsVerticalScrollIndicator: false,
               children: outline.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-                import_react_native13.Text,
+                import_react_native14.Text,
                 {
                   style: [styles12.emptyText, isDark && styles12.emptyTextDark],
                   children: t.noSummary
@@ -31631,8 +31788,8 @@ var RightSheet = ({
           {
             contentContainerStyle: styles12.notesContent,
             showsVerticalScrollIndicator: false,
-            children: annotations.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_native13.Text, { style: [styles12.emptyText, isDark && styles12.emptyTextDark], children: t.noAnnotations }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_native13.View, { children: annotations.map((ann) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
-              import_react_native13.Pressable,
+            children: annotations.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_native14.Text, { style: [styles12.emptyText, isDark && styles12.emptyTextDark], children: t.noAnnotations }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_native14.View, { children: annotations.map((ann) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+              import_react_native14.Pressable,
               {
                 onPress: () => {
                   setSelectedAnnotation(ann.id);
@@ -31647,27 +31804,27 @@ var RightSheet = ({
                   }
                 ],
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_react_native13.View, { style: styles12.noteHeader, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_react_native14.View, { style: styles12.noteHeader, children: [
                     /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-                      import_react_native13.View,
+                      import_react_native14.View,
                       {
                         style: [styles12.noteDot, { backgroundColor: ann.color }]
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_react_native13.Text, { style: [styles12.noteTitle, { color: palette.text }], children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_react_native14.Text, { style: [styles12.noteTitle, { color: palette.text }], children: [
                       t.page,
                       " ",
                       ann.pageIndex + 1
                     ] })
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_native13.Text, { style: [styles12.noteType, { color: accentColor }], children: getAnnotationKindLabel(ann.type, locale) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_native14.Text, { style: [styles12.noteType, { color: accentColor }], children: getAnnotationKindLabel(ann.type, locale) }),
                   ann.content ? (() => {
                     const parts = resolveNoteQuoteParts(
                       ann.content ?? ""
                     );
-                    return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_react_native13.View, { style: styles12.noteQuoteRow, children: [
+                    return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_react_native14.View, { style: styles12.noteQuoteRow, children: [
                       /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-                        import_react_native13.View,
+                        import_react_native14.View,
                         {
                           accessible: false,
                           importantForAccessibility: "no",
@@ -31676,7 +31833,7 @@ var RightSheet = ({
                         }
                       ),
                       /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
-                        import_react_native13.Text,
+                        import_react_native14.Text,
                         {
                           style: [
                             styles12.noteContent,
@@ -31693,7 +31850,7 @@ var RightSheet = ({
                         }
                       ),
                       /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-                        import_react_native13.View,
+                        import_react_native14.View,
                         {
                           accessible: false,
                           importantForAccessibility: "no",
@@ -31713,7 +31870,7 @@ var RightSheet = ({
     }
   );
 };
-var styles12 = import_react_native13.StyleSheet.create({
+var styles12 = import_react_native14.StyleSheet.create({
   sheet: {
     flex: 1,
     maxHeight: "100%",
@@ -31999,9 +32156,9 @@ var styles12 = import_react_native13.StyleSheet.create({
 var RightSheet_default = RightSheet;
 
 // components/AnnotationEditor.tsx
-var import_react15 = require("react");
-var import_react_native14 = require("react-native");
-var import_core11 = require("@papyrus-sdk/core");
+var import_react16 = require("react");
+var import_react_native15 = require("react-native");
+var import_core12 = require("@papyrus-sdk/core");
 var import_jsx_runtime17 = require("react/jsx-runtime");
 var AnnotationEditor = () => {
   const {
@@ -32013,13 +32170,13 @@ var AnnotationEditor = () => {
     uiTheme,
     locale,
     accentColor
-  } = (0, import_core11.useViewerStore)();
+  } = (0, import_core12.useViewerStore)();
   const annotation = annotations.find((ann) => ann.id === selectedAnnotationId);
   const isEditable = annotation && (annotation.type === "text" || annotation.type === "comment");
-  const [draft, setDraft] = (0, import_react15.useState)("");
+  const [draft, setDraft] = (0, import_react16.useState)("");
   const isDark = uiTheme === "dark";
   const t = getStrings(locale);
-  (0, import_react15.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     if (isEditable) {
       setDraft(annotation?.content ?? "");
     }
@@ -32038,16 +32195,16 @@ var AnnotationEditor = () => {
     );
   };
   return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-    import_react_native14.Modal,
+    import_react_native15.Modal,
     {
       visible: true,
       transparent: true,
       animationType: "fade",
       onRequestClose: handleClose,
-      children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_native14.View, { style: styles13.overlay, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_react_native14.View, { style: [styles13.card, isDark && styles13.cardDark], children: [
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_native14.Text, { style: [styles13.title, isDark && styles13.titleDark], children: t.editNote }),
+      children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_native15.View, { style: styles13.overlay, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_react_native15.View, { style: [styles13.card, isDark && styles13.cardDark], children: [
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_native15.Text, { style: [styles13.title, isDark && styles13.titleDark], children: t.editNote }),
         /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-          import_react_native14.TextInput,
+          import_react_native15.TextInput,
           {
             style: [styles13.input, isDark && styles13.inputDark],
             value: draft,
@@ -32057,9 +32214,9 @@ var AnnotationEditor = () => {
             multiline: true
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_react_native14.View, { style: styles13.actions, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_react_native15.View, { style: styles13.actions, children: [
           /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-            import_react_native14.Pressable,
+            import_react_native15.Pressable,
             {
               onPress: handleDelete,
               style: [
@@ -32070,20 +32227,20 @@ var AnnotationEditor = () => {
               accessibilityRole: "button",
               accessibilityLabel: t.deleteAnnotation,
               testID: "annotation-delete-button",
-              children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_native14.Text, { style: [styles13.actionText, styles13.actionTextLight], children: t.deleteAnnotation })
+              children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_native15.Text, { style: [styles13.actionText, styles13.actionTextLight], children: t.deleteAnnotation })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_native14.View, { style: styles13.actionSpacer }),
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_native15.View, { style: styles13.actionSpacer }),
           /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-            import_react_native14.Pressable,
+            import_react_native15.Pressable,
             {
               onPress: handleClose,
               style: [styles13.actionButton, styles13.actionCancel],
-              children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_native14.Text, { style: styles13.actionText, children: t.cancel })
+              children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_native15.Text, { style: styles13.actionText, children: t.cancel })
             }
           ),
           /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-            import_react_native14.Pressable,
+            import_react_native15.Pressable,
             {
               onPress: handleSave,
               style: [
@@ -32091,7 +32248,7 @@ var AnnotationEditor = () => {
                 styles13.actionSave,
                 { backgroundColor: accentColor }
               ],
-              children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_native14.Text, { style: [styles13.actionText, styles13.actionTextLight], children: t.save })
+              children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_native15.Text, { style: [styles13.actionText, styles13.actionTextLight], children: t.save })
             }
           )
         ] })
@@ -32099,7 +32256,7 @@ var AnnotationEditor = () => {
     }
   );
 };
-var styles13 = import_react_native14.StyleSheet.create({
+var styles13 = import_react_native15.StyleSheet.create({
   overlay: {
     flex: 1,
     alignItems: "center",
@@ -32176,8 +32333,9 @@ var styles13 = import_react_native14.StyleSheet.create({
 var AnnotationEditor_default = AnnotationEditor;
 
 // components/BottomBar.tsx
-var import_react_native15 = require("react-native");
-var import_core12 = require("@papyrus-sdk/core");
+var import_react_native16 = require("react-native");
+var import_core13 = require("@papyrus-sdk/core");
+var import_react_native_reanimated3 = __toESM(require("react-native-reanimated"));
 
 // components/bottomBarModel.ts
 function buildBottomBarLayout({
@@ -32246,12 +32404,23 @@ var BottomBar = ({
     mobileChromeVisible,
     toolDockOpen,
     activeTool,
-    interactionMode,
-    nativePdfViewerActive
-  } = (0, import_core12.useViewerStore)();
+    interactionMode
+  } = (0, import_core13.useViewerStore)();
+  const inkSession = useNativeInkSession();
+  const supportsInkChrome = documentType === "pdf" && inkSession.supported;
+  const drawing = supportsInkChrome && inkSession.active;
+  const dockVisible = mobileChromeVisible && mobileDockVisible && !drawing;
+  const dockProgress = useNativeInkMotion(dockVisible, supportsInkChrome);
+  const dockMotion = (0, import_react_native_reanimated3.useAnimatedStyle)(() => {
+    "worklet";
+    return {
+      opacity: dockProgress.value,
+      transform: [{ translateY: (1 - dockProgress.value) * 8 }]
+    };
+  });
   const isDark = uiTheme === "dark";
   const t = getStrings(locale);
-  const { width, height } = (0, import_react_native15.useWindowDimensions)();
+  const { width, height } = (0, import_react_native16.useWindowDimensions)();
   const isLandscape = width > height;
   const offsets = resolveMobileChromeOffsets(usePapyrusSafeAreaInsets());
   const iconColor = (active) => {
@@ -32268,7 +32437,7 @@ var BottomBar = ({
       label: t.tools,
       icon: IconToolDockTrigger,
       onPress: () => {
-        const isNativeIosInkViewer = import_react_native15.Platform.OS === "ios" && Number.parseInt(String(import_react_native15.Platform.Version), 10) >= 16 && nativePdfViewerActive;
+        const isNativeIosInkViewer = supportsInkChrome;
         const action = resolveAnnotateButtonAction({
           isNativeIosInkViewer,
           activeTool,
@@ -32285,13 +32454,7 @@ var BottomBar = ({
           return;
         }
         if (action === "deactivate-native-ink") {
-          setDocumentState({
-            activeTool: "select",
-            interactionMode: "pan",
-            nativeInkToolPickerActive: false,
-            toolDockOpen: false,
-            activeMobileDestination: "none"
-          });
+          inkSession.finish();
           return;
         }
         if (action === "dismiss-tool-dock") {
@@ -32329,98 +32492,110 @@ var BottomBar = ({
       onPress: onOpenSettings
     }
   };
-  if (!mobileChromeVisible || !mobileDockVisible) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native15.View, { pointerEvents: "box-none", style: [styles14.frame, { paddingBottom: offsets.bottom, paddingLeft: offsets.left, paddingRight: offsets.right }], children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_react_native15.View, { style: [styles14.row, isLandscape && styles14.rowLandscape], children: [
-    layout.leftSlots.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-      import_react_native15.View,
-      {
-        style: [
-          styles14.island,
-          styles14.editIsland,
-          isDark && styles14.islandDark
-        ],
-        testID: "papyrus-floating-bottom-dock-edit",
-        children: layout.leftSlots.map((slot) => {
-          const meta = slotMeta[slot.key];
-          const Icon = meta.icon;
-          return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-            import_react_native15.Pressable,
-            {
-              onPress: meta.onPress,
-              style: [
-                styles14.iconOnlyItem,
-                slot.active && styles14.itemActive
-              ],
-              accessibilityLabel: meta.label,
-              testID: `papyrus-mobile-destination-${slot.key}`,
-              children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-                import_react_native15.View,
+  if (!dockVisible && !supportsInkChrome) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    import_react_native_reanimated3.default.View,
+    {
+      pointerEvents: dockVisible ? "box-none" : "none",
+      accessibilityElementsHidden: !dockVisible,
+      importantForAccessibility: dockVisible ? "auto" : "no-hide-descendants",
+      testID: "papyrus-bottom-bar-frame",
+      style: [styles14.frame, { paddingBottom: offsets.bottom, paddingLeft: offsets.left, paddingRight: offsets.right }, dockMotion],
+      children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_react_native16.View, { style: [styles14.row, isLandscape && styles14.rowLandscape], children: [
+        layout.leftSlots.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+          import_react_native16.View,
+          {
+            style: [
+              styles14.island,
+              styles14.editIsland,
+              isDark && styles14.islandDark
+            ],
+            testID: "papyrus-floating-bottom-dock-edit",
+            children: layout.leftSlots.map((slot) => {
+              const meta = slotMeta[slot.key];
+              const Icon = meta.icon;
+              return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+                import_react_native16.Pressable,
                 {
+                  disabled: !dockVisible,
+                  onPress: meta.onPress,
                   style: [
-                    styles14.itemIcon,
-                    isDark && styles14.itemIconDark,
-                    slot.active && styles14.itemIconActive
+                    styles14.iconOnlyItem,
+                    slot.active && styles14.itemActive
                   ],
+                  accessibilityLabel: meta.label,
+                  testID: `papyrus-mobile-destination-${slot.key}`,
                   children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-                    Icon,
+                    import_react_native16.View,
                     {
-                      size: MOBILE_CHROME_METRICS.iconSize,
-                      color: iconColor(slot.active)
+                      style: [
+                        styles14.itemIcon,
+                        isDark && styles14.itemIconDark,
+                        slot.active && styles14.itemIconActive
+                      ],
+                      children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+                        Icon,
+                        {
+                          size: MOBILE_CHROME_METRICS.iconSize,
+                          color: iconColor(slot.active)
+                        }
+                      )
                     }
                   )
-                }
-              )
-            },
-            slot.key
-          );
-        })
-      }
-    ) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-      import_react_native15.View,
-      {
-        style: [
-          styles14.island,
-          styles14.utilityIsland,
-          isDark && styles14.islandDark
-        ],
-        testID: "papyrus-floating-bottom-dock",
-        children: layout.rightSlots.map((slot) => {
-          const meta = slotMeta[slot.key];
-          const Icon = meta.icon;
-          return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-            import_react_native15.Pressable,
-            {
-              onPress: meta.onPress,
-              style: [styles14.iconOnlyItem, slot.active && styles14.itemActive],
-              accessibilityLabel: meta.label,
-              testID: `papyrus-mobile-destination-${slot.key}`,
-              children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-                import_react_native15.View,
+                },
+                slot.key
+              );
+            })
+          }
+        ) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+          import_react_native16.View,
+          {
+            style: [
+              styles14.island,
+              styles14.utilityIsland,
+              isDark && styles14.islandDark
+            ],
+            testID: "papyrus-floating-bottom-dock",
+            children: layout.rightSlots.map((slot) => {
+              const meta = slotMeta[slot.key];
+              const Icon = meta.icon;
+              return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+                import_react_native16.Pressable,
                 {
-                  style: [
-                    styles14.itemIcon,
-                    isDark && styles14.itemIconDark,
-                    slot.active && styles14.itemIconActive
-                  ],
+                  disabled: !dockVisible,
+                  onPress: meta.onPress,
+                  style: [styles14.iconOnlyItem, slot.active && styles14.itemActive],
+                  accessibilityLabel: meta.label,
+                  testID: `papyrus-mobile-destination-${slot.key}`,
                   children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-                    Icon,
+                    import_react_native16.View,
                     {
-                      size: MOBILE_CHROME_METRICS.iconSize,
-                      color: iconColor(slot.active)
+                      style: [
+                        styles14.itemIcon,
+                        isDark && styles14.itemIconDark,
+                        slot.active && styles14.itemIconActive
+                      ],
+                      children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+                        Icon,
+                        {
+                          size: MOBILE_CHROME_METRICS.iconSize,
+                          color: iconColor(slot.active)
+                        }
+                      )
                     }
                   )
-                }
-              )
-            },
-            slot.key
-          );
-        })
-      }
-    )
-  ] }) });
+                },
+                slot.key
+              );
+            })
+          }
+        )
+      ] })
+    }
+  );
 };
-var styles14 = import_react_native15.StyleSheet.create({
+var styles14 = import_react_native16.StyleSheet.create({
   frame: {
     position: "absolute",
     left: 0,
@@ -32500,8 +32675,8 @@ var styles14 = import_react_native15.StyleSheet.create({
 var BottomBar_default = BottomBar;
 
 // components/SettingsSheet.tsx
-var import_react_native16 = require("react-native");
-var import_core13 = require("@papyrus-sdk/core");
+var import_react_native17 = require("react-native");
+var import_core14 = require("@papyrus-sdk/core");
 
 // components/rotationReset.ts
 var resetEngineRotation = (engine, onRotationChange) => {
@@ -32527,13 +32702,13 @@ var PAGE_THEME_OPTIONS = [
 ];
 var ThemeSwatch = ({ value }) => {
   if (value === "high-contrast") {
-    return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_react_native16.View, { style: [styles15.themeSwatch, styles15.themeSwatchContrast], children: [
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_native16.View, { style: styles15.themeSwatchContrastHalfDark }),
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_native16.View, { style: styles15.themeSwatchContrastHalfLight })
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_react_native17.View, { style: [styles15.themeSwatch, styles15.themeSwatchContrast], children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_native17.View, { style: styles15.themeSwatchContrastHalfDark }),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_native17.View, { style: styles15.themeSwatchContrastHalfLight })
     ] });
   }
   return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-    import_react_native16.View,
+    import_react_native17.View,
     {
       style: [
         styles15.themeSwatch,
@@ -32561,12 +32736,12 @@ var SettingsSheet = ({
     comicLayoutMode,
     comicFitMode,
     comicReadingDirection
-  } = (0, import_core13.useViewerStore)();
+  } = (0, import_core14.useViewerStore)();
   const isDark = uiTheme === "dark";
   const isPaged = viewMode === "single";
   const isDouble = viewMode === "double";
   const t = getStrings(locale);
-  const { height: windowHeight } = (0, import_react_native16.useWindowDimensions)();
+  const { height: windowHeight } = (0, import_react_native17.useWindowDimensions)();
   const sheetMaxHeight = getSettingsSheetMaxHeight(windowHeight);
   const handleTransition = (mode) => {
     if (mode === "paged") {
@@ -32613,58 +32788,58 @@ var SettingsSheet = ({
           contentContainerStyle: styles15.sheetContent,
           showsVerticalScrollIndicator: false,
           children: [
-            documentType === "comic" && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_react_native16.View, { style: styles15.section, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_native16.Text, { style: [styles15.sectionTitle, isDark && styles15.sectionTitleDark], children: t.comicMode }),
-              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_native16.View, { style: styles15.optionRow, children: ["single", "continuous"].map((mode) => {
+            documentType === "comic" && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_react_native17.View, { style: styles15.section, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_native17.Text, { style: [styles15.sectionTitle, isDark && styles15.sectionTitleDark], children: t.comicMode }),
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_native17.View, { style: styles15.optionRow, children: ["single", "continuous"].map((mode) => {
                 const active = comicLayoutMode === mode;
                 return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-                  import_react_native16.Pressable,
+                  import_react_native17.Pressable,
                   {
                     onPress: () => setDocumentState({ comicLayoutMode: mode }),
                     style: [styles15.optionButton, isDark && styles15.optionButtonDark, active && styles15.optionButtonActive, active && { backgroundColor: accentColor }],
-                    children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_native16.Text, { style: [styles15.optionText, isDark && styles15.optionTextDark, active && styles15.optionTextActive], children: mode === "single" ? t.comicSingle : t.comicContinuous })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_native17.Text, { style: [styles15.optionText, isDark && styles15.optionTextDark, active && styles15.optionTextActive], children: mode === "single" ? t.comicSingle : t.comicContinuous })
                   },
                   mode
                 );
               }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_native16.Text, { style: [styles15.sectionTitle, isDark && styles15.sectionTitleDark], children: t.comicFit }),
-              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_native16.View, { style: styles15.optionRow, children: ["width", "page"].map((mode) => {
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_native17.Text, { style: [styles15.sectionTitle, isDark && styles15.sectionTitleDark], children: t.comicFit }),
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_native17.View, { style: styles15.optionRow, children: ["width", "page"].map((mode) => {
                 const active = comicFitMode === mode;
                 return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-                  import_react_native16.Pressable,
+                  import_react_native17.Pressable,
                   {
                     onPress: () => setDocumentState({ comicFitMode: mode }),
                     style: [styles15.optionButton, isDark && styles15.optionButtonDark, active && styles15.optionButtonActive, active && { backgroundColor: accentColor }],
-                    children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_native16.Text, { style: [styles15.optionText, isDark && styles15.optionTextDark, active && styles15.optionTextActive], children: mode === "width" ? t.comicFitWidth : t.comicFitPage })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_native17.Text, { style: [styles15.optionText, isDark && styles15.optionTextDark, active && styles15.optionTextActive], children: mode === "width" ? t.comicFitWidth : t.comicFitPage })
                   },
                   mode
                 );
               }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_native16.Text, { style: [styles15.sectionTitle, isDark && styles15.sectionTitleDark], children: t.comicDirection }),
-              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_native16.View, { style: styles15.optionRow, children: ["ltr", "rtl"].map((direction) => {
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_native17.Text, { style: [styles15.sectionTitle, isDark && styles15.sectionTitleDark], children: t.comicDirection }),
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_native17.View, { style: styles15.optionRow, children: ["ltr", "rtl"].map((direction) => {
                 const active = comicReadingDirection === direction;
                 return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-                  import_react_native16.Pressable,
+                  import_react_native17.Pressable,
                   {
                     onPress: () => setDocumentState({ comicReadingDirection: direction }),
                     style: [styles15.optionButton, isDark && styles15.optionButtonDark, active && styles15.optionButtonActive, active && { backgroundColor: accentColor }],
-                    children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_native16.Text, { style: [styles15.optionText, isDark && styles15.optionTextDark, active && styles15.optionTextActive], children: direction === "ltr" ? t.comicLtr : t.comicRtl })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_native17.Text, { style: [styles15.optionText, isDark && styles15.optionTextDark, active && styles15.optionTextActive], children: direction === "ltr" ? t.comicLtr : t.comicRtl })
                   },
                   direction
                 );
               }) })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_react_native16.View, { style: styles15.section, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_react_native17.View, { style: styles15.section, children: [
               /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-                import_react_native16.Text,
+                import_react_native17.Text,
                 {
                   style: [styles15.sectionTitle, isDark && styles15.sectionTitleDark],
                   children: t.appearance
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_react_native16.View, { style: styles15.optionRow, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_react_native17.View, { style: styles15.optionRow, children: [
                 /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-                  import_react_native16.Pressable,
+                  import_react_native17.Pressable,
                   {
                     onPress: () => setDocumentState({ uiTheme: "light" }),
                     style: [
@@ -32674,7 +32849,7 @@ var SettingsSheet = ({
                       uiTheme === "light" && { backgroundColor: accentColor }
                     ],
                     children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-                      import_react_native16.Text,
+                      import_react_native17.Text,
                       {
                         style: [
                           styles15.optionText,
@@ -32687,7 +32862,7 @@ var SettingsSheet = ({
                   }
                 ),
                 /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-                  import_react_native16.Pressable,
+                  import_react_native17.Pressable,
                   {
                     onPress: () => setDocumentState({ uiTheme: "dark" }),
                     style: [
@@ -32697,7 +32872,7 @@ var SettingsSheet = ({
                       uiTheme === "dark" && { backgroundColor: accentColor }
                     ],
                     children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-                      import_react_native16.Text,
+                      import_react_native17.Text,
                       {
                         style: [
                           styles15.optionText,
@@ -32711,18 +32886,18 @@ var SettingsSheet = ({
                 )
               ] })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_react_native16.View, { style: styles15.section, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_react_native17.View, { style: styles15.section, children: [
               /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-                import_react_native16.Text,
+                import_react_native17.Text,
                 {
                   style: [styles15.sectionTitle, isDark && styles15.sectionTitleDark],
                   children: t.pageTheme
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_native16.View, { style: styles15.themeOptionRow, children: PAGE_THEME_OPTIONS.map((option) => {
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_native17.View, { style: styles15.themeOptionRow, children: PAGE_THEME_OPTIONS.map((option) => {
                 const active = pageTheme === option.value;
                 return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
-                  import_react_native16.Pressable,
+                  import_react_native17.Pressable,
                   {
                     onPress: () => setDocumentState({ pageTheme: option.value }),
                     style: [
@@ -32734,7 +32909,7 @@ var SettingsSheet = ({
                     children: [
                       /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(ThemeSwatch, { value: option.value }),
                       /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-                        import_react_native16.Text,
+                        import_react_native17.Text,
                         {
                           style: [
                             styles15.themeOptionLabel,
@@ -32750,17 +32925,17 @@ var SettingsSheet = ({
                 );
               }) })
             ] }),
-            documentType !== "comic" && documentType !== "text" && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_react_native16.View, { style: styles15.section, children: [
+            documentType !== "comic" && documentType !== "text" && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_react_native17.View, { style: styles15.section, children: [
               /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-                import_react_native16.Text,
+                import_react_native17.Text,
                 {
                   style: [styles15.sectionTitle, isDark && styles15.sectionTitleDark],
                   children: t.pageTransition
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_react_native16.View, { style: styles15.optionRow, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_react_native17.View, { style: styles15.optionRow, children: [
                 /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-                  import_react_native16.Pressable,
+                  import_react_native17.Pressable,
                   {
                     onPress: () => handleTransition("continuous"),
                     style: [
@@ -32770,7 +32945,7 @@ var SettingsSheet = ({
                       (!isPaged || isDouble) && { backgroundColor: accentColor }
                     ],
                     children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-                      import_react_native16.Text,
+                      import_react_native17.Text,
                       {
                         style: [
                           styles15.optionText,
@@ -32783,7 +32958,7 @@ var SettingsSheet = ({
                   }
                 ),
                 /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-                  import_react_native16.Pressable,
+                  import_react_native17.Pressable,
                   {
                     onPress: () => handleTransition("paged"),
                     style: [
@@ -32793,7 +32968,7 @@ var SettingsSheet = ({
                       isPaged && { backgroundColor: accentColor }
                     ],
                     children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-                      import_react_native16.Text,
+                      import_react_native17.Text,
                       {
                         style: [
                           styles15.optionText,
@@ -32807,17 +32982,17 @@ var SettingsSheet = ({
                 )
               ] })
             ] }),
-            documentType !== "comic" && documentType !== "text" && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_react_native16.View, { style: styles15.section, children: [
+            documentType !== "comic" && documentType !== "text" && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_react_native17.View, { style: styles15.section, children: [
               /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-                import_react_native16.Text,
+                import_react_native17.Text,
                 {
                   style: [styles15.sectionTitle, isDark && styles15.sectionTitleDark],
                   children: t.layout
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_react_native16.View, { style: styles15.optionRow, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_react_native17.View, { style: styles15.optionRow, children: [
                 /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-                  import_react_native16.Pressable,
+                  import_react_native17.Pressable,
                   {
                     onPress: () => handleLayout("single"),
                     style: [
@@ -32827,7 +33002,7 @@ var SettingsSheet = ({
                       !isDouble && { backgroundColor: accentColor }
                     ],
                     children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-                      import_react_native16.Text,
+                      import_react_native17.Text,
                       {
                         style: [
                           styles15.optionText,
@@ -32840,7 +33015,7 @@ var SettingsSheet = ({
                   }
                 ),
                 /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-                  import_react_native16.Pressable,
+                  import_react_native17.Pressable,
                   {
                     onPress: () => handleLayout("double"),
                     style: [
@@ -32850,7 +33025,7 @@ var SettingsSheet = ({
                       isDouble && { backgroundColor: accentColor }
                     ],
                     children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-                      import_react_native16.Text,
+                      import_react_native17.Text,
                       {
                         style: [
                           styles15.optionText,
@@ -32864,22 +33039,22 @@ var SettingsSheet = ({
                 )
               ] })
             ] }),
-            documentType !== "comic" && documentType !== "text" && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_react_native16.View, { style: styles15.section, children: [
+            documentType !== "comic" && documentType !== "text" && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_react_native17.View, { style: styles15.section, children: [
               /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-                import_react_native16.Text,
+                import_react_native17.Text,
                 {
                   style: [styles15.sectionTitle, isDark && styles15.sectionTitleDark],
                   children: t.rotate
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_react_native16.View, { style: styles15.optionRow, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_react_native17.View, { style: styles15.optionRow, children: [
                 /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-                  import_react_native16.Pressable,
+                  import_react_native17.Pressable,
                   {
                     onPress: () => handleRotate("counterclockwise"),
                     style: [styles15.optionButton, isDark && styles15.optionButtonDark],
                     children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-                      import_react_native16.Text,
+                      import_react_native17.Text,
                       {
                         style: [styles15.optionText, isDark && styles15.optionTextDark],
                         children: t.counterclockwise
@@ -32887,13 +33062,13 @@ var SettingsSheet = ({
                     )
                   }
                 ),
-                import_react_native16.Platform.OS === "ios" && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-                  import_react_native16.Pressable,
+                import_react_native17.Platform.OS === "ios" && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+                  import_react_native17.Pressable,
                   {
                     onPress: handleResetRotation,
                     style: [styles15.optionButton, isDark && styles15.optionButtonDark],
                     children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-                      import_react_native16.Text,
+                      import_react_native17.Text,
                       {
                         style: [styles15.optionText, isDark && styles15.optionTextDark],
                         children: t.rotationOriginal
@@ -32902,12 +33077,12 @@ var SettingsSheet = ({
                   }
                 ),
                 /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-                  import_react_native16.Pressable,
+                  import_react_native17.Pressable,
                   {
                     onPress: () => handleRotate("clockwise"),
                     style: [styles15.optionButton, isDark && styles15.optionButtonDark],
                     children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-                      import_react_native16.Text,
+                      import_react_native17.Text,
                       {
                         style: [styles15.optionText, isDark && styles15.optionTextDark],
                         children: t.clockwise
@@ -32917,29 +33092,29 @@ var SettingsSheet = ({
                 )
               ] })
             ] }),
-            documentType !== "text" && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_react_native16.View, { style: styles15.section, children: [
+            documentType !== "text" && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_react_native17.View, { style: styles15.section, children: [
               /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-                import_react_native16.Text,
+                import_react_native17.Text,
                 {
                   style: [styles15.sectionTitle, isDark && styles15.sectionTitleDark],
                   children: t.zoom
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_react_native16.View, { style: styles15.optionRow, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_react_native17.View, { style: styles15.optionRow, children: [
                 /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-                  import_react_native16.Pressable,
+                  import_react_native17.Pressable,
                   {
                     onPress: () => handleZoom(-0.1),
                     style: [styles15.optionButton, isDark && styles15.optionButtonDark],
                     children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(IconZoomOut, { size: 16, color: isDark ? "#e5e7eb" : "#111827" })
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_native16.View, { style: styles15.zoomValue, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_react_native16.Text, { style: [styles15.zoomText, isDark && styles15.zoomTextDark], children: [
+                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_native17.View, { style: styles15.zoomValue, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_react_native17.Text, { style: [styles15.zoomText, isDark && styles15.zoomTextDark], children: [
                   Math.round(zoom * 100),
                   "%"
                 ] }) }),
                 /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-                  import_react_native16.Pressable,
+                  import_react_native17.Pressable,
                   {
                     onPress: () => handleZoom(0.1),
                     style: [styles15.optionButton, isDark && styles15.optionButtonDark],
@@ -32948,17 +33123,17 @@ var SettingsSheet = ({
                 )
               ] })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_react_native16.View, { style: styles15.section, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_react_native17.View, { style: styles15.section, children: [
               /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-                import_react_native16.Text,
+                import_react_native17.Text,
                 {
                   style: [styles15.sectionTitle, isDark && styles15.sectionTitleDark],
                   children: t.language
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_react_native16.View, { style: styles15.optionRow, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_react_native17.View, { style: styles15.optionRow, children: [
                 /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-                  import_react_native16.Pressable,
+                  import_react_native17.Pressable,
                   {
                     onPress: () => setDocumentState({ locale: "en" }),
                     style: [
@@ -32968,7 +33143,7 @@ var SettingsSheet = ({
                       locale === "en" && { backgroundColor: accentColor }
                     ],
                     children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-                      import_react_native16.Text,
+                      import_react_native17.Text,
                       {
                         style: [
                           styles15.optionText,
@@ -32981,7 +33156,7 @@ var SettingsSheet = ({
                   }
                 ),
                 /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-                  import_react_native16.Pressable,
+                  import_react_native17.Pressable,
                   {
                     onPress: () => setDocumentState({ locale: "pt-BR" }),
                     style: [
@@ -32991,7 +33166,7 @@ var SettingsSheet = ({
                       locale === "pt-BR" && { backgroundColor: accentColor }
                     ],
                     children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-                      import_react_native16.Text,
+                      import_react_native17.Text,
                       {
                         style: [
                           styles15.optionText,
@@ -33011,7 +33186,7 @@ var SettingsSheet = ({
     }
   );
 };
-var styles15 = import_react_native16.StyleSheet.create({
+var styles15 = import_react_native17.StyleSheet.create({
   sheet: {
     maxHeight: "100%"
   },
@@ -33144,8 +33319,8 @@ var styles15 = import_react_native16.StyleSheet.create({
 var SettingsSheet_default = SettingsSheet;
 
 // components/CoverPreview.tsx
-var import_react16 = require("react");
-var import_react_native17 = require("react-native");
+var import_react17 = require("react");
+var import_react_native18 = require("react-native");
 var import_engine_native8 = require("@papyrus-sdk/engine-native");
 var import_jsx_runtime20 = require("react/jsx-runtime");
 var parseDataUri = (value) => {
@@ -33195,18 +33370,18 @@ var CoverPreview = ({
   onLoadEnd,
   onError
 }) => {
-  const [engine, setEngine] = (0, import_react16.useState)(null);
-  const [layoutReady, setLayoutReady] = (0, import_react16.useState)(false);
-  const [loaded, setLoaded] = (0, import_react16.useState)(false);
-  const [loading, setLoading] = (0, import_react16.useState)(false);
-  const [error, setError] = (0, import_react16.useState)(null);
-  const viewRef = (0, import_react16.useRef)(null);
-  const resolvedType = (0, import_react16.useMemo)(() => inferDocumentType(source, type), [source, type]);
+  const [engine, setEngine] = (0, import_react17.useState)(null);
+  const [layoutReady, setLayoutReady] = (0, import_react17.useState)(false);
+  const [loaded, setLoaded] = (0, import_react17.useState)(false);
+  const [loading, setLoading] = (0, import_react17.useState)(false);
+  const [error, setError] = (0, import_react17.useState)(null);
+  const viewRef = (0, import_react17.useRef)(null);
+  const resolvedType = (0, import_react17.useMemo)(() => inferDocumentType(source, type), [source, type]);
   const isPdf = resolvedType === "pdf";
-  const hasNativePageView = Boolean(import_react_native17.UIManager.getViewManagerConfig?.("PapyrusPageView"));
+  const hasNativePageView = Boolean(import_react_native18.UIManager.getViewManagerConfig?.("PapyrusPageView"));
   const canRender = !isPdf || hasNativePageView;
   const shouldRender = Boolean(visible);
-  (0, import_react16.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     if (!shouldRender) {
       if (!keepAlive) {
         setEngine(null);
@@ -33219,7 +33394,7 @@ var CoverPreview = ({
       setEngine(new import_engine_native8.MobileDocumentEngine());
     }
   }, [shouldRender, keepAlive, engine, canRender]);
-  (0, import_react16.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     if (!engine || !shouldRender || !canRender) return;
     let active = true;
     setLoading(true);
@@ -33246,13 +33421,13 @@ var CoverPreview = ({
       active = false;
     };
   }, [engine, shouldRender, canRender, source, type, pageIndex, isPdf, onLoadStart, onLoadEnd, onError]);
-  (0, import_react16.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     if (!engine || !isPdf || !loaded || !layoutReady || !shouldRender || !canRender) return;
-    const viewTag = (0, import_react_native17.findNodeHandle)(viewRef.current);
+    const viewTag = (0, import_react_native18.findNodeHandle)(viewRef.current);
     if (!viewTag) return;
     engine.renderPage(pageIndex, viewTag, renderScale);
   }, [engine, isPdf, loaded, layoutReady, shouldRender, canRender, pageIndex, renderScale]);
-  (0, import_react16.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     return () => {
       engine?.destroy();
     };
@@ -33264,15 +33439,15 @@ var CoverPreview = ({
     }
   };
   if (!shouldRender || !canRender) {
-    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_native17.View, { style: [styles16.container, style], children: placeholder ?? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_native17.View, { style: styles16.placeholder, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_native17.Text, { style: styles16.placeholderText, children: "Preview" }) }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_native18.View, { style: [styles16.container, style], children: placeholder ?? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_native18.View, { style: styles16.placeholder, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_native18.Text, { style: styles16.placeholderText, children: "Preview" }) }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_react_native17.View, { style: [styles16.container, style], onLayout: handleLayout, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_native17.View, { style: styles16.previewFrame, pointerEvents: allowInteraction ? "auto" : "none", children: isPdf ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_engine_native8.PapyrusPageView, { ref: viewRef, style: styles16.pageView }) : engine && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(WebViewViewer_default, { engine }) }),
-    showLoading && loading && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_native17.View, { pointerEvents: "none", style: styles16.loadingOverlay, children: loadingIndicator ?? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_native17.ActivityIndicator, { size: "small", color: "#2563eb" }) }),
-    error && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_native17.View, { pointerEvents: "none", style: styles16.errorOverlay, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_native17.Text, { style: styles16.errorText, children: "Preview unavailable" }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_react_native18.View, { style: [styles16.container, style], onLayout: handleLayout, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_native18.View, { style: styles16.previewFrame, pointerEvents: allowInteraction ? "auto" : "none", children: isPdf ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_engine_native8.PapyrusPageView, { ref: viewRef, style: styles16.pageView }) : engine && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(WebViewViewer_default, { engine }) }),
+    showLoading && loading && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_native18.View, { pointerEvents: "none", style: styles16.loadingOverlay, children: loadingIndicator ?? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_native18.ActivityIndicator, { size: "small", color: "#2563eb" }) }),
+    error && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_native18.View, { pointerEvents: "none", style: styles16.errorOverlay, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_native18.Text, { style: styles16.errorText, children: "Preview unavailable" }) })
   ] });
 };
-var styles16 = import_react_native17.StyleSheet.create({
+var styles16 = import_react_native18.StyleSheet.create({
   container: {
     backgroundColor: "#f8fafc",
     borderRadius: 12,
@@ -33288,13 +33463,13 @@ var styles16 = import_react_native17.StyleSheet.create({
     backgroundColor: "transparent"
   },
   loadingOverlay: {
-    ...import_react_native17.StyleSheet.absoluteFillObject,
+    ...import_react_native18.StyleSheet.absoluteFillObject,
     alignItems: "center",
     justifyContent: "center",
     backgroundColor: "rgba(15, 23, 42, 0.15)"
   },
   errorOverlay: {
-    ...import_react_native17.StyleSheet.absoluteFillObject,
+    ...import_react_native18.StyleSheet.absoluteFillObject,
     alignItems: "center",
     justifyContent: "center",
     backgroundColor: "rgba(15, 23, 42, 0.4)"
@@ -33319,19 +33494,19 @@ var styles16 = import_react_native17.StyleSheet.create({
 var CoverPreview_default = CoverPreview;
 
 // components/ReadingShell.tsx
-var import_react19 = __toESM(require("react"));
-var import_react_native24 = require("react-native");
-var import_core20 = require("@papyrus-sdk/core");
+var import_react20 = __toESM(require("react"));
+var import_react_native25 = require("react-native");
+var import_core21 = require("@papyrus-sdk/core");
 
 // components/DocumentActionsSheet.tsx
-var import_react_native18 = require("react-native");
-var import_core14 = require("@papyrus-sdk/core");
+var import_react_native19 = require("react-native");
+var import_core15 = require("@papyrus-sdk/core");
 var import_jsx_runtime21 = require("react/jsx-runtime");
 function DocumentActionsSheet({
   visible,
   onClose
 }) {
-  const { uiTheme } = (0, import_core14.useViewerStore)();
+  const { uiTheme } = (0, import_core15.useViewerStore)();
   const isDark = uiTheme === "dark";
   const palette = getReaderSheetPalette(isDark);
   return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
@@ -33350,9 +33525,9 @@ function DocumentActionsSheet({
         backgroundColor: palette.surface,
         borderTopColor: palette.divider
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_react_native18.View, { style: styles17.actionList, children: [
+      children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_react_native19.View, { style: styles17.actionList, children: [
         /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-          import_react_native18.View,
+          import_react_native19.View,
           {
             style: [
               styles17.actionItem,
@@ -33361,11 +33536,11 @@ function DocumentActionsSheet({
                 borderColor: palette.divider
               }
             ],
-            children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_native18.Text, { style: [styles17.actionText, { color: palette.text }], children: "Share" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_native19.Text, { style: [styles17.actionText, { color: palette.text }], children: "Share" })
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-          import_react_native18.View,
+          import_react_native19.View,
           {
             style: [
               styles17.actionItem,
@@ -33374,14 +33549,14 @@ function DocumentActionsSheet({
                 borderColor: palette.divider
               }
             ],
-            children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_native18.Text, { style: [styles17.actionText, { color: palette.text }], children: "Export" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_native19.Text, { style: [styles17.actionText, { color: palette.text }], children: "Export" })
           }
         )
       ] })
     }
   );
 }
-var styles17 = import_react_native18.StyleSheet.create({
+var styles17 = import_react_native19.StyleSheet.create({
   actionList: {
     gap: 10
   },
@@ -33399,8 +33574,8 @@ var styles17 = import_react_native18.StyleSheet.create({
 });
 
 // components/InfoSheet.tsx
-var import_react_native19 = require("react-native");
-var import_core15 = require("@papyrus-sdk/core");
+var import_react_native20 = require("react-native");
+var import_core16 = require("@papyrus-sdk/core");
 
 // components/infoSheetModel.ts
 var roundPercent = (value) => Math.max(0, Math.min(100, Math.round(value)));
@@ -33515,7 +33690,7 @@ function InfoSheet({
     viewMode,
     pageTheme,
     locale
-  } = (0, import_core15.useViewerStore)();
+  } = (0, import_core16.useViewerStore)();
   const isDark = uiTheme === "dark";
   const palette = getReaderSheetPalette(isDark);
   const isPortuguese = locale === "pt-BR";
@@ -33546,22 +33721,22 @@ function InfoSheet({
         backgroundColor: palette.surface,
         borderTopColor: palette.divider
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_native19.View, { style: styles18.sheet, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_native20.View, { style: styles18.sheet, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
         NativeSheetScrollView,
         {
           style: styles18.content,
           contentContainerStyle: styles18.contentInner,
           showsVerticalScrollIndicator: false,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_native19.Text, { style: [styles18.sectionTitle, { color: palette.mutedText }], children: isPortuguese ? "Resumo do documento" : "Document summary" }),
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_native19.View, { style: [styles18.rows, { borderTopColor: palette.divider }], children: rows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
-              import_react_native19.View,
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_native20.Text, { style: [styles18.sectionTitle, { color: palette.mutedText }], children: isPortuguese ? "Resumo do documento" : "Document summary" }),
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_native20.View, { style: [styles18.rows, { borderTopColor: palette.divider }], children: rows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+              import_react_native20.View,
               {
                 style: [styles18.row, { borderBottomColor: palette.divider }],
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_native19.Text, { style: [styles18.label, { color: palette.mutedText }], children: row.label }),
+                  /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_native20.Text, { style: [styles18.label, { color: palette.mutedText }], children: row.label }),
                   /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-                    import_react_native19.Text,
+                    import_react_native20.Text,
                     {
                       style: [styles18.value, { color: palette.text }],
                       selectable: true,
@@ -33578,7 +33753,7 @@ function InfoSheet({
     }
   );
 }
-var styles18 = import_react_native19.StyleSheet.create({
+var styles18 = import_react_native20.StyleSheet.create({
   sheet: {
     flex: 1,
     paddingBottom: 16
@@ -33624,8 +33799,8 @@ var styles18 = import_react_native19.StyleSheet.create({
 });
 
 // components/OverflowSheet.tsx
-var import_react_native20 = require("react-native");
-var import_core16 = require("@papyrus-sdk/core");
+var import_react_native21 = require("react-native");
+var import_core17 = require("@papyrus-sdk/core");
 var import_jsx_runtime23 = require("react/jsx-runtime");
 var actionLabels = [{ key: "actions", label: "Document actions" }];
 function OverflowSheet({
@@ -33633,7 +33808,7 @@ function OverflowSheet({
   onClose,
   onOpenActions
 }) {
-  const isDark = (0, import_core16.useViewerStore)((state) => state.uiTheme === "dark");
+  const isDark = (0, import_core17.useViewerStore)((state) => state.uiTheme === "dark");
   const palette = getReaderSheetPalette(isDark);
   return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     NativeSheet,
@@ -33651,8 +33826,8 @@ function OverflowSheet({
         backgroundColor: palette.surface,
         borderTopColor: palette.divider
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_native20.View, { style: styles19.actionList, children: actionLabels.map((action) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-        import_react_native20.Pressable,
+      children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_native21.View, { style: styles19.actionList, children: actionLabels.map((action) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        import_react_native21.Pressable,
         {
           onPress: onOpenActions,
           style: [
@@ -33664,14 +33839,14 @@ function OverflowSheet({
           ],
           accessibilityRole: "button",
           accessibilityLabel: action.label,
-          children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_native20.Text, { style: [styles19.actionText, { color: palette.text }], children: action.label })
+          children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_native21.Text, { style: [styles19.actionText, { color: palette.text }], children: action.label })
         },
         action.key
       )) })
     }
   );
 }
-var styles19 = import_react_native20.StyleSheet.create({
+var styles19 = import_react_native21.StyleSheet.create({
   actionList: { gap: 10 },
   actionButton: {
     borderWidth: 1,
@@ -33683,9 +33858,9 @@ var styles19 = import_react_native20.StyleSheet.create({
 });
 
 // components/ProgressPill.tsx
-var import_react17 = require("react");
-var import_react_native21 = require("react-native");
-var import_core17 = require("@papyrus-sdk/core");
+var import_react18 = require("react");
+var import_react_native22 = require("react-native");
+var import_core18 = require("@papyrus-sdk/core");
 
 // components/progressPillMode.ts
 function resolveProgressPillMode(viewMode, currentPage, pageCount) {
@@ -33721,12 +33896,12 @@ function ProgressPill({
     accentColor,
     mobileChromeVisible,
     mobileProgressPillVisible
-  } = (0, import_core17.useViewerStore)();
+  } = (0, import_core18.useViewerStore)();
   const t = getStrings(locale);
   const isDark = uiTheme === "dark";
   const offsets = resolveMobileChromeOffsets(usePapyrusSafeAreaInsets());
-  const { height: windowHeight } = (0, import_react_native21.useWindowDimensions)();
-  const windowHeightRef = (0, import_react17.useRef)(windowHeight);
+  const { height: windowHeight } = (0, import_react_native22.useWindowDimensions)();
+  const windowHeightRef = (0, import_react18.useRef)(windowHeight);
   windowHeightRef.current = windowHeight;
   const trackHeight = resolvePageScrubberTrackHeight({
     windowHeight,
@@ -33734,32 +33909,32 @@ function ProgressPill({
     bottomOffset: offsets.bottom
   });
   const thumbHeight = 44;
-  const trackYRef = (0, import_react17.useRef)(0);
-  const scrubberRef = (0, import_react17.useRef)(null);
-  const currentPageRef = (0, import_react17.useRef)(currentPage);
+  const trackYRef = (0, import_react18.useRef)(0);
+  const scrubberRef = (0, import_react18.useRef)(null);
+  const currentPageRef = (0, import_react18.useRef)(currentPage);
   currentPageRef.current = currentPage;
-  const isScrubbingRef = (0, import_react17.useRef)(false);
-  const hasMovedRef = (0, import_react17.useRef)(false);
-  const longPressTriggeredRef = (0, import_react17.useRef)(false);
-  const longPressTimerRef = (0, import_react17.useRef)(null);
-  const pendingReleasedScrubPageRef = (0, import_react17.useRef)(null);
-  const [scrubPreviewPage, setScrubPreviewPage] = (0, import_react17.useState)(null);
-  const onNavigateToPageRef = (0, import_react17.useRef)(onNavigateToPage);
-  const onPressRef = (0, import_react17.useRef)(onPress);
-  const onOpenPageJumpRef = (0, import_react17.useRef)(onOpenPageJump);
-  const onScrubbingChangeRef = (0, import_react17.useRef)(onScrubbingChange);
+  const isScrubbingRef = (0, import_react18.useRef)(false);
+  const hasMovedRef = (0, import_react18.useRef)(false);
+  const longPressTriggeredRef = (0, import_react18.useRef)(false);
+  const longPressTimerRef = (0, import_react18.useRef)(null);
+  const pendingReleasedScrubPageRef = (0, import_react18.useRef)(null);
+  const [scrubPreviewPage, setScrubPreviewPage] = (0, import_react18.useState)(null);
+  const onNavigateToPageRef = (0, import_react18.useRef)(onNavigateToPage);
+  const onPressRef = (0, import_react18.useRef)(onPress);
+  const onOpenPageJumpRef = (0, import_react18.useRef)(onOpenPageJump);
+  const onScrubbingChangeRef = (0, import_react18.useRef)(onScrubbingChange);
   onScrubbingChangeRef.current = onScrubbingChange;
-  const scrubToPositionRef = (0, import_react17.useRef)(() => {
+  const scrubToPositionRef = (0, import_react18.useRef)(() => {
   });
-  const scrubNavigationControllerRef = (0, import_react17.useRef)(
+  const scrubNavigationControllerRef = (0, import_react18.useRef)(
     createPageScrubberNavigationController((page) => {
       onNavigateToPageRef.current?.(page);
     })
   );
-  const scrubberResponderRef = (0, import_react17.useRef)(null);
+  const scrubberResponderRef = (0, import_react18.useRef)(null);
   const touchPolicy = resolvePageScrubberTouchPolicy();
   const displayedPage = scrubPreviewPage ?? currentPage;
-  const label = (0, import_react17.useMemo)(() => {
+  const label = (0, import_react18.useMemo)(() => {
     const total = Math.max(pageCount, 1);
     const percent = clampPercent(displayedPage / total * 100);
     if (documentType === "pdf") {
@@ -33776,34 +33951,34 @@ function ProgressPill({
     thumbHeight,
     pageCount
   });
-  const thumbTopRef = (0, import_react17.useRef)(new import_react_native21.Animated.Value(thumbTop));
-  const thumbTopSnapshotRef = (0, import_react17.useRef)(thumbTop);
+  const thumbTopRef = (0, import_react18.useRef)(new import_react_native22.Animated.Value(thumbTop));
+  const thumbTopSnapshotRef = (0, import_react18.useRef)(thumbTop);
   thumbTopSnapshotRef.current = thumbTop;
-  const scrubStartThumbTopRef = (0, import_react17.useRef)(0);
-  const trackReveal = (0, import_react17.useRef)(new import_react_native21.Animated.Value(0)).current;
-  const [trackOriginY, setTrackOriginY] = (0, import_react17.useState)(0);
-  const scrubberMetricsRef = (0, import_react17.useRef)({ trackHeight, thumbHeight, pageCount });
+  const scrubStartThumbTopRef = (0, import_react18.useRef)(0);
+  const trackReveal = (0, import_react18.useRef)(new import_react_native22.Animated.Value(0)).current;
+  const [trackOriginY, setTrackOriginY] = (0, import_react18.useState)(0);
+  const scrubberMetricsRef = (0, import_react18.useRef)({ trackHeight, thumbHeight, pageCount });
   scrubberMetricsRef.current = { trackHeight, thumbHeight, pageCount };
-  (0, import_react17.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     onNavigateToPageRef.current = onNavigateToPage;
   }, [onNavigateToPage]);
-  (0, import_react17.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     onPressRef.current = onPress;
     onOpenPageJumpRef.current = onOpenPageJump;
   }, [onOpenPageJump, onPress]);
-  (0, import_react17.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     const pendingPage = pendingReleasedScrubPageRef.current;
     if (pendingPage !== null && currentPage === pendingPage) {
       pendingReleasedScrubPageRef.current = null;
       setScrubPreviewPage(null);
     }
   }, [currentPage]);
-  (0, import_react17.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     if (!isScrubbingRef.current) {
       thumbTopRef.current.setValue(thumbTop);
     }
   }, [thumbTop, thumbTopRef]);
-  (0, import_react17.useEffect)(
+  (0, import_react18.useEffect)(
     () => () => {
       if (longPressTimerRef.current !== null) {
         clearTimeout(longPressTimerRef.current);
@@ -33821,19 +33996,19 @@ function ProgressPill({
   if (documentType === "text") {
     const progress = textLength <= 0 ? 0 : clampPercent(currentTextOffset / textLength * 100);
     return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-      import_react_native21.View,
+      import_react_native22.View,
       {
         pointerEvents: "box-none",
         style: [styles20.frame, styles20.singleFrame, { top: offsets.progress, right: offsets.right }],
         children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-          import_react_native21.Pressable,
+          import_react_native22.Pressable,
           {
             accessibilityRole: "button",
             accessibilityLabel: `${t.progress} ${progress}%`,
             onPress: () => onPressRef.current(),
             style: [styles20.singlePill, isDark && styles20.pillDark],
             testID: "papyrus-progress-text",
-            children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_react_native21.Text, { style: [styles20.label, isDark && styles20.labelDark], children: [
+            children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_react_native22.Text, { style: [styles20.label, isDark && styles20.labelDark], children: [
               progress,
               "%"
             ] })
@@ -33848,13 +34023,13 @@ function ProgressPill({
     const previousDisabled = pillMode.previousPage === null || !onNavigateToPage;
     const nextDisabled = pillMode.nextPage === null || !onNavigateToPage;
     return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-      import_react_native21.View,
+      import_react_native22.View,
       {
         pointerEvents: "box-none",
         style: [styles20.frame, styles20.singleFrame, { top: offsets.progress, right: offsets.right }],
-        children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_react_native21.View, { style: [styles20.singlePill, isDark && styles20.pillDark], children: [
+        children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_react_native22.View, { style: [styles20.singlePill, isDark && styles20.pillDark], children: [
           /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-            import_react_native21.Pressable,
+            import_react_native22.Pressable,
             {
               accessibilityRole: "button",
               accessibilityLabel: t.previousPage,
@@ -33863,18 +34038,18 @@ function ProgressPill({
               onPress: () => pillMode.previousPage !== null && onNavigateToPageRef.current?.(pillMode.previousPage),
               style: styles20.pageArrowHit,
               testID: "papyrus-progress-page-previous",
-              children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_native21.Text, { style: [styles20.pageArrow, isDark && styles20.labelDark, previousDisabled && styles20.pageArrowDisabled], children: "\u2039" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_native22.Text, { style: [styles20.pageArrow, isDark && styles20.labelDark, previousDisabled && styles20.pageArrowDisabled], children: "\u2039" })
             }
           ),
           /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-            import_react_native21.Pressable,
+            import_react_native22.Pressable,
             {
               accessibilityRole: "button",
               accessibilityLabel: `${currentPage}/${pageCount || 0}`,
               onPress: () => onPressRef.current(),
               style: styles20.singlePageCenter,
               testID: "papyrus-progress-page-grid",
-              children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_react_native21.Text, { style: [styles20.label, isDark && styles20.labelDark], children: [
+              children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_react_native22.Text, { style: [styles20.label, isDark && styles20.labelDark], children: [
                 currentPage,
                 "/",
                 pageCount || 0
@@ -33882,7 +34057,7 @@ function ProgressPill({
             }
           ),
           /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-            import_react_native21.Pressable,
+            import_react_native22.Pressable,
             {
               accessibilityRole: "button",
               accessibilityLabel: t.nextPage,
@@ -33891,7 +34066,7 @@ function ProgressPill({
               onPress: () => pillMode.nextPage !== null && onNavigateToPageRef.current?.(pillMode.nextPage),
               style: styles20.pageArrowHit,
               testID: "papyrus-progress-page-next",
-              children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_native21.Text, { style: [styles20.pageArrow, isDark && styles20.labelDark, nextDisabled && styles20.pageArrowDisabled], children: "\u203A" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_native22.Text, { style: [styles20.pageArrow, isDark && styles20.labelDark, nextDisabled && styles20.pageArrowDisabled], children: "\u203A" })
             }
           )
         ] })
@@ -33918,7 +34093,7 @@ function ProgressPill({
   };
   scrubToPositionRef.current = scrubToPosition;
   if (scrubberResponderRef.current === null) {
-    scrubberResponderRef.current = import_react_native21.PanResponder.create({
+    scrubberResponderRef.current = import_react_native22.PanResponder.create({
       onStartShouldSetPanResponder: () => touchPolicy.claimOnStart,
       onStartShouldSetPanResponderCapture: () => touchPolicy.captureOnStart,
       onMoveShouldSetPanResponder: () => true,
@@ -33938,7 +34113,7 @@ function ProgressPill({
           })
         );
         trackReveal.setValue(0);
-        import_react_native21.Animated.timing(trackReveal, {
+        import_react_native22.Animated.timing(trackReveal, {
           toValue: 1,
           duration: 180,
           useNativeDriver: false
@@ -33984,7 +34159,7 @@ function ProgressPill({
         }
         isScrubbingRef.current = false;
         onScrubbingChangeRef.current?.(false);
-        import_react_native21.Animated.timing(trackReveal, {
+        import_react_native22.Animated.timing(trackReveal, {
           toValue: 0,
           duration: 140,
           useNativeDriver: false
@@ -34016,7 +34191,7 @@ function ProgressPill({
         }
         isScrubbingRef.current = false;
         onScrubbingChangeRef.current?.(false);
-        import_react_native21.Animated.timing(trackReveal, {
+        import_react_native22.Animated.timing(trackReveal, {
           toValue: 0,
           duration: 140,
           useNativeDriver: false
@@ -34032,7 +34207,7 @@ function ProgressPill({
   }
   const responderPanHandlers = scrubberResponderRef.current?.panHandlers ?? {};
   return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-    import_react_native21.View,
+    import_react_native22.View,
     {
       pointerEvents: "box-none",
       style: [
@@ -34044,7 +34219,7 @@ function ProgressPill({
         }
       ],
       children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
-        import_react_native21.View,
+        import_react_native22.View,
         {
           ref: scrubberRef,
           pointerEvents: resolvePageScrubberPointerEvents(),
@@ -34056,7 +34231,7 @@ function ProgressPill({
           },
           children: [
             /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-              import_react_native21.Animated.View,
+              import_react_native22.Animated.View,
               {
                 pointerEvents: "none",
                 style: [
@@ -34072,12 +34247,12 @@ function ProgressPill({
               }
             ),
             /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-              import_react_native21.Animated.View,
+              import_react_native22.Animated.View,
               {
                 pointerEvents: "box-none",
                 style: [styles20.thumb, { top: thumbTopRef.current }],
                 children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
-                  import_react_native21.View,
+                  import_react_native22.View,
                   {
                     style: [
                       styles20.pill,
@@ -34087,8 +34262,8 @@ function ProgressPill({
                     ...responderPanHandlers,
                     testID: "papyrus-progress-pill",
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_native21.View, { style: styles20.labelHit, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_native21.Text, { style: [styles20.label, isDark && styles20.labelDark], children: label }) }),
-                      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_native21.View, { style: styles20.iconHit, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_native22.View, { style: styles20.labelHit, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_native22.Text, { style: [styles20.label, isDark && styles20.labelDark], children: label }) }),
+                      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_native22.View, { style: styles20.iconHit, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
                         IconPageNav,
                         {
                           size: 20,
@@ -34107,7 +34282,7 @@ function ProgressPill({
     }
   );
 }
-var styles20 = import_react_native21.StyleSheet.create({
+var styles20 = import_react_native22.StyleSheet.create({
   frame: {
     position: "absolute",
     top: 72,
@@ -34213,9 +34388,9 @@ var styles20 = import_react_native21.StyleSheet.create({
 });
 
 // components/SearchOverlay.tsx
-var import_react18 = __toESM(require("react"));
-var import_react_native22 = require("react-native");
-var import_core18 = require("@papyrus-sdk/core");
+var import_react19 = __toESM(require("react"));
+var import_react_native23 = require("react-native");
+var import_core19 = require("@papyrus-sdk/core");
 
 // components/searchOverlayLayout.ts
 var getSearchOverlayLayout = (windowWidth) => {
@@ -34256,23 +34431,23 @@ function SearchOverlay({
     setSearch,
     uiTheme,
     accentColor
-  } = (0, import_core18.useViewerStore)();
-  const [draft, setDraft] = (0, import_react18.useState)(searchQuery);
-  const [isSearching, setIsSearching] = (0, import_react18.useState)(false);
-  const searchRequestIdRef = import_react18.default.useRef(0);
+  } = (0, import_core19.useViewerStore)();
+  const [draft, setDraft] = (0, import_react19.useState)(searchQuery);
+  const [isSearching, setIsSearching] = (0, import_react19.useState)(false);
+  const searchRequestIdRef = import_react19.default.useRef(0);
   const isDark = uiTheme === "dark";
-  const { width: windowWidth } = (0, import_react_native22.useWindowDimensions)();
+  const { width: windowWidth } = (0, import_react_native23.useWindowDimensions)();
   const overlayLayout = getSearchOverlayLayout(windowWidth);
   const offsets = resolveMobileChromeOffsets(usePapyrusSafeAreaInsets());
   const t = getStrings(locale);
-  const searchService = (0, import_react18.useMemo)(() => new import_core18.SearchService(engine), [engine]);
+  const searchService = (0, import_react19.useMemo)(() => new import_core19.SearchService(engine), [engine]);
   const results = documentType === "text" ? textSearchResults : searchResults;
-  (0, import_react18.useEffect)(() => {
+  (0, import_react19.useEffect)(() => {
     searchService.clearCache();
   }, [isLoaded, pageCount, searchService]);
   const currentCount = results.length > 0 && activeSearchIndex >= 0 ? activeSearchIndex + 1 : 0;
   const targetLabel = documentType === "pdf" ? t.page : documentType === "epub" ? t.contents : t.progress;
-  (0, import_react18.useEffect)(() => {
+  (0, import_react19.useEffect)(() => {
     if (!visible) return;
     setDraft(searchQuery);
   }, [searchQuery, visible]);
@@ -34294,13 +34469,13 @@ function SearchOverlay({
     }
   };
   const handleClose = () => {
-    import_react_native22.Keyboard.dismiss();
+    import_react_native23.Keyboard.dismiss();
     setSearch("", []);
     onClose();
   };
   if (!visible) return null;
   return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-    import_react_native22.View,
+    import_react_native23.View,
     {
       pointerEvents: "box-none",
       style: [
@@ -34313,16 +34488,16 @@ function SearchOverlay({
         }
       ],
       children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
-        import_react_native22.View,
+        import_react_native23.View,
         {
           style: [styles21.card, overlayLayout.card, isDark && styles21.cardDark],
           testID: "papyrus-search-overlay",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_react_native22.View, { style: styles21.inputRow, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_react_native22.View, { style: [styles21.searchInputWrap, isDark && styles21.searchInputWrapDark], children: [
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_react_native23.View, { style: styles21.inputRow, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_react_native23.View, { style: [styles21.searchInputWrap, isDark && styles21.searchInputWrapDark], children: [
                 /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(IconSearch, { size: 16, color: isDark ? "#cbd5e1" : "#64748b" }),
                 /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-                  import_react_native22.TextInput,
+                  import_react_native23.TextInput,
                   {
                     value: draft,
                     onChangeText: setDraft,
@@ -34338,18 +34513,18 @@ function SearchOverlay({
                 )
               ] }),
               /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-                import_react_native22.Pressable,
+                import_react_native23.Pressable,
                 {
                   onPress: handleClose,
                   style: [styles21.closeButton, isDark && styles21.closeButtonDark],
                   accessibilityLabel: "Close search",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_native22.Text, { style: [styles21.closeText, isDark && styles21.closeTextDark], children: t.cancel })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_native23.Text, { style: [styles21.closeText, isDark && styles21.closeTextDark], children: t.cancel })
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_react_native22.View, { style: styles21.metaRow, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_react_native23.View, { style: styles21.metaRow, children: [
               /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-                import_react_native22.Pressable,
+                import_react_native23.Pressable,
                 {
                   onPress: prevSearchResult,
                   disabled: results.length === 0,
@@ -34362,9 +34537,9 @@ function SearchOverlay({
                   children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(IconChevronLeft, { size: 16, color: isDark ? "#e5e7eb" : "#111827" })
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_native22.Text, { style: [styles21.metaText, isDark && styles21.metaTextDark], children: isSearching ? t.searching : `${currentCount}/${results.length} ${targetLabel}` }),
+              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_native23.Text, { style: [styles21.metaText, isDark && styles21.metaTextDark], children: isSearching ? t.searching : `${currentCount}/${results.length} ${targetLabel}` }),
               /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-                import_react_native22.Pressable,
+                import_react_native23.Pressable,
                 {
                   onPress: nextSearchResult,
                   disabled: results.length === 0,
@@ -34378,19 +34553,19 @@ function SearchOverlay({
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_react_native22.View, { style: styles21.actionsRow, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_react_native23.View, { style: styles21.actionsRow, children: [
               /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-                import_react_native22.Pressable,
+                import_react_native23.Pressable,
                 {
                   onPress: handleSubmit,
                   style: [styles21.primaryAction, { backgroundColor: accentColor }],
                   accessibilityLabel: "Run search",
                   testID: "papyrus-search-run",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_native22.Text, { style: styles21.primaryActionText, children: t.searchGo })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_native23.Text, { style: styles21.primaryActionText, children: t.searchGo })
                 }
               ),
               /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-                import_react_native22.Pressable,
+                import_react_native23.Pressable,
                 {
                   onPress: onOpenResults,
                   disabled: results.length === 0,
@@ -34401,7 +34576,7 @@ function SearchOverlay({
                   ],
                   accessibilityLabel: "Open all results",
                   children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-                    import_react_native22.Text,
+                    import_react_native23.Text,
                     {
                       style: [
                         styles21.secondaryActionText,
@@ -34419,7 +34594,7 @@ function SearchOverlay({
     }
   );
 }
-var styles21 = import_react_native22.StyleSheet.create({
+var styles21 = import_react_native23.StyleSheet.create({
   frame: {
     position: "absolute",
     left: 0,
@@ -34560,8 +34735,8 @@ var styles21 = import_react_native22.StyleSheet.create({
 });
 
 // components/SearchResultsSheet.tsx
-var import_react_native23 = require("react-native");
-var import_core19 = require("@papyrus-sdk/core");
+var import_react_native24 = require("react-native");
+var import_core20 = require("@papyrus-sdk/core");
 var import_jsx_runtime26 = require("react/jsx-runtime");
 function SearchResultsSheet({
   documentType,
@@ -34580,7 +34755,7 @@ function SearchResultsSheet({
     triggerScrollToTextOffset,
     uiTheme,
     accentColor
-  } = (0, import_core19.useViewerStore)();
+  } = (0, import_core20.useViewerStore)();
   const results = documentType === "text" ? textSearchResults : searchResults;
   const isDark = uiTheme === "dark";
   const palette = getReaderSheetPalette(isDark);
@@ -34608,16 +34783,16 @@ function SearchResultsSheet({
         borderTopColor: palette.divider
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_react_native23.Text, { style: [styles22.meta, { color: palette.mutedText }], children: [
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_react_native24.Text, { style: [styles22.meta, { color: palette.mutedText }], children: [
           results.length,
           " ",
           t.results
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(NativeSheetScrollView, { contentContainerStyle: styles22.content, children: results.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react_native23.Text, { style: [styles22.emptyText, { color: palette.mutedText }], children: t.noResults }) : results.map((result, index) => {
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(NativeSheetScrollView, { contentContainerStyle: styles22.content, children: results.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react_native24.Text, { style: [styles22.emptyText, { color: palette.mutedText }], children: t.noResults }) : results.map((result, index) => {
           const isActive = index === activeSearchIndex;
           const isTextResult = "kind" in result && result.kind === "text";
           return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
-            import_react_native23.Pressable,
+            import_react_native24.Pressable,
             {
               onPress: () => {
                 if (isTextResult) {
@@ -34643,8 +34818,8 @@ function SearchResultsSheet({
                 }
               ],
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react_native23.Text, { style: [styles22.resultLabel, { color: accentColor }], children: isTextResult ? getTextResultLabel(result.location.start) : getResultLabel(result.pageIndex) }),
-                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react_native23.Text, { style: [styles22.resultText, { color: palette.text }], children: result.text })
+                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react_native24.Text, { style: [styles22.resultLabel, { color: accentColor }], children: isTextResult ? getTextResultLabel(result.location.start) : getResultLabel(result.pageIndex) }),
+                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react_native24.Text, { style: [styles22.resultText, { color: palette.text }], children: result.text })
               ]
             },
             isTextResult ? `text-${result.location.start}-${index}` : `page-${result.pageIndex}-${index}`
@@ -34654,7 +34829,7 @@ function SearchResultsSheet({
     }
   );
 }
-var styles22 = import_react_native23.StyleSheet.create({
+var styles22 = import_react_native24.StyleSheet.create({
   meta: { fontSize: 12, paddingHorizontal: 18, marginBottom: 10 },
   content: { paddingHorizontal: 18, paddingBottom: 18, gap: 10 },
   emptyText: { fontSize: 13 },
@@ -34694,20 +34869,20 @@ function ReadingShell({
     pageCount,
     uiTheme,
     accentColor
-  } = (0, import_core20.useViewerStore)();
-  const [overflowOpen, setOverflowOpen] = (0, import_react19.useState)(false);
-  const [infoOpen, setInfoOpen] = (0, import_react19.useState)(false);
-  const [actionsOpen, setActionsOpen] = (0, import_react19.useState)(false);
-  const [settingsOpen, setSettingsOpen] = (0, import_react19.useState)(false);
-  const [searchResultsOpen, setSearchResultsOpen] = (0, import_react19.useState)(false);
-  const [pageJumpOpen, setPageJumpOpen] = (0, import_react19.useState)(false);
-  const [pageScrubActive, setPageScrubActive] = (0, import_react19.useState)(false);
+  } = (0, import_core21.useViewerStore)();
+  const [overflowOpen, setOverflowOpen] = (0, import_react20.useState)(false);
+  const [infoOpen, setInfoOpen] = (0, import_react20.useState)(false);
+  const [actionsOpen, setActionsOpen] = (0, import_react20.useState)(false);
+  const [settingsOpen, setSettingsOpen] = (0, import_react20.useState)(false);
+  const [searchResultsOpen, setSearchResultsOpen] = (0, import_react20.useState)(false);
+  const [pageJumpOpen, setPageJumpOpen] = (0, import_react20.useState)(false);
+  const [pageScrubActive, setPageScrubActive] = (0, import_react20.useState)(false);
   const isDark = uiTheme === "dark";
-  import_react19.default.useEffect(() => {
-    const showSubscription = import_react_native24.Keyboard.addListener("keyboardDidShow", () => {
+  import_react20.default.useEffect(() => {
+    const showSubscription = import_react_native25.Keyboard.addListener("keyboardDidShow", () => {
       setMobileKeyboardOpen(true);
     });
-    const hideSubscription = import_react_native24.Keyboard.addListener("keyboardDidHide", () => {
+    const hideSubscription = import_react_native25.Keyboard.addListener("keyboardDidHide", () => {
       setMobileKeyboardOpen(false);
     });
     return () => {
@@ -34715,7 +34890,7 @@ function ReadingShell({
       hideSubscription.remove();
     };
   }, [setMobileKeyboardOpen]);
-  import_react19.default.useEffect(() => {
+  import_react20.default.useEffect(() => {
     if (sidebarRightOpen) return;
     if (isSidebarBoundDestination(activeMobileDestination)) {
       closeMobileDestination();
@@ -34761,7 +34936,7 @@ function ReadingShell({
     setDocumentState({ currentPage: page });
     triggerScrollToPage(page - 1);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(PapyrusSafeAreaBoundary, { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_react_native24.View, { style: styles23.container, testID: "papyrus-rn-reading-shell", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(PapyrusSafeAreaBoundary, { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_react_native25.View, { style: styles23.container, testID: "papyrus-rn-reading-shell", children: [
     /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
       Topbar_default,
       {
@@ -34778,7 +34953,7 @@ function ReadingShell({
         showPageNavigationControls: false
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react_native24.View, { style: styles23.viewerStage, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react_native25.View, { style: styles23.viewerStage, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
       Viewer_default,
       {
         engine,
@@ -34818,7 +34993,7 @@ function ReadingShell({
           closeMobileDestination();
         },
         onOpenResults: () => {
-          import_react_native24.Keyboard.dismiss();
+          import_react_native25.Keyboard.dismiss();
           setSearchResultsOpen(true);
           closeMobileDestination();
         }
@@ -34903,7 +35078,7 @@ function ReadingShell({
     )
   ] }) });
 }
-var styles23 = import_react_native24.StyleSheet.create({
+var styles23 = import_react_native25.StyleSheet.create({
   container: {
     flex: 1
   },