@papyrus-sdk/ui-react-native 0.2.35-beta.10 → 0.2.35-beta.11

package/dist/index.mjs

@@ -21828,6 +21828,7 @@ https://github.com/nodeca/pako/blob/main/LICENSE
         if (selectionSession === documentSessionId && selectionRendition === rendition) epubAnnotationRenderers.forEach(renderer => renderer.schedule());
       }));
       rendition.on('relocated', (location) => {
+        if (selectionSession !== documentSessionId || selectionRendition !== rendition) return;
         const start = location && location.start;
         let index = start && Number.isInteger(start.index) ? start.index : -1;
         if (index < 0 && start && start.href) index = getSpineIndexByHref(start.href);
@@ -21946,10 +21947,11 @@ https://github.com/nodeca/pako/blob/main/LICENSE
         sendEvent('VIEWER_SCROLL', { offsetY });
       };
       const handleTouchStart = (event) => {
-        touchStart = getTouchPoint(event);
+        touchStart = event?.touches?.length > 1 ? null : getTouchPoint(event);
         epubScrollDiagnostics && epubScrollDiagnostics.touchStart(event);
       };
       const handleTouchMove = (event) => {
+        if (event?.touches?.length > 1) touchStart = null;
         epubScrollDiagnostics && epubScrollDiagnostics.touchMove(event);
       };
       const handleTouchEnd = (event) => {
@@ -21957,7 +21959,15 @@ https://github.com/nodeca/pako/blob/main/LICENSE
         const start = touchStart;
         touchStart = null;
         const selectedText = event?.target?.ownerDocument?.defaultView?.getSelection?.()?.toString().trim() || '';
-        if (!selectedText && start && end && Math.hypot(end.x - start.x, end.y - start.y) <= 12) {
+        if (!selectedText && start && end && epubViewMode === 'single' && Math.abs(end.x-start.x) >= 48 && Math.abs(end.x-start.x) > Math.abs(end.y-start.y)*1.5) {
+          const active = rendition;
+          const interactionSession = documentSessionId;
+          epubNavigationQueue = epubNavigationQueue.catch(() => {}).then(() => {
+            if (active !== rendition || interactionSession !== documentSessionId) return;
+            return end.x < start.x ? active.next() : active.prev();
+          });
+          epubNavigationQueue.catch(error => sendEvent('EPUB_NAVIGATION_ERROR', {message:String(error)}));
+        } else if (!selectedText && start && end && Math.hypot(end.x - start.x, end.y - start.y) <= 12) {
           sendEvent('VIEWER_TAP', {});
         }
         epubScrollDiagnostics && epubScrollDiagnostics.touchEnd(event);
@@ -22002,6 +22012,8 @@ https://github.com/nodeca/pako/blob/main/LICENSE
     return { pageCount, outline };
   };
 
+  let epubNavigationQueue = Promise.resolve();
+  let epubNavigationRequest = 0;
   const displayEpubPage = async (pageIndex) => {
     if (!rendition) return;
     const item = spineItems[pageIndex];
@@ -22011,9 +22023,18 @@ https://github.com/nodeca/pako/blob/main/LICENSE
       target,
       pageIndex,
     });
-    await rendition.display(target);
-    currentPage = pageIndex + 1;
-    sendState();
+    const activeRendition = rendition;
+    const session = documentSessionId;
+    const request = ++epubNavigationRequest;
+    const navigation = epubNavigationQueue.catch(() => {}).then(async () => {
+      if (request !== epubNavigationRequest || session !== documentSessionId || activeRendition !== rendition) return;
+      await activeRendition.display(target);
+      if (request !== epubNavigationRequest || session !== documentSessionId || activeRendition !== rendition) return;
+      currentPage = pageIndex + 1;
+      sendState();
+    });
+    epubNavigationQueue = navigation;
+    await navigation;
   };
 
   const getTextContent = async (pageIndex) => {
@@ -22115,6 +22136,7 @@ https://github.com/nodeca/pako/blob/main/LICENSE
   };
 
   let nativeMenuSelection = null;
+  let epubViewMode = "continuous";
 
   const handleCommand = async (message) => {
     const { id, kind, payload } = message;
@@ -22127,6 +22149,9 @@ https://github.com/nodeca/pako/blob/main/LICENSE
         epubAnnotations = [];
         annotationDocumentId = undefined;
         zoom = 1.0;
+        epubViewMode = "continuous";
+        epubNavigationRequest += 1;
+        epubNavigationQueue = Promise.resolve();
 
         if (currentType === 'text') {
           const result = await loadText(
@@ -22181,17 +22206,23 @@ https://github.com/nodeca/pako/blob/main/LICENSE
           epubAnnotationRenderers.forEach(renderer => renderer.schedule());
         } else {
           const annotation = epubAnnotations.find(a => a.id === payload.annotationId);
-          if (!annotation) throw new Error('Annotation not available');
+          if (!annotation || (annotation.anchor.documentId && annotation.anchor.documentId !== annotationDocumentId)) throw new Error('Annotation not available for this document');
           // Navigation uses the CFI, never a synthetic percentage/page rectangle.
           const navigationSession = documentSessionId;
           const activeRendition = rendition;
           // Open the confirmed chapter first, resolve its quote, then navigate its actual range.
-          await activeRendition.display(annotation.anchor.href);
-          if(navigationSession !== documentSessionId || activeRendition !== rendition)throw new Error('Stale EPUB navigation');
-          const contents = activeRendition.getContents().find(c => spineItems[c.sectionIndex]?.href === annotation.anchor.href);
-          const range = contents && window.PapyrusEpubAnnotations.resolveRange(contents,annotation.anchor);
-          if(!range)throw new Error('EPUB anchor unresolved');
-          await activeRendition.display(contents.cfiFromRange(range));
+          epubNavigationRequest += 1;
+          const navigation = epubNavigationQueue.catch(() => {}).then(async () => {
+            if(navigationSession !== documentSessionId || activeRendition !== rendition)throw new Error('Stale EPUB navigation');
+            await activeRendition.display(annotation.anchor.href);
+            if(navigationSession !== documentSessionId || activeRendition !== rendition)throw new Error('Stale EPUB navigation');
+            const contents = activeRendition.getContents().find(c => spineItems[c.sectionIndex]?.href === annotation.anchor.href);
+            const range = contents && window.PapyrusEpubAnnotations.resolveRange(contents,annotation.anchor);
+            if(!range)throw new Error('EPUB anchor unresolved');
+            await activeRendition.display(contents.cfiFromRange(range));
+          });
+          epubNavigationQueue = navigation;
+          await navigation;
         }
         sendResponse(id,true,null); return;
       }
@@ -22218,6 +22249,33 @@ https://github.com/nodeca/pako/blob/main/LICENSE
         return;
       }
 
