@papyrus-sdk/ui-react-native 0.2.35-beta.2 → 0.2.35-beta.3

package/dist/index.mjs

@@ -22166,9 +22166,9 @@ https://github.com/nodeca/pako/blob/main/LICENSE
 
 // components/Viewer.tsx
 import {
-  useMemo as useMemo3,
+  useMemo as useMemo5,
   useRef as useRef5,
-  useEffect as useEffect5,
+  useEffect as useEffect7,
   useCallback as useCallback4,
   useState as useState5
 } from "react";
@@ -22177,8 +22177,8 @@ import {
   FlatList,
   Platform as Platform4,
   ScrollView,
-  StyleSheet as StyleSheet5,
-  View as View5,
+  StyleSheet as StyleSheet7,
+  View as View7,
   PixelRatio,
   useWindowDimensions as useWindowDimensions2
 } from "react-native";
@@ -22187,7 +22187,7 @@ import {
   createPageLayoutMetrics,
   resolveRenderOverscan,
   scalePageLayoutMetrics,
-  useViewerStore as useViewerStore5
+  useViewerStore as useViewerStore7
 } from "@papyrus-sdk/core";
 
 // components/PageRenderer.tsx
@@ -22213,7 +22213,8 @@ import { Gesture, GestureDetector } from "react-native-gesture-handler";
 import Svg2, { Path as SvgPath } from "react-native-svg";
 import { createRenderGeneration, useViewerStore } from "@papyrus-sdk/core";
 import {
-  PapyrusPageView
+  PapyrusPageView,
+  isPapyrusTablet
 } from "@papyrus-sdk/engine-native";
 
 // perf/mobilePerf.ts