+      if (kind === 'epub-turn-page') {
+        if (epubViewMode !== 'single') {sendResponse(id,true,null); return;}
+        if (currentType !== 'epub' || payload.documentSessionId !== documentSessionId) throw new Error('Stale EPUB navigation');
+        const active = rendition;
+        epubNavigationQueue = epubNavigationQueue.catch(() => {}).then(() => {
+          if (active !== rendition || payload.documentSessionId !== documentSessionId) return;
+          return payload.direction < 0 ? active.prev() : active.next();
+        });
+        await epubNavigationQueue;
+        sendResponse(id,true,null); return;
+      }
+
+      if (kind === 'set-epub-view-mode') {
+        if (currentType !== 'epub' || payload.documentSessionId !== documentSessionId) throw new Error('Stale EPUB layout session');
+        epubViewMode = payload.viewMode === 'single' ? 'single' : 'continuous';
+        const active = rendition;
+        epubNavigationQueue = epubNavigationQueue.catch(() => {}).then(() => {
+          if (active !== rendition || payload.documentSessionId !== documentSessionId) return;
+          const flow = epubViewMode === 'single' ? 'paginated' : 'scrolled-continuous';
+          if (active.settings.flow === flow) return;
+          active.flow(flow);
+          return active.q.enqueue(() => Promise.resolve());
+        });
+        await epubNavigationQueue;
+        sendResponse(id,true,null); return;
+      }
+
       if (kind === 'set-zoom') {
         zoom = Math.max(0.5, Math.min(4.0, payload.zoom || 1.0));
         applyZoom();
@@ -25770,7 +25828,7 @@ var WebViewViewer = ({
   onTap
 }) => {
   const webViewRef = useRef2(null);
-  const { pageTheme, annotations, isLoaded, locale, annotationColor, annotationOpacity, addAnnotation, beginAnnotationDraft, setSelectedAnnotation } = useViewerStore2();
+  const { pageTheme, viewMode, annotations, isLoaded, locale, annotationColor, annotationOpacity, addAnnotation, beginAnnotationDraft, setSelectedAnnotation } = useViewerStore2();
   const [selection, setSelection] = useState2(null);
   const t = getStrings(locale);
   const bridgeEngine = engine;
@@ -25851,6 +25909,10 @@ var WebViewViewer = ({
     (note !== void 0 ? beginAnnotationDraft : addAnnotation)(createContextualAnnotation({ id: `annotation-${Date.now()}-${Math.random().toString(36).slice(2)}`, anchor: selected.anchor, pageIndex: selected.pageIndex, style, color: annotationColor, opacity: annotationOpacity, note }));
     setSelection(null);
   };
+  useEffect2(() => {
+    if (!isLoaded) return;
+    webViewRef.current?.postMessage(JSON.stringify({ id: "epub-layout", kind: "set-epub-view-mode", payload: { viewMode, documentSessionId: bridgeEngine.getWebViewDocumentSessionId?.() } }));
+  }, [isLoaded, viewMode, bridgeEngine]);
   const sendSelectionCommand = (key) => {
     webViewRef.current?.postMessage(JSON.stringify({
       type: "epub-selection-action",
@@ -29499,7 +29561,8 @@ import {
   Text as Text5,
   Pressable as Pressable6,
   StyleSheet as StyleSheet11,
-  useWindowDimensions as useWindowDimensions4
+  useWindowDimensions as useWindowDimensions4,
+  Platform as Platform6
 } from "react-native";
 import { useViewerStore as useViewerStore9 } from "@papyrus-sdk/core";
 import Animated3, { useAnimatedStyle } from "react-native-reanimated";
@@ -30067,6 +30130,7 @@ var Topbar = ({
           {
             style: [
               styles11.container,
+              Platform6.OS === "ios" && styles11.containerIos,
               isDark && styles11.containerDark,
               isLandscape && styles11.containerLandscape
             ],
@@ -30223,7 +30287,8 @@ var styles11 = StyleSheet11.create({
     maxWidth: MOBILE_CHROME_METRICS.maxFloatingWidth,
     marginTop: 10,
     paddingHorizontal: 14,
-    paddingVertical: 10,
+    height: MOBILE_CHROME_METRICS.topbarHeight,
+    paddingVertical: 0,
     backgroundColor: "rgba(255,255,255,0.88)",
     borderWidth: 1,
     borderColor: "rgba(255,255,255,0.72)",
@@ -30240,6 +30305,10 @@ var styles11 = StyleSheet11.create({
     backgroundColor: "rgba(15,17,21,0.88)",
     borderColor: "rgba(71,85,105,0.48)"
   },
+  containerIos: {
+    height: MOBILE_CHROME_METRICS.topbarHeight,
+    paddingVertical: 0
+  },
   containerLandscape: {
     maxWidth: void 0,
     marginTop: 0
@@ -31389,7 +31458,7 @@ import {
 } from "react";
 import {
   Image as Image2,
-  Platform as Platform6,
+  Platform as Platform7,
   Pressable as Pressable8,
   StyleSheet as StyleSheet13,
   Text as Text7,
@@ -31470,7 +31539,7 @@ var PageThumbnail = ({
     if (!layoutReady || !useNativePreview || !shouldRenderPreview) return;
     const viewTag = findNodeHandle2(viewRef.current);
     if (!viewTag) return;
-    const isNative = Platform6.OS === "android" || Platform6.OS === "ios";
+    const isNative = Platform7.OS === "android" || Platform7.OS === "ios";
     const renderScale = isNative ? 2 / Math.max(zoom, 0.5) : 2;
     void engine.renderPage(pageIndex, viewTag, renderScale);
   }, [
@@ -32395,14 +32464,14 @@ var RightSheet_default = RightSheet;
 
 // components/AnnotationEditor.tsx
 import { useEffect as useEffect13, useRef as useRef9, useState as useState12 } from "react";
-import { AccessibilityInfo as AccessibilityInfo2, Alert as Alert3, Animated as Animated4, KeyboardAvoidingView, Modal as Modal3, Platform as Platform7, Pressable as Pressable9, ScrollView as ScrollView4, StyleSheet as StyleSheet14, Text as Text8, TextInput as TextInput2, View as View14 } from "react-native";
+import { AccessibilityInfo as AccessibilityInfo2, Alert as Alert3, Animated as Animated4, KeyboardAvoidingView, Modal as Modal3, Platform as Platform8, Pressable as Pressable9, ScrollView as ScrollView4, StyleSheet as StyleSheet14, Text as Text8, TextInput as TextInput2, View as View14 } from "react-native";
 import { getAnnotationEditPatch, getAnnotationMarkup as getAnnotationMarkup2, getAnnotationNote as getAnnotationNote2, getAnnotationQuote as getAnnotationQuote2, useViewerStore as useViewerStore12 } from "@papyrus-sdk/core";
 import { Fragment as Fragment3, jsx as jsx18, jsxs as jsxs13 } from "react/jsx-runtime";
 var COLORS = ["#fbbf24", "#fb7185", "#60a5fa", "#34d399", "#c084fc"];
-var AnnotationEditor = () => {
+var AnnotationEditor = ({ documentId }) => {
   const { annotations, annotationDraft, clearAnnotationDraft, addAnnotation, selectedAnnotationId, updateAnnotation, removeAnnotation, setSelectedAnnotation, uiTheme, locale, accentColor } = useViewerStore12();
   const annotation = annotationDraft?.id === selectedAnnotationId ? annotationDraft : annotations.find((a) => a.id === selectedAnnotationId);
-  const supported = annotation && annotation.type !== "ink";
+  const supported = annotation && annotation.type !== "ink" && (!documentId || !annotation.anchor?.documentId || annotation.anchor.documentId === documentId);
   const [editing, setEditing] = useState12(false);
   const [draft, setDraft] = useState12("");
   const [color, setColor] = useState12(COLORS[0]);
@@ -32462,12 +32531,12 @@ var AnnotationEditor = () => {
   const remove = () => Alert3.alert(t.deleteAnnotation, t.deleteAnnotationConfirmation, [{ text: t.cancel, style: "cancel" }, { text: t.deleteAnnotation, style: "destructive", onPress: () => deleteAnnotationAndClearSelection(annotation.id, removeAnnotation, setSelectedAnnotation) }]);
   const textStyle = { color: dark ? "#f9fafb" : "#111827" };
   const quote = getAnnotationQuote2(annotation);
-  return /* @__PURE__ */ jsx18(Modal3, { visible: true, transparent: true, animationType: "none", onRequestClose: close, children: /* @__PURE__ */ jsxs13(KeyboardAvoidingView, { behavior: Platform7.OS === "ios" ? "padding" : void 0, style: styles14.host, children: [
+  return /* @__PURE__ */ jsx18(Modal3, { visible: true, transparent: true, animationType: "none", onRequestClose: close, children: /* @__PURE__ */ jsxs13(KeyboardAvoidingView, { behavior: Platform8.OS === "ios" ? "padding" : void 0, style: styles14.host, children: [
     /* @__PURE__ */ jsx18(Pressable9, { style: StyleSheet14.absoluteFill, onPress: close, accessibilityLabel: t.close }),
     /* @__PURE__ */ jsxs13(Animated4.View, { accessibilityViewIsModal: true, style: [styles14.card, { backgroundColor: dark ? "#17191f" : "#fff", marginBottom: Math.max(16, insets.bottom), opacity: progress, transform: [{ translateY: progress.interpolate({ inputRange: [0, 1], outputRange: [12, 0] }) }] }], children: [
       /* @__PURE__ */ jsxs13(View14, { style: styles14.header, children: [
         /* @__PURE__ */ jsx18(Text8, { style: [styles14.title, textStyle], children: editing ? t.editNote : t.annotationNote }),
-        /* @__PURE__ */ jsx18(Pressable9, { onPress: close, accessibilityRole: "button", accessibilityLabel: t.close, style: styles14.button, children: /* @__PURE__ */ jsx18(Text8, { style: textStyle, children: "\xD7" }) })
+        /* @__PURE__ */ jsx18(Pressable9, { onPress: close, accessibilityRole: "button", accessibilityLabel: t.close, style: [styles14.button, { borderRadius: 22, backgroundColor: dark ? "#242936" : "#f1f5f9" }], children: /* @__PURE__ */ jsx18(IconClose, { size: 20, color: textStyle.color }) })
       ] }),
       /* @__PURE__ */ jsxs13(ScrollView4, { style: styles14.content, keyboardShouldPersistTaps: "handled", children: [
         quote ? /* @__PURE__ */ jsx18(Text8, { style: [styles14.quote, textStyle], selectable: true, children: quote }) : null,
@@ -32501,7 +32570,7 @@ var styles14 = StyleSheet14.create({ host: { flex: 1, justifyContent: "flex-end"
 var AnnotationEditor_default = AnnotationEditor;
 
 // components/BottomBar.tsx
-import { View as View15, Pressable as Pressable10, StyleSheet as StyleSheet15, useWindowDimensions as useWindowDimensions7 } from "react-native";
+import { View as View15, Text as Text9, Pressable as Pressable10, StyleSheet as StyleSheet15, useWindowDimensions as useWindowDimensions7 } from "react-native";
 import { useViewerStore as useViewerStore13 } from "@papyrus-sdk/core";
 import Animated5, { useAnimatedStyle as useAnimatedStyle2 } from "react-native-reanimated";
 
@@ -32555,15 +32624,22 @@ function resolveAnnotateButtonAction(input) {
 }
 
 // components/BottomBar.tsx
-import { jsx as jsx19, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx19, jsxs as jsxs14 } from "react/jsx-runtime";
 var BottomBar = ({
   documentType,
   onOpenInfo,
   onOpenSettings,
-  onOpenDestination
+  onOpenDestination,
+  onTurnPage,
+  onNavigateToPage,
+  onOpenPages
 }) => {
   const {
     activeMobileDestination,
+    viewMode,
+    comicLayoutMode,
+    currentPage,
+    pageCount,
     mobileDockVisible,
     setDocumentState,
     uiTheme,
@@ -32600,6 +32676,15 @@ var BottomBar = ({
     activeMobileDestination,
     toolDockOpen
   });
+  const paginated = documentType !== "text" && (documentType === "comic" ? comicLayoutMode === "single" : viewMode === "single");
+  if (paginated) {
+    layout.leftSlots.push(...layout.rightSlots.filter((slot) => slot.key === "search"));
+    layout.rightSlots = [];
+  }
+  const turnPage = (direction) => {
+    if (onTurnPage) onTurnPage(direction);
+    else onNavigateToPage?.(currentPage + direction);
+  };
   const slotMeta = {
     annotate: {
       label: t.tools,
@@ -32725,7 +32810,15 @@ var BottomBar = ({
               isDark && styles15.islandDark
             ],
             testID: "papyrus-floating-bottom-dock",
-            children: layout.rightSlots.map((slot) => {
+            children: paginated ? /* @__PURE__ */ jsxs14(Fragment4, { children: [
+              /* @__PURE__ */ jsx19(Pressable10, { accessibilityRole: "button", accessibilityLabel: locale === "pt-BR" ? "P\xE1gina anterior" : "Previous page", disabled: !dockVisible || !onTurnPage && currentPage <= 1, onPress: () => turnPage(-1), style: styles15.iconOnlyItem, children: /* @__PURE__ */ jsx19(IconChevronLeft, { size: MOBILE_CHROME_METRICS.iconSize, color: iconColor(false) }) }),
+              /* @__PURE__ */ jsx19(Pressable10, { accessibilityRole: "button", accessibilityLabel: locale === "pt-BR" ? "Ir para p\xE1gina" : "Go to page", onPress: onOpenPages, style: [styles15.iconOnlyItem, { minWidth: 56 }], children: /* @__PURE__ */ jsxs14(Text9, { style: { color: iconColor(false), fontWeight: "700", fontSize: 13, lineHeight: 18, includeFontPadding: false }, children: [
+                currentPage,
+                "/",
+                pageCount
+              ] }) }),
+              /* @__PURE__ */ jsx19(Pressable10, { accessibilityRole: "button", accessibilityLabel: locale === "pt-BR" ? "Pr\xF3xima p\xE1gina" : "Next page", disabled: !dockVisible || !onTurnPage && currentPage >= pageCount, onPress: () => turnPage(1), style: styles15.iconOnlyItem, children: /* @__PURE__ */ jsx19(IconChevronRight, { size: MOBILE_CHROME_METRICS.iconSize, color: iconColor(false) }) })
+            ] }) : layout.rightSlots.map((slot) => {
               const meta = slotMeta[slot.key];
               const Icon = meta.icon;
               return /* @__PURE__ */ jsx19(
@@ -32788,8 +32881,9 @@ var styles15 = StyleSheet15.create({
   island: {
     flexDirection: "row",
     alignItems: "center",
-    paddingVertical: 8,
-    paddingHorizontal: 10,
+    height: MOBILE_CHROME_METRICS.bottomBarVisualHeight,
+    paddingVertical: 0,
+    paddingHorizontal: 6,
     backgroundColor: "rgba(255,255,255,0.9)",
     borderWidth: 1,
     borderColor: "rgba(255,255,255,0.72)",
@@ -32815,6 +32909,8 @@ var styles15 = StyleSheet15.create({
     borderColor: "rgba(71,85,105,0.48)"
   },
   iconOnlyItem: {
+    minWidth: 44,
+    height: 44,
     alignItems: "center",
     justifyContent: "center",
     paddingHorizontal: MOBILE_CHROME_METRICS.bottomBarItemPaddingHorizontal,
@@ -32845,9 +32941,9 @@ var BottomBar_default = BottomBar;
 // components/SettingsSheet.tsx
 import {
   View as View16,
-  Text as Text9,
+  Text as Text10,
   Pressable as Pressable11,
-  Platform as Platform8,
+  Platform as Platform9,
   StyleSheet as StyleSheet16,
   useWindowDimensions as useWindowDimensions8
 } from "react-native";
@@ -32898,7 +32994,8 @@ var SettingsSheet = ({
   engine,
   visible,
   onClose,
-  documentType = "pdf"
+  documentType = "pdf",
+  onOpenInfo
 }) => {
   const {
     viewMode,
@@ -32963,22 +33060,23 @@ var SettingsSheet = ({
           contentContainerStyle: styles16.sheetContent,
           showsVerticalScrollIndicator: false,
           children: [
+            onOpenInfo ? /* @__PURE__ */ jsx20(Pressable11, { accessibilityRole: "button", onPress: onOpenInfo, style: { minHeight: 44, justifyContent: "center", marginBottom: 16 }, children: /* @__PURE__ */ jsx20(Text10, { style: [styles16.sectionTitle, isDark && styles16.sectionTitleDark], children: t.info }) }) : null,
             (documentType === "text" || documentType === "epub") && /* @__PURE__ */ jsxs15(View16, { style: styles16.section, children: [
-              /* @__PURE__ */ jsx20(Text9, { style: [styles16.sectionTitle, isDark && styles16.sectionTitleDark], children: locale === "pt-BR" ? "Tamanho da fonte" : "Font size" }),
+              /* @__PURE__ */ jsx20(Text10, { style: [styles16.sectionTitle, isDark && styles16.sectionTitleDark], children: locale === "pt-BR" ? "Tamanho da fonte" : "Font size" }),
               /* @__PURE__ */ jsxs15(View16, { style: { flexDirection: "row", alignItems: "center", gap: 12 }, children: [
                 [-0.1, 0.1].map((delta) => /* @__PURE__ */ jsx20(Pressable11, { accessibilityRole: "button", accessibilityLabel: locale === "pt-BR" ? delta < 0 ? "Diminuir fonte" : "Aumentar fonte" : delta < 0 ? "Decrease font" : "Increase font", onPress: () => {
                   const next = Math.max(0.7, Math.min(2, zoom + delta));
                   if (documentType === "epub") engine.setZoom(next);
                   setDocumentState({ zoom: next });
-                }, style: { minWidth: 44, minHeight: 44, justifyContent: "center", alignItems: "center" }, children: /* @__PURE__ */ jsx20(Text9, { style: { fontSize: 20, color: isDark ? "#fff" : "#111" }, children: delta < 0 ? "A\u2212" : "A+" }) }, delta)),
-                /* @__PURE__ */ jsxs15(Text9, { style: { color: isDark ? "#fff" : "#111" }, children: [
+                }, style: { minWidth: 44, minHeight: 44, justifyContent: "center", alignItems: "center" }, children: /* @__PURE__ */ jsx20(Text10, { style: { fontSize: 20, color: isDark ? "#fff" : "#111" }, children: delta < 0 ? "A\u2212" : "A+" }) }, delta)),
+                /* @__PURE__ */ jsxs15(Text10, { style: { color: isDark ? "#fff" : "#111" }, children: [
                   Math.round(zoom * 100),
                   "%"
                 ] })
               ] })
             ] }),
             documentType === "comic" && /* @__PURE__ */ jsxs15(View16, { style: styles16.section, children: [
-              /* @__PURE__ */ jsx20(Text9, { style: [styles16.sectionTitle, isDark && styles16.sectionTitleDark], children: t.comicMode }),
+              /* @__PURE__ */ jsx20(Text10, { style: [styles16.sectionTitle, isDark && styles16.sectionTitleDark], children: t.comicMode }),
               /* @__PURE__ */ jsx20(View16, { style: styles16.optionRow, children: ["single", "continuous"].map((mode) => {
                 const active = comicLayoutMode === mode;
                 return /* @__PURE__ */ jsx20(
@@ -32986,12 +33084,12 @@ var SettingsSheet = ({
                   {
                     onPress: () => setDocumentState({ comicLayoutMode: mode }),
                     style: [styles16.optionButton, isDark && styles16.optionButtonDark, active && styles16.optionButtonActive, active && { backgroundColor: accentColor }],
-                    children: /* @__PURE__ */ jsx20(Text9, { style: [styles16.optionText, isDark && styles16.optionTextDark, active && styles16.optionTextActive], children: mode === "single" ? t.comicSingle : t.comicContinuous })
+                    children: /* @__PURE__ */ jsx20(Text10, { style: [styles16.optionText, isDark && styles16.optionTextDark, active && styles16.optionTextActive], children: mode === "single" ? t.comicSingle : t.comicContinuous })
                   },
                   mode
                 );
               }) }),
-              /* @__PURE__ */ jsx20(Text9, { style: [styles16.sectionTitle, isDark && styles16.sectionTitleDark], children: t.comicFit }),
+              /* @__PURE__ */ jsx20(Text10, { style: [styles16.sectionTitle, isDark && styles16.sectionTitleDark], children: t.comicFit }),
               /* @__PURE__ */ jsx20(View16, { style: styles16.optionRow, children: ["width", "page"].map((mode) => {
                 const active = comicFitMode === mode;
                 return /* @__PURE__ */ jsx20(
@@ -32999,12 +33097,12 @@ var SettingsSheet = ({
                   {
                     onPress: () => setDocumentState({ comicFitMode: mode }),
                     style: [styles16.optionButton, isDark && styles16.optionButtonDark, active && styles16.optionButtonActive, active && { backgroundColor: accentColor }],
-                    children: /* @__PURE__ */ jsx20(Text9, { style: [styles16.optionText, isDark && styles16.optionTextDark, active && styles16.optionTextActive], children: mode === "width" ? t.comicFitWidth : t.comicFitPage })
+                    children: /* @__PURE__ */ jsx20(Text10, { style: [styles16.optionText, isDark && styles16.optionTextDark, active && styles16.optionTextActive], children: mode === "width" ? t.comicFitWidth : t.comicFitPage })
                   },
                   mode
                 );
               }) }),
-              /* @__PURE__ */ jsx20(Text9, { style: [styles16.sectionTitle, isDark && styles16.sectionTitleDark], children: t.comicDirection }),
+              /* @__PURE__ */ jsx20(Text10, { style: [styles16.sectionTitle, isDark && styles16.sectionTitleDark], children: t.comicDirection }),
               /* @__PURE__ */ jsx20(View16, { style: styles16.optionRow, children: ["ltr", "rtl"].map((direction) => {
                 const active = comicReadingDirection === direction;
                 return /* @__PURE__ */ jsx20(
@@ -33012,7 +33110,7 @@ var SettingsSheet = ({
                   {
                     onPress: () => setDocumentState({ comicReadingDirection: direction }),
                     style: [styles16.optionButton, isDark && styles16.optionButtonDark, active && styles16.optionButtonActive, active && { backgroundColor: accentColor }],
-                    children: /* @__PURE__ */ jsx20(Text9, { style: [styles16.optionText, isDark && styles16.optionTextDark, active && styles16.optionTextActive], children: direction === "ltr" ? t.comicLtr : t.comicRtl })
+                    children: /* @__PURE__ */ jsx20(Text10, { style: [styles16.optionText, isDark && styles16.optionTextDark, active && styles16.optionTextActive], children: direction === "ltr" ? t.comicLtr : t.comicRtl })
                   },
                   direction
                 );
@@ -33020,7 +33118,7 @@ var SettingsSheet = ({
             ] }),
             /* @__PURE__ */ jsxs15(View16, { style: styles16.section, children: [
               /* @__PURE__ */ jsx20(
-                Text9,
+                Text10,
                 {
                   style: [styles16.sectionTitle, isDark && styles16.sectionTitleDark],
                   children: t.appearance
@@ -33038,7 +33136,7 @@ var SettingsSheet = ({
                       uiTheme === "light" && { backgroundColor: accentColor }
                     ],
                     children: /* @__PURE__ */ jsx20(
-                      Text9,
+                      Text10,
                       {
                         style: [
                           styles16.optionText,
@@ -33061,7 +33159,7 @@ var SettingsSheet = ({
                       uiTheme === "dark" && { backgroundColor: accentColor }
                     ],
                     children: /* @__PURE__ */ jsx20(
-                      Text9,
+                      Text10,
                       {
                         style: [
                           styles16.optionText,
@@ -33077,7 +33175,7 @@ var SettingsSheet = ({
             ] }),
             /* @__PURE__ */ jsxs15(View16, { style: styles16.section, children: [
               /* @__PURE__ */ jsx20(
-                Text9,
+                Text10,
                 {
                   style: [styles16.sectionTitle, isDark && styles16.sectionTitleDark],
                   children: t.pageTheme
@@ -33098,7 +33196,7 @@ var SettingsSheet = ({
                     children: [
                       /* @__PURE__ */ jsx20(ThemeSwatch, { value: option.value }),
                       /* @__PURE__ */ jsx20(
-                        Text9,
+                        Text10,
                         {
                           style: [
                             styles16.themeOptionLabel,
@@ -33116,7 +33214,7 @@ var SettingsSheet = ({
             ] }),
             documentType !== "comic" && documentType !== "text" && /* @__PURE__ */ jsxs15(View16, { style: styles16.section, children: [
               /* @__PURE__ */ jsx20(
-                Text9,
+                Text10,
                 {
                   style: [styles16.sectionTitle, isDark && styles16.sectionTitleDark],
                   children: t.pageTransition
@@ -33134,7 +33232,7 @@ var SettingsSheet = ({
                       (!isPaged || isDouble) && { backgroundColor: accentColor }
                     ],
                     children: /* @__PURE__ */ jsx20(
-                      Text9,
+                      Text10,
                       {
                         style: [
                           styles16.optionText,
@@ -33157,7 +33255,7 @@ var SettingsSheet = ({
                       isPaged && { backgroundColor: accentColor }
                     ],
                     children: /* @__PURE__ */ jsx20(
-                      Text9,
+                      Text10,
                       {
                         style: [
                           styles16.optionText,
@@ -33173,7 +33271,7 @@ var SettingsSheet = ({
             ] }),
             documentType !== "comic" && documentType !== "text" && /* @__PURE__ */ jsxs15(View16, { style: styles16.section, children: [
               /* @__PURE__ */ jsx20(
-                Text9,
+                Text10,
                 {
                   style: [styles16.sectionTitle, isDark && styles16.sectionTitleDark],
                   children: t.layout
@@ -33191,7 +33289,7 @@ var SettingsSheet = ({
                       !isDouble && { backgroundColor: accentColor }
                     ],
                     children: /* @__PURE__ */ jsx20(
-                      Text9,
+                      Text10,
                       {
                         style: [
                           styles16.optionText,
@@ -33214,7 +33312,7 @@ var SettingsSheet = ({
                       isDouble && { backgroundColor: accentColor }
                     ],
                     children: /* @__PURE__ */ jsx20(
-                      Text9,
+                      Text10,
                       {
                         style: [
                           styles16.optionText,
@@ -33230,7 +33328,7 @@ var SettingsSheet = ({
             ] }),
             documentType !== "comic" && documentType !== "text" && /* @__PURE__ */ jsxs15(View16, { style: styles16.section, children: [
               /* @__PURE__ */ jsx20(
-                Text9,
+                Text10,
                 {
                   style: [styles16.sectionTitle, isDark && styles16.sectionTitleDark],
                   children: t.rotate
@@ -33243,7 +33341,7 @@ var SettingsSheet = ({
                     onPress: () => handleRotate("counterclockwise"),
                     style: [styles16.optionButton, isDark && styles16.optionButtonDark],
                     children: /* @__PURE__ */ jsx20(
-                      Text9,
+                      Text10,
                       {
                         style: [styles16.optionText, isDark && styles16.optionTextDark],
                         children: t.counterclockwise
@@ -33251,13 +33349,13 @@ var SettingsSheet = ({
                     )
                   }
                 ),
-                Platform8.OS === "ios" && /* @__PURE__ */ jsx20(
+                Platform9.OS === "ios" && /* @__PURE__ */ jsx20(
                   Pressable11,
                   {
                     onPress: handleResetRotation,
                     style: [styles16.optionButton, isDark && styles16.optionButtonDark],
                     children: /* @__PURE__ */ jsx20(
-                      Text9,
+                      Text10,
                       {
                         style: [styles16.optionText, isDark && styles16.optionTextDark],
                         children: t.rotationOriginal
@@ -33271,7 +33369,7 @@ var SettingsSheet = ({
                     onPress: () => handleRotate("clockwise"),
                     style: [styles16.optionButton, isDark && styles16.optionButtonDark],
                     children: /* @__PURE__ */ jsx20(
-                      Text9,
+                      Text10,
                       {
                         style: [styles16.optionText, isDark && styles16.optionTextDark],
                         children: t.clockwise
@@ -33283,7 +33381,7 @@ var SettingsSheet = ({
             ] }),
             documentType !== "text" && /* @__PURE__ */ jsxs15(View16, { style: styles16.section, children: [
               /* @__PURE__ */ jsx20(
-                Text9,
+                Text10,
                 {
                   style: [styles16.sectionTitle, isDark && styles16.sectionTitleDark],
                   children: t.zoom
@@ -33298,7 +33396,7 @@ var SettingsSheet = ({
                     children: /* @__PURE__ */ jsx20(IconZoomOut, { size: 16, color: isDark ? "#e5e7eb" : "#111827" })
                   }
                 ),
-                /* @__PURE__ */ jsx20(View16, { style: styles16.zoomValue, children: /* @__PURE__ */ jsxs15(Text9, { style: [styles16.zoomText, isDark && styles16.zoomTextDark], children: [
+                /* @__PURE__ */ jsx20(View16, { style: styles16.zoomValue, children: /* @__PURE__ */ jsxs15(Text10, { style: [styles16.zoomText, isDark && styles16.zoomTextDark], children: [
                   Math.round(zoom * 100),
                   "%"
                 ] }) }),
@@ -33314,7 +33412,7 @@ var SettingsSheet = ({
             ] }),
             /* @__PURE__ */ jsxs15(View16, { style: styles16.section, children: [
               /* @__PURE__ */ jsx20(
-                Text9,
+                Text10,
                 {
                   style: [styles16.sectionTitle, isDark && styles16.sectionTitleDark],
                   children: t.language
@@ -33332,7 +33430,7 @@ var SettingsSheet = ({
                       locale === "en" && { backgroundColor: accentColor }
                     ],
                     children: /* @__PURE__ */ jsx20(
-                      Text9,
+                      Text10,
                       {
                         style: [
                           styles16.optionText,
@@ -33355,7 +33453,7 @@ var SettingsSheet = ({
                       locale === "pt-BR" && { backgroundColor: accentColor }
                     ],
                     children: /* @__PURE__ */ jsx20(
-                      Text9,
+                      Text10,
                       {
                         style: [
                           styles16.optionText,
@@ -33512,7 +33610,7 @@ import { useEffect as useEffect14, useMemo as useMemo8, useRef as useRef10, useS
 import {
   ActivityIndicator,
   StyleSheet as StyleSheet17,
-  Text as Text10,
+  Text as Text11,
   UIManager as UIManager2,
   View as View17,
   findNodeHandle as findNodeHandle3
@@ -33635,12 +33733,12 @@ var CoverPreview = ({
     }
   };
   if (!shouldRender || !canRender) {
-    return /* @__PURE__ */ jsx21(View17, { style: [styles17.container, style], children: placeholder ?? /* @__PURE__ */ jsx21(View17, { style: styles17.placeholder, children: /* @__PURE__ */ jsx21(Text10, { style: styles17.placeholderText, children: "Preview" }) }) });
+    return /* @__PURE__ */ jsx21(View17, { style: [styles17.container, style], children: placeholder ?? /* @__PURE__ */ jsx21(View17, { style: styles17.placeholder, children: /* @__PURE__ */ jsx21(Text11, { style: styles17.placeholderText, children: "Preview" }) }) });
   }
   return /* @__PURE__ */ jsxs16(View17, { style: [styles17.container, style], onLayout: handleLayout, children: [
     /* @__PURE__ */ jsx21(View17, { style: styles17.previewFrame, pointerEvents: allowInteraction ? "auto" : "none", children: isPdf ? /* @__PURE__ */ jsx21(PapyrusPageView3, { ref: viewRef, style: styles17.pageView }) : engine && /* @__PURE__ */ jsx21(WebViewViewer_default, { engine }) }),
     showLoading && loading && /* @__PURE__ */ jsx21(View17, { pointerEvents: "none", style: styles17.loadingOverlay, children: loadingIndicator ?? /* @__PURE__ */ jsx21(ActivityIndicator, { size: "small", color: "#2563eb" }) }),
-    error && /* @__PURE__ */ jsx21(View17, { pointerEvents: "none", style: styles17.errorOverlay, children: /* @__PURE__ */ jsx21(Text10, { style: styles17.errorText, children: "Preview unavailable" }) })
+    error && /* @__PURE__ */ jsx21(View17, { pointerEvents: "none", style: styles17.errorOverlay, children: /* @__PURE__ */ jsx21(Text11, { style: styles17.errorText, children: "Preview unavailable" }) })
   ] });
 };
 var styles17 = StyleSheet17.create({
@@ -33695,7 +33793,7 @@ import { Keyboard as Keyboard2, View as View23, StyleSheet as StyleSheet24 } fro
 import { useViewerStore as useViewerStore21 } from "@papyrus-sdk/core";
 
 // components/DocumentActionsSheet.tsx
-import { StyleSheet as StyleSheet18, Text as Text11, View as View18 } from "react-native";
+import { StyleSheet as StyleSheet18, Text as Text12, View as View18 } from "react-native";
 import { useViewerStore as useViewerStore15 } from "@papyrus-sdk/core";
 import { jsx as jsx22, jsxs as jsxs17 } from "react/jsx-runtime";
 function DocumentActionsSheet({
@@ -33732,7 +33830,7 @@ function DocumentActionsSheet({
                 borderColor: palette.divider
               }
             ],
-            children: /* @__PURE__ */ jsx22(Text11, { style: [styles18.actionText, { color: palette.text }], children: "Share" })
+            children: /* @__PURE__ */ jsx22(Text12, { style: [styles18.actionText, { color: palette.text }], children: "Share" })
           }
         ),
         /* @__PURE__ */ jsx22(
@@ -33745,7 +33843,7 @@ function DocumentActionsSheet({
                 borderColor: palette.divider
               }
             ],
-            children: /* @__PURE__ */ jsx22(Text11, { style: [styles18.actionText, { color: palette.text }], children: "Export" })
+            children: /* @__PURE__ */ jsx22(Text12, { style: [styles18.actionText, { color: palette.text }], children: "Export" })
           }
         )
       ] })
@@ -33770,7 +33868,7 @@ var styles18 = StyleSheet18.create({
 });
 
 // components/InfoSheet.tsx
-import { StyleSheet as StyleSheet19, Text as Text12, View as View19 } from "react-native";
+import { StyleSheet as StyleSheet19, Text as Text13, View as View19 } from "react-native";
 import { useViewerStore as useViewerStore16 } from "@papyrus-sdk/core";
 
 // components/infoSheetModel.ts
@@ -33924,15 +34022,15 @@ function InfoSheet({
           contentContainerStyle: styles19.contentInner,
           showsVerticalScrollIndicator: false,
           children: [
-            /* @__PURE__ */ jsx23(Text12, { style: [styles19.sectionTitle, { color: palette.mutedText }], children: isPortuguese ? "Resumo do documento" : "Document summary" }),
+            /* @__PURE__ */ jsx23(Text13, { style: [styles19.sectionTitle, { color: palette.mutedText }], children: isPortuguese ? "Resumo do documento" : "Document summary" }),
             /* @__PURE__ */ jsx23(View19, { style: [styles19.rows, { borderTopColor: palette.divider }], children: rows.map((row) => /* @__PURE__ */ jsxs18(
               View19,
               {
                 style: [styles19.row, { borderBottomColor: palette.divider }],
                 children: [
-                  /* @__PURE__ */ jsx23(Text12, { style: [styles19.label, { color: palette.mutedText }], children: row.label }),
+                  /* @__PURE__ */ jsx23(Text13, { style: [styles19.label, { color: palette.mutedText }], children: row.label }),
                   /* @__PURE__ */ jsx23(
-                    Text12,
+                    Text13,
                     {
                       style: [styles19.value, { color: palette.text }],
                       selectable: true,
@@ -33995,7 +34093,7 @@ var styles19 = StyleSheet19.create({
 });
 
 // components/OverflowSheet.tsx
-import { Pressable as Pressable12, StyleSheet as StyleSheet20, Text as Text13, View as View20 } from "react-native";
+import { Pressable as Pressable12, StyleSheet as StyleSheet20, Text as Text14, View as View20 } from "react-native";
 import { useViewerStore as useViewerStore17 } from "@papyrus-sdk/core";
 import { jsx as jsx24 } from "react/jsx-runtime";
 var actionLabels = [{ key: "actions", label: "Document actions" }];
@@ -34035,7 +34133,7 @@ function OverflowSheet({
           ],
           accessibilityRole: "button",
           accessibilityLabel: action.label,
-          children: /* @__PURE__ */ jsx24(Text13, { style: [styles20.actionText, { color: palette.text }], children: action.label })
+          children: /* @__PURE__ */ jsx24(Text14, { style: [styles20.actionText, { color: palette.text }], children: action.label })
         },
         action.key
       )) })
@@ -34060,7 +34158,7 @@ import {
   PanResponder as PanResponder2,
   Pressable as Pressable13,
   StyleSheet as StyleSheet21,
-  Text as Text14,
+  Text as Text15,
   View as View21,
   useWindowDimensions as useWindowDimensions9
 } from "react-native";
@@ -34083,9 +34181,11 @@ import { jsx as jsx25, jsxs as jsxs19 } from "react/jsx-runtime";
 var clampPercent = (value) => Math.max(0, Math.min(100, Math.round(value)));
 function ProgressPill({
   documentType,
+  navigationInDock = false,
   onPress,
   onOpenPageJump,
   onNavigateToPage,
+  onTurnPage,
   onScrubbingChange
 }) {
   const {
@@ -34212,7 +34312,7 @@ function ProgressPill({
             onPress: () => onPressRef.current(),
             style: [styles21.singlePill, isDark && styles21.pillDark],
             testID: "papyrus-progress-text",
-            children: /* @__PURE__ */ jsxs19(Text14, { style: [styles21.label, isDark && styles21.labelDark], children: [
+            children: /* @__PURE__ */ jsxs19(Text15, { style: [styles21.label, isDark && styles21.labelDark], children: [
               progress,
               "%"
             ] })
@@ -34223,14 +34323,15 @@ function ProgressPill({
   }
   const progressViewMode = documentType === "comic" ? comicLayoutMode === "single" ? "single" : "continuous" : viewMode;
   const pillMode = resolveProgressPillMode(progressViewMode, currentPage, pageCount);
+  if (pillMode.kind === "navigation" && navigationInDock) return null;
   if (pillMode.kind === "navigation") {
-    const previousDisabled = pillMode.previousPage === null || !onNavigateToPage;
-    const nextDisabled = pillMode.nextPage === null || !onNavigateToPage;
+    const previousDisabled = !onTurnPage && (pillMode.previousPage === null || !onNavigateToPage);
+    const nextDisabled = !onTurnPage && (pillMode.nextPage === null || !onNavigateToPage);
     return /* @__PURE__ */ jsx25(
       View21,
       {
         pointerEvents: "box-none",
-        style: [styles21.frame, styles21.singleFrame, { top: offsets.progress, right: offsets.right }],
+        style: [{ position: "absolute", zIndex: 18, bottom: offsets.bottom + MOBILE_CHROME_METRICS.bottomBarVisualHeight + 12, left: offsets.left, right: offsets.right, alignItems: "center" }],
         children: /* @__PURE__ */ jsxs19(View21, { style: [styles21.singlePill, isDark && styles21.pillDark], children: [
           /* @__PURE__ */ jsx25(
             Pressable13,
@@ -34239,10 +34340,10 @@ function ProgressPill({
               accessibilityLabel: t.previousPage,
               accessibilityState: { disabled: previousDisabled },
               disabled: previousDisabled,
-              onPress: () => pillMode.previousPage !== null && onNavigateToPageRef.current?.(pillMode.previousPage),
+              onPress: () => onTurnPage ? onTurnPage(-1) : pillMode.previousPage !== null && onNavigateToPageRef.current?.(pillMode.previousPage),
               style: styles21.pageArrowHit,
               testID: "papyrus-progress-page-previous",
-              children: /* @__PURE__ */ jsx25(Text14, { style: [styles21.pageArrow, isDark && styles21.labelDark, previousDisabled && styles21.pageArrowDisabled], children: "\u2039" })
+              children: /* @__PURE__ */ jsx25(Text15, { style: [styles21.pageArrow, isDark && styles21.labelDark, previousDisabled && styles21.pageArrowDisabled], children: "\u2039" })
             }
           ),
           /* @__PURE__ */ jsx25(
@@ -34253,7 +34354,7 @@ function ProgressPill({
               onPress: () => onPressRef.current(),
               style: styles21.singlePageCenter,
               testID: "papyrus-progress-page-grid",
-              children: /* @__PURE__ */ jsxs19(Text14, { style: [styles21.label, isDark && styles21.labelDark], children: [
+              children: /* @__PURE__ */ jsxs19(Text15, { style: [styles21.label, isDark && styles21.labelDark], children: [
                 currentPage,
                 "/",
                 pageCount || 0
@@ -34267,10 +34368,10 @@ function ProgressPill({
               accessibilityLabel: t.nextPage,
               accessibilityState: { disabled: nextDisabled },
               disabled: nextDisabled,
-              onPress: () => pillMode.nextPage !== null && onNavigateToPageRef.current?.(pillMode.nextPage),
+              onPress: () => onTurnPage ? onTurnPage(1) : pillMode.nextPage !== null && onNavigateToPageRef.current?.(pillMode.nextPage),
               style: styles21.pageArrowHit,
               testID: "papyrus-progress-page-next",
-              children: /* @__PURE__ */ jsx25(Text14, { style: [styles21.pageArrow, isDark && styles21.labelDark, nextDisabled && styles21.pageArrowDisabled], children: "\u203A" })
+              children: /* @__PURE__ */ jsx25(Text15, { style: [styles21.pageArrow, isDark && styles21.labelDark, nextDisabled && styles21.pageArrowDisabled], children: "\u203A" })
             }
           )
         ] })
@@ -34466,7 +34567,7 @@ function ProgressPill({
                     ...responderPanHandlers,
                     testID: "papyrus-progress-pill",
                     children: [
-                      /* @__PURE__ */ jsx25(View21, { style: styles21.labelHit, children: /* @__PURE__ */ jsx25(Text14, { style: [styles21.label, isDark && styles21.labelDark], children: label }) }),
+                      /* @__PURE__ */ jsx25(View21, { style: styles21.labelHit, children: /* @__PURE__ */ jsx25(Text15, { style: [styles21.label, isDark && styles21.labelDark], children: label }) }),
                       /* @__PURE__ */ jsx25(View21, { style: styles21.iconHit, children: /* @__PURE__ */ jsx25(
                         IconPageNav,
                         {
@@ -34597,7 +34698,7 @@ import {
   Keyboard,
   Pressable as Pressable14,
   StyleSheet as StyleSheet22,
-  Text as Text15,
+  Text as Text16,
   TextInput as TextInput3,
   View as View22,
   useWindowDimensions as useWindowDimensions10
@@ -34730,7 +34831,7 @@ function SearchOverlay({
                   onPress: handleClose,
                   style: [styles22.closeButton, isDark && styles22.closeButtonDark],
                   accessibilityLabel: "Close search",
-                  children: /* @__PURE__ */ jsx26(Text15, { style: [styles22.closeText, isDark && styles22.closeTextDark], children: t.cancel })
+                  children: /* @__PURE__ */ jsx26(Text16, { style: [styles22.closeText, isDark && styles22.closeTextDark], children: t.cancel })
                 }
               )
             ] }),
@@ -34749,7 +34850,7 @@ function SearchOverlay({
                   children: /* @__PURE__ */ jsx26(IconChevronLeft, { size: 16, color: isDark ? "#e5e7eb" : "#111827" })
                 }
               ),
-              /* @__PURE__ */ jsx26(Text15, { style: [styles22.metaText, isDark && styles22.metaTextDark], children: isSearching ? t.searching : `${currentCount}/${results.length} ${targetLabel}` }),
+              /* @__PURE__ */ jsx26(Text16, { style: [styles22.metaText, isDark && styles22.metaTextDark], children: isSearching ? t.searching : `${currentCount}/${results.length} ${targetLabel}` }),
               /* @__PURE__ */ jsx26(
                 Pressable14,
                 {
@@ -34773,7 +34874,7 @@ function SearchOverlay({
                   style: [styles22.primaryAction, { backgroundColor: accentColor }],
                   accessibilityLabel: "Run search",
                   testID: "papyrus-search-run",
-                  children: /* @__PURE__ */ jsx26(Text15, { style: styles22.primaryActionText, children: t.searchGo })
+                  children: /* @__PURE__ */ jsx26(Text16, { style: styles22.primaryActionText, children: t.searchGo })
                 }
               ),
               /* @__PURE__ */ jsx26(
@@ -34788,7 +34889,7 @@ function SearchOverlay({
                   ],
                   accessibilityLabel: "Open all results",
                   children: /* @__PURE__ */ jsx26(
-                    Text15,
+                    Text16,
                     {
                       style: [
                         styles22.secondaryActionText,
@@ -34947,7 +35048,7 @@ var styles22 = StyleSheet22.create({
 });
 
 // components/SearchResultsSheet.tsx
-import { Pressable as Pressable15, StyleSheet as StyleSheet23, Text as Text16 } from "react-native";
+import { Pressable as Pressable15, StyleSheet as StyleSheet23, Text as Text17 } from "react-native";
 import { useViewerStore as useViewerStore20 } from "@papyrus-sdk/core";
 import { jsx as jsx27, jsxs as jsxs21 } from "react/jsx-runtime";
 function SearchResultsSheet({
@@ -34995,12 +35096,12 @@ function SearchResultsSheet({
         borderTopColor: palette.divider
       },
       children: [
-        /* @__PURE__ */ jsxs21(Text16, { style: [styles23.meta, { color: palette.mutedText }], children: [
+        /* @__PURE__ */ jsxs21(Text17, { style: [styles23.meta, { color: palette.mutedText }], children: [
           results.length,
           " ",
           t.results
         ] }),
-        /* @__PURE__ */ jsx27(NativeSheetScrollView, { contentContainerStyle: styles23.content, children: results.length === 0 ? /* @__PURE__ */ jsx27(Text16, { style: [styles23.emptyText, { color: palette.mutedText }], children: t.noResults }) : results.map((result, index) => {
+        /* @__PURE__ */ jsx27(NativeSheetScrollView, { contentContainerStyle: styles23.content, children: results.length === 0 ? /* @__PURE__ */ jsx27(Text17, { style: [styles23.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__ */ jsxs21(
@@ -35030,8 +35131,8 @@ function SearchResultsSheet({
                 }
               ],
               children: [
-                /* @__PURE__ */ jsx27(Text16, { style: [styles23.resultLabel, { color: accentColor }], children: isTextResult ? getTextResultLabel(result.location.start) : getResultLabel(result.pageIndex) }),
-                /* @__PURE__ */ jsx27(Text16, { style: [styles23.resultText, { color: palette.text }], children: result.text })
+                /* @__PURE__ */ jsx27(Text17, { style: [styles23.resultLabel, { color: accentColor }], children: isTextResult ? getTextResultLabel(result.location.start) : getResultLabel(result.pageIndex) }),
+                /* @__PURE__ */ jsx27(Text17, { style: [styles23.resultText, { color: palette.text }], children: result.text })
               ]
             },
             isTextResult ? `text-${result.location.start}-${index}` : `page-${result.pageIndex}-${index}`
@@ -35154,13 +35255,7 @@ function ReadingShell({
       {
         engine,
         title,
-        onOpenOverflow: () => {
-          closeMobileDestination();
-          setInfoOpen(false);
-          setActionsOpen(false);
-          setSettingsOpen(false);
-          setOverflowOpen(true);
-        },
+        onOpenSettings: () => openDestination("display"),
         onOpenPageJump: () => setPageJumpOpen(true),
         showPageNavigationControls: false
       }
@@ -35176,7 +35271,13 @@ function ReadingShell({
     /* @__PURE__ */ jsx28(
       ProgressPill,
       {
+        navigationInDock: true,
         documentType,
+        onTurnPage: documentType === "epub" ? (direction) => {
+          const paginatedEngine = engine;
+          void paginatedEngine.turnEpubPage?.(direction).catch(() => {
+          });
+        } : void 0,
         onNavigateToPage: navigateToPage,
         onPress: () => openDestination(
           documentType === "pdf" ? "pages" : documentType === "epub" ? "contents" : "progress"
@@ -35188,6 +35289,12 @@ function ReadingShell({
     /* @__PURE__ */ jsx28(
       BottomBar_default,
       {
+        onNavigateToPage: navigateToPage,
+        onOpenPages: () => setPageJumpOpen(true),
+        onTurnPage: documentType === "epub" ? (direction) => {
+          const paginatedEngine = engine;
+          void paginatedEngine.turnEpubPage?.(direction).catch((error) => console.warn("[Papyrus] page navigation failed", error));
+        } : void 0,
         documentType,
         onOpenDestination: openDestination,
         onOpenInfo: () => openDestination("info"),
@@ -35267,6 +35374,7 @@ function ReadingShell({
     /* @__PURE__ */ jsx28(
       SettingsSheet_default,
       {
+        onOpenInfo: () => openDestination("info"),
         engine,
         documentType,
         visible: settingsOpen,