@@ -23247,6 +23248,9 @@ var buildCommentTapGestureDeps = ({
 ];
 
 // components/pdfPageMetrics.ts
+var resolvePdfPageCornerRadius = (isTablet) => {
+  return isTablet ? 14 : 3;
+};
 var resolvePdfDoublePageContentWidth = ({
   currentPage,
   pageCount,
@@ -23407,8 +23411,9 @@ var PageRenderer = ({
   const renderGenerationRef = useRef(createRenderGeneration());
   const [layout, setLayout] = useState({ width: 0, height: 0 });
   const [pageSize, setPageSize] = useState(null);
-  const { width: windowWidth } = useWindowDimensions();
+  const { width: windowWidth, height: windowHeight } = useWindowDimensions();
   const isNative = Platform.OS === "android" || Platform.OS === "ios";
+  const pageCornerRadius = resolvePdfPageCornerRadius(isPapyrusTablet());
   const perfEnabled = isMobilePerfEnabled();
   useEffect(() => {
     if (!perfEnabled) return;
@@ -24523,7 +24528,8 @@ var PageRenderer = ({
             {
               width: pageWidth,
               height: pageHeight,
-              marginBottom: spacing
+              marginBottom: spacing,
+              borderRadius: pageCornerRadius
             }
           ],
           onLayout: handleLayout,
@@ -24540,14 +24546,18 @@ var PageRenderer = ({
                 ref: viewRef,
                 pointerEvents: "none",
                 pageTheme,
-                style: styles.page
+                style: [styles.page, { borderRadius: pageCornerRadius }]
               }
             ),
             /* @__PURE__ */ jsx3(
               View,
               {
                 pointerEvents: "none",
-                style: [styles.themeOverlay, themeOverlayStyle]
+                style: [
+                  styles.themeOverlay,
+                  { borderRadius: pageCornerRadius },
+                  themeOverlayStyle
+                ]
               }
             ),
             /* @__PURE__ */ jsxs2(View, { pointerEvents: "box-none", style: styles.selectionLayer, children: [
@@ -25493,6 +25503,11 @@ var WebViewViewer_default = WebViewViewer;
 import { Platform as Platform3 } from "react-native";
 
 // components/nativePdfViewerMode.ts
+var shouldShowDefineSelection = (text, mode = "selection") => {
+  const normalized = text?.trim() ?? "";
+  if (normalized.length === 0) return false;
+  return mode !== "single-word" || !/\s/u.test(normalized);
+};
 var resolveViewerModeTelemetry = ({
   requestedMode,
   isNativePdfViewer,
@@ -25531,7 +25546,7 @@ var shouldUseNativePdfViewer = ({
   const implementation = resolveNativePdfViewerImplementation(platform);
   if (implementation === "android") return true;
   if (activeTool === "ink" && !nativeInkOverlayAvailable) return false;
-  return implementation === "ios" && nativePdfDocumentViewAvailable && pageTheme === "normal" && viewMode !== "double" && rotation === 0;
+  return implementation === "ios" && nativePdfDocumentViewAvailable && viewMode !== "double" && rotation === 0;
 };
 
 // components/DedicatedAndroidPdfViewer.tsx
@@ -25923,6 +25938,7 @@ var STRINGS = {
     rotate: "Rotate",
     clockwise: "Clockwise",
     counterclockwise: "Counterclockwise",
+    rotationOriginal: "Original / 0\xB0",
     zoom: "Zoom",
     highlight: "Highlight",
     strike: "Strike",
@@ -25954,7 +25970,19 @@ var STRINGS = {
     annotationStrikeout: "Strikeout",
     annotationSquiggly: "Squiggly",
     annotationNote: "Note",
-    deleteAnnotation: "Delete"
+    deleteAnnotation: "Delete",
+    previousPage: "Previous page",
+    nextPage: "Next page",
+    comicMode: "Comic layout",
+    comicSingle: "Single page",
+    comicContinuous: "Continuous",
+    comicFit: "Page fit",
+    comicFitWidth: "Fit width",
+    comicFitPage: "Fit page",
+    comicDirection: "Reading direction",
+    comicLtr: "Left to right",
+    comicRtl: "Right to left / Manga",
+    comicPageError: "This comic page could not be displayed."
   },
   "pt-BR": {
     pages: "Paginas",
@@ -25994,6 +26022,7 @@ var STRINGS = {
     rotate: "Girar",
     clockwise: "Sentido horario",
     counterclockwise: "Sentido anti-horario",
+    rotationOriginal: "Original / 0\xB0",
     zoom: "Zoom",
     highlight: "Marca texto",
     strike: "Risco",
@@ -26025,7 +26054,19 @@ var STRINGS = {
     annotationStrikeout: "Riscar",
     annotationSquiggly: "Ondulado",
     annotationNote: "Nota",
-    deleteAnnotation: "Apagar"
+    deleteAnnotation: "Apagar",
+    previousPage: "P\xE1gina anterior",
+    nextPage: "Pr\xF3xima p\xE1gina",
+    comicMode: "Layout do quadrinho",
+    comicSingle: "P\xE1gina \xFAnica",
+    comicContinuous: "Cont\xEDnuo",
+    comicFit: "Ajuste da p\xE1gina",
+    comicFitWidth: "Ajustar \xE0 largura",
+    comicFitPage: "Ajustar \xE0 p\xE1gina",
+    comicDirection: "Dire\xE7\xE3o de leitura",
+    comicLtr: "Esquerda para direita",
+    comicRtl: "Direita para esquerda / Mang\xE1",
+    comicPageError: "N\xE3o foi poss\xEDvel exibir esta p\xE1gina do quadrinho."
   }
 };
 var getStrings = (locale) => STRINGS[locale ?? "en"] ?? STRINGS.en;
@@ -26110,7 +26151,8 @@ function DedicatedIosPdfViewer({
   engine,
   maxPageWidth,
   onTextSelected,
-  onDefineSelection
+  onDefineSelection,
+  defineSelectionMode = "selection"
 }) {
   const locale = useViewerStore4((state) => state.locale);
   const t = getStrings(locale);
@@ -26229,6 +26271,22 @@ function DedicatedIosPdfViewer({
     },
     [onDefineSelection, updateSelection]
   );
+  const handleInkToolPickerVisibilityChange = useCallback3(
+    (event) => {
+      const visible = event.nativeEvent?.visible === true;
+      if (!visible && activeTool === "ink") {
+        setDocumentState({
+          activeTool: "select",
+          interactionMode: "pan",
+          nativeInkToolPickerActive: false,
+          toolDockOpen: false
+        });
+        return;
+      }
+      setDocumentState({ nativeInkToolPickerActive: visible });
+    },
+    [activeTool, setDocumentState]
+  );
   const trackMobileChromeByOffset = useCallback3(
     (offsetY) => {
       if (pageCount <= 0) return;
@@ -26358,6 +26416,7 @@ function DedicatedIosPdfViewer({
         onTap: handleTap,
         onTextSelected: handleTextSelectionChange,
         defineLabel: t.define,
+        defineSelectionMode,
         annotateLabel: t.annotate,
         annotationHighlightLabel: t.annotationHighlight,
         annotationUnderlineLabel: t.annotationUnderline,
@@ -26377,10 +26436,11 @@ function DedicatedIosPdfViewer({
             return;
           }
           commitInkStrokesForPage(pageIndex, strokes);
-        }
+        },
+        onInkToolPickerVisibilityChange: handleInkToolPickerVisibilityChange
       }
     ),
-    selection && !supportsNativeEditMenu && onDefineSelection && /* @__PURE__ */ jsx6(View4, { style: styles4.selectionFallback, pointerEvents: "box-none", children: /* @__PURE__ */ jsx6(
+    selection && !supportsNativeEditMenu && onDefineSelection && shouldShowDefineSelection(selection.text, defineSelectionMode) && /* @__PURE__ */ jsx6(View4, { style: styles4.selectionFallback, pointerEvents: "box-none", children: /* @__PURE__ */ jsx6(
       Pressable3,
       {
         onPress: defineSelection,
@@ -26471,7 +26531,8 @@ function NativePdfDocumentViewer({
   engine,
   maxPageWidth,
   onTextSelected,
-  onDefineSelection
+  onDefineSelection,
+  defineSelectionMode
 }) {
   const implementation = resolveNativePdfViewerImplementation(
     Platform3.OS
@@ -26492,13 +26553,258 @@ function NativePdfDocumentViewer({
         engine,
         maxPageWidth,
         onTextSelected,
-        onDefineSelection
+        onDefineSelection,
+        defineSelectionMode
       }
     );
   }
   return null;
 }
 
+// components/NativeTextDocumentViewer.tsx
+import { useEffect as useEffect5, useMemo as useMemo3 } from "react";
+import { StyleSheet as StyleSheet5, View as View5 } from "react-native";
+import {
+  PapyrusTextDocumentView
+} from "@papyrus-sdk/engine-native";
+import { papyrusEvents, useViewerStore as useViewerStore5 } from "@papyrus-sdk/core";
+import { PapyrusEventType } from "@papyrus-sdk/types";
+
+// components/mobileChromeMetrics.ts
+var MOBILE_CHROME_METRICS = {
+  screenPadding: 16,
+  maxFloatingWidth: 360,
+  maxToolDockWidth: 420,
+  toolDockPaddingTop: 4,
+  toolDockHistoryIconSize: 18,
+  toolDockHistoryGap: 2,
+  toolDockDisabledIconColorDark: "#64748b",
+  toolDockDisabledIconColorLight: "#6b7280",
+  toolDockDisabledOpacity: 0.72,
+  iconSize: 20,
+  iconBoxSize: 28,
+  topbarPageButtonSize: 30,
+  bottomBarItemPaddingHorizontal: 5,
+  bottomBarItemPaddingVertical: 3,
+  bottomBarVisualHeight: 52,
+  toolDockGap: 12,
+  topbarHeight: 56,
+  progressGap: 18,
+  progressHorizontalOffset: 10
+};
+var resolveMobileChromeOffsets = (insets) => ({
+  topbar: Math.max(0, insets.top),
+  progress: Math.max(0, insets.top) + MOBILE_CHROME_METRICS.topbarHeight + MOBILE_CHROME_METRICS.progressGap,
+  bottom: Math.max(0, insets.bottom) + 14,
+  toolDock: Math.max(0, insets.bottom) + 14 + MOBILE_CHROME_METRICS.bottomBarVisualHeight + MOBILE_CHROME_METRICS.toolDockGap,
+  search: Math.max(0, insets.bottom) + 20,
+  left: MOBILE_CHROME_METRICS.screenPadding + Math.max(0, insets.left),
+  right: MOBILE_CHROME_METRICS.screenPadding + Math.max(0, insets.right)
+});
+
+// components/PapyrusSafeArea.tsx
+import React6, { useContext as useContext2 } from "react";
+import {
+  SafeAreaInsetsContext,
+  SafeAreaProvider
+} from "react-native-safe-area-context";
+import { Fragment as Fragment2, jsx as jsx8 } from "react/jsx-runtime";
+var papyrusSafeAreaContext = SafeAreaInsetsContext;
+var ZERO_SAFE_AREA_INSETS = {
+  top: 0,
+  bottom: 0,
+  left: 0,
+  right: 0
+};
+var usePapyrusSafeAreaInsets = () => useContext2(papyrusSafeAreaContext) ?? ZERO_SAFE_AREA_INSETS;
+function PapyrusSafeAreaBoundary({
+  children
+}) {
+  const insets = useContext2(papyrusSafeAreaContext);
+  if (insets) return /* @__PURE__ */ jsx8(Fragment2, { children });
+  return React6.createElement(SafeAreaProvider, null, children);
+}
+
+// components/NativeTextDocumentViewer.tsx
+import { jsx as jsx9 } from "react/jsx-runtime";
+function NativeTextDocumentViewer({
+  engine,
+  onTextRangeSelected,
+  onDefineSelection,
+  defineSelectionMode = "selection"
+}) {
+  const nativeEngine = engine;
+  const engineId = nativeEngine.getNativeTextEngineId?.() ?? void 0;
+  const documentGeneration = nativeEngine.getNativeTextDocumentGeneration?.() ?? 0;
+  const measuredTextLength = nativeEngine.getTextLength?.() ?? 0;
+  const locale = useViewerStore5((state) => state.locale);
+  const insets = usePapyrusSafeAreaInsets();
+  const pageTheme = useViewerStore5((state) => state.pageTheme);
+  const uiTheme = useViewerStore5((state) => state.uiTheme);
+  const textLength = useViewerStore5((state) => state.textLength);
+  const currentTextOffset = useViewerStore5((state) => state.currentTextOffset);
+  const scrollToTextOffsetSignal = useViewerStore5(
+    (state) => state.scrollToTextOffsetSignal
+  );
+  const textSearchResults = useViewerStore5((state) => state.textSearchResults);
+  const activeSearchIndex = useViewerStore5((state) => state.activeSearchIndex);
+  const setDocumentState = useViewerStore5((state) => state.setDocumentState);
+  const t = getStrings(locale);
+  useEffect5(() => {
+    if (!engineId || measuredTextLength <= 0) return;
+    setDocumentState({
+      textLength: measuredTextLength,
+      pageCount: 1,
+      currentPage: 1,
+      isLoaded: true
+    });
+  }, [engineId, measuredTextLength, setDocumentState]);
+  const viewProps = useMemo3(
+    () => ({
+      engineId,
+      documentGeneration,
+      textLength: textLength || measuredTextLength,
+      currentTextOffset,
+      scrollToTextOffsetSignal,
+      searchResults: textSearchResults,
+      activeSearchIndex,
+      pageTheme,
+      uiTheme,
+      fontSize: 18,
+      lineHeight: 28,
+      pageMargin: 20,
+      defineLabel: t.define,
+      defineSelectionMode,
+      onTextOffsetChange: (event) => {
+        setDocumentState({ currentTextOffset: event.nativeEvent.offset });
+      },
+      onTextRangeSelected: (event) => {
+        const selection = event.nativeEvent;
+        if (!selection.text || selection.end <= selection.start) return;
+        papyrusEvents.emit(PapyrusEventType.TEXT_RANGE_SELECTED, selection);
+        onTextRangeSelected?.(selection);
+      },
+      onDefineSelection: (event) => {
+        onDefineSelection?.(event.nativeEvent);
+      }
+    }),
+    [
+      activeSearchIndex,
+      currentTextOffset,
+      documentGeneration,
+      defineSelectionMode,
+      engineId,
+      measuredTextLength,
+      onDefineSelection,
+      onTextRangeSelected,
+      pageTheme,
+      scrollToTextOffsetSignal,
+      setDocumentState,
+      t.define,
+      textLength,
+      textSearchResults,
+      uiTheme
+    ]
+  );
+  return /* @__PURE__ */ jsx9(
+    View5,
+    {
+      style: [
+        styles5.container,
+        { paddingTop: insets.top + MOBILE_CHROME_METRICS.topbarHeight }
+      ],
+      children: /* @__PURE__ */ jsx9(
+        PapyrusTextDocumentView,
+        {
+          ...viewProps,
+          style: styles5.nativeView
+        },
+        `${engineId ?? "pending"}:${documentGeneration}`
+      )
+    }
+  );
+}
+var styles5 = StyleSheet5.create({
+  container: { flex: 1 },
+  nativeView: { flex: 1 }
+});
+
+// components/NativeComicDocumentViewer.tsx
+import { useEffect as useEffect6, useMemo as useMemo4 } from "react";
+import { Alert, StyleSheet as StyleSheet6, View as View6 } from "react-native";
+import {
+  PapyrusComicDocumentView
+} from "@papyrus-sdk/engine-native";
+import { useViewerStore as useViewerStore6 } from "@papyrus-sdk/core";
+import { jsx as jsx10 } from "react/jsx-runtime";
+function NativeComicDocumentViewer({
+  engine
+}) {
+  const nativeEngine = engine;
+  const engineId = nativeEngine.getNativeComicEngineId?.() ?? void 0;
+  const documentGeneration = nativeEngine.getNativeComicDocumentGeneration?.() ?? 0;
+  const pageCount = nativeEngine.getPageCount();
+  const currentPage = useViewerStore6((state) => state.currentPage);
+  const zoom = useViewerStore6((state) => state.zoom);
+  const pageTheme = useViewerStore6((state) => state.pageTheme);
+  const locale = useViewerStore6((state) => state.locale);
+  const layoutMode = useViewerStore6((state) => state.comicLayoutMode);
+  const fitMode = useViewerStore6((state) => state.comicFitMode);
+  const readingDirection = useViewerStore6((state) => state.comicReadingDirection);
+  const setDocumentState = useViewerStore6((state) => state.setDocumentState);
+  const t = getStrings(locale);
+  useEffect6(() => {
+    if (!engineId || pageCount <= 0) return;
+    setDocumentState({
+      pageCount,
+      currentPage: Math.min(pageCount, Math.max(1, currentPage)),
+      isLoaded: true
+    });
+  }, [currentPage, engineId, pageCount, setDocumentState]);
+  const viewProps = useMemo4(
+    () => ({
+      engineId,
+      documentGeneration,
+      pageCount,
+      currentPage,
+      layoutMode,
+      fitMode,
+      readingDirection,
+      zoom,
+      pageTheme,
+      onPageChanged: (event) => {
+        const page = Math.max(1, Math.min(pageCount, event.nativeEvent.page));
+        nativeEngine.goToPage(page);
+        setDocumentState({ currentPage: page });
+      },
+      onZoomChanged: (event) => {
+        const nextZoom = Math.max(1, Math.min(5, event.nativeEvent.zoom));
+        nativeEngine.setZoom(nextZoom);
+        setDocumentState({ zoom: nextZoom });
+      },
+      onError: (event) => {
+        Alert.alert(t.comicPageError, event.nativeEvent.message || t.comicPageError);
+      }
+    }),
+    [
+      currentPage,
+      documentGeneration,
+      engineId,
+      fitMode,
+      layoutMode,
+      nativeEngine,
+      pageCount,
+      pageTheme,
+      readingDirection,
+      setDocumentState,
+      t.comicPageError,
+      zoom
+    ]
+  );
+  return /* @__PURE__ */ jsx10(View6, { style: styles6.container, children: /* @__PURE__ */ jsx10(PapyrusComicDocumentView, { ...viewProps, style: StyleSheet6.absoluteFill }) });
+}
+var styles6 = StyleSheet6.create({ container: { flex: 1 } });
+
 // components/Viewer.tsx
 import { isPapyrusPdfDocumentViewAvailable } from "@papyrus-sdk/engine-native";
 
@@ -26800,7 +27106,7 @@ var resolveRemoveClippedSubviews = ({
 };
 
 // components/Viewer.tsx
-import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs6 } from "react/jsx-runtime";
 var LIST_TOP_PADDING = 18;
 var LIST_BOTTOM_PADDING = 120;
 var CONTINUOUS_PAGE_SPACING = 28;
@@ -26842,25 +27148,28 @@ var Viewer = ({
   viewerMode,
   pageScrubActive = false,
   onTextSelected,
-  onDefineSelection
+  onDefineSelection,
+  defineSelectionMode = "selection",
+  onTextRangeSelected,
+  onDefineTextSelection
 }) => {
-  const pageCount = useViewerStore5((state) => state.pageCount);
-  const currentPage = useViewerStore5((state) => state.currentPage);
-  const scrollToPageSignal = useViewerStore5(
+  const pageCount = useViewerStore7((state) => state.pageCount);
+  const currentPage = useViewerStore7((state) => state.currentPage);
+  const scrollToPageSignal = useViewerStore7(
     (state) => state.scrollToPageSignal
   );
-  const setDocumentState = useViewerStore5((state) => state.setDocumentState);
-  const mobileChromeVisible = useViewerStore5(
+  const setDocumentState = useViewerStore7((state) => state.setDocumentState);
+  const mobileChromeVisible = useViewerStore7(
     (state) => state.mobileChromeVisible
   );
-  const selectionActive = useViewerStore5((state) => state.selectionActive);
-  const activeTool = useViewerStore5((state) => state.activeTool);
-  const uiTheme = useViewerStore5((state) => state.uiTheme);
-  const pageTheme = useViewerStore5((state) => state.pageTheme);
-  const viewMode = useViewerStore5((state) => state.viewMode);
-  const rotation = useViewerStore5((state) => state.rotation);
-  const zoom = useViewerStore5((state) => state.zoom);
-  const storeViewerMode = useViewerStore5((state) => state.viewerMode);
+  const selectionActive = useViewerStore7((state) => state.selectionActive);
+  const activeTool = useViewerStore7((state) => state.activeTool);
+  const uiTheme = useViewerStore7((state) => state.uiTheme);
+  const pageTheme = useViewerStore7((state) => state.pageTheme);
+  const viewMode = useViewerStore7((state) => state.viewMode);
+  const rotation = useViewerStore7((state) => state.rotation);
+  const zoom = useViewerStore7((state) => state.zoom);
+  const storeViewerMode = useViewerStore7((state) => state.viewerMode);
   const listRef = useRef5(null);
   const horizontalScrollRef = useRef5(null);
   const isDark = uiTheme === "dark";
@@ -26869,6 +27178,8 @@ var Viewer = ({
   const isSingle = viewMode === "single";
   const renderTargetType = engine.getRenderTargetType?.() ?? "canvas";
   const isWebView = renderTargetType === "webview";
+  const isNativeTextViewer = renderTargetType === "native-text";
+  const isNativeComicViewer = renderTargetType === "native-comic";
   const resolvedViewerMode = resolveEffectivePdfViewerMode({
     platform: Platform4.OS,
     viewerMode,
@@ -26876,7 +27187,7 @@ var Viewer = ({
     storeViewerMode
   });
   const mobilePerf = useMobilePerf();
-  const pinchPerfMachine = useMemo3(
+  const pinchPerfMachine = useMemo5(
     () => createPinchPerfMachine(mobilePerf),
     [mobilePerf]
   );
@@ -26896,7 +27207,11 @@ var Viewer = ({
     activeTool,
     nativeInkOverlayAvailable
   });
-  useEffect5(() => {
+  useEffect7(() => {
+    setDocumentState({ nativePdfViewerActive: isNativePdfViewer });
+    return () => setDocumentState({ nativePdfViewerActive: false });
+  }, [isNativePdfViewer, setDocumentState]);
+  useEffect7(() => {
     mobilePerf.emit(
       "viewer.mode",
       resolveViewerModeTelemetry({
@@ -26907,7 +27222,7 @@ var Viewer = ({
     );
   }, [isNativePdfViewer, isWebView, mobilePerf, resolvedViewerMode]);
   const warnedNativePdfFallbackRef = useRef5("");
-  useEffect5(() => {
+  useEffect7(() => {
     if (!__DEV__ || Platform4.OS !== "ios" || resolvedViewerMode !== "native" || isWebView || pageCount <= 0) {
       return;
     }
@@ -26917,7 +27232,6 @@ var Viewer = ({
       if (activeTool === "ink" && !nativeInkOverlayAvailable) {
         return "unsupported-ink-overlay";
       }
-      if (pageTheme !== "normal") return "unsupported-page-theme";
       if (viewMode === "double") return "unsupported-view-mode";
       if (rotation !== 0) return "unsupported-rotation";
       return "";
@@ -26928,7 +27242,6 @@ var Viewer = ({
       "manager-unavailable": "the PapyrusPdfDocumentView manager is not registered",
       "engine-unavailable": "the native PDF engine id is unavailable",
       "unsupported-ink-overlay": "PencilKit page overlays require iOS 16 or newer",
-      "unsupported-page-theme": `pageTheme '${pageTheme}' is not supported by the native viewport`,
       "unsupported-view-mode": "double-page mode is not supported by the native viewport",
       "unsupported-rotation": "document rotation is not supported by the native viewport"
     };
@@ -26942,7 +27255,6 @@ var Viewer = ({
     nativePdfDocumentViewAvailable,
     nativeInkOverlayAvailable,
     pageCount,
-    pageTheme,
     rotation,
     resolvedViewerMode,
     viewMode
@@ -26958,7 +27270,7 @@ var Viewer = ({
     createBurstMonitor("Viewer", "onViewableItemsChanged", 12, 800)
   );
   const scrollMonitorRef = useRef5(createScrollPerfMonitor("Viewer"));
-  const scrollPerfSession = useMemo3(() => createScrollPerfSession(), []);
+  const scrollPerfSession = useMemo5(() => createScrollPerfSession(), []);
   const dimensionsCacheRef = useRef5(/* @__PURE__ */ new Map());
   const dimensionsPendingRef = useRef5(/* @__PURE__ */ new Set());
   const previousViewportGeometryRef = useRef5(null);
@@ -27012,7 +27324,7 @@ var Viewer = ({
   const [viewerViewportHeight, setViewerViewportHeight] = useState5(0);
   const viewerContentHeightRef = useRef5(0);
   const listLayoutMetricsRef = useRef5(null);
-  const resolvedWindowSize = useMemo3(
+  const resolvedWindowSize = useMemo5(
     () => resolvePositiveInt(
       virtualWindowSize,
       resolveRenderOverscan({
@@ -27026,7 +27338,7 @@ var Viewer = ({
     ),
     [virtualWindowSize, windowWidth, zoom]
   );
-  const resolvedMaxToRenderPerBatch = useMemo3(
+  const resolvedMaxToRenderPerBatch = useMemo5(
     () => resolvePositiveInt(
       maxToRenderPerBatch,
       FLATLIST_MAX_TO_RENDER_PER_BATCH,
@@ -27046,11 +27358,11 @@ var Viewer = ({
     viewMode,
     renderTargetType
   });
-  const pages = useMemo3(
+  const pages = useMemo5(
     () => Array.from({ length: pageCount }).map((_, i) => i),
     [pageCount]
   );
-  const rows = useMemo3(() => {
+  const rows = useMemo5(() => {
     if (!isDouble) return [];
     const result = [];
     for (let i = 0; i < pageCount; i += 2) {
@@ -27121,7 +27433,7 @@ var Viewer = ({
     },
     [clearPendingScrollRetry, clearPendingScrollTarget, perfEnabled]
   );
-  useEffect5(
+  useEffect7(
     () => () => {
       if (layoutRefreshTimeoutRef.current) {
         clearTimeout(layoutRefreshTimeoutRef.current);
@@ -27174,7 +27486,7 @@ var Viewer = ({
     }
     return dims.width / dims.height;
   }, []);
-  useEffect5(() => {
+  useEffect7(() => {
     if (!perfEnabled) return;
     logPerfEvent("Viewer", "mount", {
       viewMode,
@@ -27195,7 +27507,7 @@ var Viewer = ({
     resolvedWindowSize,
     viewMode
   ]);
-  useEffect5(() => {
+  useEffect7(() => {
     if (!perfEnabled || readyLoggedRef.current || pageCount <= 0) return;
     readyLoggedRef.current = true;
     logPerfEvent("Viewer", "document.ready", {
@@ -27204,7 +27516,7 @@ var Viewer = ({
     });
     sampleMemory("Viewer", "document.ready", { pageCount });
   }, [pageCount, perfEnabled]);
-  useEffect5(() => {
+  useEffect7(() => {
     if (isWebView || isSingle || pageCount <= 0) return;
     const warmupCount = Math.min(pageCount, 12);
     for (let i = 0; i < warmupCount; i += 1) {
@@ -27223,7 +27535,7 @@ var Viewer = ({
     },
     [perfEnabled, setDocumentState]
   );
-  useEffect5(() => {
+  useEffect7(() => {
     chromeVisibleRef.current = mobileChromeVisible;
   }, [mobileChromeVisible]);
   const setMobileChromeVisible = useCallback4(
@@ -27286,10 +27598,10 @@ var Viewer = ({
     },
     [clearPendingChromeShow, pageCount, setMobileChromeVisible]
   );
-  useEffect5(() => {
+  useEffect7(() => {
     resetMobileChromeTracking(true, "mobileChrome.reset");
   }, [isSingle, isWebView, pageCount, resetMobileChromeTracking]);
-  useEffect5(
+  useEffect7(
     () => () => {
       setDocumentState({ mobileChromeVisible: true });
     },
@@ -27342,7 +27654,7 @@ var Viewer = ({
     },
     [columnGap, columnWidth, horizontalPadding, isDouble, windowWidth]
   );
-  const documentSurfaceWidth = useMemo3(() => {
+  const documentSurfaceWidth = useMemo5(() => {
     if (isDouble) {
       const doubleContentWidth = resolvePdfDoublePageContentWidth({
         currentPage,
@@ -27794,7 +28106,7 @@ var Viewer = ({
     },
     [documentSurfaceWidth, windowWidth]
   );
-  const viewerPinchGesture = useMemo3(
+  const viewerPinchGesture = useMemo5(
     () => Gesture2.Pinch().enabled(!isWebView && pageCount > 0).onTouchesDown((event) => {
       if ((event.allTouches?.length ?? 0) >= 2) {
         handleGestureScrollLockChange(true);
@@ -27825,21 +28137,21 @@ var Viewer = ({
       updateViewerPinch
     ]
   );
-  useEffect5(() => {
+  useEffect7(() => {
     selectionDragActiveRef.current = selectionDragActive;
     syncViewerScrollEnabled(
       selectionDragActive,
       gestureScrollLockActiveRef.current
     );
   }, [selectionDragActive, syncViewerScrollEnabled]);
-  useEffect5(() => {
+  useEffect7(() => {
     syncViewerScrollEnabled(
       selectionDragActiveRef.current,
       gestureScrollLockActiveRef.current,
       pageScrubActive
     );
   }, [pageScrubActive, syncViewerScrollEnabled]);
-  useEffect5(() => {
+  useEffect7(() => {
     const pendingRestore = pendingPinchAnchorRestoreRef.current;
     if (!pendingRestore) return;
     if (Math.abs(pendingRestore.finalZoom - zoom) >= 1e-3) return;
@@ -27937,7 +28249,7 @@ var Viewer = ({
     windowWidth,
     zoom
   ]);
-  useEffect5(() => {
+  useEffect7(() => {
     if (zoom > 1 && documentSurfaceWidth > windowWidth) return;
     scrollHorizontalSurfaceTo(0);
   }, [documentSurfaceWidth, scrollHorizontalSurfaceTo, windowWidth, zoom]);
@@ -27991,7 +28303,7 @@ var Viewer = ({
     },
     [scrollViewerBy]
   );
-  const listLayoutMetrics = useMemo3(() => {
+  const listLayoutMetrics = useMemo5(() => {
     if (isDouble) {
       const pageWidth2 = resolvePdfBasePageWidth({
         viewportWidth: columnWidth,
@@ -28070,7 +28382,7 @@ var Viewer = ({
     windowWidth
   ]);
   listLayoutMetricsRef.current = listLayoutMetrics;
-  const scaledListLayoutMetrics = useMemo3(
+  const scaledListLayoutMetrics = useMemo5(
     () => scalePageLayoutMetrics(listLayoutMetrics, Math.max(zoom, 0.25)),
     [listLayoutMetrics, zoom]
   );
@@ -28124,7 +28436,7 @@ var Viewer = ({
     scaledListLayoutMetrics,
     windowWidth
   ]);
-  useEffect5(() => {
+  useEffect7(() => {
     const nextGeometry = { width: windowWidth, pageFitHeight };
     const previousGeometry = previousViewportGeometryRef.current;
     previousViewportGeometryRef.current = nextGeometry;
@@ -28136,7 +28448,7 @@ var Viewer = ({
     }
     restoreOrientationScrollOffset();
   }, [pageFitHeight, restoreOrientationScrollOffset, windowWidth]);
-  useEffect5(() => {
+  useEffect7(() => {
     if (pendingScrollTargetRef.current !== null) {
       scrollToPendingTarget(false);
     }
@@ -28170,7 +28482,7 @@ var Viewer = ({
     },
     [ensurePageDimensions, isDouble, rows, scaledListLayoutMetrics]
   );
-  useEffect5(() => {
+  useEffect7(() => {
     if (Platform4.OS === "ios" && isNativePdfViewer) {
       clearPendingScrollTarget();
       if (scrollToPageSignal === null) return;
@@ -28392,11 +28704,11 @@ var Viewer = ({
           Animated.View,
           {
             style: [
-              styles5.row,
+              styles7.row,
               { paddingHorizontal: horizontalPadding, width: documentSurfaceWidth }
             ],
             children: [
-              /* @__PURE__ */ jsx8(View5, { style: { width: columnWidth }, children: /* @__PURE__ */ jsx8(
+              /* @__PURE__ */ jsx11(View7, { style: { width: columnWidth }, children: /* @__PURE__ */ jsx11(
                 PageRenderer_default,
                 {
                   engine,
@@ -28418,7 +28730,7 @@ var Viewer = ({
                   gestureId: committedPinchGestureIdRef.current ?? void 0
                 }
               ) }),
-              row.right !== null ? /* @__PURE__ */ jsx8(View5, { style: { width: columnWidth }, children: /* @__PURE__ */ jsx8(
+              row.right !== null ? /* @__PURE__ */ jsx11(View7, { style: { width: columnWidth }, children: /* @__PURE__ */ jsx11(
                 PageRenderer_default,
                 {
                   engine,
@@ -28439,12 +28751,12 @@ var Viewer = ({
                   surfaceId: `page-${row.right}`,
                   gestureId: committedPinchGestureIdRef.current ?? void 0
                 }
-              ) }) : /* @__PURE__ */ jsx8(View5, { style: { width: columnWidth } })
+              ) }) : /* @__PURE__ */ jsx11(View7, { style: { width: columnWidth } })
             ]
           }
         );
       }
-      return /* @__PURE__ */ jsx8(
+      return /* @__PURE__ */ jsx11(
         PageRenderer_default,
         {
           engine,
@@ -28483,7 +28795,7 @@ var Viewer = ({
       windowWidth
     ]
   );
-  const continuousList = /* @__PURE__ */ jsx8(
+  const continuousList = /* @__PURE__ */ jsx11(
     FlatList,
     {
       ref: listRef,
@@ -28497,7 +28809,7 @@ var Viewer = ({
       removeClippedSubviews: resolvedRemoveClippedSubviews,
       getItemLayout,
       keyExtractor,
-      contentContainerStyle: styles5.listContent,
+      contentContainerStyle: styles7.listContent,
       renderItem,
       onViewableItemsChanged,
       viewabilityConfig: { itemVisiblePercentThreshold: 60 },
@@ -28573,7 +28885,7 @@ var Viewer = ({
     }
   );
   if (isWebView) {
-    return /* @__PURE__ */ jsx8(View5, { style: [styles5.container, isDark && styles5.containerDark], children: /* @__PURE__ */ jsx8(
+    return /* @__PURE__ */ jsx11(View7, { style: [styles7.container, isDark && styles7.containerDark], children: /* @__PURE__ */ jsx11(
       WebViewViewer_default,
       {
         engine,
@@ -28583,23 +28895,38 @@ var Viewer = ({
       }
     ) });
   }
+  if (isNativeTextViewer) {
+    return /* @__PURE__ */ jsx11(View7, { style: [styles7.container, isDark && styles7.containerDark], children: /* @__PURE__ */ jsx11(
+      NativeTextDocumentViewer,
+      {
+        engine,
+        onTextRangeSelected,
+        onDefineSelection: onDefineTextSelection,
+        defineSelectionMode
+      }
+    ) });
+  }
+  if (isNativeComicViewer) {
+    return /* @__PURE__ */ jsx11(View7, { style: [styles7.container, isDark && styles7.containerDark], children: /* @__PURE__ */ jsx11(NativeComicDocumentViewer, { engine }) });
+  }
   if (isNativePdfViewer) {
-    return /* @__PURE__ */ jsx8(View5, { style: [styles5.container, isDark && styles5.containerDark], children: /* @__PURE__ */ jsx8(
+    return /* @__PURE__ */ jsx11(View7, { style: [styles7.container, isDark && styles7.containerDark], children: /* @__PURE__ */ jsx11(
       NativePdfDocumentViewer,
       {
         engine,
         maxPageWidth,
         onTextSelected,
-        onDefineSelection
+        onDefineSelection,
+        defineSelectionMode
       }
     ) });
   }
   if (isSingle) {
-    return /* @__PURE__ */ jsx8(View5, { style: [styles5.container, isDark && styles5.containerDark], children: /* @__PURE__ */ jsx8(GestureDetector2, { gesture: viewerPinchGesture, children: /* @__PURE__ */ jsx8(
+    return /* @__PURE__ */ jsx11(View7, { style: [styles7.container, isDark && styles7.containerDark], children: /* @__PURE__ */ jsx11(GestureDetector2, { gesture: viewerPinchGesture, children: /* @__PURE__ */ jsx11(
       Animated.View,
       {
         style: [
-          styles5.gestureSurface,
+          styles7.gestureSurface,
           {
             transform: [
               { translateX: pinchPreviewFocalX },
@@ -28610,7 +28937,7 @@ var Viewer = ({
             ]
           }
         ],
-        children: /* @__PURE__ */ jsx8(
+        children: /* @__PURE__ */ jsx11(
           ScrollView,
           {
             ref: horizontalScrollRef,
@@ -28622,7 +28949,7 @@ var Viewer = ({
               horizontalScrollOffsetRef.current = event.nativeEvent.contentOffset?.x ?? 0;
             },
             scrollEventThrottle: 16,
-            children: /* @__PURE__ */ jsx8(
+            children: /* @__PURE__ */ jsx11(
               ScrollView,
               {
                 ref: (node) => {
@@ -28630,7 +28957,7 @@ var Viewer = ({
                   listRef.current = node;
                 },
                 style: { width: documentSurfaceWidth },
-                contentContainerStyle: styles5.singleContent,
+                contentContainerStyle: styles7.singleContent,
                 showsVerticalScrollIndicator: false,
                 scrollEnabled: pageScrubResolvedScrollEnabled,
                 onLayout: (event) => {
@@ -28665,7 +28992,7 @@ var Viewer = ({
                   });
                 } : void 0,
                 scrollEventThrottle: 16,
-                children: /* @__PURE__ */ jsx8(
+                children: /* @__PURE__ */ jsx11(
                   PageRenderer_default,
                   {
                     engine,
@@ -28695,11 +29022,11 @@ var Viewer = ({
       }
     ) }) });
   }
-  return /* @__PURE__ */ jsx8(View5, { style: [styles5.container, isDark && styles5.containerDark], children: /* @__PURE__ */ jsx8(GestureDetector2, { gesture: viewerPinchGesture, children: /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx11(View7, { style: [styles7.container, isDark && styles7.containerDark], children: /* @__PURE__ */ jsx11(GestureDetector2, { gesture: viewerPinchGesture, children: /* @__PURE__ */ jsx11(
     Animated.View,
     {
       style: [
-        styles5.gestureSurface,
+        styles7.gestureSurface,
         {
           transform: [
             { translateX: pinchPreviewFocalX },
@@ -28710,7 +29037,7 @@ var Viewer = ({
           ]
         }
       ],
-      children: documentSurfaceWidth > windowWidth + 1 ? /* @__PURE__ */ jsx8(
+      children: documentSurfaceWidth > windowWidth + 1 ? /* @__PURE__ */ jsx11(
         ScrollView,
         {
           ref: horizontalScrollRef,
@@ -28728,7 +29055,7 @@ var Viewer = ({
     }
   ) }) });
 };
-var styles5 = StyleSheet5.create({
+var styles7 = StyleSheet7.create({
   container: {
     flex: 1,
     backgroundColor: "#e9ecef"
@@ -28757,49 +29084,17 @@ var Viewer_default = Viewer;
 // components/Topbar.tsx
 import { useState as useState8 } from "react";
 import {
-  View as View8,
+  View as View10,
   Text as Text4,
   Pressable as Pressable6,
-  StyleSheet as StyleSheet8,
+  StyleSheet as StyleSheet10,
   useWindowDimensions as useWindowDimensions4
 } from "react-native";
-import { useViewerStore as useViewerStore6 } from "@papyrus-sdk/core";
-
-// components/mobileChromeMetrics.ts
-var MOBILE_CHROME_METRICS = {
-  screenPadding: 16,
-  maxFloatingWidth: 360,
-  maxToolDockWidth: 420,
-  toolDockPaddingTop: 4,
-  toolDockHistoryIconSize: 18,
-  toolDockHistoryGap: 2,
-  toolDockDisabledIconColorDark: "#64748b",
-  toolDockDisabledIconColorLight: "#6b7280",
-  toolDockDisabledOpacity: 0.72,
-  iconSize: 20,
-  iconBoxSize: 28,
-  topbarPageButtonSize: 30,
-  bottomBarItemPaddingHorizontal: 5,
-  bottomBarItemPaddingVertical: 3,
-  bottomBarVisualHeight: 52,
-  toolDockGap: 12,
-  topbarHeight: 56,
-  progressGap: 18,
-  progressHorizontalOffset: 10
-};
-var resolveMobileChromeOffsets = (insets) => ({
-  topbar: Math.max(0, insets.top),
-  progress: Math.max(0, insets.top) + MOBILE_CHROME_METRICS.topbarHeight + MOBILE_CHROME_METRICS.progressGap,
-  bottom: Math.max(0, insets.bottom) + 14,
-  toolDock: Math.max(0, insets.bottom) + 14 + MOBILE_CHROME_METRICS.bottomBarVisualHeight + MOBILE_CHROME_METRICS.toolDockGap,
-  search: Math.max(0, insets.bottom) + 20,
-  left: MOBILE_CHROME_METRICS.screenPadding + Math.max(0, insets.left),
-  right: MOBILE_CHROME_METRICS.screenPadding + Math.max(0, insets.right)
-});
+import { useViewerStore as useViewerStore8 } from "@papyrus-sdk/core";
 
 // components/PageJumpModal.tsx
-import { useEffect as useEffect7, useState as useState7 } from "react";
-import { Pressable as Pressable5, StyleSheet as StyleSheet7, Text as Text3, TextInput, View as View7 } from "react-native";
+import { useEffect as useEffect9, useState as useState7 } from "react";
+import { Pressable as Pressable5, StyleSheet as StyleSheet9, Text as Text3, TextInput, View as View9 } from "react-native";
 
 // components/pageJumpModel.ts
 var resolvePageJumpTarget = (value, pageCount) => {
@@ -28810,16 +29105,16 @@ var resolvePageJumpTarget = (value, pageCount) => {
 };
 
 // components/NativeSheet.tsx
-import React8, { useEffect as useEffect6, useRef as useRef6, useState as useState6 } from "react";
+import React10, { useEffect as useEffect8, useRef as useRef6, useState as useState6 } from "react";
 import {
   Animated as Animated2,
   FlatList as FlatList2,
   Modal,
   Pressable as Pressable4,
   ScrollView as ScrollView2,
-  StyleSheet as StyleSheet6,
+  StyleSheet as StyleSheet8,
   Text as Text2,
-  View as View6,
+  View as View8,
   useWindowDimensions as useWindowDimensions3
 } from "react-native";
 
@@ -28861,29 +29156,6 @@ var getNativeSheetLayoutStyles = (windowWidth) => {
   };
 };
 
-// components/PapyrusSafeArea.tsx
-import React7, { useContext as useContext2 } from "react";
-import {
-  SafeAreaInsetsContext,
-  SafeAreaProvider
-} from "react-native-safe-area-context";
-import { Fragment as Fragment2, jsx as jsx9 } from "react/jsx-runtime";
-var papyrusSafeAreaContext = SafeAreaInsetsContext;
-var ZERO_SAFE_AREA_INSETS = {
-  top: 0,
-  bottom: 0,
-  left: 0,
-  right: 0
-};
-var usePapyrusSafeAreaInsets = () => useContext2(papyrusSafeAreaContext) ?? ZERO_SAFE_AREA_INSETS;
-function PapyrusSafeAreaBoundary({
-  children
-}) {
-  const insets = useContext2(papyrusSafeAreaContext);
-  if (insets) return /* @__PURE__ */ jsx9(Fragment2, { children });
-  return React7.createElement(SafeAreaProvider, null, children);
-}
-
 // components/readerSheetPresentation.ts
 var LIGHT_PALETTE = {
   surface: "#fbfaf6",
@@ -28925,7 +29197,7 @@ var ANNOTATION_KIND_LABELS = {
 var getAnnotationKindLabel = (kind, locale) => (ANNOTATION_KIND_LABELS[kind]?.[locale] ?? kind).toUpperCase();
 
 // components/NativeSheet.tsx
-import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs7 } from "react/jsx-runtime";
 function NativeSheet({
   visible,
   onClose,
@@ -28945,7 +29217,7 @@ function NativeSheet({
   const renderedRef = useRef6(visible);
   const motion = useRef6(new Animated2.Value(visible ? 0 : 1)).current;
   const backdropOpacity = useRef6(new Animated2.Value(visible ? 1 : 0)).current;
-  useEffect6(() => {
+  useEffect8(() => {
     motion.stopAnimation();
     backdropOpacity.stopAnimation();
     if (visible) {
@@ -28988,20 +29260,20 @@ function NativeSheet({
     });
   }, [backdropOpacity, motion, visible]);
   if (!rendered) return null;
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx12(
     Modal,
     {
       animationType: "none",
       transparent: true,
       visible: rendered,
       onRequestClose: onClose,
-      children: /* @__PURE__ */ jsxs7(View6, { style: [styles6.root, tabletLayout?.root], children: [
-        /* @__PURE__ */ jsx10(Animated2.View, { style: [styles6.backdrop, { opacity: backdropOpacity }], children: /* @__PURE__ */ jsx10(
+      children: /* @__PURE__ */ jsxs7(View8, { style: [styles8.root, tabletLayout?.root], children: [
+        /* @__PURE__ */ jsx12(Animated2.View, { style: [styles8.backdrop, { opacity: backdropOpacity }], children: /* @__PURE__ */ jsx12(
           Pressable4,
           {
             accessibilityRole: "button",
             accessibilityLabel: closeAccessibilityLabel,
-            style: StyleSheet6.absoluteFill,
+            style: StyleSheet8.absoluteFill,
             onPress: onClose
           }
         ) }),
@@ -29009,9 +29281,9 @@ function NativeSheet({
           Animated2.View,
           {
             style: [
-              styles6.sheet,
+              styles8.sheet,
               tabletLayout?.sheet,
-              isDark && styles6.sheetDark,
+              isDark && styles8.sheetDark,
               getNativeSheetSizeStyle(maxHeight),
               { paddingBottom: insets.bottom },
               {
@@ -29032,27 +29304,27 @@ function NativeSheet({
               }
             ],
             children: [
-              showHeader ? /* @__PURE__ */ jsxs7(View6, { style: styles6.header, children: [
-                /* @__PURE__ */ jsx10(View6, { style: styles6.headerSpacer }),
-                /* @__PURE__ */ jsx10(
+              showHeader ? /* @__PURE__ */ jsxs7(View8, { style: styles8.header, children: [
+                /* @__PURE__ */ jsx12(View8, { style: styles8.headerSpacer }),
+                /* @__PURE__ */ jsx12(
                   Text2,
                   {
-                    style: [styles6.title, { color: palette.textColor }],
+                    style: [styles8.title, { color: palette.textColor }],
                     numberOfLines: 1,
                     children: title
                   }
                 ),
-                /* @__PURE__ */ jsx10(
+                /* @__PURE__ */ jsx12(
                   Pressable4,
                   {
                     onPress: onClose,
                     style: [
-                      styles6.closeButton,
-                      isDark && styles6.closeButtonDark,
+                      styles8.closeButton,
+                      isDark && styles8.closeButtonDark,
                       { backgroundColor: palette.closeBackgroundColor }
                     ],
                     accessibilityLabel: closeAccessibilityLabel,
-                    children: /* @__PURE__ */ jsx10(IconClose, { size: 18, color: palette.textColor })
+                    children: /* @__PURE__ */ jsx12(IconClose, { size: 18, color: palette.textColor })
                   }
                 )
               ] }) : null,
@@ -29064,20 +29336,20 @@ function NativeSheet({
     }
   );
 }
-var NativeSheetScrollView = React8.forwardRef(function NativeSheetScrollView2(props, ref) {
-  return /* @__PURE__ */ jsx10(ScrollView2, { ref, ...props });
+var NativeSheetScrollView = React10.forwardRef(function NativeSheetScrollView2(props, ref) {
+  return /* @__PURE__ */ jsx12(ScrollView2, { ref, ...props });
 });
 function NativeSheetFlatList(props) {
-  return /* @__PURE__ */ jsx10(FlatList2, { ...props });
+  return /* @__PURE__ */ jsx12(FlatList2, { ...props });
 }
-var styles6 = StyleSheet6.create({
+var styles8 = StyleSheet8.create({
   root: {
     flex: 1,
     justifyContent: "flex-end",
     alignItems: "center"
   },
   backdrop: {
-    ...StyleSheet6.absoluteFillObject,
+    ...StyleSheet8.absoluteFillObject,
     backgroundColor: "rgba(0, 0, 0, 0.4)"
   },
   sheet: {
@@ -29129,7 +29401,7 @@ var styles6 = StyleSheet6.create({
 });
 
 // components/PageJumpModal.tsx
-import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs8 } from "react/jsx-runtime";
 function PageJumpModal({
   visible,
   currentPage,
@@ -29141,7 +29413,7 @@ function PageJumpModal({
 }) {
   const [value, setValue] = useState7(`${currentPage}`);
   const palette = getReaderSheetPalette(isDark);
-  useEffect7(() => {
+  useEffect9(() => {
     if (visible) setValue(`${currentPage}`);
   }, [currentPage, visible]);
   const confirmJump = () => {
@@ -29166,7 +29438,7 @@ function PageJumpModal({
         borderTopColor: palette.divider
       },
       children: [
-        /* @__PURE__ */ jsx11(
+        /* @__PURE__ */ jsx13(
           TextInput,
           {
             value,
@@ -29178,7 +29450,7 @@ function PageJumpModal({
             placeholder: "1",
             placeholderTextColor: palette.mutedText,
             style: [
-              styles7.input,
+              styles9.input,
               {
                 color: palette.text,
                 backgroundColor: palette.elevatedSurface,
@@ -29190,25 +29462,25 @@ function PageJumpModal({
             testID: "papyrus-page-jump-input"
           }
         ),
-        /* @__PURE__ */ jsxs8(View7, { style: styles7.actions, children: [
-          /* @__PURE__ */ jsx11(
+        /* @__PURE__ */ jsxs8(View9, { style: styles9.actions, children: [
+          /* @__PURE__ */ jsx13(
             Pressable5,
             {
               onPress: onClose,
               style: [
-                styles7.actionButton,
+                styles9.actionButton,
                 { backgroundColor: palette.closeSurface }
               ],
-              children: /* @__PURE__ */ jsx11(Text3, { style: [styles7.actionText, { color: palette.text }], children: "Cancelar" })
+              children: /* @__PURE__ */ jsx13(Text3, { style: [styles9.actionText, { color: palette.text }], children: "Cancelar" })
             }
           ),
-          /* @__PURE__ */ jsx11(
+          /* @__PURE__ */ jsx13(
             Pressable5,
             {
               onPress: confirmJump,
-              style: [styles7.actionButton, { backgroundColor: accentColor }],
+              style: [styles9.actionButton, { backgroundColor: accentColor }],
               testID: "papyrus-page-jump-confirm",
-              children: /* @__PURE__ */ jsx11(Text3, { style: [styles7.actionText, styles7.actionTextPrimary], children: "Ir" })
+              children: /* @__PURE__ */ jsx13(Text3, { style: [styles9.actionText, styles9.actionTextPrimary], children: "Ir" })
             }
           )
         ] })
@@ -29216,7 +29488,7 @@ function PageJumpModal({
     }
   );
 }
-var styles7 = StyleSheet7.create({
+var styles9 = StyleSheet9.create({
   input: {
     borderRadius: 14,
     borderWidth: 1,
@@ -29238,7 +29510,7 @@ var styles7 = StyleSheet7.create({
 });
 
 // components/Topbar.tsx
-import { Fragment as Fragment3, jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx14, jsxs as jsxs9 } from "react/jsx-runtime";
 var Topbar = ({
   engine,
   onOpenSettings,
@@ -29258,7 +29530,7 @@ var Topbar = ({
     triggerScrollToPage,
     accentColor,
     mobileChromeVisible
-  } = useViewerStore6();
+  } = useViewerStore8();
   const [jumpModalOpen, setJumpModalOpen] = useState8(false);
   const isDark = uiTheme === "dark";
   const navIconColor = isDark ? "#e5e7eb" : "#111827";
@@ -29281,15 +29553,15 @@ var Topbar = ({
     }
     setJumpModalOpen(true);
   };
-  const defaultLogo = /* @__PURE__ */ jsx12(View8, { style: [styles8.logoBadge, { backgroundColor: accentColor }], children: /* @__PURE__ */ jsx12(Text4, { style: styles8.logoText, children: "P" }) });
+  const defaultLogo = /* @__PURE__ */ jsx14(View10, { style: [styles10.logoBadge, { backgroundColor: accentColor }], children: /* @__PURE__ */ jsx14(Text4, { style: styles10.logoText, children: "P" }) });
   const logoElement = logo ?? defaultLogo;
   if (!mobileChromeVisible) return null;
   return /* @__PURE__ */ jsxs9(Fragment3, { children: [
-    /* @__PURE__ */ jsx12(
-      View8,
+    /* @__PURE__ */ jsx14(
+      View10,
       {
         style: [
-          styles8.chromeFrame,
+          styles10.chromeFrame,
           {
             paddingTop: insets.top,
             paddingLeft: MOBILE_CHROME_METRICS.screenPadding + insets.left,
@@ -29299,50 +29571,50 @@ var Topbar = ({
         pointerEvents: "box-none",
         testID: "papyrus-floating-top-controls",
         children: /* @__PURE__ */ jsxs9(
-          View8,
+          View10,
           {
             style: [
-              styles8.container,
-              isDark && styles8.containerDark,
-              isLandscape && styles8.containerLandscape
+              styles10.container,
+              isDark && styles10.containerDark,
+              isLandscape && styles10.containerLandscape
             ],
             children: [
-              /* @__PURE__ */ jsxs9(View8, { style: styles8.leftGroup, children: [
-                onLogoPress ? /* @__PURE__ */ jsx12(
+              /* @__PURE__ */ jsxs9(View10, { style: styles10.leftGroup, children: [
+                onLogoPress ? /* @__PURE__ */ jsx14(
                   Pressable6,
                   {
                     onPress: onLogoPress,
                     accessibilityRole: "button",
                     accessibilityLabel: logoAccessibilityLabel,
-                    style: styles8.logoSlot,
+                    style: styles10.logoSlot,
                     children: logoElement
                   }
-                ) : /* @__PURE__ */ jsx12(View8, { style: styles8.logoSlot, children: logoElement }),
-                /* @__PURE__ */ jsx12(
+                ) : /* @__PURE__ */ jsx14(View10, { style: styles10.logoSlot, children: logoElement }),
+                /* @__PURE__ */ jsx14(
                   Pressable6,
                   {
                     onPress: openJumpModal,
                     disabled: pageCount <= 0,
-                    style: styles8.titleHit,
+                    style: styles10.titleHit,
                     accessibilityLabel: "Open page jump",
-                    children: /* @__PURE__ */ jsx12(
+                    children: /* @__PURE__ */ jsx14(
                       Text4,
                       {
                         numberOfLines: 1,
-                        style: [styles8.brandText, isDark && styles8.brandTextDark],
+                        style: [styles10.brandText, isDark && styles10.brandTextDark],
                         children: title ?? "Papyrus"
                       }
                     )
                   }
                 )
               ] }),
-              showPageNavigationControls ? /* @__PURE__ */ jsx12(View8, { style: styles8.pageGroup, children: /* @__PURE__ */ jsxs9(Fragment3, { children: [
-                /* @__PURE__ */ jsx12(
+              showPageNavigationControls ? /* @__PURE__ */ jsx14(View10, { style: styles10.pageGroup, children: /* @__PURE__ */ jsxs9(Fragment3, { children: [
+                /* @__PURE__ */ jsx14(
                   Pressable6,
                   {
                     onPress: () => handlePageChange(-1),
-                    style: [styles8.pageButton, isDark && styles8.pageButtonDark],
-                    children: /* @__PURE__ */ jsx12(
+                    style: [styles10.pageButton, isDark && styles10.pageButtonDark],
+                    children: /* @__PURE__ */ jsx14(
                       IconChevronLeft,
                       {
                         size: MOBILE_CHROME_METRICS.iconSize,
@@ -29351,18 +29623,18 @@ var Topbar = ({
                     )
                   }
                 ),
-                /* @__PURE__ */ jsx12(
+                /* @__PURE__ */ jsx14(
                   Pressable6,
                   {
                     onPress: openJumpModal,
-                    style: styles8.pageIndicatorHit,
+                    style: styles10.pageIndicatorHit,
                     accessibilityLabel: "Page jump",
                     children: /* @__PURE__ */ jsxs9(
                       Text4,
                       {
                         style: [
-                          styles8.pageIndicator,
-                          isDark && styles8.pageIndicatorDark
+                          styles10.pageIndicator,
+                          isDark && styles10.pageIndicatorDark
                         ],
                         children: [
                           currentPage,
@@ -29373,12 +29645,12 @@ var Topbar = ({
                     )
                   }
                 ),
-                /* @__PURE__ */ jsx12(
+                /* @__PURE__ */ jsx14(
                   Pressable6,
                   {
                     onPress: () => handlePageChange(1),
-                    style: [styles8.pageButton, isDark && styles8.pageButtonDark],
-                    children: /* @__PURE__ */ jsx12(
+                    style: [styles10.pageButton, isDark && styles10.pageButtonDark],
+                    children: /* @__PURE__ */ jsx14(
                       IconChevronRight,
                       {
                         size: MOBILE_CHROME_METRICS.iconSize,
@@ -29388,13 +29660,13 @@ var Topbar = ({
                   }
                 )
               ] }) }) : null,
-              /* @__PURE__ */ jsx12(View8, { style: styles8.rightGroup, children: /* @__PURE__ */ jsx12(
+              /* @__PURE__ */ jsx14(View10, { style: styles10.rightGroup, children: /* @__PURE__ */ jsx14(
                 Pressable6,
                 {
                   onPress: () => onOpenOverflow?.() ?? onOpenSettings?.(),
-                  style: [styles8.iconButton, isDark && styles8.iconButtonDark],
+                  style: [styles10.iconButton, isDark && styles10.iconButtonDark],
                   accessibilityLabel: "Open overflow menu",
-                  children: /* @__PURE__ */ jsx12(
+                  children: /* @__PURE__ */ jsx14(
                     IconSettings,
                     {
                       size: MOBILE_CHROME_METRICS.iconSize,
@@ -29408,7 +29680,7 @@ var Topbar = ({
         )
       }
     ),
-    /* @__PURE__ */ jsx12(
+    /* @__PURE__ */ jsx14(
       PageJumpModal,
       {
         visible: jumpModalOpen,
@@ -29422,7 +29694,7 @@ var Topbar = ({
     )
   ] });
 };
-var styles8 = StyleSheet8.create({
+var styles10 = StyleSheet10.create({
   container: {
     width: "100%",
     maxWidth: MOBILE_CHROME_METRICS.maxFloatingWidth,
@@ -29583,16 +29855,16 @@ var styles8 = StyleSheet8.create({
 var Topbar_default = Topbar;
 
 // components/ToolDock.tsx
-import React11, { useEffect as useEffect8, useMemo as useMemo4, useRef as useRef7, useState as useState9 } from "react";
+import React13, { useEffect as useEffect10, useMemo as useMemo6, useRef as useRef7, useState as useState9 } from "react";
 import {
-  View as View9,
+  View as View11,
   Text as Text5,
   Pressable as Pressable7,
-  StyleSheet as StyleSheet9,
+  StyleSheet as StyleSheet11,
   ScrollView as ScrollView3,
   useWindowDimensions as useWindowDimensions5
 } from "react-native";
-import { useViewerStore as useViewerStore7 } from "@papyrus-sdk/core";
+import { useViewerStore as useViewerStore9 } from "@papyrus-sdk/core";
 
 // components/ToolDock.layout.ts
 var TOOL_DOCK_SCROLL_THRESHOLD = 420;
@@ -29620,7 +29892,7 @@ var resolveToolDockIconColor = ({
 };
 
 // components/ToolDock.tsx
-import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs10 } from "react/jsx-runtime";
 var COLOR_SWATCHES = [
   "#fbbf24",
   "#f97316",
@@ -29691,7 +29963,7 @@ var getToolVisual = (toolId) => {
       return { width: 24, iconSize: 28, offsetY: 6 };
   }
 };
-var OpacitySlider = React11.memo(function OpacitySlider2({
+var OpacitySlider = React13.memo(function OpacitySlider2({
   value,
   color,
   isDark,
@@ -29702,13 +29974,13 @@ var OpacitySlider = React11.memo(function OpacitySlider2({
   const dragValueRef = useRef7(draftValue);
   const isDraggingRef = useRef7(false);
   const frameRef = useRef7(null);
-  useEffect8(() => {
+  useEffect10(() => {
     if (!isDraggingRef.current) {
       dragValueRef.current = value;
       setDraftValue(value);
     }
   }, [value]);
-  useEffect8(() => {
+  useEffect10(() => {
     return () => {
       if (frameRef.current !== null) {
         cancelAnimationFrame(frameRef.current);
@@ -29745,10 +30017,10 @@ var OpacitySlider = React11.memo(function OpacitySlider2({
     setDraftValue(next);
     onCommit(next);
   };
-  return /* @__PURE__ */ jsx13(View9, { style: styles9.opacitySliderWrap, children: /* @__PURE__ */ jsxs10(
-    View9,
+  return /* @__PURE__ */ jsx15(View11, { style: styles11.opacitySliderWrap, children: /* @__PURE__ */ jsxs10(
+    View11,
     {
-      style: styles9.opacityTouchSurface,
+      style: styles11.opacityTouchSurface,
       onLayout: (event) => setTrackWidth(event.nativeEvent.layout.width),
       onStartShouldSetResponder: () => true,
       onMoveShouldSetResponder: () => true,
@@ -29757,12 +30029,12 @@ var OpacitySlider = React11.memo(function OpacitySlider2({
       onResponderRelease: commitDraft,
       onResponderTerminate: () => commitDraft(),
       children: [
-        /* @__PURE__ */ jsx13(View9, { style: styles9.opacityTrack }),
-        /* @__PURE__ */ jsx13(
-          View9,
+        /* @__PURE__ */ jsx15(View11, { style: styles11.opacityTrack }),
+        /* @__PURE__ */ jsx15(
+          View11,
           {
             style: [
-              styles9.opacityTrackFill,
+              styles11.opacityTrackFill,
               {
                 width: fillWidth,
                 backgroundColor: withInkAlpha(color, 0.92)
@@ -29770,11 +30042,11 @@ var OpacitySlider = React11.memo(function OpacitySlider2({
             ]
           }
         ),
-        /* @__PURE__ */ jsx13(
-          View9,
+        /* @__PURE__ */ jsx15(
+          View11,
           {
             style: [
-              styles9.opacityThumb,
+              styles11.opacityThumb,
               {
                 left: thumbOffset,
                 borderColor: isDark ? "#0f172a" : "#ffffff"
@@ -29808,7 +30080,7 @@ var ToolDock = () => {
     annotationRedoStack,
     undoAnnotations,
     redoAnnotations
-  } = useViewerStore7();
+  } = useViewerStore9();
   const [paletteExpanded, setPaletteExpanded] = useState9(false);
   const [extrasExpanded, setExtrasExpanded] = useState9(false);
   const isDark = uiTheme === "dark";
@@ -29820,7 +30092,7 @@ var ToolDock = () => {
   const iconColor = isDark ? "#e5e7eb" : "#111827";
   const labelColor = isDark ? "#e5e7eb" : "#374151";
   const utilityIconColor = isDark ? "#f8fafc" : "#111827";
-  const selectedTool = useMemo4(
+  const selectedTool = useMemo6(
     () => ALL_TOOLS.find(
       (tool) => tool.id === "ink" || tool.id === "highlight" || tool.id === "underline" ? activeTool === "ink" && activeDrawToolPreset === tool.id : isToolDockToolSelected({
         toolId: tool.id,
@@ -29837,7 +30109,7 @@ var ToolDock = () => {
   const canUndo = annotationUndoStack.length > 0;
   const canRedo = annotationRedoStack.length > 0;
   const primaryToolsRowIsScrollable = shouldUseScrollablePrimaryToolsRow(windowWidth);
-  useEffect8(() => {
+  useEffect10(() => {
     if (!nativeInkToolPickerActive) return;
     setPaletteExpanded(false);
     setExtrasExpanded(false);
@@ -29903,7 +30175,7 @@ var ToolDock = () => {
       accentColor,
       baseIconColor
     });
-    return /* @__PURE__ */ jsx13(
+    return /* @__PURE__ */ jsx15(
       Pressable7,
       {
         onPress: () => {
@@ -29911,14 +30183,14 @@ var ToolDock = () => {
           if (compact) setExtrasExpanded(false);
         },
         style: [
-          compact ? styles9.compactToolButton : styles9.toolButton,
+          compact ? styles11.compactToolButton : styles11.toolButton,
           { width: compact ? void 0 : visual.width }
         ],
-        children: /* @__PURE__ */ jsx13(
-          View9,
+        children: /* @__PURE__ */ jsx15(
+          View11,
           {
             style: [
-              compact ? styles9.compactToolIconWrap : styles9.toolIconWrap,
+              compact ? styles11.compactToolIconWrap : styles11.toolIconWrap,
               {
                 transform: [
                   { translateY: compact ? 4 : visual.offsetY },
@@ -29927,7 +30199,7 @@ var ToolDock = () => {
                 opacity: isSelected ? 1 : 0.92
               }
             ],
-            children: /* @__PURE__ */ jsx13(
+            children: /* @__PURE__ */ jsx15(
               Icon,
               {
                 size: compact ? 34 : visual.iconSize,
@@ -29940,40 +30212,40 @@ var ToolDock = () => {
       tool.id
     );
   };
-  return /* @__PURE__ */ jsx13(
-    View9,
+  return /* @__PURE__ */ jsx15(
+    View11,
     {
       pointerEvents: "box-none",
-      style: [styles9.root, { paddingBottom: chromeOffsets.toolDock }],
-      children: toolDockOpen ? /* @__PURE__ */ jsxs10(View9, { style: styles9.stack, children: [
-        paletteExpanded && showInkDockControls ? /* @__PURE__ */ jsx13(
-          View9,
+      style: [styles11.root, { paddingBottom: chromeOffsets.toolDock }],
+      children: toolDockOpen ? /* @__PURE__ */ jsxs10(View11, { style: styles11.stack, children: [
+        paletteExpanded && showInkDockControls ? /* @__PURE__ */ jsx15(
+          View11,
           {
             style: [
-              styles9.popup,
+              styles11.popup,
               {
                 backgroundColor: panelColor,
                 borderColor
               }
             ],
-            children: /* @__PURE__ */ jsx13(View9, { style: styles9.swatchRow, children: COLOR_SWATCHES.map((color) => {
+            children: /* @__PURE__ */ jsx15(View11, { style: styles11.swatchRow, children: COLOR_SWATCHES.map((color) => {
               const isSelected = annotationColor === color;
-              return /* @__PURE__ */ jsx13(
+              return /* @__PURE__ */ jsx15(
                 Pressable7,
                 {
                   onPress: () => setAnnotationColor(color),
                   style: [
-                    styles9.swatchOuter,
+                    styles11.swatchOuter,
                     {
                       borderColor: isSelected ? accentColor : "transparent",
                       backgroundColor: isSelected ? `${accentColor}12` : "transparent"
                     }
                   ],
-                  children: /* @__PURE__ */ jsx13(
-                    View9,
+                  children: /* @__PURE__ */ jsx15(
+                    View11,
                     {
                       style: [
-                        styles9.swatch,
+                        styles11.swatch,
                         {
                           backgroundColor: color,
                           borderColor: color === "#f3f4f6" ? "#d1d5db" : "transparent"
@@ -29988,31 +30260,31 @@ var ToolDock = () => {
           }
         ) : null,
         inkSettingsExpanded && showInkDockControls ? /* @__PURE__ */ jsxs10(
-          View9,
+          View11,
           {
             style: [
-              styles9.popup,
-              styles9.inkPopup,
+              styles11.popup,
+              styles11.inkPopup,
               {
                 backgroundColor: panelColor,
                 borderColor
               }
             ],
             children: [
-              /* @__PURE__ */ jsx13(View9, { style: styles9.inkPreviewRow, children: INK_WIDTHS.map((width) => {
+              /* @__PURE__ */ jsx15(View11, { style: styles11.inkPreviewRow, children: INK_WIDTHS.map((width) => {
                 const selected = Math.abs(inkStrokeWidth - width) < 5e-4;
-                return /* @__PURE__ */ jsx13(
+                return /* @__PURE__ */ jsx15(
                   Pressable7,
                   {
                     onPress: () => setInkStrokeWidth(width),
                     style: [
-                      styles9.inkWidthButton,
+                      styles11.inkWidthButton,
                       selected && {
                         backgroundColor: `${accentColor}12`,
                         borderColor: `${accentColor}30`
                       }
                     ],
-                    children: /* @__PURE__ */ jsx13(View9, { style: styles9.inkNib, children: /* @__PURE__ */ jsx13(
+                    children: /* @__PURE__ */ jsx15(View11, { style: styles11.inkNib, children: /* @__PURE__ */ jsx15(
                       IconToolInk,
                       {
                         size: Math.round(18 + width * 1200),
@@ -30023,7 +30295,7 @@ var ToolDock = () => {
                   width
                 );
               }) }),
-              /* @__PURE__ */ jsx13(
+              /* @__PURE__ */ jsx15(
                 OpacitySlider,
                 {
                   value: annotationOpacity,
@@ -30035,55 +30307,55 @@ var ToolDock = () => {
             ]
           }
         ) : null,
-        extrasExpanded ? /* @__PURE__ */ jsx13(
-          View9,
+        extrasExpanded ? /* @__PURE__ */ jsx15(
+          View11,
           {
             style: [
-              styles9.popup,
-              styles9.extrasPopup,
+              styles11.popup,
+              styles11.extrasPopup,
               {
                 backgroundColor: panelColor,
                 borderColor
               }
             ],
-            children: /* @__PURE__ */ jsx13(View9, { style: styles9.compactToolsRow, children: EXTRA_TOOLS.map((tool) => renderToolButton(tool, true)) })
+            children: /* @__PURE__ */ jsx15(View11, { style: styles11.compactToolsRow, children: EXTRA_TOOLS.map((tool) => renderToolButton(tool, true)) })
           }
         ) : null,
-        /* @__PURE__ */ jsx13(
-          View9,
+        /* @__PURE__ */ jsx15(
+          View11,
           {
             style: [
-              styles9.container,
+              styles11.container,
               {
                 backgroundColor: panelColor,
                 borderColor
               }
             ],
-            children: primaryToolsRowIsScrollable ? /* @__PURE__ */ jsx13(
+            children: primaryToolsRowIsScrollable ? /* @__PURE__ */ jsx15(
               ScrollView3,
               {
                 horizontal: true,
                 bounces: false,
                 showsHorizontalScrollIndicator: false,
-                style: styles9.primaryToolsScrollView,
+                style: styles11.primaryToolsScrollView,
                 contentContainerStyle: [
-                  styles9.primaryToolsRow,
-                  styles9.primaryToolsRowScrollableContent
+                  styles11.primaryToolsRow,
+                  styles11.primaryToolsRowScrollableContent
                 ],
-                children: /* @__PURE__ */ jsxs10(View9, { style: styles9.primaryToolsRowInner, children: [
-                  /* @__PURE__ */ jsxs10(View9, { style: styles9.historyGroup, children: [
-                    /* @__PURE__ */ jsx13(
+                children: /* @__PURE__ */ jsxs10(View11, { style: styles11.primaryToolsRowInner, children: [
+                  /* @__PURE__ */ jsxs10(View11, { style: styles11.historyGroup, children: [
+                    /* @__PURE__ */ jsx15(
                       Pressable7,
                       {
                         onPress: undoAnnotations,
                         disabled: !canUndo,
                         style: [
-                          styles9.utilityButton,
-                          styles9.historyButton,
+                          styles11.utilityButton,
+                          styles11.historyButton,
                           { backgroundColor: buttonColor },
-                          !canUndo && styles9.disabledButton
+                          !canUndo && styles11.disabledButton
                         ],
-                        children: /* @__PURE__ */ jsx13(
+                        children: /* @__PURE__ */ jsx15(
                           IconUndo,
                           {
                             size: MOBILE_CHROME_METRICS.toolDockHistoryIconSize,
@@ -30093,18 +30365,18 @@ var ToolDock = () => {
                         )
                       }
                     ),
-                    /* @__PURE__ */ jsx13(
+                    /* @__PURE__ */ jsx15(
                       Pressable7,
                       {
                         onPress: redoAnnotations,
                         disabled: !canRedo,
                         style: [
-                          styles9.utilityButton,
-                          styles9.historyButton,
+                          styles11.utilityButton,
+                          styles11.historyButton,
                           { backgroundColor: buttonColor },
-                          !canRedo && styles9.disabledButton
+                          !canRedo && styles11.disabledButton
                         ],
-                        children: /* @__PURE__ */ jsx13(
+                        children: /* @__PURE__ */ jsx15(
                           IconRedo,
                           {
                             size: MOBILE_CHROME_METRICS.toolDockHistoryIconSize,
@@ -30115,9 +30387,9 @@ var ToolDock = () => {
                       }
                     )
                   ] }),
-                  /* @__PURE__ */ jsx13(View9, { style: styles9.toolsGroup, children: PRIMARY_TOOLS.map((tool) => renderToolButton(tool)) }),
-                  /* @__PURE__ */ jsxs10(View9, { style: styles9.controlsGroup, children: [
-                    /* @__PURE__ */ jsx13(
+                  /* @__PURE__ */ jsx15(View11, { style: styles11.toolsGroup, children: PRIMARY_TOOLS.map((tool) => renderToolButton(tool)) }),
+                  /* @__PURE__ */ jsxs10(View11, { style: styles11.controlsGroup, children: [
+                    /* @__PURE__ */ jsx15(
                       Pressable7,
                       {
                         onPress: () => {
@@ -30125,16 +30397,16 @@ var ToolDock = () => {
                           setPaletteExpanded(false);
                         },
                         style: [
-                          styles9.utilityButton,
+                          styles11.utilityButton,
                           {
                             backgroundColor: extrasExpanded ? `${accentColor}12` : buttonColor
                           }
                         ],
-                        children: /* @__PURE__ */ jsx13(
+                        children: /* @__PURE__ */ jsx15(
                           Text5,
                           {
                             style: [
-                              styles9.utilityLabel,
+                              styles11.utilityLabel,
                               { color: extrasExpanded ? accentColor : utilityIconColor }
                             ],
                             children: "+"
@@ -30142,15 +30414,15 @@ var ToolDock = () => {
                         )
                       }
                     ),
-                    /* @__PURE__ */ jsx13(
+                    /* @__PURE__ */ jsx15(
                       Pressable7,
                       {
                         onPress: () => {
                           setPaletteExpanded((value) => !value);
                           setExtrasExpanded(false);
                         },
-                        style: styles9.colorButton,
-                        children: /* @__PURE__ */ jsx13(
+                        style: styles11.colorButton,
+                        children: /* @__PURE__ */ jsx15(
                           IconColorRing,
                           {
                             size: 30,
@@ -30160,7 +30432,7 @@ var ToolDock = () => {
                         )
                       }
                     ),
-                    /* @__PURE__ */ jsx13(
+                    /* @__PURE__ */ jsx15(
                       Pressable7,
                       {
                         onPress: () => setDocumentState(
@@ -30170,10 +30442,10 @@ var ToolDock = () => {
                           })
                         ),
                         style: [
-                          styles9.utilityButton,
+                          styles11.utilityButton,
                           { backgroundColor: buttonColor }
                         ],
-                        children: /* @__PURE__ */ jsx13(
+                        children: /* @__PURE__ */ jsx15(
                           IconClose,
                           {
                             size: 15,
@@ -30186,20 +30458,20 @@ var ToolDock = () => {
                   ] })
                 ] })
               }
-            ) : /* @__PURE__ */ jsxs10(View9, { style: styles9.primaryToolsRow, children: [
-              /* @__PURE__ */ jsxs10(View9, { style: styles9.historyGroup, children: [
-                /* @__PURE__ */ jsx13(
+            ) : /* @__PURE__ */ jsxs10(View11, { style: styles11.primaryToolsRow, children: [
+              /* @__PURE__ */ jsxs10(View11, { style: styles11.historyGroup, children: [
+                /* @__PURE__ */ jsx15(
                   Pressable7,
                   {
                     onPress: undoAnnotations,
                     disabled: !canUndo,
                     style: [
-                      styles9.utilityButton,
-                      styles9.historyButton,
+                      styles11.utilityButton,
+                      styles11.historyButton,
                       { backgroundColor: buttonColor },
-                      !canUndo && styles9.disabledButton
+                      !canUndo && styles11.disabledButton
                     ],
-                    children: /* @__PURE__ */ jsx13(
+                    children: /* @__PURE__ */ jsx15(
                       IconUndo,
                       {
                         size: MOBILE_CHROME_METRICS.toolDockHistoryIconSize,
@@ -30209,18 +30481,18 @@ var ToolDock = () => {
                     )
                   }
                 ),
-                /* @__PURE__ */ jsx13(
+                /* @__PURE__ */ jsx15(
                   Pressable7,
                   {
                     onPress: redoAnnotations,
                     disabled: !canRedo,
                     style: [
-                      styles9.utilityButton,
-                      styles9.historyButton,
+                      styles11.utilityButton,
+                      styles11.historyButton,
                       { backgroundColor: buttonColor },
-                      !canRedo && styles9.disabledButton
+                      !canRedo && styles11.disabledButton
                     ],
-                    children: /* @__PURE__ */ jsx13(
+                    children: /* @__PURE__ */ jsx15(
                       IconRedo,
                       {
                         size: MOBILE_CHROME_METRICS.toolDockHistoryIconSize,
@@ -30231,9 +30503,9 @@ var ToolDock = () => {
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsx13(View9, { style: styles9.toolsGroup, children: PRIMARY_TOOLS.map((tool) => renderToolButton(tool)) }),
-              /* @__PURE__ */ jsxs10(View9, { style: styles9.controlsGroup, children: [
-                /* @__PURE__ */ jsx13(
+              /* @__PURE__ */ jsx15(View11, { style: styles11.toolsGroup, children: PRIMARY_TOOLS.map((tool) => renderToolButton(tool)) }),
+              /* @__PURE__ */ jsxs10(View11, { style: styles11.controlsGroup, children: [
+                /* @__PURE__ */ jsx15(
                   Pressable7,
                   {
                     onPress: () => {
@@ -30241,16 +30513,16 @@ var ToolDock = () => {
                       setPaletteExpanded(false);
                     },
                     style: [
-                      styles9.utilityButton,
+                      styles11.utilityButton,
                       {
                         backgroundColor: extrasExpanded ? `${accentColor}12` : buttonColor
                       }
                     ],
-                    children: /* @__PURE__ */ jsx13(
+                    children: /* @__PURE__ */ jsx15(
                       Text5,
                       {
                         style: [
-                          styles9.utilityLabel,
+                          styles11.utilityLabel,
                           { color: extrasExpanded ? accentColor : utilityIconColor }
                         ],
                         children: "+"
@@ -30258,15 +30530,15 @@ var ToolDock = () => {
                     )
                   }
                 ),
-                /* @__PURE__ */ jsx13(
+                /* @__PURE__ */ jsx15(
                   Pressable7,
                   {
                     onPress: () => {
                       setPaletteExpanded((value) => !value);
                       setExtrasExpanded(false);
                     },
-                    style: styles9.colorButton,
-                    children: /* @__PURE__ */ jsx13(
+                    style: styles11.colorButton,
+                    children: /* @__PURE__ */ jsx15(
                       IconColorRing,
                       {
                         size: 30,
@@ -30276,7 +30548,7 @@ var ToolDock = () => {
                     )
                   }
                 ),
-                /* @__PURE__ */ jsx13(
+                /* @__PURE__ */ jsx15(
                   Pressable7,
                   {
                     onPress: () => setDocumentState(
@@ -30285,8 +30557,8 @@ var ToolDock = () => {
                         interactionMode
                       })
                     ),
-                    style: [styles9.utilityButton, { backgroundColor: buttonColor }],
-                    children: /* @__PURE__ */ jsx13(
+                    style: [styles11.utilityButton, { backgroundColor: buttonColor }],
+                    children: /* @__PURE__ */ jsx15(
                       IconClose,
                       {
                         size: 15,
@@ -30304,9 +30576,9 @@ var ToolDock = () => {
     }
   );
 };
-var styles9 = StyleSheet9.create({
+var styles11 = StyleSheet11.create({
   root: {
-    ...StyleSheet9.absoluteFillObject,
+    ...StyleSheet11.absoluteFillObject,
     alignItems: "center",
     justifyContent: "flex-end",
     paddingHorizontal: MOBILE_CHROME_METRICS.screenPadding,
@@ -30551,8 +30823,8 @@ var ToolDock_default = ToolDock;
 // components/RightSheet.tsx
 import {
   useCallback as useCallback5,
-  useEffect as useEffect9,
-  useMemo as useMemo5,
+  useEffect as useEffect11,
+  useMemo as useMemo7,
   useRef as useRef8,
   useState as useState10
 } from "react";
@@ -30560,14 +30832,14 @@ import {
   Image as Image2,
   Platform as Platform5,
   Pressable as Pressable8,
-  StyleSheet as StyleSheet10,
+  StyleSheet as StyleSheet12,
   Text as Text6,
   UIManager,
-  View as View10,
+  View as View12,
   findNodeHandle as findNodeHandle2,
   useWindowDimensions as useWindowDimensions6
 } from "react-native";
-import { useViewerStore as useViewerStore8 } from "@papyrus-sdk/core";
+import { useViewerStore as useViewerStore10 } from "@papyrus-sdk/core";
 import { PapyrusPageView as PapyrusPageView2 } from "@papyrus-sdk/engine-native";
 
 // components/rightSheetLayout.ts
@@ -30598,7 +30870,7 @@ var resolveNoteQuoteParts = (content) => ({
 });
 
 // components/RightSheet.tsx
-import { jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs11 } from "react/jsx-runtime";
 var THUMBNAILS_INITIAL_NUM_TO_RENDER = 4;
 var THUMBNAILS_WINDOW_SIZE = 5;
 var THUMBNAILS_MAX_TO_RENDER_PER_BATCH = 6;
@@ -30635,7 +30907,7 @@ var PageThumbnail = ({
   const viewRef = useRef8(null);
   const [layoutReady, setLayoutReady] = useState10(false);
   const [previewUri, setPreviewUri] = useState10(null);
-  useEffect9(() => {
+  useEffect11(() => {
     if (!layoutReady || !useNativePreview || !shouldRenderPreview) return;
     const viewTag = findNodeHandle2(viewRef.current);
     if (!viewTag) return;
@@ -30650,7 +30922,7 @@ var PageThumbnail = ({
     useNativePreview,
     zoom
   ]);
-  useEffect9(() => {
+  useEffect11(() => {
     if (!useImagePreview || !shouldRenderPreview) {
       setPreviewUri(null);
       return;
@@ -30678,35 +30950,35 @@ var PageThumbnail = ({
     {
       onPress,
       style: [
-        styles10.thumbCard,
+        styles12.thumbCard,
         { width: cardWidth },
-        isDark && styles10.thumbCardDark,
-        isActive && styles10.thumbCardActive,
+        isDark && styles12.thumbCardDark,
+        isActive && styles12.thumbCardActive,
         isActive && { borderColor: accentColor }
       ],
       children: [
-        /* @__PURE__ */ jsx14(
-          View10,
+        /* @__PURE__ */ jsx16(
+          View12,
           {
             onLayout: handleLayout,
-            style: [styles10.thumbFrame, { width: frameWidth, height: frameHeight }],
-            children: useNativePreview && shouldRenderPreview ? /* @__PURE__ */ jsx14(PapyrusPageView2, { ref: viewRef, style: styles10.thumbView }) : useImagePreview && shouldRenderPreview && previewUri ? /* @__PURE__ */ jsx14(
+            style: [styles12.thumbFrame, { width: frameWidth, height: frameHeight }],
+            children: useNativePreview && shouldRenderPreview ? /* @__PURE__ */ jsx16(PapyrusPageView2, { ref: viewRef, style: styles12.thumbView }) : useImagePreview && shouldRenderPreview && previewUri ? /* @__PURE__ */ jsx16(
               Image2,
               {
                 source: { uri: previewUri },
                 resizeMode: "contain",
-                style: styles10.thumbImage
+                style: styles12.thumbImage
               }
-            ) : /* @__PURE__ */ jsx14(
-              View10,
+            ) : /* @__PURE__ */ jsx16(
+              View12,
               {
-                style: [styles10.thumbFallback, isDark && styles10.thumbFallbackDark],
-                children: /* @__PURE__ */ jsx14(
+                style: [styles12.thumbFallback, isDark && styles12.thumbFallbackDark],
+                children: /* @__PURE__ */ jsx16(
                   Text6,
                   {
                     style: [
-                      styles10.thumbFallbackText,
-                      isDark && styles10.thumbFallbackTextDark
+                      styles12.thumbFallbackText,
+                      isDark && styles12.thumbFallbackTextDark
                     ],
                     children: pageIndex + 1
                   }
@@ -30715,7 +30987,7 @@ var PageThumbnail = ({
             )
           }
         ),
-        /* @__PURE__ */ jsx14(Text6, { style: [styles10.thumbLabel, isDark && styles10.thumbLabelDark], children: pageIndex + 1 })
+        /* @__PURE__ */ jsx16(Text6, { style: [styles12.thumbLabel, isDark && styles12.thumbLabelDark], children: pageIndex + 1 })
       ]
     }
   );
@@ -30723,21 +30995,21 @@ 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__ */ jsxs11(View10, { children: [
-    /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsxs11(View12, { children: [
+    /* @__PURE__ */ jsx16(
       Pressable8,
       {
         onPress: () => {
           if (isClickable) onSelect(item.pageIndex);
         },
-        style: [styles10.outlineRow, { paddingLeft: 12 + depth * 12 }],
-        children: /* @__PURE__ */ jsx14(
+        style: [styles12.outlineRow, { paddingLeft: 12 + depth * 12 }],
+        children: /* @__PURE__ */ jsx16(
           Text6,
           {
             style: [
-              styles10.outlineText,
-              isDark && styles10.outlineTextDark,
-              !isClickable && styles10.outlineTextMuted
+              styles12.outlineText,
+              isDark && styles12.outlineTextDark,
+              !isClickable && styles12.outlineTextMuted
             ],
             numberOfLines: 2,
             children: item.title || untitledLabel
@@ -30745,7 +31017,7 @@ var OutlineNode = ({ item, depth = 0, isDark, onSelect, untitledLabel }) => {
         )
       }
     ),
-    hasChildren ? item.children.map((child, index) => /* @__PURE__ */ jsx14(
+    hasChildren ? item.children.map((child, index) => /* @__PURE__ */ jsx16(
       OutlineNode,
       {
         item: child,
@@ -30779,12 +31051,12 @@ var RightSheet = ({
     zoom,
     locale,
     accentColor
-  } = useViewerStore8();
+  } = useViewerStore10();
   const { height: windowHeight, width: windowWidth } = useWindowDimensions6();
   const [pagesMode, setPagesMode] = useState10(
     documentType === "pdf" || documentType === "comic" ? "thumbnails" : "summary"
   );
-  useEffect9(() => {
+  useEffect11(() => {
     setPagesMode(
       documentType === "pdf" || documentType === "comic" ? "thumbnails" : "summary"
     );
@@ -30810,7 +31082,7 @@ var RightSheet = ({
   const thumbnailRefreshTimeoutRef = useRef8(null);
   const [thumbnailLayoutRevision, setThumbnailLayoutRevision] = useState10(0);
   const [visibleThumbnailPages, setVisibleThumbnailPages] = useState10(() => /* @__PURE__ */ new Set());
-  const resolvedThumbsInitialCount = useMemo5(
+  const resolvedThumbsInitialCount = useMemo7(
     () => resolvePositiveInt2(
       thumbsInitialCount,
       THUMBNAILS_INITIAL_NUM_TO_RENDER,
@@ -30879,7 +31151,7 @@ var RightSheet = ({
     },
     [frameWidth, thumbnailLayoutRevision]
   );
-  useEffect9(
+  useEffect11(
     () => () => {
       if (thumbnailRefreshTimeoutRef.current) {
         clearTimeout(thumbnailRefreshTimeoutRef.current);
@@ -30887,11 +31159,11 @@ var RightSheet = ({
     },
     []
   );
-  useEffect9(() => {
+  useEffect11(() => {
     if (sidebarRightOpen) return;
     setVisibleThumbnailPages(/* @__PURE__ */ new Set());
   }, [sidebarRightOpen]);
-  useEffect9(() => {
+  useEffect11(() => {
     if (!sidebarRightOpen || sidebarRightTab !== "pages") return;
     if (activeMobileDestination === "pages") {
       setPagesMode("thumbnails");
@@ -30899,7 +31171,7 @@ var RightSheet = ({
     }
     setPagesMode("summary");
   }, [activeMobileDestination, sidebarRightOpen, sidebarRightTab]);
-  useEffect9(() => {
+  useEffect11(() => {
     if (!sidebarRightOpen || sidebarRightTab !== "pages") return;
     if (pagesMode !== "thumbnails" || !supportsThumbnails) return;
     if (pageCount <= 0) return;
@@ -30929,11 +31201,11 @@ var RightSheet = ({
     sidebarRightTab,
     supportsThumbnails
   ]);
-  const pages = useMemo5(
+  const pages = useMemo7(
     () => Array.from({ length: pageCount }, (_, i) => i),
     [pageCount]
   );
-  const progressEntries = useMemo5(
+  const progressEntries = useMemo7(
     () => pages.map((pageIndex) => ({
       pageIndex,
       percent: pageCount <= 1 ? 100 : Math.round((pageIndex + 1) / pageCount * 100)
@@ -30960,7 +31232,7 @@ var RightSheet = ({
   const renderThumbnailItem = useCallback5(
     ({ item }) => {
       const shouldRenderPreview = (useNativePreview || useImagePreview) && (visibleThumbnailPages.has(item) || item < resolvedThumbsPrewarmCount || Math.abs(item + 1 - currentPage) <= 1);
-      return /* @__PURE__ */ jsx14(
+      return /* @__PURE__ */ jsx16(
         PageThumbnail,
         {
           engine,
@@ -30996,7 +31268,7 @@ var RightSheet = ({
     ]
   );
   if (!sidebarRightOpen) return null;
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx16(
     NativeSheet,
     {
       visible: sidebarRightOpen,
@@ -31008,20 +31280,20 @@ var RightSheet = ({
         backgroundColor: palette.surface,
         borderTopColor: palette.divider
       },
-      children: /* @__PURE__ */ jsxs11(View10, { style: styles10.sheet, children: [
-        /* @__PURE__ */ jsxs11(View10, { style: styles10.header, children: [
-          /* @__PURE__ */ jsx14(Text6, { style: [styles10.sheetTitle, isDark && styles10.sheetTitleDark], children: showingNotes ? t.notes : navigationTitle }),
-          !showingNotes ? /* @__PURE__ */ jsx14(
+      children: /* @__PURE__ */ jsxs11(View12, { style: styles12.sheet, children: [
+        /* @__PURE__ */ jsxs11(View12, { style: styles12.header, children: [
+          /* @__PURE__ */ jsx16(Text6, { style: [styles12.sheetTitle, isDark && styles12.sheetTitleDark], children: showingNotes ? t.notes : navigationTitle }),
+          !showingNotes ? /* @__PURE__ */ jsx16(
             Pressable8,
             {
               onPress: showingProgress ? void 0 : onOpenPageJump,
               disabled: showingProgress || pageCount <= 0,
-              style: styles10.pageStatusHit,
+              style: styles12.pageStatusHit,
               accessibilityLabel: "Open page jump",
-              children: /* @__PURE__ */ jsx14(
+              children: /* @__PURE__ */ jsx16(
                 Text6,
                 {
-                  style: [styles10.pageStatus, isDark && styles10.pageStatusDark],
+                  style: [styles12.pageStatus, isDark && styles12.pageStatusDark],
                   children: showingProgress ? `${Math.round(
                     currentPage / Math.max(pageCount, 1) * 100
                   )}%` : `${currentPage}/${pageCount}`
@@ -31029,65 +31301,65 @@ var RightSheet = ({
               )
             }
           ) : null,
-          /* @__PURE__ */ jsx14(
+          /* @__PURE__ */ jsx16(
             Pressable8,
             {
               accessibilityRole: "button",
               accessibilityLabel: `${t.close} ${showingNotes ? t.notes.toLowerCase() : t.contents.toLowerCase()}`,
               onPress: closeSheet,
-              style: [styles10.closeButton, isDark && styles10.closeButtonDark],
-              children: /* @__PURE__ */ jsx14(IconClose, { size: 18, color: palette.text })
+              style: [styles12.closeButton, isDark && styles12.closeButtonDark],
+              children: /* @__PURE__ */ jsx16(IconClose, { size: 18, color: palette.text })
             }
           )
         ] }),
-        !showingNotes ? /* @__PURE__ */ jsxs11(View10, { style: styles10.pagesContent, children: [
-          !showingProgress ? /* @__PURE__ */ jsx14(View10, { style: styles10.pageHeader, children: /* @__PURE__ */ jsxs11(
-            View10,
+        !showingNotes ? /* @__PURE__ */ jsxs11(View12, { style: styles12.pagesContent, children: [
+          !showingProgress ? /* @__PURE__ */ jsx16(View12, { style: styles12.pageHeader, children: /* @__PURE__ */ jsxs11(
+            View12,
             {
-              style: [styles10.segmented, isDark && styles10.segmentedDark],
+              style: [styles12.segmented, isDark && styles12.segmentedDark],
               children: [
-                supportsThumbnails ? /* @__PURE__ */ jsx14(
+                supportsThumbnails ? /* @__PURE__ */ jsx16(
                   Pressable8,
                   {
                     onPress: () => setPagesMode("thumbnails"),
                     style: [
-                      styles10.segmentButton,
-                      pagesMode === "thumbnails" && styles10.segmentButtonActive,
+                      styles12.segmentButton,
+                      pagesMode === "thumbnails" && styles12.segmentButtonActive,
                       pagesMode === "thumbnails" && {
                         backgroundColor: accentColor
                       }
                     ],
-                    children: /* @__PURE__ */ jsx14(
+                    children: /* @__PURE__ */ jsx16(
                       Text6,
                       {
                         style: [
-                          styles10.segmentText,
-                          isDark && styles10.segmentTextDark,
-                          pagesMode === "thumbnails" && styles10.segmentTextActive
+                          styles12.segmentText,
+                          isDark && styles12.segmentTextDark,
+                          pagesMode === "thumbnails" && styles12.segmentTextActive
                         ],
                         children: thumbnailLabel
                       }
                     )
                   }
                 ) : null,
-                /* @__PURE__ */ jsx14(
+                /* @__PURE__ */ jsx16(
                   Pressable8,
                   {
                     onPress: () => setPagesMode("summary"),
                     style: [
-                      styles10.segmentButton,
-                      pagesMode === "summary" && styles10.segmentButtonActive,
+                      styles12.segmentButton,
+                      pagesMode === "summary" && styles12.segmentButtonActive,
                       pagesMode === "summary" && {
                         backgroundColor: accentColor
                       }
                     ],
-                    children: /* @__PURE__ */ jsx14(
+                    children: /* @__PURE__ */ jsx16(
                       Text6,
                       {
                         style: [
-                          styles10.segmentText,
-                          isDark && styles10.segmentTextDark,
-                          pagesMode === "summary" && styles10.segmentTextActive
+                          styles12.segmentText,
+                          isDark && styles12.segmentTextDark,
+                          pagesMode === "summary" && styles12.segmentTextActive
                         ],
                         children: summaryLabel
                       }
@@ -31097,14 +31369,14 @@ var RightSheet = ({
               ]
             }
           ) }) : null,
-          supportsThumbnails && !showingProgress && pagesMode === "thumbnails" ? /* @__PURE__ */ jsx14(
+          supportsThumbnails && !showingProgress && pagesMode === "thumbnails" ? /* @__PURE__ */ jsx16(
             NativeSheetFlatList,
             {
               data: pages,
               keyExtractor: (item) => `thumb-${item}`,
               numColumns: 2,
-              contentContainerStyle: styles10.thumbGrid,
-              columnWrapperStyle: styles10.thumbRow,
+              contentContainerStyle: styles12.thumbGrid,
+              columnWrapperStyle: styles12.thumbRow,
               showsVerticalScrollIndicator: false,
               initialNumToRender: normalizedThumbsInitialCount,
               windowSize: THUMBNAILS_WINDOW_SIZE,
@@ -31117,10 +31389,10 @@ var RightSheet = ({
               onViewableItemsChanged: onThumbnailsViewableItemsChanged,
               renderItem: renderThumbnailItem
             }
-          ) : showingProgress ? /* @__PURE__ */ jsx14(
+          ) : showingProgress ? /* @__PURE__ */ jsx16(
             NativeSheetScrollView,
             {
-              contentContainerStyle: styles10.summaryContent,
+              contentContainerStyle: styles12.summaryContent,
               showsVerticalScrollIndicator: false,
               children: progressEntries.map((entry) => {
                 const isActive = entry.pageIndex + 1 === currentPage;
@@ -31129,8 +31401,8 @@ var RightSheet = ({
                   {
                     onPress: () => jumpToPage(entry.pageIndex),
                     style: [
-                      styles10.progressRow,
-                      isDark && styles10.progressRowDark,
+                      styles12.progressRow,
+                      isDark && styles12.progressRowDark,
                       isActive && { borderColor: accentColor }
                     ],
                     children: [
@@ -31138,8 +31410,8 @@ var RightSheet = ({
                         Text6,
                         {
                           style: [
-                            styles10.progressLabel,
-                            isDark && styles10.progressLabelDark
+                            styles12.progressLabel,
+                            isDark && styles12.progressLabelDark
                           ],
                           children: [
                             entry.percent,
@@ -31151,8 +31423,8 @@ var RightSheet = ({
                         Text6,
                         {
                           style: [
-                            styles10.progressMeta,
-                            isDark && styles10.progressMetaDark
+                            styles12.progressMeta,
+                            isDark && styles12.progressMetaDark
                           ],
                           children: [
                             t.page,
@@ -31167,18 +31439,18 @@ var RightSheet = ({
                 );
               })
             }
-          ) : /* @__PURE__ */ jsx14(
+          ) : /* @__PURE__ */ jsx16(
             NativeSheetScrollView,
             {
-              contentContainerStyle: styles10.summaryContent,
+              contentContainerStyle: styles12.summaryContent,
               showsVerticalScrollIndicator: false,
-              children: outline.length === 0 ? /* @__PURE__ */ jsx14(
+              children: outline.length === 0 ? /* @__PURE__ */ jsx16(
                 Text6,
                 {
-                  style: [styles10.emptyText, isDark && styles10.emptyTextDark],
+                  style: [styles12.emptyText, isDark && styles12.emptyTextDark],
                   children: t.noSummary
                 }
-              ) : outline.map((item, index) => /* @__PURE__ */ jsx14(
+              ) : outline.map((item, index) => /* @__PURE__ */ jsx16(
                 OutlineNode,
                 {
                   item,
@@ -31190,12 +31462,12 @@ var RightSheet = ({
               ))
             }
           )
-        ] }) : /* @__PURE__ */ jsx14(
+        ] }) : /* @__PURE__ */ jsx16(
           NativeSheetScrollView,
           {
-            contentContainerStyle: styles10.notesContent,
+            contentContainerStyle: styles12.notesContent,
             showsVerticalScrollIndicator: false,
-            children: annotations.length === 0 ? /* @__PURE__ */ jsx14(Text6, { style: [styles10.emptyText, isDark && styles10.emptyTextDark], children: t.noAnnotations }) : /* @__PURE__ */ jsx14(View10, { children: annotations.map((ann) => /* @__PURE__ */ jsxs11(
+            children: annotations.length === 0 ? /* @__PURE__ */ jsx16(Text6, { style: [styles12.emptyText, isDark && styles12.emptyTextDark], children: t.noAnnotations }) : /* @__PURE__ */ jsx16(View12, { children: annotations.map((ann) => /* @__PURE__ */ jsxs11(
               Pressable8,
               {
                 onPress: () => {
@@ -31204,47 +31476,47 @@ var RightSheet = ({
                   closeSheet();
                 },
                 style: [
-                  styles10.noteCard,
+                  styles12.noteCard,
                   {
                     backgroundColor: palette.elevatedSurface,
                     borderColor: palette.divider
                   }
                 ],
                 children: [
-                  /* @__PURE__ */ jsxs11(View10, { style: styles10.noteHeader, children: [
-                    /* @__PURE__ */ jsx14(
-                      View10,
+                  /* @__PURE__ */ jsxs11(View12, { style: styles12.noteHeader, children: [
+                    /* @__PURE__ */ jsx16(
+                      View12,
                       {
-                        style: [styles10.noteDot, { backgroundColor: ann.color }]
+                        style: [styles12.noteDot, { backgroundColor: ann.color }]
                       }
                     ),
-                    /* @__PURE__ */ jsxs11(Text6, { style: [styles10.noteTitle, { color: palette.text }], children: [
+                    /* @__PURE__ */ jsxs11(Text6, { style: [styles12.noteTitle, { color: palette.text }], children: [
                       t.page,
                       " ",
                       ann.pageIndex + 1
                     ] })
                   ] }),
-                  /* @__PURE__ */ jsx14(Text6, { style: [styles10.noteType, { color: accentColor }], children: getAnnotationKindLabel(ann.type, locale) }),
+                  /* @__PURE__ */ jsx16(Text6, { style: [styles12.noteType, { color: accentColor }], children: getAnnotationKindLabel(ann.type, locale) }),
                   ann.content ? (() => {
                     const parts = resolveNoteQuoteParts(
                       ann.content ?? ""
                     );
-                    return /* @__PURE__ */ jsxs11(View10, { style: styles10.noteQuoteRow, children: [
-                      /* @__PURE__ */ jsx14(
-                        View10,
+                    return /* @__PURE__ */ jsxs11(View12, { style: styles12.noteQuoteRow, children: [
+                      /* @__PURE__ */ jsx16(
+                        View12,
                         {
                           accessible: false,
                           importantForAccessibility: "no",
-                          style: styles10.noteQuoteIconStart,
-                          children: /* @__PURE__ */ jsx14(IconQuote, { size: 18, color: accentColor })
+                          style: styles12.noteQuoteIconStart,
+                          children: /* @__PURE__ */ jsx16(IconQuote, { size: 18, color: accentColor })
                         }
                       ),
                       /* @__PURE__ */ jsxs11(
                         Text6,
                         {
                           style: [
-                            styles10.noteContent,
-                            styles10.noteQuoteText,
+                            styles12.noteContent,
+                            styles12.noteQuoteText,
                             { color: palette.mutedText }
                           ],
                           children: [
@@ -31256,13 +31528,13 @@ var RightSheet = ({
                           ]
                         }
                       ),
-                      /* @__PURE__ */ jsx14(
-                        View10,
+                      /* @__PURE__ */ jsx16(
+                        View12,
                         {
                           accessible: false,
                           importantForAccessibility: "no",
-                          style: styles10.noteQuoteIconEnd,
-                          children: /* @__PURE__ */ jsx14(IconQuote, { size: 18, color: accentColor })
+                          style: styles12.noteQuoteIconEnd,
+                          children: /* @__PURE__ */ jsx16(IconQuote, { size: 18, color: accentColor })
                         }
                       )
                     ] });
@@ -31277,7 +31549,7 @@ var RightSheet = ({
     }
   );
 };
-var styles10 = StyleSheet10.create({
+var styles12 = StyleSheet12.create({
   sheet: {
     flex: 1,
     maxHeight: "100%",
@@ -31563,17 +31835,17 @@ var styles10 = StyleSheet10.create({
 var RightSheet_default = RightSheet;
 
 // components/AnnotationEditor.tsx
-import { useEffect as useEffect10, useState as useState11 } from "react";
+import { useEffect as useEffect12, useState as useState11 } from "react";
 import {
   Modal as Modal2,
-  View as View11,
+  View as View13,
   Text as Text7,
   TextInput as TextInput2,
   Pressable as Pressable9,
-  StyleSheet as StyleSheet11
+  StyleSheet as StyleSheet13
 } from "react-native";
-import { useViewerStore as useViewerStore9 } from "@papyrus-sdk/core";
-import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
+import { useViewerStore as useViewerStore11 } from "@papyrus-sdk/core";
+import { jsx as jsx17, jsxs as jsxs12 } from "react/jsx-runtime";
 var AnnotationEditor = () => {
   const {
     annotations,
@@ -31584,13 +31856,13 @@ var AnnotationEditor = () => {
     uiTheme,
     locale,
     accentColor
-  } = useViewerStore9();
+  } = useViewerStore11();
   const annotation = annotations.find((ann) => ann.id === selectedAnnotationId);
   const isEditable = annotation && (annotation.type === "text" || annotation.type === "comment");
   const [draft, setDraft] = useState11("");
   const isDark = uiTheme === "dark";
   const t = getStrings(locale);
-  useEffect10(() => {
+  useEffect12(() => {
     if (isEditable) {
       setDraft(annotation?.content ?? "");
     }
@@ -31608,19 +31880,19 @@ var AnnotationEditor = () => {
       setSelectedAnnotation
     );
   };
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx17(
     Modal2,
     {
       visible: true,
       transparent: true,
       animationType: "fade",
       onRequestClose: handleClose,
-      children: /* @__PURE__ */ jsx15(View11, { style: styles11.overlay, children: /* @__PURE__ */ jsxs12(View11, { style: [styles11.card, isDark && styles11.cardDark], children: [
-        /* @__PURE__ */ jsx15(Text7, { style: [styles11.title, isDark && styles11.titleDark], children: t.editNote }),
-        /* @__PURE__ */ jsx15(
+      children: /* @__PURE__ */ jsx17(View13, { style: styles13.overlay, children: /* @__PURE__ */ jsxs12(View13, { style: [styles13.card, isDark && styles13.cardDark], children: [
+        /* @__PURE__ */ jsx17(Text7, { style: [styles13.title, isDark && styles13.titleDark], children: t.editNote }),
+        /* @__PURE__ */ jsx17(
           TextInput2,
           {
-            style: [styles11.input, isDark && styles11.inputDark],
+            style: [styles13.input, isDark && styles13.inputDark],
             value: draft,
             onChangeText: setDraft,
             placeholder: t.notePlaceholder,
@@ -31628,41 +31900,41 @@ var AnnotationEditor = () => {
             multiline: true
           }
         ),
-        /* @__PURE__ */ jsxs12(View11, { style: styles11.actions, children: [
-          /* @__PURE__ */ jsx15(
+        /* @__PURE__ */ jsxs12(View13, { style: styles13.actions, children: [
+          /* @__PURE__ */ jsx17(
             Pressable9,
             {
               onPress: handleDelete,
               style: [
-                styles11.actionButton,
-                styles11.actionDelete,
-                isDark && styles11.actionDeleteDark
+                styles13.actionButton,
+                styles13.actionDelete,
+                isDark && styles13.actionDeleteDark
               ],
               accessibilityRole: "button",
               accessibilityLabel: t.deleteAnnotation,
               testID: "annotation-delete-button",
-              children: /* @__PURE__ */ jsx15(Text7, { style: [styles11.actionText, styles11.actionTextLight], children: t.deleteAnnotation })
+              children: /* @__PURE__ */ jsx17(Text7, { style: [styles13.actionText, styles13.actionTextLight], children: t.deleteAnnotation })
             }
           ),
-          /* @__PURE__ */ jsx15(View11, { style: styles11.actionSpacer }),
-          /* @__PURE__ */ jsx15(
+          /* @__PURE__ */ jsx17(View13, { style: styles13.actionSpacer }),
+          /* @__PURE__ */ jsx17(
             Pressable9,
             {
               onPress: handleClose,
-              style: [styles11.actionButton, styles11.actionCancel],
-              children: /* @__PURE__ */ jsx15(Text7, { style: styles11.actionText, children: t.cancel })
+              style: [styles13.actionButton, styles13.actionCancel],
+              children: /* @__PURE__ */ jsx17(Text7, { style: styles13.actionText, children: t.cancel })
             }
           ),
-          /* @__PURE__ */ jsx15(
+          /* @__PURE__ */ jsx17(
             Pressable9,
             {
               onPress: handleSave,
               style: [
-                styles11.actionButton,
-                styles11.actionSave,
+                styles13.actionButton,
+                styles13.actionSave,
                 { backgroundColor: accentColor }
               ],
-              children: /* @__PURE__ */ jsx15(Text7, { style: [styles11.actionText, styles11.actionTextLight], children: t.save })
+              children: /* @__PURE__ */ jsx17(Text7, { style: [styles13.actionText, styles13.actionTextLight], children: t.save })
             }
           )
         ] })
@@ -31670,7 +31942,7 @@ var AnnotationEditor = () => {
     }
   );
 };
-var styles11 = StyleSheet11.create({
+var styles13 = StyleSheet13.create({
   overlay: {
     flex: 1,
     alignItems: "center",
@@ -31747,8 +32019,8 @@ var styles11 = StyleSheet11.create({
 var AnnotationEditor_default = AnnotationEditor;
 
 // components/BottomBar.tsx
-import { View as View12, Pressable as Pressable10, StyleSheet as StyleSheet12, useWindowDimensions as useWindowDimensions7 } from "react-native";
-import { useViewerStore as useViewerStore10 } from "@papyrus-sdk/core";
+import { View as View14, Pressable as Pressable10, StyleSheet as StyleSheet14, useWindowDimensions as useWindowDimensions7, Platform as Platform6 } from "react-native";
+import { useViewerStore as useViewerStore12 } from "@papyrus-sdk/core";
 
 // components/bottomBarModel.ts
 function buildBottomBarLayout({
@@ -31792,9 +32064,15 @@ function createOpenDestinationHandler(onOpenDestination, destination) {
     onOpenDestination?.(destination);
   };
 }
+function resolveAnnotateButtonAction(input) {
+  if (input.isNativeIosInkViewer) {
+    return input.activeTool === "ink" ? "deactivate-native-ink" : "activate-native-ink";
+  }
+  return input.toolDockOpen ? "dismiss-tool-dock" : "open-tool-dock";
+}
 
 // components/BottomBar.tsx
-import { jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs13 } from "react/jsx-runtime";
 var BottomBar = ({
   documentType,
   onOpenInfo,
@@ -31811,8 +32089,9 @@ var BottomBar = ({
     mobileChromeVisible,
     toolDockOpen,
     activeTool,
-    interactionMode
-  } = useViewerStore10();
+    interactionMode,
+    nativePdfViewerActive
+  } = useViewerStore12();
   const isDark = uiTheme === "dark";
   const t = getStrings(locale);
   const { width, height } = useWindowDimensions7();
@@ -31832,7 +32111,33 @@ var BottomBar = ({
       label: t.tools,
       icon: IconToolDockTrigger,
       onPress: () => {
-        if (toolDockOpen) {
+        const isNativeIosInkViewer = Platform6.OS === "ios" && Number.parseInt(String(Platform6.Version), 10) >= 16 && nativePdfViewerActive;
+        const action = resolveAnnotateButtonAction({
+          isNativeIosInkViewer,
+          activeTool,
+          toolDockOpen
+        });
+        if (action === "activate-native-ink") {
+          setDocumentState({
+            activeTool: "ink",
+            activeDrawToolPreset: "ink",
+            interactionMode: "pan",
+            toolDockOpen: false,
+            activeMobileDestination: "none"
+          });
+          return;
+        }
+        if (action === "deactivate-native-ink") {
+          setDocumentState({
+            activeTool: "select",
+            interactionMode: "pan",
+            nativeInkToolPickerActive: false,
+            toolDockOpen: false,
+            activeMobileDestination: "none"
+          });
+          return;
+        }
+        if (action === "dismiss-tool-dock") {
           setDocumentState({
             ...getToolDockDismissState({
               activeTool,
@@ -31868,38 +32173,38 @@ var BottomBar = ({
     }
   };
   if (!mobileChromeVisible || !mobileDockVisible) return null;
-  return /* @__PURE__ */ jsx16(View12, { pointerEvents: "box-none", style: [styles12.frame, { paddingBottom: offsets.bottom, paddingLeft: offsets.left, paddingRight: offsets.right }], children: /* @__PURE__ */ jsxs13(View12, { style: [styles12.row, isLandscape && styles12.rowLandscape], children: [
-    layout.leftSlots.length > 0 ? /* @__PURE__ */ jsx16(
-      View12,
+  return /* @__PURE__ */ jsx18(View14, { pointerEvents: "box-none", style: [styles14.frame, { paddingBottom: offsets.bottom, paddingLeft: offsets.left, paddingRight: offsets.right }], children: /* @__PURE__ */ jsxs13(View14, { style: [styles14.row, isLandscape && styles14.rowLandscape], children: [
+    layout.leftSlots.length > 0 ? /* @__PURE__ */ jsx18(
+      View14,
       {
         style: [
-          styles12.island,
-          styles12.editIsland,
-          isDark && styles12.islandDark
+          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__ */ jsx16(
+          return /* @__PURE__ */ jsx18(
             Pressable10,
             {
               onPress: meta.onPress,
               style: [
-                styles12.iconOnlyItem,
-                slot.active && styles12.itemActive
+                styles14.iconOnlyItem,
+                slot.active && styles14.itemActive
               ],
               accessibilityLabel: meta.label,
               testID: `papyrus-mobile-destination-${slot.key}`,
-              children: /* @__PURE__ */ jsx16(
-                View12,
+              children: /* @__PURE__ */ jsx18(
+                View14,
                 {
                   style: [
-                    styles12.itemIcon,
-                    isDark && styles12.itemIconDark,
-                    slot.active && styles12.itemIconActive
+                    styles14.itemIcon,
+                    isDark && styles14.itemIconDark,
+                    slot.active && styles14.itemIconActive
                   ],
-                  children: /* @__PURE__ */ jsx16(
+                  children: /* @__PURE__ */ jsx18(
                     Icon,
                     {
                       size: MOBILE_CHROME_METRICS.iconSize,
@@ -31914,34 +32219,34 @@ var BottomBar = ({
         })
       }
     ) : null,
-    /* @__PURE__ */ jsx16(
-      View12,
+    /* @__PURE__ */ jsx18(
+      View14,
       {
         style: [
-          styles12.island,
-          styles12.utilityIsland,
-          isDark && styles12.islandDark
+          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__ */ jsx16(
+          return /* @__PURE__ */ jsx18(
             Pressable10,
             {
               onPress: meta.onPress,
-              style: [styles12.iconOnlyItem, slot.active && styles12.itemActive],
+              style: [styles14.iconOnlyItem, slot.active && styles14.itemActive],
               accessibilityLabel: meta.label,
               testID: `papyrus-mobile-destination-${slot.key}`,
-              children: /* @__PURE__ */ jsx16(
-                View12,
+              children: /* @__PURE__ */ jsx18(
+                View14,
                 {
                   style: [
-                    styles12.itemIcon,
-                    isDark && styles12.itemIconDark,
-                    slot.active && styles12.itemIconActive
+                    styles14.itemIcon,
+                    isDark && styles14.itemIconDark,
+                    slot.active && styles14.itemIconActive
                   ],
-                  children: /* @__PURE__ */ jsx16(
+                  children: /* @__PURE__ */ jsx18(
                     Icon,
                     {
                       size: MOBILE_CHROME_METRICS.iconSize,
@@ -31958,7 +32263,7 @@ var BottomBar = ({
     )
   ] }) });
 };
-var styles12 = StyleSheet12.create({
+var styles14 = StyleSheet14.create({
   frame: {
     position: "absolute",
     left: 0,
@@ -32039,19 +32344,31 @@ var BottomBar_default = BottomBar;
 
 // components/SettingsSheet.tsx
 import {
-  View as View13,
+  View as View15,
   Text as Text8,
   Pressable as Pressable11,
-  StyleSheet as StyleSheet13,
+  Platform as Platform7,
+  StyleSheet as StyleSheet15,
   useWindowDimensions as useWindowDimensions8
 } from "react-native";
-import { useViewerStore as useViewerStore11 } from "@papyrus-sdk/core";
+import { useViewerStore as useViewerStore13 } from "@papyrus-sdk/core";
+
+// components/rotationReset.ts
+var resetEngineRotation = (engine, onRotationChange) => {
+  const normalizedRotation = (engine.getRotation() % 360 + 360) % 360;
+  const currentQuarterTurns = Math.round(normalizedRotation / 90) % 4;
+  const clockwiseTurnsToReset = (4 - currentQuarterTurns) % 4;
+  for (let turn = 0; turn < clockwiseTurnsToReset; turn += 1) {
+    engine.rotate("clockwise");
+  }
+  onRotationChange(0);
+};
 
 // components/settingsSheetLayout.ts
 var getSettingsSheetMaxHeight = (windowHeight) => Math.min(640, Math.max(0, windowHeight) * 0.72);
 
 // components/SettingsSheet.tsx
-import { jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs14 } from "react/jsx-runtime";
 var PAGE_THEME_OPTIONS = [
   { value: "normal", labelKey: "themeOriginal" },
   { value: "sepia", labelKey: "themeSepia" },
@@ -32060,19 +32377,19 @@ var PAGE_THEME_OPTIONS = [
 ];
 var ThemeSwatch = ({ value }) => {
   if (value === "high-contrast") {
-    return /* @__PURE__ */ jsxs14(View13, { style: [styles13.themeSwatch, styles13.themeSwatchContrast], children: [
-      /* @__PURE__ */ jsx17(View13, { style: styles13.themeSwatchContrastHalfDark }),
-      /* @__PURE__ */ jsx17(View13, { style: styles13.themeSwatchContrastHalfLight })
+    return /* @__PURE__ */ jsxs14(View15, { style: [styles15.themeSwatch, styles15.themeSwatchContrast], children: [
+      /* @__PURE__ */ jsx19(View15, { style: styles15.themeSwatchContrastHalfDark }),
+      /* @__PURE__ */ jsx19(View15, { style: styles15.themeSwatchContrastHalfLight })
     ] });
   }
-  return /* @__PURE__ */ jsx17(
-    View13,
+  return /* @__PURE__ */ jsx19(
+    View15,
     {
       style: [
-        styles13.themeSwatch,
-        value === "normal" && styles13.themeSwatchNormal,
-        value === "sepia" && styles13.themeSwatchSepia,
-        value === "dark" && styles13.themeSwatchDark
+        styles15.themeSwatch,
+        value === "normal" && styles15.themeSwatchNormal,
+        value === "sepia" && styles15.themeSwatchSepia,
+        value === "dark" && styles15.themeSwatchDark
       ]
     }
   );
@@ -32080,7 +32397,8 @@ var ThemeSwatch = ({ value }) => {
 var SettingsSheet = ({
   engine,
   visible,
-  onClose
+  onClose,
+  documentType = "pdf"
 }) => {
   const {
     viewMode,
@@ -32089,8 +32407,11 @@ var SettingsSheet = ({
     setDocumentState,
     locale,
     accentColor,
-    pageTheme
-  } = useViewerStore11();
+    pageTheme,
+    comicLayoutMode,
+    comicFitMode,
+    comicReadingDirection
+  } = useViewerStore13();
   const isDark = uiTheme === "dark";
   const isPaged = viewMode === "single";
   const isDouble = viewMode === "double";
@@ -32117,12 +32438,15 @@ var SettingsSheet = ({
     engine.rotate(direction);
     setDocumentState({ rotation: engine.getRotation() });
   };
+  const handleResetRotation = () => {
+    resetEngineRotation(engine, (rotation) => setDocumentState({ rotation }));
+  };
   const handleZoom = (delta) => {
     const next = Math.max(0.5, Math.min(4, zoom + delta));
     engine.setZoom(next);
     setDocumentState({ zoom: next });
   };
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx19(
     NativeSheet,
     {
       visible,
@@ -32135,59 +32459,100 @@ var SettingsSheet = ({
       children: /* @__PURE__ */ jsxs14(
         NativeSheetScrollView,
         {
-          style: styles13.sheet,
-          contentContainerStyle: styles13.sheetContent,
+          style: styles15.sheet,
+          contentContainerStyle: styles15.sheetContent,
           showsVerticalScrollIndicator: false,
           children: [
-            /* @__PURE__ */ jsxs14(View13, { style: styles13.section, children: [
-              /* @__PURE__ */ jsx17(
+            documentType === "comic" && /* @__PURE__ */ jsxs14(View15, { style: styles15.section, children: [
+              /* @__PURE__ */ jsx19(Text8, { style: [styles15.sectionTitle, isDark && styles15.sectionTitleDark], children: t.comicMode }),
+              /* @__PURE__ */ jsx19(View15, { style: styles15.optionRow, children: ["single", "continuous"].map((mode) => {
+                const active = comicLayoutMode === mode;
+                return /* @__PURE__ */ jsx19(
+                  Pressable11,
+                  {
+                    onPress: () => setDocumentState({ comicLayoutMode: mode }),
+                    style: [styles15.optionButton, isDark && styles15.optionButtonDark, active && styles15.optionButtonActive, active && { backgroundColor: accentColor }],
+                    children: /* @__PURE__ */ jsx19(Text8, { style: [styles15.optionText, isDark && styles15.optionTextDark, active && styles15.optionTextActive], children: mode === "single" ? t.comicSingle : t.comicContinuous })
+                  },
+                  mode
+                );
+              }) }),
+              /* @__PURE__ */ jsx19(Text8, { style: [styles15.sectionTitle, isDark && styles15.sectionTitleDark], children: t.comicFit }),
+              /* @__PURE__ */ jsx19(View15, { style: styles15.optionRow, children: ["width", "page"].map((mode) => {
+                const active = comicFitMode === mode;
+                return /* @__PURE__ */ jsx19(
+                  Pressable11,
+                  {
+                    onPress: () => setDocumentState({ comicFitMode: mode }),
+                    style: [styles15.optionButton, isDark && styles15.optionButtonDark, active && styles15.optionButtonActive, active && { backgroundColor: accentColor }],
+                    children: /* @__PURE__ */ jsx19(Text8, { style: [styles15.optionText, isDark && styles15.optionTextDark, active && styles15.optionTextActive], children: mode === "width" ? t.comicFitWidth : t.comicFitPage })
+                  },
+                  mode
+                );
+              }) }),
+              /* @__PURE__ */ jsx19(Text8, { style: [styles15.sectionTitle, isDark && styles15.sectionTitleDark], children: t.comicDirection }),
+              /* @__PURE__ */ jsx19(View15, { style: styles15.optionRow, children: ["ltr", "rtl"].map((direction) => {
+                const active = comicReadingDirection === direction;
+                return /* @__PURE__ */ jsx19(
+                  Pressable11,
+                  {
+                    onPress: () => setDocumentState({ comicReadingDirection: direction }),
+                    style: [styles15.optionButton, isDark && styles15.optionButtonDark, active && styles15.optionButtonActive, active && { backgroundColor: accentColor }],
+                    children: /* @__PURE__ */ jsx19(Text8, { style: [styles15.optionText, isDark && styles15.optionTextDark, active && styles15.optionTextActive], children: direction === "ltr" ? t.comicLtr : t.comicRtl })
+                  },
+                  direction
+                );
+              }) })
+            ] }),
+            /* @__PURE__ */ jsxs14(View15, { style: styles15.section, children: [
+              /* @__PURE__ */ jsx19(
                 Text8,
                 {
-                  style: [styles13.sectionTitle, isDark && styles13.sectionTitleDark],
+                  style: [styles15.sectionTitle, isDark && styles15.sectionTitleDark],
                   children: t.appearance
                 }
               ),
-              /* @__PURE__ */ jsxs14(View13, { style: styles13.optionRow, children: [
-                /* @__PURE__ */ jsx17(
+              /* @__PURE__ */ jsxs14(View15, { style: styles15.optionRow, children: [
+                /* @__PURE__ */ jsx19(
                   Pressable11,
                   {
                     onPress: () => setDocumentState({ uiTheme: "light" }),
                     style: [
-                      styles13.optionButton,
-                      isDark && styles13.optionButtonDark,
-                      uiTheme === "light" && styles13.optionButtonActive,
+                      styles15.optionButton,
+                      isDark && styles15.optionButtonDark,
+                      uiTheme === "light" && styles15.optionButtonActive,
                       uiTheme === "light" && { backgroundColor: accentColor }
                     ],
-                    children: /* @__PURE__ */ jsx17(
+                    children: /* @__PURE__ */ jsx19(
                       Text8,
                       {
                         style: [
-                          styles13.optionText,
-                          isDark && styles13.optionTextDark,
-                          uiTheme === "light" && styles13.optionTextActive
+                          styles15.optionText,
+                          isDark && styles15.optionTextDark,
+                          uiTheme === "light" && styles15.optionTextActive
                         ],
                         children: t.light
                       }
                     )
                   }
                 ),
-                /* @__PURE__ */ jsx17(
+                /* @__PURE__ */ jsx19(
                   Pressable11,
                   {
                     onPress: () => setDocumentState({ uiTheme: "dark" }),
                     style: [
-                      styles13.optionButton,
-                      isDark && styles13.optionButtonDark,
-                      uiTheme === "dark" && styles13.optionButtonActive,
+                      styles15.optionButton,
+                      isDark && styles15.optionButtonDark,
+                      uiTheme === "dark" && styles15.optionButtonActive,
                       uiTheme === "dark" && { backgroundColor: accentColor }
                     ],
-                    children: /* @__PURE__ */ jsx17(
+                    children: /* @__PURE__ */ jsx19(
                       Text8,
                       {
                         style: [
-                          styles13.optionText,
-                          isDark && styles13.optionTextDark,
-                          uiTheme === "dark" && styles13.optionTextActive
+                          styles15.optionText,
+                          isDark && styles15.optionTextDark,
+                          uiTheme === "dark" && styles15.optionTextActive
                         ],
                         children: t.dark
                       }
@@ -32196,34 +32561,34 @@ var SettingsSheet = ({
                 )
               ] })
             ] }),
-            /* @__PURE__ */ jsxs14(View13, { style: styles13.section, children: [
-              /* @__PURE__ */ jsx17(
+            /* @__PURE__ */ jsxs14(View15, { style: styles15.section, children: [
+              /* @__PURE__ */ jsx19(
                 Text8,
                 {
-                  style: [styles13.sectionTitle, isDark && styles13.sectionTitleDark],
+                  style: [styles15.sectionTitle, isDark && styles15.sectionTitleDark],
                   children: t.pageTheme
                 }
               ),
-              /* @__PURE__ */ jsx17(View13, { style: styles13.themeOptionRow, children: PAGE_THEME_OPTIONS.map((option) => {
+              /* @__PURE__ */ jsx19(View15, { style: styles15.themeOptionRow, children: PAGE_THEME_OPTIONS.map((option) => {
                 const active = pageTheme === option.value;
                 return /* @__PURE__ */ jsxs14(
                   Pressable11,
                   {
                     onPress: () => setDocumentState({ pageTheme: option.value }),
                     style: [
-                      styles13.themeOptionButton,
-                      isDark && styles13.themeOptionButtonDark,
-                      active && styles13.themeOptionButtonActive,
+                      styles15.themeOptionButton,
+                      isDark && styles15.themeOptionButtonDark,
+                      active && styles15.themeOptionButtonActive,
                       active && { borderColor: accentColor }
                     ],
                     children: [
-                      /* @__PURE__ */ jsx17(ThemeSwatch, { value: option.value }),
-                      /* @__PURE__ */ jsx17(
+                      /* @__PURE__ */ jsx19(ThemeSwatch, { value: option.value }),
+                      /* @__PURE__ */ jsx19(
                         Text8,
                         {
                           style: [
-                            styles13.themeOptionLabel,
-                            isDark && styles13.themeOptionLabelDark,
+                            styles15.themeOptionLabel,
+                            isDark && styles15.themeOptionLabelDark,
                             active && { color: accentColor }
                           ],
                           children: t[option.labelKey]
@@ -32235,55 +32600,55 @@ var SettingsSheet = ({
                 );
               }) })
             ] }),
-            /* @__PURE__ */ jsxs14(View13, { style: styles13.section, children: [
-              /* @__PURE__ */ jsx17(
+            documentType !== "comic" && documentType !== "text" && /* @__PURE__ */ jsxs14(View15, { style: styles15.section, children: [
+              /* @__PURE__ */ jsx19(
                 Text8,
                 {
-                  style: [styles13.sectionTitle, isDark && styles13.sectionTitleDark],
+                  style: [styles15.sectionTitle, isDark && styles15.sectionTitleDark],
                   children: t.pageTransition
                 }
               ),
-              /* @__PURE__ */ jsxs14(View13, { style: styles13.optionRow, children: [
-                /* @__PURE__ */ jsx17(
+              /* @__PURE__ */ jsxs14(View15, { style: styles15.optionRow, children: [
+                /* @__PURE__ */ jsx19(
                   Pressable11,
                   {
                     onPress: () => handleTransition("continuous"),
                     style: [
-                      styles13.optionButton,
-                      isDark && styles13.optionButtonDark,
-                      (!isPaged || isDouble) && styles13.optionButtonActive,
+                      styles15.optionButton,
+                      isDark && styles15.optionButtonDark,
+                      (!isPaged || isDouble) && styles15.optionButtonActive,
                       (!isPaged || isDouble) && { backgroundColor: accentColor }
                     ],
-                    children: /* @__PURE__ */ jsx17(
+                    children: /* @__PURE__ */ jsx19(
                       Text8,
                       {
                         style: [
-                          styles13.optionText,
-                          isDark && styles13.optionTextDark,
-                          (!isPaged || isDouble) && styles13.optionTextActive
+                          styles15.optionText,
+                          isDark && styles15.optionTextDark,
+                          (!isPaged || isDouble) && styles15.optionTextActive
                         ],
                         children: t.continuous
                       }
                     )
                   }
                 ),
-                /* @__PURE__ */ jsx17(
+                /* @__PURE__ */ jsx19(
                   Pressable11,
                   {
                     onPress: () => handleTransition("paged"),
                     style: [
-                      styles13.optionButton,
-                      isDark && styles13.optionButtonDark,
-                      isPaged && styles13.optionButtonActive,
+                      styles15.optionButton,
+                      isDark && styles15.optionButtonDark,
+                      isPaged && styles15.optionButtonActive,
                       isPaged && { backgroundColor: accentColor }
                     ],
-                    children: /* @__PURE__ */ jsx17(
+                    children: /* @__PURE__ */ jsx19(
                       Text8,
                       {
                         style: [
-                          styles13.optionText,
-                          isDark && styles13.optionTextDark,
-                          isPaged && styles13.optionTextActive
+                          styles15.optionText,
+                          isDark && styles15.optionTextDark,
+                          isPaged && styles15.optionTextActive
                         ],
                         children: t.pageByPage
                       }
@@ -32292,55 +32657,55 @@ var SettingsSheet = ({
                 )
               ] })
             ] }),
-            /* @__PURE__ */ jsxs14(View13, { style: styles13.section, children: [
-              /* @__PURE__ */ jsx17(
+            documentType !== "comic" && documentType !== "text" && /* @__PURE__ */ jsxs14(View15, { style: styles15.section, children: [
+              /* @__PURE__ */ jsx19(
                 Text8,
                 {
-                  style: [styles13.sectionTitle, isDark && styles13.sectionTitleDark],
+                  style: [styles15.sectionTitle, isDark && styles15.sectionTitleDark],
                   children: t.layout
                 }
               ),
-              /* @__PURE__ */ jsxs14(View13, { style: styles13.optionRow, children: [
-                /* @__PURE__ */ jsx17(
+              /* @__PURE__ */ jsxs14(View15, { style: styles15.optionRow, children: [
+                /* @__PURE__ */ jsx19(
                   Pressable11,
                   {
                     onPress: () => handleLayout("single"),
                     style: [
-                      styles13.optionButton,
-                      isDark && styles13.optionButtonDark,
-                      !isDouble && styles13.optionButtonActive,
+                      styles15.optionButton,
+                      isDark && styles15.optionButtonDark,
+                      !isDouble && styles15.optionButtonActive,
                       !isDouble && { backgroundColor: accentColor }
                     ],
-                    children: /* @__PURE__ */ jsx17(
+                    children: /* @__PURE__ */ jsx19(
                       Text8,
                       {
                         style: [
-                          styles13.optionText,
-                          isDark && styles13.optionTextDark,
-                          !isDouble && styles13.optionTextActive
+                          styles15.optionText,
+                          isDark && styles15.optionTextDark,
+                          !isDouble && styles15.optionTextActive
                         ],
                         children: t.singlePage
                       }
                     )
                   }
                 ),
-                /* @__PURE__ */ jsx17(
+                /* @__PURE__ */ jsx19(
                   Pressable11,
                   {
                     onPress: () => handleLayout("double"),
                     style: [
-                      styles13.optionButton,
-                      isDark && styles13.optionButtonDark,
-                      isDouble && styles13.optionButtonActive,
+                      styles15.optionButton,
+                      isDark && styles15.optionButtonDark,
+                      isDouble && styles15.optionButtonActive,
                       isDouble && { backgroundColor: accentColor }
                     ],
-                    children: /* @__PURE__ */ jsx17(
+                    children: /* @__PURE__ */ jsx19(
                       Text8,
                       {
                         style: [
-                          styles13.optionText,
-                          isDark && styles13.optionTextDark,
-                          isDouble && styles13.optionTextActive
+                          styles15.optionText,
+                          isDark && styles15.optionTextDark,
+                          isDouble && styles15.optionTextActive
                         ],
                         children: t.doublePage
                       }
@@ -32349,38 +32714,52 @@ var SettingsSheet = ({
                 )
               ] })
             ] }),
-            /* @__PURE__ */ jsxs14(View13, { style: styles13.section, children: [
-              /* @__PURE__ */ jsx17(
+            documentType !== "comic" && documentType !== "text" && /* @__PURE__ */ jsxs14(View15, { style: styles15.section, children: [
+              /* @__PURE__ */ jsx19(
                 Text8,
                 {
-                  style: [styles13.sectionTitle, isDark && styles13.sectionTitleDark],
+                  style: [styles15.sectionTitle, isDark && styles15.sectionTitleDark],
                   children: t.rotate
                 }
               ),
-              /* @__PURE__ */ jsxs14(View13, { style: styles13.optionRow, children: [
-                /* @__PURE__ */ jsx17(
+              /* @__PURE__ */ jsxs14(View15, { style: styles15.optionRow, children: [
+                /* @__PURE__ */ jsx19(
                   Pressable11,
                   {
                     onPress: () => handleRotate("counterclockwise"),
-                    style: [styles13.optionButton, isDark && styles13.optionButtonDark],
-                    children: /* @__PURE__ */ jsx17(
+                    style: [styles15.optionButton, isDark && styles15.optionButtonDark],
+                    children: /* @__PURE__ */ jsx19(
                       Text8,
                       {
-                        style: [styles13.optionText, isDark && styles13.optionTextDark],
+                        style: [styles15.optionText, isDark && styles15.optionTextDark],
                         children: t.counterclockwise
                       }
                     )
                   }
                 ),
-                /* @__PURE__ */ jsx17(
+                Platform7.OS === "ios" && /* @__PURE__ */ jsx19(
+                  Pressable11,
+                  {
+                    onPress: handleResetRotation,
+                    style: [styles15.optionButton, isDark && styles15.optionButtonDark],
+                    children: /* @__PURE__ */ jsx19(
+                      Text8,
+                      {
+                        style: [styles15.optionText, isDark && styles15.optionTextDark],
+                        children: t.rotationOriginal
+                      }
+                    )
+                  }
+                ),
+                /* @__PURE__ */ jsx19(
                   Pressable11,
                   {
                     onPress: () => handleRotate("clockwise"),
-                    style: [styles13.optionButton, isDark && styles13.optionButtonDark],
-                    children: /* @__PURE__ */ jsx17(
+                    style: [styles15.optionButton, isDark && styles15.optionButtonDark],
+                    children: /* @__PURE__ */ jsx19(
                       Text8,
                       {
-                        style: [styles13.optionText, isDark && styles13.optionTextDark],
+                        style: [styles15.optionText, isDark && styles15.optionTextDark],
                         children: t.clockwise
                       }
                     )
@@ -32388,86 +32767,86 @@ var SettingsSheet = ({
                 )
               ] })
             ] }),
-            /* @__PURE__ */ jsxs14(View13, { style: styles13.section, children: [
-              /* @__PURE__ */ jsx17(
+            documentType !== "text" && /* @__PURE__ */ jsxs14(View15, { style: styles15.section, children: [
+              /* @__PURE__ */ jsx19(
                 Text8,
                 {
-                  style: [styles13.sectionTitle, isDark && styles13.sectionTitleDark],
+                  style: [styles15.sectionTitle, isDark && styles15.sectionTitleDark],
                   children: t.zoom
                 }
               ),
-              /* @__PURE__ */ jsxs14(View13, { style: styles13.optionRow, children: [
-                /* @__PURE__ */ jsx17(
+              /* @__PURE__ */ jsxs14(View15, { style: styles15.optionRow, children: [
+                /* @__PURE__ */ jsx19(
                   Pressable11,
                   {
                     onPress: () => handleZoom(-0.1),
-                    style: [styles13.optionButton, isDark && styles13.optionButtonDark],
-                    children: /* @__PURE__ */ jsx17(IconZoomOut, { size: 16, color: isDark ? "#e5e7eb" : "#111827" })
+                    style: [styles15.optionButton, isDark && styles15.optionButtonDark],
+                    children: /* @__PURE__ */ jsx19(IconZoomOut, { size: 16, color: isDark ? "#e5e7eb" : "#111827" })
                   }
                 ),
-                /* @__PURE__ */ jsx17(View13, { style: styles13.zoomValue, children: /* @__PURE__ */ jsxs14(Text8, { style: [styles13.zoomText, isDark && styles13.zoomTextDark], children: [
+                /* @__PURE__ */ jsx19(View15, { style: styles15.zoomValue, children: /* @__PURE__ */ jsxs14(Text8, { style: [styles15.zoomText, isDark && styles15.zoomTextDark], children: [
                   Math.round(zoom * 100),
                   "%"
                 ] }) }),
-                /* @__PURE__ */ jsx17(
+                /* @__PURE__ */ jsx19(
                   Pressable11,
                   {
                     onPress: () => handleZoom(0.1),
-                    style: [styles13.optionButton, isDark && styles13.optionButtonDark],
-                    children: /* @__PURE__ */ jsx17(IconZoomIn, { size: 16, color: isDark ? "#e5e7eb" : "#111827" })
+                    style: [styles15.optionButton, isDark && styles15.optionButtonDark],
+                    children: /* @__PURE__ */ jsx19(IconZoomIn, { size: 16, color: isDark ? "#e5e7eb" : "#111827" })
                   }
                 )
               ] })
             ] }),
-            /* @__PURE__ */ jsxs14(View13, { style: styles13.section, children: [
-              /* @__PURE__ */ jsx17(
+            /* @__PURE__ */ jsxs14(View15, { style: styles15.section, children: [
+              /* @__PURE__ */ jsx19(
                 Text8,
                 {
-                  style: [styles13.sectionTitle, isDark && styles13.sectionTitleDark],
+                  style: [styles15.sectionTitle, isDark && styles15.sectionTitleDark],
                   children: t.language
                 }
               ),
-              /* @__PURE__ */ jsxs14(View13, { style: styles13.optionRow, children: [
-                /* @__PURE__ */ jsx17(
+              /* @__PURE__ */ jsxs14(View15, { style: styles15.optionRow, children: [
+                /* @__PURE__ */ jsx19(
                   Pressable11,
                   {
                     onPress: () => setDocumentState({ locale: "en" }),
                     style: [
-                      styles13.optionButton,
-                      isDark && styles13.optionButtonDark,
-                      locale === "en" && styles13.optionButtonActive,
+                      styles15.optionButton,
+                      isDark && styles15.optionButtonDark,
+                      locale === "en" && styles15.optionButtonActive,
                       locale === "en" && { backgroundColor: accentColor }
                     ],
-                    children: /* @__PURE__ */ jsx17(
+                    children: /* @__PURE__ */ jsx19(
                       Text8,
                       {
                         style: [
-                          styles13.optionText,
-                          isDark && styles13.optionTextDark,
-                          locale === "en" && styles13.optionTextActive
+                          styles15.optionText,
+                          isDark && styles15.optionTextDark,
+                          locale === "en" && styles15.optionTextActive
                         ],
                         children: t.english
                       }
                     )
                   }
                 ),
-                /* @__PURE__ */ jsx17(
+                /* @__PURE__ */ jsx19(
                   Pressable11,
                   {
                     onPress: () => setDocumentState({ locale: "pt-BR" }),
                     style: [
-                      styles13.optionButton,
-                      isDark && styles13.optionButtonDark,
-                      locale === "pt-BR" && styles13.optionButtonActive,
+                      styles15.optionButton,
+                      isDark && styles15.optionButtonDark,
+                      locale === "pt-BR" && styles15.optionButtonActive,
                       locale === "pt-BR" && { backgroundColor: accentColor }
                     ],
-                    children: /* @__PURE__ */ jsx17(
+                    children: /* @__PURE__ */ jsx19(
                       Text8,
                       {
                         style: [
-                          styles13.optionText,
-                          isDark && styles13.optionTextDark,
-                          locale === "pt-BR" && styles13.optionTextActive
+                          styles15.optionText,
+                          isDark && styles15.optionTextDark,
+                          locale === "pt-BR" && styles15.optionTextActive
                         ],
                         children: t.portuguese
                       }
@@ -32482,7 +32861,7 @@ var SettingsSheet = ({
     }
   );
 };
-var styles13 = StyleSheet13.create({
+var styles15 = StyleSheet15.create({
   sheet: {
     maxHeight: "100%"
   },
@@ -32615,17 +32994,17 @@ var styles13 = StyleSheet13.create({
 var SettingsSheet_default = SettingsSheet;
 
 // components/CoverPreview.tsx
-import { useEffect as useEffect11, useMemo as useMemo6, useRef as useRef9, useState as useState12 } from "react";
+import { useEffect as useEffect13, useMemo as useMemo8, useRef as useRef9, useState as useState12 } from "react";
 import {
   ActivityIndicator,
-  StyleSheet as StyleSheet14,
+  StyleSheet as StyleSheet16,
   Text as Text9,
   UIManager as UIManager2,
-  View as View14,
+  View as View16,
   findNodeHandle as findNodeHandle3
 } from "react-native";
 import { MobileDocumentEngine, PapyrusPageView as PapyrusPageView3 } from "@papyrus-sdk/engine-native";
-import { jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs15 } from "react/jsx-runtime";
 var parseDataUri = (value) => {
   const match = /^data:([^;,]+)?(;base64)?,/.exec(value);
   if (!match) return null;
@@ -32679,12 +33058,12 @@ var CoverPreview = ({
   const [loading, setLoading] = useState12(false);
   const [error, setError] = useState12(null);
   const viewRef = useRef9(null);
-  const resolvedType = useMemo6(() => inferDocumentType(source, type), [source, type]);
+  const resolvedType = useMemo8(() => inferDocumentType(source, type), [source, type]);
   const isPdf = resolvedType === "pdf";
   const hasNativePageView = Boolean(UIManager2.getViewManagerConfig?.("PapyrusPageView"));
   const canRender = !isPdf || hasNativePageView;
   const shouldRender = Boolean(visible);
-  useEffect11(() => {
+  useEffect13(() => {
     if (!shouldRender) {
       if (!keepAlive) {
         setEngine(null);
@@ -32697,7 +33076,7 @@ var CoverPreview = ({
       setEngine(new MobileDocumentEngine());
     }
   }, [shouldRender, keepAlive, engine, canRender]);
-  useEffect11(() => {
+  useEffect13(() => {
     if (!engine || !shouldRender || !canRender) return;
     let active = true;
     setLoading(true);
@@ -32724,13 +33103,13 @@ var CoverPreview = ({
       active = false;
     };
   }, [engine, shouldRender, canRender, source, type, pageIndex, isPdf, onLoadStart, onLoadEnd, onError]);
-  useEffect11(() => {
+  useEffect13(() => {
     if (!engine || !isPdf || !loaded || !layoutReady || !shouldRender || !canRender) return;
     const viewTag = findNodeHandle3(viewRef.current);
     if (!viewTag) return;
     engine.renderPage(pageIndex, viewTag, renderScale);
   }, [engine, isPdf, loaded, layoutReady, shouldRender, canRender, pageIndex, renderScale]);
-  useEffect11(() => {
+  useEffect13(() => {
     return () => {
       engine?.destroy();
     };
@@ -32742,15 +33121,15 @@ var CoverPreview = ({
     }
   };
   if (!shouldRender || !canRender) {
-    return /* @__PURE__ */ jsx18(View14, { style: [styles14.container, style], children: placeholder ?? /* @__PURE__ */ jsx18(View14, { style: styles14.placeholder, children: /* @__PURE__ */ jsx18(Text9, { style: styles14.placeholderText, children: "Preview" }) }) });
+    return /* @__PURE__ */ jsx20(View16, { style: [styles16.container, style], children: placeholder ?? /* @__PURE__ */ jsx20(View16, { style: styles16.placeholder, children: /* @__PURE__ */ jsx20(Text9, { style: styles16.placeholderText, children: "Preview" }) }) });
   }
-  return /* @__PURE__ */ jsxs15(View14, { style: [styles14.container, style], onLayout: handleLayout, children: [
-    /* @__PURE__ */ jsx18(View14, { style: styles14.previewFrame, pointerEvents: allowInteraction ? "auto" : "none", children: isPdf ? /* @__PURE__ */ jsx18(PapyrusPageView3, { ref: viewRef, style: styles14.pageView }) : engine && /* @__PURE__ */ jsx18(WebViewViewer_default, { engine }) }),
-    showLoading && loading && /* @__PURE__ */ jsx18(View14, { pointerEvents: "none", style: styles14.loadingOverlay, children: loadingIndicator ?? /* @__PURE__ */ jsx18(ActivityIndicator, { size: "small", color: "#2563eb" }) }),
-    error && /* @__PURE__ */ jsx18(View14, { pointerEvents: "none", style: styles14.errorOverlay, children: /* @__PURE__ */ jsx18(Text9, { style: styles14.errorText, children: "Preview unavailable" }) })
+  return /* @__PURE__ */ jsxs15(View16, { style: [styles16.container, style], onLayout: handleLayout, children: [
+    /* @__PURE__ */ jsx20(View16, { style: styles16.previewFrame, pointerEvents: allowInteraction ? "auto" : "none", children: isPdf ? /* @__PURE__ */ jsx20(PapyrusPageView3, { ref: viewRef, style: styles16.pageView }) : engine && /* @__PURE__ */ jsx20(WebViewViewer_default, { engine }) }),
+    showLoading && loading && /* @__PURE__ */ jsx20(View16, { pointerEvents: "none", style: styles16.loadingOverlay, children: loadingIndicator ?? /* @__PURE__ */ jsx20(ActivityIndicator, { size: "small", color: "#2563eb" }) }),
+    error && /* @__PURE__ */ jsx20(View16, { pointerEvents: "none", style: styles16.errorOverlay, children: /* @__PURE__ */ jsx20(Text9, { style: styles16.errorText, children: "Preview unavailable" }) })
   ] });
 };
-var styles14 = StyleSheet14.create({
+var styles16 = StyleSheet16.create({
   container: {
     backgroundColor: "#f8fafc",
     borderRadius: 12,
@@ -32766,13 +33145,13 @@ var styles14 = StyleSheet14.create({
     backgroundColor: "transparent"
   },
   loadingOverlay: {
-    ...StyleSheet14.absoluteFillObject,
+    ...StyleSheet16.absoluteFillObject,
     alignItems: "center",
     justifyContent: "center",
     backgroundColor: "rgba(15, 23, 42, 0.15)"
   },
   errorOverlay: {
-    ...StyleSheet14.absoluteFillObject,
+    ...StyleSheet16.absoluteFillObject,
     alignItems: "center",
     justifyContent: "center",
     backgroundColor: "rgba(15, 23, 42, 0.4)"
@@ -32797,22 +33176,22 @@ var styles14 = StyleSheet14.create({
 var CoverPreview_default = CoverPreview;
 
 // components/ReadingShell.tsx
-import React17, { useState as useState15 } from "react";
-import { Keyboard as Keyboard2, View as View20, StyleSheet as StyleSheet21 } from "react-native";
-import { useViewerStore as useViewerStore18 } from "@papyrus-sdk/core";
+import React19, { useState as useState15 } from "react";
+import { Keyboard as Keyboard2, View as View22, StyleSheet as StyleSheet23 } from "react-native";
+import { useViewerStore as useViewerStore20 } from "@papyrus-sdk/core";
 
 // components/DocumentActionsSheet.tsx
-import { StyleSheet as StyleSheet15, Text as Text10, View as View15 } from "react-native";
-import { useViewerStore as useViewerStore12 } from "@papyrus-sdk/core";
-import { jsx as jsx19, jsxs as jsxs16 } from "react/jsx-runtime";
+import { StyleSheet as StyleSheet17, Text as Text10, View as View17 } from "react-native";
+import { useViewerStore as useViewerStore14 } from "@papyrus-sdk/core";
+import { jsx as jsx21, jsxs as jsxs16 } from "react/jsx-runtime";
 function DocumentActionsSheet({
   visible,
   onClose
 }) {
-  const { uiTheme } = useViewerStore12();
+  const { uiTheme } = useViewerStore14();
   const isDark = uiTheme === "dark";
   const palette = getReaderSheetPalette(isDark);
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx21(
     NativeSheet,
     {
       visible,
@@ -32828,38 +33207,38 @@ function DocumentActionsSheet({
         backgroundColor: palette.surface,
         borderTopColor: palette.divider
       },
-      children: /* @__PURE__ */ jsxs16(View15, { style: styles15.actionList, children: [
-        /* @__PURE__ */ jsx19(
-          View15,
+      children: /* @__PURE__ */ jsxs16(View17, { style: styles17.actionList, children: [
+        /* @__PURE__ */ jsx21(
+          View17,
           {
             style: [
-              styles15.actionItem,
+              styles17.actionItem,
               {
                 backgroundColor: palette.elevatedSurface,
                 borderColor: palette.divider
               }
             ],
-            children: /* @__PURE__ */ jsx19(Text10, { style: [styles15.actionText, { color: palette.text }], children: "Share" })
+            children: /* @__PURE__ */ jsx21(Text10, { style: [styles17.actionText, { color: palette.text }], children: "Share" })
           }
         ),
-        /* @__PURE__ */ jsx19(
-          View15,
+        /* @__PURE__ */ jsx21(
+          View17,
           {
             style: [
-              styles15.actionItem,
+              styles17.actionItem,
               {
                 backgroundColor: palette.elevatedSurface,
                 borderColor: palette.divider
               }
             ],
-            children: /* @__PURE__ */ jsx19(Text10, { style: [styles15.actionText, { color: palette.text }], children: "Export" })
+            children: /* @__PURE__ */ jsx21(Text10, { style: [styles17.actionText, { color: palette.text }], children: "Export" })
           }
         )
       ] })
     }
   );
 }
-var styles15 = StyleSheet15.create({
+var styles17 = StyleSheet17.create({
   actionList: {
     gap: 10
   },
@@ -32877,8 +33256,8 @@ var styles15 = StyleSheet15.create({
 });
 
 // components/InfoSheet.tsx
-import { StyleSheet as StyleSheet16, Text as Text11, View as View16 } from "react-native";
-import { useViewerStore as useViewerStore13 } from "@papyrus-sdk/core";
+import { StyleSheet as StyleSheet18, Text as Text11, View as View18 } from "react-native";
+import { useViewerStore as useViewerStore15 } from "@papyrus-sdk/core";
 
 // components/infoSheetModel.ts
 var roundPercent = (value) => Math.max(0, Math.min(100, Math.round(value)));
@@ -32977,7 +33356,7 @@ var buildInfoRows = ({
 };
 
 // components/InfoSheet.tsx
-import { jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs17 } from "react/jsx-runtime";
 function InfoSheet({
   visible,
   title,
@@ -32993,7 +33372,7 @@ function InfoSheet({
     viewMode,
     pageTheme,
     locale
-  } = useViewerStore13();
+  } = useViewerStore15();
   const isDark = uiTheme === "dark";
   const palette = getReaderSheetPalette(isDark);
   const isPortuguese = locale === "pt-BR";
@@ -33009,7 +33388,7 @@ function InfoSheet({
     pageTheme,
     locale
   });
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx22(
     NativeSheet,
     {
       visible,
@@ -33024,24 +33403,24 @@ function InfoSheet({
         backgroundColor: palette.surface,
         borderTopColor: palette.divider
       },
-      children: /* @__PURE__ */ jsx20(View16, { style: styles16.sheet, children: /* @__PURE__ */ jsxs17(
+      children: /* @__PURE__ */ jsx22(View18, { style: styles18.sheet, children: /* @__PURE__ */ jsxs17(
         NativeSheetScrollView,
         {
-          style: styles16.content,
-          contentContainerStyle: styles16.contentInner,
+          style: styles18.content,
+          contentContainerStyle: styles18.contentInner,
           showsVerticalScrollIndicator: false,
           children: [
-            /* @__PURE__ */ jsx20(Text11, { style: [styles16.sectionTitle, { color: palette.mutedText }], children: isPortuguese ? "Resumo do documento" : "Document summary" }),
-            /* @__PURE__ */ jsx20(View16, { style: [styles16.rows, { borderTopColor: palette.divider }], children: rows.map((row) => /* @__PURE__ */ jsxs17(
-              View16,
+            /* @__PURE__ */ jsx22(Text11, { style: [styles18.sectionTitle, { color: palette.mutedText }], children: isPortuguese ? "Resumo do documento" : "Document summary" }),
+            /* @__PURE__ */ jsx22(View18, { style: [styles18.rows, { borderTopColor: palette.divider }], children: rows.map((row) => /* @__PURE__ */ jsxs17(
+              View18,
               {
-                style: [styles16.row, { borderBottomColor: palette.divider }],
+                style: [styles18.row, { borderBottomColor: palette.divider }],
                 children: [
-                  /* @__PURE__ */ jsx20(Text11, { style: [styles16.label, { color: palette.mutedText }], children: row.label }),
-                  /* @__PURE__ */ jsx20(
+                  /* @__PURE__ */ jsx22(Text11, { style: [styles18.label, { color: palette.mutedText }], children: row.label }),
+                  /* @__PURE__ */ jsx22(
                     Text11,
                     {
-                      style: [styles16.value, { color: palette.text }],
+                      style: [styles18.value, { color: palette.text }],
                       selectable: true,
                       children: row.value
                     }
@@ -33056,7 +33435,7 @@ function InfoSheet({
     }
   );
 }
-var styles16 = StyleSheet16.create({
+var styles18 = StyleSheet18.create({
   sheet: {
     flex: 1,
     paddingBottom: 16
@@ -33102,18 +33481,18 @@ var styles16 = StyleSheet16.create({
 });
 
 // components/OverflowSheet.tsx
-import { Pressable as Pressable12, StyleSheet as StyleSheet17, Text as Text12, View as View17 } from "react-native";
-import { useViewerStore as useViewerStore14 } from "@papyrus-sdk/core";
-import { jsx as jsx21 } from "react/jsx-runtime";
+import { Pressable as Pressable12, StyleSheet as StyleSheet19, Text as Text12, View as View19 } from "react-native";
+import { useViewerStore as useViewerStore16 } from "@papyrus-sdk/core";
+import { jsx as jsx23 } from "react/jsx-runtime";
 var actionLabels = [{ key: "actions", label: "Document actions" }];
 function OverflowSheet({
   visible,
   onClose,
   onOpenActions
 }) {
-  const isDark = useViewerStore14((state) => state.uiTheme === "dark");
+  const isDark = useViewerStore16((state) => state.uiTheme === "dark");
   const palette = getReaderSheetPalette(isDark);
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx23(
     NativeSheet,
     {
       visible,
@@ -33129,12 +33508,12 @@ function OverflowSheet({
         backgroundColor: palette.surface,
         borderTopColor: palette.divider
       },
-      children: /* @__PURE__ */ jsx21(View17, { style: styles17.actionList, children: actionLabels.map((action) => /* @__PURE__ */ jsx21(
+      children: /* @__PURE__ */ jsx23(View19, { style: styles19.actionList, children: actionLabels.map((action) => /* @__PURE__ */ jsx23(
         Pressable12,
         {
           onPress: onOpenActions,
           style: [
-            styles17.actionButton,
+            styles19.actionButton,
             {
               borderColor: palette.divider,
               backgroundColor: palette.elevatedSurface
@@ -33142,14 +33521,14 @@ function OverflowSheet({
           ],
           accessibilityRole: "button",
           accessibilityLabel: action.label,
-          children: /* @__PURE__ */ jsx21(Text12, { style: [styles17.actionText, { color: palette.text }], children: action.label })
+          children: /* @__PURE__ */ jsx23(Text12, { style: [styles19.actionText, { color: palette.text }], children: action.label })
         },
         action.key
       )) })
     }
   );
 }
-var styles17 = StyleSheet17.create({
+var styles19 = StyleSheet19.create({
   actionList: { gap: 10 },
   actionButton: {
     borderWidth: 1,
@@ -33161,17 +33540,32 @@ var styles17 = StyleSheet17.create({
 });
 
 // components/ProgressPill.tsx
-import { useEffect as useEffect12, useMemo as useMemo7, useRef as useRef10, useState as useState13 } from "react";
+import { useEffect as useEffect14, useMemo as useMemo9, useRef as useRef10, useState as useState13 } from "react";
 import {
   Animated as Animated3,
   PanResponder as PanResponder2,
-  StyleSheet as StyleSheet18,
+  Pressable as Pressable13,
+  StyleSheet as StyleSheet20,
   Text as Text13,
-  View as View18,
+  View as View20,
   useWindowDimensions as useWindowDimensions9
 } from "react-native";
-import { useViewerStore as useViewerStore15 } from "@papyrus-sdk/core";
-import { jsx as jsx22, jsxs as jsxs18 } from "react/jsx-runtime";
+import { useViewerStore as useViewerStore17 } from "@papyrus-sdk/core";
+
+// components/progressPillMode.ts
+function resolveProgressPillMode(viewMode, currentPage, pageCount) {
+  if (viewMode !== "single") return { kind: "scrubber" };
+  const total = Math.max(0, Math.trunc(pageCount));
+  const page = total > 0 ? Math.min(total, Math.max(1, Math.trunc(currentPage))) : 1;
+  return {
+    kind: "navigation",
+    previousPage: page > 1 ? page - 1 : null,
+    nextPage: page < total ? page + 1 : null
+  };
+}
+
+// components/ProgressPill.tsx
+import { jsx as jsx24, jsxs as jsxs18 } from "react/jsx-runtime";
 var clampPercent = (value) => Math.max(0, Math.min(100, Math.round(value)));
 function ProgressPill({
   documentType,
@@ -33183,11 +33577,17 @@ function ProgressPill({
   const {
     currentPage,
     pageCount,
+    currentTextOffset,
+    textLength,
+    comicLayoutMode,
+    viewMode,
+    locale,
     uiTheme,
     accentColor,
     mobileChromeVisible,
     mobileProgressPillVisible
-  } = useViewerStore15();
+  } = useViewerStore17();
+  const t = getStrings(locale);
   const isDark = uiTheme === "dark";
   const offsets = resolveMobileChromeOffsets(usePapyrusSafeAreaInsets());
   const { height: windowHeight } = useWindowDimensions9();
@@ -33224,7 +33624,7 @@ function ProgressPill({
   const scrubberResponderRef = useRef10(null);
   const touchPolicy = resolvePageScrubberTouchPolicy();
   const displayedPage = scrubPreviewPage ?? currentPage;
-  const label = useMemo7(() => {
+  const label = useMemo9(() => {
     const total = Math.max(pageCount, 1);
     const percent = clampPercent(displayedPage / total * 100);
     if (documentType === "pdf") {
@@ -33249,26 +33649,26 @@ function ProgressPill({
   const [trackOriginY, setTrackOriginY] = useState13(0);
   const scrubberMetricsRef = useRef10({ trackHeight, thumbHeight, pageCount });
   scrubberMetricsRef.current = { trackHeight, thumbHeight, pageCount };
-  useEffect12(() => {
+  useEffect14(() => {
     onNavigateToPageRef.current = onNavigateToPage;
   }, [onNavigateToPage]);
-  useEffect12(() => {
+  useEffect14(() => {
     onPressRef.current = onPress;
     onOpenPageJumpRef.current = onOpenPageJump;
   }, [onOpenPageJump, onPress]);
-  useEffect12(() => {
+  useEffect14(() => {
     const pendingPage = pendingReleasedScrubPageRef.current;
     if (pendingPage !== null && currentPage === pendingPage) {
       pendingReleasedScrubPageRef.current = null;
       setScrubPreviewPage(null);
     }
   }, [currentPage]);
-  useEffect12(() => {
+  useEffect14(() => {
     if (!isScrubbingRef.current) {
       thumbTopRef.current.setValue(thumbTop);
     }
   }, [thumbTop, thumbTopRef]);
-  useEffect12(
+  useEffect14(
     () => () => {
       if (longPressTimerRef.current !== null) {
         clearTimeout(longPressTimerRef.current);
@@ -33283,6 +33683,86 @@ function ProgressPill({
   })) {
     return null;
   }
+  if (documentType === "text") {
+    const progress = textLength <= 0 ? 0 : clampPercent(currentTextOffset / textLength * 100);
+    return /* @__PURE__ */ jsx24(
+      View20,
+      {
+        pointerEvents: "box-none",
+        style: [styles20.frame, styles20.singleFrame, { top: offsets.progress, right: offsets.right }],
+        children: /* @__PURE__ */ jsx24(
+          Pressable13,
+          {
+            accessibilityRole: "button",
+            accessibilityLabel: `${t.progress} ${progress}%`,
+            onPress: () => onPressRef.current(),
+            style: [styles20.singlePill, isDark && styles20.pillDark],
+            testID: "papyrus-progress-text",
+            children: /* @__PURE__ */ jsxs18(Text13, { style: [styles20.label, isDark && styles20.labelDark], children: [
+              progress,
+              "%"
+            ] })
+          }
+        )
+      }
+    );
+  }
+  const progressViewMode = documentType === "comic" ? comicLayoutMode === "single" ? "single" : "continuous" : viewMode;
+  const pillMode = resolveProgressPillMode(progressViewMode, currentPage, pageCount);
+  if (pillMode.kind === "navigation") {
+    const previousDisabled = pillMode.previousPage === null || !onNavigateToPage;
+    const nextDisabled = pillMode.nextPage === null || !onNavigateToPage;
+    return /* @__PURE__ */ jsx24(
+      View20,
+      {
+        pointerEvents: "box-none",
+        style: [styles20.frame, styles20.singleFrame, { top: offsets.progress, right: offsets.right }],
+        children: /* @__PURE__ */ jsxs18(View20, { style: [styles20.singlePill, isDark && styles20.pillDark], children: [
+          /* @__PURE__ */ jsx24(
+            Pressable13,
+            {
+              accessibilityRole: "button",
+              accessibilityLabel: t.previousPage,
+              accessibilityState: { disabled: previousDisabled },
+              disabled: previousDisabled,
+              onPress: () => pillMode.previousPage !== null && onNavigateToPageRef.current?.(pillMode.previousPage),
+              style: styles20.pageArrowHit,
+              testID: "papyrus-progress-page-previous",
+              children: /* @__PURE__ */ jsx24(Text13, { style: [styles20.pageArrow, isDark && styles20.labelDark, previousDisabled && styles20.pageArrowDisabled], children: "\u2039" })
+            }
+          ),
+          /* @__PURE__ */ jsx24(
+            Pressable13,
+            {
+              accessibilityRole: "button",
+              accessibilityLabel: `${currentPage}/${pageCount || 0}`,
+              onPress: () => onPressRef.current(),
+              style: styles20.singlePageCenter,
+              testID: "papyrus-progress-page-grid",
+              children: /* @__PURE__ */ jsxs18(Text13, { style: [styles20.label, isDark && styles20.labelDark], children: [
+                currentPage,
+                "/",
+                pageCount || 0
+              ] })
+            }
+          ),
+          /* @__PURE__ */ jsx24(
+            Pressable13,
+            {
+              accessibilityRole: "button",
+              accessibilityLabel: t.nextPage,
+              accessibilityState: { disabled: nextDisabled },
+              disabled: nextDisabled,
+              onPress: () => pillMode.nextPage !== null && onNavigateToPageRef.current?.(pillMode.nextPage),
+              style: styles20.pageArrowHit,
+              testID: "papyrus-progress-page-next",
+              children: /* @__PURE__ */ jsx24(Text13, { style: [styles20.pageArrow, isDark && styles20.labelDark, nextDisabled && styles20.pageArrowDisabled], children: "\u203A" })
+            }
+          )
+        ] })
+      }
+    );
+  }
   const scrubToPosition = (position) => {
     const { trackHeight: trackHeight2, thumbHeight: thumbHeight2, pageCount: pageCount2 } = scrubberMetricsRef.current;
     const visualPosition = resolvePageScrubberThumbTopFromPosition({
@@ -33416,12 +33896,12 @@ function ProgressPill({
     });
   }
   const responderPanHandlers = scrubberResponderRef.current?.panHandlers ?? {};
-  return /* @__PURE__ */ jsx22(
-    View18,
+  return /* @__PURE__ */ jsx24(
+    View20,
     {
       pointerEvents: "box-none",
       style: [
-        styles18.frame,
+        styles20.frame,
         resolvePageScrubberOverlayStyle(),
         {
           top: offsets.progress,
@@ -33429,24 +33909,24 @@ function ProgressPill({
         }
       ],
       children: /* @__PURE__ */ jsxs18(
-        View18,
+        View20,
         {
           ref: scrubberRef,
           pointerEvents: resolvePageScrubberPointerEvents(),
-          style: [styles18.scrubber, { height: trackHeight }],
+          style: [styles20.scrubber, { height: trackHeight }],
           onLayout: () => {
             scrubberRef.current?.measureInWindow((_x, y) => {
               trackYRef.current = y;
             });
           },
           children: [
-            /* @__PURE__ */ jsx22(
+            /* @__PURE__ */ jsx24(
               Animated3.View,
               {
                 pointerEvents: "none",
                 style: [
-                  styles18.track,
-                  isDark && styles18.trackDark,
+                  styles20.track,
+                  isDark && styles20.trackDark,
                   {
                     transformOrigin: [0, trackOriginY, 0],
                     opacity: trackReveal,
@@ -33456,24 +33936,24 @@ function ProgressPill({
                 ]
               }
             ),
-            /* @__PURE__ */ jsx22(
+            /* @__PURE__ */ jsx24(
               Animated3.View,
               {
                 pointerEvents: "box-none",
-                style: [styles18.thumb, { top: thumbTopRef.current }],
+                style: [styles20.thumb, { top: thumbTopRef.current }],
                 children: /* @__PURE__ */ jsxs18(
-                  View18,
+                  View20,
                   {
                     style: [
-                      styles18.pill,
-                      isDark && styles18.pillDark,
+                      styles20.pill,
+                      isDark && styles20.pillDark,
                       { borderColor: `${accentColor}33` }
                     ],
                     ...responderPanHandlers,
                     testID: "papyrus-progress-pill",
                     children: [
-                      /* @__PURE__ */ jsx22(View18, { style: styles18.labelHit, children: /* @__PURE__ */ jsx22(Text13, { style: [styles18.label, isDark && styles18.labelDark], children: label }) }),
-                      /* @__PURE__ */ jsx22(View18, { style: styles18.iconHit, children: /* @__PURE__ */ jsx22(
+                      /* @__PURE__ */ jsx24(View20, { style: styles20.labelHit, children: /* @__PURE__ */ jsx24(Text13, { style: [styles20.label, isDark && styles20.labelDark], children: label }) }),
+                      /* @__PURE__ */ jsx24(View20, { style: styles20.iconHit, children: /* @__PURE__ */ jsx24(
                         IconPageNav,
                         {
                           size: 20,
@@ -33492,7 +33972,7 @@ function ProgressPill({
     }
   );
 }
-var styles18 = StyleSheet18.create({
+var styles20 = StyleSheet20.create({
   frame: {
     position: "absolute",
     top: 72,
@@ -33507,6 +33987,42 @@ var styles18 = StyleSheet18.create({
     position: "relative",
     marginRight: 4
   },
+  singleFrame: {
+    bottom: "auto"
+  },
+  singlePill: {
+    minWidth: 150,
+    minHeight: 44,
+    marginRight: 4,
+    paddingHorizontal: 4,
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between",
+    borderRadius: 999,
+    borderWidth: 1,
+    borderColor: "rgba(148,163,184,0.35)",
+    backgroundColor: "rgba(255,255,255,0.9)",
+    elevation: 6
+  },
+  pageArrowHit: {
+    width: 38,
+    height: 38,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  pageArrow: {
+    fontSize: 28,
+    lineHeight: 32,
+    color: "#111827"
+  },
+  pageArrowDisabled: {
+    opacity: 0.28
+  },
+  singlePageCenter: {
+    minWidth: 64,
+    alignItems: "center",
+    justifyContent: "center"
+  },
   track: {
     position: "absolute",
     top: 0,
@@ -33562,17 +34078,17 @@ var styles18 = StyleSheet18.create({
 });
 
 // components/SearchOverlay.tsx
-import React16, { useEffect as useEffect13, useMemo as useMemo8, useState as useState14 } from "react";
+import React18, { useEffect as useEffect15, useMemo as useMemo10, useState as useState14 } from "react";
 import {
   Keyboard,
-  Pressable as Pressable13,
-  StyleSheet as StyleSheet19,
+  Pressable as Pressable14,
+  StyleSheet as StyleSheet21,
   Text as Text14,
   TextInput as TextInput3,
-  View as View19,
+  View as View21,
   useWindowDimensions as useWindowDimensions10
 } from "react-native";
-import { SearchService, useViewerStore as useViewerStore16 } from "@papyrus-sdk/core";
+import { SearchService, useViewerStore as useViewerStore18 } from "@papyrus-sdk/core";
 
 // components/searchOverlayLayout.ts
 var getSearchOverlayLayout = (windowWidth) => {
@@ -33592,7 +34108,7 @@ var getSearchOverlayLayout = (windowWidth) => {
 };
 
 // components/SearchOverlay.tsx
-import { jsx as jsx23, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs19 } from "react/jsx-runtime";
 function SearchOverlay({
   engine,
   documentType,
@@ -33607,27 +34123,29 @@ function SearchOverlay({
     prevSearchResult,
     searchQuery,
     searchResults,
+    textSearchResults,
     isLoaded,
     pageCount,
     setSearch,
     uiTheme,
     accentColor
-  } = useViewerStore16();
+  } = useViewerStore18();
   const [draft, setDraft] = useState14(searchQuery);
   const [isSearching, setIsSearching] = useState14(false);
-  const searchRequestIdRef = React16.useRef(0);
+  const searchRequestIdRef = React18.useRef(0);
   const isDark = uiTheme === "dark";
   const { width: windowWidth } = useWindowDimensions10();
   const overlayLayout = getSearchOverlayLayout(windowWidth);
   const offsets = resolveMobileChromeOffsets(usePapyrusSafeAreaInsets());
   const t = getStrings(locale);
-  const searchService = useMemo8(() => new SearchService(engine), [engine]);
-  useEffect13(() => {
+  const searchService = useMemo10(() => new SearchService(engine), [engine]);
+  const results = documentType === "text" ? textSearchResults : searchResults;
+  useEffect15(() => {
     searchService.clearCache();
   }, [isLoaded, pageCount, searchService]);
-  const currentCount = searchResults.length > 0 && activeSearchIndex >= 0 ? activeSearchIndex + 1 : 0;
+  const currentCount = results.length > 0 && activeSearchIndex >= 0 ? activeSearchIndex + 1 : 0;
   const targetLabel = documentType === "pdf" ? t.page : documentType === "epub" ? t.contents : t.progress;
-  useEffect13(() => {
+  useEffect15(() => {
     if (!visible) return;
     setDraft(searchQuery);
   }, [searchQuery, visible]);
@@ -33641,9 +34159,9 @@ function SearchOverlay({
     }
     setIsSearching(true);
     try {
-      const results = await searchService.search(query);
+      const nextResults = await searchService.searchReader(query);
       if (requestId !== searchRequestIdRef.current) return;
-      setSearch(query, results);
+      setSearch(query, nextResults);
     } finally {
       if (requestId === searchRequestIdRef.current) setIsSearching(false);
     }
@@ -33654,12 +34172,12 @@ function SearchOverlay({
     onClose();
   };
   if (!visible) return null;
-  return /* @__PURE__ */ jsx23(
-    View19,
+  return /* @__PURE__ */ jsx25(
+    View21,
     {
       pointerEvents: "box-none",
       style: [
-        styles19.frame,
+        styles21.frame,
         overlayLayout.frame,
         {
           bottom: offsets.search,
@@ -33668,22 +34186,22 @@ function SearchOverlay({
         }
       ],
       children: /* @__PURE__ */ jsxs19(
-        View19,
+        View21,
         {
-          style: [styles19.card, overlayLayout.card, isDark && styles19.cardDark],
+          style: [styles21.card, overlayLayout.card, isDark && styles21.cardDark],
           testID: "papyrus-search-overlay",
           children: [
-            /* @__PURE__ */ jsxs19(View19, { style: styles19.inputRow, children: [
-              /* @__PURE__ */ jsxs19(View19, { style: [styles19.searchInputWrap, isDark && styles19.searchInputWrapDark], children: [
-                /* @__PURE__ */ jsx23(IconSearch, { size: 16, color: isDark ? "#cbd5e1" : "#64748b" }),
-                /* @__PURE__ */ jsx23(
+            /* @__PURE__ */ jsxs19(View21, { style: styles21.inputRow, children: [
+              /* @__PURE__ */ jsxs19(View21, { style: [styles21.searchInputWrap, isDark && styles21.searchInputWrapDark], children: [
+                /* @__PURE__ */ jsx25(IconSearch, { size: 16, color: isDark ? "#cbd5e1" : "#64748b" }),
+                /* @__PURE__ */ jsx25(
                   TextInput3,
                   {
                     value: draft,
                     onChangeText: setDraft,
                     placeholder: t.searchPlaceholder,
                     placeholderTextColor: isDark ? "#94a3b8" : "#6b7280",
-                    style: [styles19.input, isDark && styles19.inputDark],
+                    style: [styles21.input, isDark && styles21.inputDark],
                     autoFocus: true,
                     returnKeyType: "search",
                     onSubmitEditing: handleSubmit,
@@ -33692,75 +34210,75 @@ function SearchOverlay({
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsx23(
-                Pressable13,
+              /* @__PURE__ */ jsx25(
+                Pressable14,
                 {
                   onPress: handleClose,
-                  style: [styles19.closeButton, isDark && styles19.closeButtonDark],
+                  style: [styles21.closeButton, isDark && styles21.closeButtonDark],
                   accessibilityLabel: "Close search",
-                  children: /* @__PURE__ */ jsx23(Text14, { style: [styles19.closeText, isDark && styles19.closeTextDark], children: t.cancel })
+                  children: /* @__PURE__ */ jsx25(Text14, { style: [styles21.closeText, isDark && styles21.closeTextDark], children: t.cancel })
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxs19(View19, { style: styles19.metaRow, children: [
-              /* @__PURE__ */ jsx23(
-                Pressable13,
+            /* @__PURE__ */ jsxs19(View21, { style: styles21.metaRow, children: [
+              /* @__PURE__ */ jsx25(
+                Pressable14,
                 {
                   onPress: prevSearchResult,
-                  disabled: searchResults.length === 0,
+                  disabled: results.length === 0,
                   style: [
-                    styles19.navButton,
-                    isDark && styles19.navButtonDark,
-                    searchResults.length === 0 && styles19.navButtonDisabled
+                    styles21.navButton,
+                    isDark && styles21.navButtonDark,
+                    results.length === 0 && styles21.navButtonDisabled
                   ],
                   accessibilityLabel: "Previous result",
-                  children: /* @__PURE__ */ jsx23(IconChevronLeft, { size: 16, color: isDark ? "#e5e7eb" : "#111827" })
+                  children: /* @__PURE__ */ jsx25(IconChevronLeft, { size: 16, color: isDark ? "#e5e7eb" : "#111827" })
                 }
               ),
-              /* @__PURE__ */ jsx23(Text14, { style: [styles19.metaText, isDark && styles19.metaTextDark], children: isSearching ? t.searching : `${currentCount}/${searchResults.length} ${targetLabel}` }),
-              /* @__PURE__ */ jsx23(
-                Pressable13,
+              /* @__PURE__ */ jsx25(Text14, { style: [styles21.metaText, isDark && styles21.metaTextDark], children: isSearching ? t.searching : `${currentCount}/${results.length} ${targetLabel}` }),
+              /* @__PURE__ */ jsx25(
+                Pressable14,
                 {
                   onPress: nextSearchResult,
-                  disabled: searchResults.length === 0,
+                  disabled: results.length === 0,
                   style: [
-                    styles19.navButton,
-                    isDark && styles19.navButtonDark,
-                    searchResults.length === 0 && styles19.navButtonDisabled
+                    styles21.navButton,
+                    isDark && styles21.navButtonDark,
+                    results.length === 0 && styles21.navButtonDisabled
                   ],
                   accessibilityLabel: "Next result",
-                  children: /* @__PURE__ */ jsx23(IconChevronRight, { size: 16, color: isDark ? "#e5e7eb" : "#111827" })
+                  children: /* @__PURE__ */ jsx25(IconChevronRight, { size: 16, color: isDark ? "#e5e7eb" : "#111827" })
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxs19(View19, { style: styles19.actionsRow, children: [
-              /* @__PURE__ */ jsx23(
-                Pressable13,
+            /* @__PURE__ */ jsxs19(View21, { style: styles21.actionsRow, children: [
+              /* @__PURE__ */ jsx25(
+                Pressable14,
                 {
                   onPress: handleSubmit,
-                  style: [styles19.primaryAction, { backgroundColor: accentColor }],
+                  style: [styles21.primaryAction, { backgroundColor: accentColor }],
                   accessibilityLabel: "Run search",
                   testID: "papyrus-search-run",
-                  children: /* @__PURE__ */ jsx23(Text14, { style: styles19.primaryActionText, children: t.searchGo })
+                  children: /* @__PURE__ */ jsx25(Text14, { style: styles21.primaryActionText, children: t.searchGo })
                 }
               ),
-              /* @__PURE__ */ jsx23(
-                Pressable13,
+              /* @__PURE__ */ jsx25(
+                Pressable14,
                 {
                   onPress: onOpenResults,
-                  disabled: searchResults.length === 0,
+                  disabled: results.length === 0,
                   style: [
-                    styles19.secondaryAction,
-                    isDark && styles19.secondaryActionDark,
-                    searchResults.length === 0 && styles19.navButtonDisabled
+                    styles21.secondaryAction,
+                    isDark && styles21.secondaryActionDark,
+                    results.length === 0 && styles21.navButtonDisabled
                   ],
                   accessibilityLabel: "Open all results",
-                  children: /* @__PURE__ */ jsx23(
+                  children: /* @__PURE__ */ jsx25(
                     Text14,
                     {
                       style: [
-                        styles19.secondaryActionText,
-                        isDark && styles19.secondaryActionTextDark
+                        styles21.secondaryActionText,
+                        isDark && styles21.secondaryActionTextDark
                       ],
                       children: t.allResults
                     }
@@ -33774,7 +34292,7 @@ function SearchOverlay({
     }
   );
 }
-var styles19 = StyleSheet19.create({
+var styles21 = StyleSheet21.create({
   frame: {
     position: "absolute",
     left: 0,
@@ -33915,9 +34433,9 @@ var styles19 = StyleSheet19.create({
 });
 
 // components/SearchResultsSheet.tsx
-import { Pressable as Pressable14, StyleSheet as StyleSheet20, Text as Text15 } from "react-native";
-import { useViewerStore as useViewerStore17 } from "@papyrus-sdk/core";
-import { jsx as jsx24, jsxs as jsxs20 } from "react/jsx-runtime";
+import { Pressable as Pressable15, StyleSheet as StyleSheet22, Text as Text15 } from "react-native";
+import { useViewerStore as useViewerStore19 } from "@papyrus-sdk/core";
+import { jsx as jsx26, jsxs as jsxs20 } from "react/jsx-runtime";
 function SearchResultsSheet({
   documentType,
   visible,
@@ -33928,11 +34446,15 @@ function SearchResultsSheet({
     locale,
     pageCount,
     searchResults,
+    textSearchResults,
+    textLength,
     setDocumentState,
     triggerScrollToPage,
+    triggerScrollToTextOffset,
     uiTheme,
     accentColor
-  } = useViewerStore17();
+  } = useViewerStore19();
+  const results = documentType === "text" ? textSearchResults : searchResults;
   const isDark = uiTheme === "dark";
   const palette = getReaderSheetPalette(isDark);
   const t = getStrings(locale);
@@ -33942,6 +34464,7 @@ function SearchResultsSheet({
     const percent = pageCount <= 1 ? 100 : Math.round((pageIndex + 1) / pageCount * 100);
     return `${t.progress} ${percent}%`;
   };
+  const getTextResultLabel = (offset) => `${t.progress} ${textLength <= 0 ? 0 : Math.round(offset / textLength * 100)}%`;
   return /* @__PURE__ */ jsxs20(
     NativeSheet,
     {
@@ -33958,44 +34481,53 @@ function SearchResultsSheet({
         borderTopColor: palette.divider
       },
       children: [
-        /* @__PURE__ */ jsxs20(Text15, { style: [styles20.meta, { color: palette.mutedText }], children: [
-          searchResults.length,
+        /* @__PURE__ */ jsxs20(Text15, { style: [styles22.meta, { color: palette.mutedText }], children: [
+          results.length,
           " ",
           t.results
         ] }),
-        /* @__PURE__ */ jsx24(NativeSheetScrollView, { contentContainerStyle: styles20.content, children: searchResults.length === 0 ? /* @__PURE__ */ jsx24(Text15, { style: [styles20.emptyText, { color: palette.mutedText }], children: t.noResults }) : searchResults.map((result, index) => {
+        /* @__PURE__ */ jsx26(NativeSheetScrollView, { contentContainerStyle: styles22.content, children: results.length === 0 ? /* @__PURE__ */ jsx26(Text15, { 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__ */ jsxs20(
-            Pressable14,
+            Pressable15,
             {
               onPress: () => {
-                setDocumentState({
-                  activeSearchIndex: index,
-                  currentPage: result.pageIndex + 1
-                });
-                triggerScrollToPage(result.pageIndex);
+                if (isTextResult) {
+                  setDocumentState({
+                    activeSearchIndex: index,
+                    currentTextOffset: result.location.start
+                  });
+                  triggerScrollToTextOffset(result.location.start);
+                } else {
+                  setDocumentState({
+                    activeSearchIndex: index,
+                    currentPage: result.pageIndex + 1
+                  });
+                  triggerScrollToPage(result.pageIndex);
+                }
                 onClose();
               },
               style: [
-                styles20.resultCard,
+                styles22.resultCard,
                 {
                   borderColor: isActive ? accentColor : palette.divider,
                   backgroundColor: isActive ? `${accentColor}14` : palette.elevatedSurface
                 }
               ],
               children: [
-                /* @__PURE__ */ jsx24(Text15, { style: [styles20.resultLabel, { color: accentColor }], children: getResultLabel(result.pageIndex) }),
-                /* @__PURE__ */ jsx24(Text15, { style: [styles20.resultText, { color: palette.text }], children: result.text })
+                /* @__PURE__ */ jsx26(Text15, { style: [styles22.resultLabel, { color: accentColor }], children: isTextResult ? getTextResultLabel(result.location.start) : getResultLabel(result.pageIndex) }),
+                /* @__PURE__ */ jsx26(Text15, { style: [styles22.resultText, { color: palette.text }], children: result.text })
               ]
             },
-            `${result.pageIndex}-${index}`
+            isTextResult ? `text-${result.location.start}-${index}` : `page-${result.pageIndex}-${index}`
           );
         }) })
       ]
     }
   );
 }
-var styles20 = StyleSheet20.create({
+var styles22 = StyleSheet22.create({
   meta: { fontSize: 12, paddingHorizontal: 18, marginBottom: 10 },
   content: { paddingHorizontal: 18, paddingBottom: 18, gap: 10 },
   emptyText: { fontSize: 13 },
@@ -34015,7 +34547,7 @@ var styles20 = StyleSheet20.create({
 var isSidebarBoundDestination = (destination) => destination === "pages" || destination === "contents" || destination === "progress" || destination === "notes";
 
 // components/ReadingShell.tsx
-import { jsx as jsx25, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs21 } from "react/jsx-runtime";
 function ReadingShell({
   engine,
   title,
@@ -34035,7 +34567,7 @@ function ReadingShell({
     pageCount,
     uiTheme,
     accentColor
-  } = useViewerStore18();
+  } = useViewerStore20();
   const [overflowOpen, setOverflowOpen] = useState15(false);
   const [infoOpen, setInfoOpen] = useState15(false);
   const [actionsOpen, setActionsOpen] = useState15(false);
@@ -34044,7 +34576,7 @@ function ReadingShell({
   const [pageJumpOpen, setPageJumpOpen] = useState15(false);
   const [pageScrubActive, setPageScrubActive] = useState15(false);
   const isDark = uiTheme === "dark";
-  React17.useEffect(() => {
+  React19.useEffect(() => {
     const showSubscription = Keyboard2.addListener("keyboardDidShow", () => {
       setMobileKeyboardOpen(true);
     });
@@ -34056,7 +34588,7 @@ function ReadingShell({
       hideSubscription.remove();
     };
   }, [setMobileKeyboardOpen]);
-  React17.useEffect(() => {
+  React19.useEffect(() => {
     if (sidebarRightOpen) return;
     if (isSidebarBoundDestination(activeMobileDestination)) {
       closeMobileDestination();
@@ -34102,8 +34634,8 @@ function ReadingShell({
     setDocumentState({ currentPage: page });
     triggerScrollToPage(page - 1);
   };
-  return /* @__PURE__ */ jsx25(PapyrusSafeAreaBoundary, { children: /* @__PURE__ */ jsxs21(View20, { style: styles21.container, testID: "papyrus-rn-reading-shell", children: [
-    /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx27(PapyrusSafeAreaBoundary, { children: /* @__PURE__ */ jsxs21(View22, { style: styles23.container, testID: "papyrus-rn-reading-shell", children: [
+    /* @__PURE__ */ jsx27(
       Topbar_default,
       {
         engine,
@@ -34119,7 +34651,7 @@ function ReadingShell({
         showPageNavigationControls: false
       }
     ),
-    /* @__PURE__ */ jsx25(View20, { style: styles21.viewerStage, children: /* @__PURE__ */ jsx25(
+    /* @__PURE__ */ jsx27(View22, { style: styles23.viewerStage, children: /* @__PURE__ */ jsx27(
       Viewer_default,
       {
         engine,
@@ -34127,7 +34659,7 @@ function ReadingShell({
         pageScrubActive
       }
     ) }),
-    /* @__PURE__ */ jsx25(
+    /* @__PURE__ */ jsx27(
       ProgressPill,
       {
         documentType,
@@ -34139,7 +34671,7 @@ function ReadingShell({
         onScrubbingChange: setPageScrubActive
       }
     ),
-    /* @__PURE__ */ jsx25(
+    /* @__PURE__ */ jsx27(
       BottomBar_default,
       {
         documentType,
@@ -34148,7 +34680,7 @@ function ReadingShell({
         onOpenSettings: () => openDestination("display")
       }
     ),
-    /* @__PURE__ */ jsx25(
+    /* @__PURE__ */ jsx27(
       SearchOverlay,
       {
         engine,
@@ -34165,7 +34697,7 @@ function ReadingShell({
         }
       }
     ),
-    /* @__PURE__ */ jsx25(
+    /* @__PURE__ */ jsx27(
       SearchResultsSheet,
       {
         documentType,
@@ -34173,7 +34705,7 @@ function ReadingShell({
         onClose: () => setSearchResultsOpen(false)
       }
     ),
-    /* @__PURE__ */ jsx25(
+    /* @__PURE__ */ jsx27(
       RightSheet_default,
       {
         engine,
@@ -34182,7 +34714,7 @@ function ReadingShell({
         onOpenPageJump: () => setPageJumpOpen(true)
       }
     ),
-    /* @__PURE__ */ jsx25(
+    /* @__PURE__ */ jsx27(
       OverflowSheet,
       {
         visible: overflowOpen,
@@ -34196,7 +34728,7 @@ function ReadingShell({
         }
       }
     ),
-    /* @__PURE__ */ jsx25(
+    /* @__PURE__ */ jsx27(
       InfoSheet,
       {
         visible: infoOpen,
@@ -34208,7 +34740,7 @@ function ReadingShell({
         }
       }
     ),
-    /* @__PURE__ */ jsx25(
+    /* @__PURE__ */ jsx27(
       DocumentActionsSheet,
       {
         visible: actionsOpen,
@@ -34218,10 +34750,11 @@ function ReadingShell({
         }
       }
     ),
-    /* @__PURE__ */ jsx25(
+    /* @__PURE__ */ jsx27(
       SettingsSheet_default,
       {
         engine,
+        documentType,
         visible: settingsOpen,
         onClose: () => {
           setSettingsOpen(false);
@@ -34229,7 +34762,7 @@ function ReadingShell({
         }
       }
     ),
-    /* @__PURE__ */ jsx25(
+    /* @__PURE__ */ jsx27(
       PageJumpModal,
       {
         visible: pageJumpOpen,
@@ -34243,7 +34776,7 @@ function ReadingShell({
     )
   ] }) });
 }
-var styles21 = StyleSheet21.create({
+var styles23 = StyleSheet23.create({
   container: {
     flex: 1
   },