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

package/dist/index.mjs

@@ -20512,6 +20512,67 @@ https://github.com/nodeca/pako/blob/main/LICENSE
 <!-- @papyrus-comic-runtime:end -->
     <script>
 (function () {
+/* @papyrus-epub-reader:start */
+(function(root){
+  function mode(value){return value==='chapter-scroll'?'chapter-scroll':'paged';}
+  function validCfi(value){return typeof value==='string' && value.length<=4096 && /^epubcfi\\([^\\n<>]+\\)$/.test(value);}
+  function options(value){return {manager:'default',flow:mode(value)==='paged'?'paginated':'scrolled-doc',spread:'none',width:'100%',height:'100%',allowScriptedContent:false};}
+  function gesture(start,end,state){
+    if(!start || !end || state.selected || state.interactive || state.multitouch)return null;
+    var dx=end.x-start.x,dy=end.y-start.y,elapsed=end.time-start.time;
+    if(state.mode==='paged' && Math.abs(dx)>=48 && Math.abs(dx)>Math.abs(dy)*1.5 && elapsed>=0 && elapsed<1500)return (dx<0)!==Boolean(state.rtl)?'next':'prev';
+    if(elapsed>=0 && elapsed<450 && Math.hypot(dx,dy)<=12)return 'tap';
+    return null;
+  }
+  function location(raw,count,readingMode,geometry){
+    var start=raw && raw.start;if(!start || !validCfi(start.cfi))return null;
+    var displayed=start.displayed||{},chapter=Math.max(1,(Number(start.index)||0)+1);
+    var visualPage=mode(readingMode)==='paged' && Number.isFinite(displayed.page)?displayed.page:null;
+    var total=mode(readingMode)==='paged' && Number.isFinite(displayed.total)?displayed.total:null;
+    var atStart=Boolean(raw.atStart),atEnd=Boolean(raw.atEnd);
+    // Chromium may round a column offset down by a fraction of a CSS pixel.
+    // Keep epub.js authoritative outside a 1px boundary, and for RTL layouts.
+    if(visualPage!==null && total>0 && geometry && geometry.direction==='ltr' && geometry.pageWidth>0 && Number.isFinite(geometry.offset)){
+      var boundary=Math.round(geometry.offset/geometry.pageWidth);
+      if(Math.abs(geometry.offset-boundary*geometry.pageWidth)<=1){
+        visualPage=Math.min(total,Math.max(1,boundary+1));
+        atStart=chapter===(geometry.firstIndex ?? 0)+1 && visualPage===1;
+        atEnd=chapter===(geometry.lastIndex ?? count-1)+1 && visualPage===total;
+      }
+    }
+    var fraction=total?Math.max(0,(visualPage-1)/total):0;
+    return {version:1,cfi:start.cfi,href:start.href||'',chapter:chapter,chapterCount:count,visualPage:visualPage,visualPageCount:total,progress:Math.min(1,Math.max(0,(chapter-1+fraction)/Math.max(1,count))),mode:mode(readingMode),atStart:atStart,atEnd:atEnd};
+  }
+  function installResizeAnchor(manager,readCfi){
+    var original=manager.resize,anchor=null;
+    function resize(width,height,target){
+      if(validCfi(target))anchor=target;
+      if(!anchor){var current=readCfi();if(validCfi(current))anchor=current;}
+      // epub.js accepts a logical target as its third argument. Keep it across
+      // keyboard/dialog reflows instead of adopting each new viewport start.
+      return original.call(this,width,height,anchor || target);
+    }
+    manager.resize=resize;
+    return {cfi:function(){return anchor;},invalidate:function(){anchor=null;},destroy:function(){if(manager.resize===resize)manager.resize=original;anchor=null;}};
+  }
+  function install(contents,config){
+    var doc=contents.document,win=contents.window,start=null,blocked=false;
+    function point(e){var t=e.changedTouches&&e.changedTouches[0]||e.touches&&e.touches[0];return t?{x:t.clientX,y:t.clientY,time:Date.now()}:null;}
+    function selected(){return Boolean(String(win.getSelection()||'').trim()) || config.blocked();}
+    function interactive(target){return Boolean(target && target.closest && target.closest('a,button,input,textarea,select,[contenteditable="true"],[data-papyrus-overlay]'));}
+    function begin(e){start=point(e);blocked=e.touches.length!==1 || selected() || interactive(e.target);}
+    function invalidateScroll(finish){if(config.current() && start && finish && config.mode()==='chapter-scroll' && !blocked && !selected() && Math.abs(finish.y-start.y)>12 && Math.abs(finish.y-start.y)>Math.abs(finish.x-start.x) && config.interact)config.interact();}
+    function move(e){if(e.touches.length!==1)blocked=true;invalidateScroll(point(e));}
+    function end(e){var finish=point(e);invalidateScroll(finish);var action=gesture(start,finish,{mode:config.mode(),rtl:config.rtl(),selected:selected(),interactive:blocked||interactive(e.target)||Boolean(config.annotationHit && config.annotationHit(point(e))),multitouch:blocked});start=null;if(!config.current())return;if(action==='tap')config.tap();else if(action)config.turn(action==='next'?1:-1);}
+    function cancel(){start=null;blocked=true;}
+    function link(e){if(config.current() && e.target?.closest?.('a') && config.interact)config.interact();}
+    doc.addEventListener('touchstart',begin,{passive:true});doc.addEventListener('touchmove',move,{passive:true});doc.addEventListener('touchend',end,{passive:true});doc.addEventListener('touchcancel',cancel,{passive:true});doc.addEventListener('click',link);
+    return function(){doc.removeEventListener('touchstart',begin);doc.removeEventListener('touchmove',move);doc.removeEventListener('touchend',end);doc.removeEventListener('touchcancel',cancel);doc.removeEventListener('click',link);};
+  }
+  root.PapyrusEpubReader={mode:mode,validCfi:validCfi,options:options,gesture:gesture,location:location,installResizeAnchor:installResizeAnchor,install:install};
+})(typeof window==='undefined'?globalThis:window);
+
+/* @papyrus-epub-reader:end */
 /* @papyrus-epub-annotations:start */
 (function (root, factory) {
   if (typeof module === 'object' && module.exports) module.exports = factory();
@@ -20590,6 +20651,7 @@ https://github.com/nodeca/pako/blob/main/LICENSE
         var color = /^#[0-9a-f]{6}$/i.test(annotation.color) ? annotation.color : '#FFC928';
         var style = annotation.markupStyle || annotation.type;
         var opacity = Number.isFinite(annotation.opacity) ? Math.max(0,Math.min(1,annotation.opacity)) : 0.35;
+        if(style === 'highlight')opacity=Math.min(0.35,opacity);
         rects.forEach(function(rect) {
           var mark = doc.createElement('div');
           var bodyRect=doc.body.getBoundingClientRect();
@@ -20602,8 +20664,10 @@ https://github.com/nodeca/pako/blob/main/LICENSE
         if (hasNote) {
           var last = rects[rects.length-1], button = doc.createElement('button');
           button.textContent = '\u25CF'; button.setAttribute('aria-label',options.labels().comment || '');
-          button.style.cssText = 'position:absolute;pointer-events:auto;border:0;background:transparent;color:'+color+';width:44px;height:44px;left:'+Math.max(0,Math.min(doc.documentElement.clientWidth-44,last.right-doc.body.getBoundingClientRect().left))+'px;top:'+(Math.floor(last.top/44)*44-doc.body.getBoundingClientRect().top)+'px';
-          var key = Math.floor(last.top/44);
+          var pageWidth=Math.max(44, options.pageWidth ? options.pageWidth() : win.innerWidth);
+          var bodyRect=doc.body.getBoundingClientRect(), column=Math.max(0,Math.floor((last.left-bodyRect.left)/pageWidth));
+          button.style.cssText = 'position:absolute;pointer-events:auto;border:0;background:transparent;color:'+color+';width:44px;height:44px;left:'+((column+1)*pageWidth-44)+'px;top:'+(Math.floor(last.top/44)*44-doc.body.getBoundingClientRect().top)+'px';
+          var key = column+":"+Math.floor(last.top/44);
           var neighbors=noteGroups.get(key);
           if(!neighbors){neighbors={button:button,ids:[]};noteGroups.set(key,neighbors);group.appendChild(button);}
           neighbors.ids.push(annotation.id);
@@ -20624,10 +20688,10 @@ https://github.com/nodeca/pako/blob/main/LICENSE
     doc.addEventListener('click',tapMarkup);
     var observer = typeof win.ResizeObserver === 'function' ? new win.ResizeObserver(schedule) : null;
     if (observer) observer.observe(doc.body);
-    win.addEventListener('resize',schedule); doc.addEventListener('load',schedule,true);
+    win.addEventListener('resize',schedule);win.addEventListener('scroll',schedule); doc.addEventListener('load',schedule,true);
     if (doc.fonts && doc.fonts.ready) doc.fonts.ready.then(schedule);
     schedule();
-    return {schedule:schedule, range:function(anchor){return resolveRange(contents,anchor);}, destroy:function(){alive=false;if(frame)win.cancelAnimationFrame(frame);if(observer)observer.disconnect();win.removeEventListener('resize',schedule);doc.removeEventListener('load',schedule,true);doc.removeEventListener('click',tapMarkup);overlay.remove();doc.body.style.position=originalPosition;registry.clear();}};
+    return {schedule:schedule, hit:function(x,y){return hitRegions.some(function(item){return item.rects.some(function(r){return x>=r.left && x<=r.right && y>=r.top && y<=r.bottom;});});}, range:function(anchor){return resolveRange(contents,anchor);}, destroy:function(){alive=false;if(frame)win.cancelAnimationFrame(frame);if(observer)observer.disconnect();win.removeEventListener('resize',schedule);win.removeEventListener('scroll',schedule);doc.removeEventListener('load',schedule,true);doc.removeEventListener('click',tapMarkup);overlay.remove();doc.body.style.position=originalPosition;registry.clear();}};
   }
   return {validAnchor:validAnchor,recoverRange:recoverRange,resolveRange:resolveRange,selection:selection,install:install};
 });
@@ -20640,6 +20704,7 @@ https://github.com/nodeca/pako/blob/main/LICENSE
   let currentType = null;
   let book = null;
   let rendition = null;
+  let epubResizeAnchor = null;
   let documentSessionId = null;
   let annotationDocumentId;
   let annotationLabels = {};
@@ -21052,6 +21117,7 @@ https://github.com/nodeca/pako/blob/main/LICENSE
   };
 
   const clearViewer = () => {
+    if(epubResizeAnchor){epubResizeAnchor.destroy();epubResizeAnchor=null;}
     epubAnnotationRenderers.forEach(renderer => renderer.destroy());
     epubAnnotationRenderers.clear();
     if (epubInteractionCleanup) {
@@ -21708,26 +21774,57 @@ https://github.com/nodeca/pako/blob/main/LICENSE
       pageCount,
     });
 
+    if (book.locations?.generate) {
+      const activeBook=book;
+      activeBook.locations.generate(150).then(() => {
+        if (isCurrentLoad() && activeBook===book && epubLocation) {
+          epubLocation.progress=activeBook.locations.percentageFromCfi(epubLocation.cfi);
+          sendEvent('EPUB_LOCATION',{documentSessionId,location:epubLocation});
+        }
+      }).catch(() => {});
+    }
+    return renderEpubRendition(loadId,generation,null);
+  };
+
+  const renderEpubRendition = async (loadId,generation,target) => {
+    const diagnosticPayload={loadId};
+    const isCurrentLoad=()=>generation===epubLoadGeneration;
+    if(epubInteractionCleanup)epubInteractionCleanup();
+    if(rendition)rendition.destroy();
     clearViewer();
-    rendition = book.renderTo(viewer, {
-      manager: 'continuous',
-      allowScriptedContent: false,
-      width: '100%',
-      height: '100%',
-      flow: 'scrolled-continuous',
-      spread: 'none',
-    });
+    rendition = book.renderTo(viewer, window.PapyrusEpubReader.options(epubViewMode === 'single' ? 'paged' : 'chapter-scroll'));
     sendEpubDiagnostic('epub.rendition.created', diagnosticPayload);
 
     if (rendition && rendition.hooks && rendition.hooks.content) {
       const session = documentSessionId;
       const activeRendition = rendition;
       rendition.hooks.content.register((contents) => {
+        const removeGestureListeners = window.PapyrusEpubReader.install(contents, {
+          mode: () => epubViewMode === 'single' ? 'paged' : 'chapter-scroll',
+          rtl: () => book.package?.metadata?.direction === 'rtl' || book.spine?.direction === 'rtl',
+          blocked: () => Boolean(nativeMenuSelection && String(nativeMenuSelection.contents?.window?.getSelection() || '').trim()),
+          annotationHit: point => epubAnnotationRenderers.get(contents)?.hit(point.x,point.y),
+          current: () => session === documentSessionId && activeRendition === rendition,
+          interact: () => epubResizeAnchor?.invalidate(),
+          tap: () => sendEvent('EPUB_CONTENT_TAP',{documentSessionId:session}),
+          turn: direction => {
+            epubNavigationQueue = epubNavigationQueue.catch(()=>{}).then(() => {
+              if(session !== documentSessionId || activeRendition !== rendition)return;
+              epubResizeAnchor?.invalidate();
+              return direction<0?activeRendition.prev():activeRendition.next();
+            });
+            epubNavigationQueue.catch(error => sendEvent('EPUB_NAVIGATION_ERROR',{message:String(error)}));
+          },
+        });
+        const gestureCleanup = () => {removeGestureListeners();epubSelectionCleanups.delete(gestureCleanup);};
+        epubSelectionCleanups.add(gestureCleanup);
+        contents.__papyrusGestureCleanup=gestureCleanup;
         const href = spineItems[contents.sectionIndex]?.href;
         if (href && window.PapyrusEpubAnnotations) {
           const renderer = window.PapyrusEpubAnnotations.install(contents, {
             href, get documentId() { return annotationDocumentId; },
             isCurrent: () => session === documentSessionId && activeRendition === rendition,
+            pageWidth: () => activeRendition.layout?.width || viewer.clientWidth,
             annotations: () => epubAnnotations, labels: () => annotationLabels,
             onTap: (id, ids) => sendEvent("EPUB_ANNOTATION_TAP", {documentSessionId: session, id, ids}),
           });
@@ -21746,8 +21843,7 @@ https://github.com/nodeca/pako/blob/main/LICENSE
           typeof selectionWindow.getSelection === 'function'
         ) {
           let selectionTimer = null;
-          let lastSelectionKey = '';
-          let lastSelectionAt = 0;
+
           const reportSelection = () => {
             selectionTimer = null;
             if (session !== documentSessionId || activeRendition !== rendition) return;
@@ -21762,11 +21858,7 @@ https://github.com/nodeca/pako/blob/main/LICENSE
             try { cfi = contents.cfiFromRange(range); } catch (_) { return; }
             const anchor = window.PapyrusEpubAnnotations?.selection(contents, cfi, href, annotationDocumentId);
             if (!anchor) return;
-            const key = anchor.cfiRange + ':' + anchor.quote;
-            const now = Date.now();
-            if (key === lastSelectionKey && now - lastSelectionAt < 750) return;
-            lastSelectionKey = key;
-            lastSelectionAt = now;
+            if (nativeMenuSelection?.payload?.anchor?.cfiRange === anchor.cfiRange && nativeMenuSelection?.payload?.anchor?.quote === anchor.quote) return;
             const payload = {documentSessionId: session, text: anchor.quote,
               pageIndex: contents.sectionIndex + 1, anchor};
             nativeMenuSelection = {contents, payload};
@@ -21781,6 +21873,7 @@ https://github.com/nodeca/pako/blob/main/LICENSE
             // The content document still emits selectionchange, so resolve its
             // live Range to a CFI before the native menu action can fire.
             if (text) reportSelection();
+            else if (nativeMenuSelection?.contents === contents) nativeMenuSelection = null;
           };
           selectionDocument.addEventListener('selectionchange', handleSelectionChange);
           const selectionCleanup = () => {
@@ -21803,6 +21896,7 @@ https://github.com/nodeca/pako/blob/main/LICENSE
       typeof rendition.hooks.unloaded.register === 'function'
     ) {
       rendition.hooks.unloaded.register((view) => {
+        view?.contents?.__papyrusGestureCleanup?.();
         const cleanup = view && view.contents && view.contents.__papyrusSelectionCleanup;
         if (typeof cleanup === 'function') cleanup();
         const renderer = epubAnnotationRenderers.get(view?.contents);
@@ -21818,21 +21912,37 @@ https://github.com/nodeca/pako/blob/main/LICENSE
         if (selectionSession !== documentSessionId || selectionRendition !== rendition) return;
         const href = spineItems[contents.sectionIndex]?.href;
         const anchor = href && window.PapyrusEpubAnnotations?.selection(contents,cfiRange,href,annotationDocumentId);
-        if (!anchor) return;
+        if (!anchor || nativeMenuSelection?.payload?.anchor?.cfiRange === anchor.cfiRange && nativeMenuSelection?.payload?.anchor?.quote === anchor.quote) return;
         epubScrollDiagnostics && epubScrollDiagnostics.setSelectionActive(true);
         const payload = {documentSessionId: selectionSession, text: anchor.quote, pageIndex: contents.sectionIndex+1, anchor};
         nativeMenuSelection = {contents, payload};
         sendEvent('EPUB_TEXT_SELECTED', payload);
       });
-      ['rendered','resized','layout'].forEach(name => rendition.on(name, () => {
+      ['rendered','resized','layout','relocated'].forEach(name => rendition.on(name, () => {
         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);
         if (index < 0 || index >= spineItems.length) return;
         epubScrollDiagnostics && epubScrollDiagnostics.relocated(location);
+        let pageGeometry;
+        const manager=rendition.manager,layout=manager?.layout;
+        if(epubViewMode==='single' && layout?.divisor===1 && !manager?.settings?.fullsize && manager?.settings?.direction==='ltr'){
+          const visible=manager.visible?.();
+          const view=visible?.find(view=>view.index===index);
+          if(view && manager.container){
+            pageGeometry={direction:'ltr',firstIndex:book.spine.first()?.index,lastIndex:book.spine.last()?.index,pageWidth:layout.pageWidth,offset:manager.container.getBoundingClientRect().left-view.position().left};
+          }
+        }
+        epubLocation=window.PapyrusEpubReader.location(location,spineItems.length,epubViewMode==='single'?'paged':'chapter-scroll',pageGeometry);
+        if(epubLocation){
+          epubLocation.cfi=epubResizeAnchor?.cfi() || epubLocation.cfi;
+          if(book.locations?.length?.()>0)epubLocation.progress=book.locations.percentageFromCfi(epubLocation.cfi);
+          sendEvent('EPUB_LOCATION',{documentSessionId,location:epubLocation});
+        }
         const nextPage = index + 1;
         if (nextPage === currentPage) return;
         currentPage = nextPage;
@@ -21840,21 +21950,23 @@ https://github.com/nodeca/pako/blob/main/LICENSE
       });
     }
 
+    applyEpubZoom();
     sendEpubDiagnostic('epub.display.start', diagnosticPayload);
     await withEpubStageTimeout(
-      displayEpubPage(0),
+      rendition.display(target || spineItems[0]?.href),
       'rendition.display',
       diagnosticPayload,
     );
     if (!isCurrentLoad()) throw new Error('EPUB load superseded by a newer load');
     sendEpubDiagnostic('epub.display.end', diagnosticPayload);
+    const resizeRendition=rendition;
+    epubResizeAnchor=window.PapyrusEpubReader.installResizeAnchor(resizeRendition.manager,()=>resizeRendition.location?.start?.cfi);
     if (
       rendition &&
       rendition.manager &&
       typeof rendition.manager.on === 'function' &&
       typeof rendition.on === 'function'
     ) {
-      let touchStart = null;
       let lastScrollOffset = -1;
       const manager = rendition.manager;
       epubScrollDiagnostics = createEpubScrollDiagnostics(manager);
@@ -21929,48 +22041,19 @@ https://github.com/nodeca/pako/blob/main/LICENSE
           return result;
         };
       }
-      const getTouchPoint = (event) => {
-        const touch =
-          (event && event.changedTouches && event.changedTouches[0]) ||
-          (event && event.touches && event.touches[0]);
-        if (!touch) return null;
-        const x = Number(touch.screenX ?? touch.clientX);
-        const y = Number(touch.screenY ?? touch.clientY);
-        return Number.isFinite(x) && Number.isFinite(y) ? { x, y } : null;
-      };
-      const handleScroll = (event) => {
+      const handleScroll = event => {
         const offsetY = Math.max(0, Number(event && event.top) || 0);
         epubScrollDiagnostics && epubScrollDiagnostics.scroll(event);
-        if (Math.abs(offsetY - lastScrollOffset) < 1) return;
-        lastScrollOffset = offsetY;
-        sendEvent('VIEWER_SCROLL', { offsetY });
-      };
-      const handleTouchStart = (event) => {
-        touchStart = getTouchPoint(event);
-        epubScrollDiagnostics && epubScrollDiagnostics.touchStart(event);
-      };
-      const handleTouchMove = (event) => {
-        epubScrollDiagnostics && epubScrollDiagnostics.touchMove(event);
-      };
-      const handleTouchEnd = (event) => {
-        const end = getTouchPoint(event);
-        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) {
-          sendEvent('VIEWER_TAP', {});
-        }
-        epubScrollDiagnostics && epubScrollDiagnostics.touchEnd(event);
+        if (Math.abs(offsetY-lastScrollOffset)<1) return;
+        lastScrollOffset=offsetY;
+        sendEvent('VIEWER_SCROLL',{offsetY});
       };
-
       manager.on('scroll', handleScroll);
       const handleScrolled = (event) => {
         epubScrollDiagnostics && epubScrollDiagnostics.settled(event);
       };
       manager.on('scrolled', handleScrolled);
-      rendition.on('touchstart', handleTouchStart);
-      rendition.on('touchmove', handleTouchMove);
-      rendition.on('touchend', handleTouchEnd);
+
       epubInteractionCleanup = () => {
         epubSelectionCleanups.forEach((cleanup) => cleanup());
         epubSelectionCleanups.clear();
@@ -21979,16 +22062,9 @@ https://github.com/nodeca/pako/blob/main/LICENSE
         if (originalEnqueue) queue.enqueue = originalEnqueue;
         if (typeof manager.off === 'function') manager.off('scroll', handleScroll);
         if (typeof manager.off === 'function') manager.off('scrolled', handleScrolled);
-        if (typeof rendition.off === 'function') {
-          rendition.off('touchstart', handleTouchStart);
-          rendition.off('touchmove', handleTouchMove);
-          rendition.off('touchend', handleTouchEnd);
-        }
         epubScrollDiagnostics = null;
       };
     }
-    applyEpubZoom();
-
     const outline = await withEpubStageTimeout(
       buildOutline(),
       'outline',
@@ -22002,6 +22078,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 +22089,19 @@ 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;
+      epubResizeAnchor?.invalidate();
+      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 +22203,8 @@ https://github.com/nodeca/pako/blob/main/LICENSE
   };
 
   let nativeMenuSelection = null;
+  let epubViewMode = "single";
+  let epubLocation = null;
 
   const handleCommand = async (message) => {
     const { id, kind, payload } = message;
@@ -22127,6 +22217,11 @@ https://github.com/nodeca/pako/blob/main/LICENSE
         epubAnnotations = [];
         annotationDocumentId = undefined;
         zoom = 1.0;
+        epubViewMode = payload.epubMode === "chapter-scroll" ? "continuous" : "single";
+        epubLocation = null;
+        nativeMenuSelection = null;
+        epubNavigationRequest += 1;
+        epubNavigationQueue = Promise.resolve();
 
         if (currentType === 'text') {
           const result = await loadText(
@@ -22181,17 +22276,24 @@ 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');
+            epubResizeAnchor?.invalidate();
+            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,12 +22320,55 @@ 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;
+          epubResizeAnchor?.invalidate();
+          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');
+        const next=payload.epubMode ? (payload.epubMode==='paged'?'single':'continuous') : (payload.viewMode==='single'?'single':'continuous');
+        {
+          epubNavigationQueue=epubNavigationQueue.catch(()=>{}).then(async()=>{
+            if(payload.documentSessionId!==documentSessionId || next===epubViewMode)return;
+            const target=epubResizeAnchor?.cfi() || epubLocation?.cfi;
+            epubViewMode=next;
+            await renderEpubRendition('layout',epubLoadGeneration,target);
+          });
+          await epubNavigationQueue;
+        }
+        sendResponse(id,true,null);return;
+      }
+      if(kind === 'epub-go-to-location'){
+        if(currentType!=='epub' || payload.documentSessionId!==documentSessionId || !window.PapyrusEpubReader.validCfi(payload.cfi))throw new Error('Invalid EPUB location');
+        epubNavigationQueue=epubNavigationQueue.catch(()=>{}).then(()=>{if(payload.documentSessionId!==documentSessionId)return;epubResizeAnchor?.invalidate();return rendition.display(payload.cfi);});
+        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();
-        sendState();
-        sendResponse(id, true, { zoom });
-        return;
+        const requestedZoom=Math.max(0.5,Math.min(4.0,payload.zoom || 1.0));
+        if(currentType === 'epub') {
+          const session=documentSessionId;
+          epubNavigationQueue=epubNavigationQueue.catch(()=>{}).then(async()=>{
+            if(session!==documentSessionId)return;
+            const active=rendition;
+            const cfi=epubResizeAnchor?.cfi() || epubLocation?.cfi;
+            zoom=requestedZoom;applyEpubZoom();
+            // Let the content CSS update before redisplaying the logical anchor.
+            await new Promise(resolve=>(window.requestAnimationFrame || (callback=>setTimeout(callback,0)))(resolve));
+            if(cfi && active===rendition && session===documentSessionId)await active.display(cfi);
+          });
+          await epubNavigationQueue;
+        } else {zoom=requestedZoom;applyZoom();}
+        sendState();sendResponse(id,true,{zoom});return;
       }
 
       if (kind === 'set-rotation') {
@@ -23399,6 +23544,7 @@ var IconToolStrikeout = ({
   ),
   /* @__PURE__ */ jsx2(Rect, { x: "10.9", y: "17.1", width: "14.2", height: "2.4", rx: "1.2", fill: color })
 ] });
+var IconStrikeout = ({ size = 22, color = defaultColor, strokeWidth = 1.8 }) => /* @__PURE__ */ jsx2(Svg, { width: size, height: size, viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsx2(Path, { d: "M17 5c-1-1-3-2-5-2-3 0-5 2-5 4 0 2 2 3 5 4M17 15c0 2-2 4-5 4-2 0-4-1-5-2M4 12h16", stroke: color, strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" }) });
 var IconCopy = ({
   size = 20,
   color = defaultColor,
@@ -23463,6 +23609,39 @@ var IconToolNote = ({
   /* @__PURE__ */ jsx2(Line, { x1: "15", y1: "14.8", x2: "21.6", y2: "14.8", stroke: color, strokeWidth: "1.8", strokeLinecap: "round" }),
   /* @__PURE__ */ jsx2(Line, { x1: "15", y1: "18.2", x2: "19.2", y2: "18.2", stroke: color, strokeWidth: "1.8", strokeLinecap: "round" })
 ] });
+var IconHighlight = ({
+  size = 24,
+  color = "#fbbf24"
+}) => /* @__PURE__ */ jsxs(Svg, { width: size, height: size, viewBox: "0 0 24 24", fill: "none", children: [
+  /* @__PURE__ */ jsx2(
+    Path,
+    {
+      d: "M4 15h16v3a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-3Z",
+      fill: color,
+      opacity: "0.85"
+    }
+  ),
+  /* @__PURE__ */ jsx2(
+    Path,
+    {
+      d: "M6 5h12v10H6V5Z",
+      stroke: color,
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      fill: "none"
+    }
+  ),
+  /* @__PURE__ */ jsx2(
+    Path,
+    {
+      d: "M8 8h8M8 11h5",
+      stroke: color,
+      strokeWidth: "2",
+      strokeLinecap: "round"
+    }
+  )
+] });
 var IconUnderline = ({
   size = 24,
   color = "#60a5fa",
@@ -25673,6 +25852,39 @@ var styles = StyleSheet.create({
 var arePageRendererPropsEqual = (previous, next) => previous.documentId === next.documentId && previous.engine === next.engine && previous.pageIndex === next.pageIndex && previous.scale === next.scale && previous.PageViewComponent === next.PageViewComponent && previous.availableWidth === next.availableWidth && previous.maxPageWidth === next.maxPageWidth && previous.maxPageHeight === next.maxPageHeight && previous.pageViewportWidth === next.pageViewportWidth && previous.horizontalPadding === next.horizontalPadding && previous.spacing === next.spacing && previous.onSelectionDragActiveChange === next.onSelectionDragActiveChange && previous.gestureScrollLockActive === next.gestureScrollLockActive && previous.lastPinchEndedAt === next.lastPinchEndedAt && previous.requestSelectionVerticalAutoscroll === next.requestSelectionVerticalAutoscroll;
 var PageRenderer_default = memo(PageRenderer, arePageRendererPropsEqual);
 
+// components/PapyrusSafeArea.tsx
+import React3, { useContext as useContext2 } from "react";
+import {
+  SafeAreaInsetsContext,
+  SafeAreaProvider
+} from "react-native-safe-area-context";
+import { Fragment, jsx as jsx4 } 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__ */ jsx4(Fragment, { children });
+  return React3.createElement(SafeAreaProvider, null, children);
+}
+
+// components/epubReadingLocation.ts
+function parseEpubReadingLocation(raw) {
+  if (!raw || typeof raw !== "object") return null;
+  const p = raw;
+  if (p.version !== 1 || typeof p.cfi !== "string" || p.cfi.length > 4096 || !/^epubcfi\([^\n<>]+\)$/.test(p.cfi) || typeof p.href !== "string" || !Number.isSafeInteger(p.chapter) || p.chapter < 1 || !Number.isSafeInteger(p.chapterCount) || p.chapterCount < p.chapter || !Number.isFinite(p.progress) || p.progress < 0 || p.progress > 1 || typeof p.atStart !== "boolean" || typeof p.atEnd !== "boolean") return null;
+  if (p.mode === "chapter-scroll") return p.visualPage === null && p.visualPageCount === null ? p : null;
+  if (p.mode !== "paged" || !Number.isSafeInteger(p.visualPage) || (p.visualPage ?? 0) < 1 || !Number.isSafeInteger(p.visualPageCount) || (p.visualPageCount ?? 0) < (p.visualPage ?? 0)) return null;
+  return p;
+}
+
 // components/WebViewViewer.tsx
 import { useEffect as useEffect2, useMemo as useMemo2, useRef as useRef2, useState as useState2 } from "react";
 import { Image, StyleSheet as StyleSheet2, View as View2, Alert } from "react-native";
@@ -25742,7 +25954,7 @@ function parseEpubAnnotationEvent(raw, session, documentId) {
 }
 
 // components/WebViewViewer.tsx
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
 var runtimeAsset = require_runtime();
 var resolveRuntimeSource = (asset) => {
   if (typeof asset === "string") {
@@ -25762,6 +25974,7 @@ var resolveRuntimeSource = (asset) => {
 };
 var WebViewViewer = ({
   engine,
+  documentType,
   documentId,
   onDefineSelection,
   defineSelectionMode,
@@ -25770,7 +25983,8 @@ var WebViewViewer = ({
   onTap
 }) => {
   const webViewRef = useRef2(null);
-  const { pageTheme, annotations, isLoaded, locale, annotationColor, annotationOpacity, addAnnotation, beginAnnotationDraft, setSelectedAnnotation } = useViewerStore2();
+  const insets = usePapyrusSafeAreaInsets();
+  const { pageTheme, epubReadingMode, setDocumentState, annotations, isLoaded, locale, annotationColor, annotationOpacity, addAnnotation, beginAnnotationDraft, setSelectedAnnotation } = useViewerStore2();
   const [selection, setSelection] = useState2(null);
   const t = getStrings(locale);
   const bridgeEngine = engine;
@@ -25851,6 +26065,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: { epubMode: epubReadingMode, documentSessionId: bridgeEngine.getWebViewDocumentSessionId?.() } }));
+  }, [isLoaded, epubReadingMode, bridgeEngine]);
   const sendSelectionCommand = (key) => {
     webViewRef.current?.postMessage(JSON.stringify({
       type: "epub-selection-action",
@@ -25874,6 +26092,11 @@ var WebViewViewer = ({
     let annotationRaw = raw;
     try {
       const message = JSON.parse(raw);
+      if (message.type === "event" && message.name === "EPUB_LOCATION" && message.payload?.documentSessionId === bridgeEngine.getWebViewDocumentSessionId?.()) {
+        const location = parseEpubReadingLocation(message.payload.location);
+        if (location) setDocumentState({ epubLocation: location });
+      }
+      if (message.type === "event" && message.name === "EPUB_CONTENT_TAP" && message.payload?.documentSessionId === bridgeEngine.getWebViewDocumentSessionId?.()) onTap?.();
       if (message.type === "event" && message.name === "EPUB_SELECTION_ACTION") {
         action = message.payload?.action;
         annotationRaw = JSON.stringify({ ...message, name: "EPUB_TEXT_SELECTED" });
@@ -25962,8 +26185,8 @@ var WebViewViewer = ({
     maxWidth: resolvedMaxPageWidth,
     alignSelf: "center"
   } : void 0;
-  return /* @__PURE__ */ jsxs3(View2, { style: styles2.container, children: [
-    /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsxs3(View2, { style: [styles2.container, documentType === "epub" && { paddingTop: insets.top, paddingBottom: insets.bottom }], children: [
+    /* @__PURE__ */ jsx5(
       WebView,
       {
         ref: webViewRef,
@@ -25987,7 +26210,7 @@ var WebViewViewer = ({
         style: [styles2.webview, cappedWebViewStyle]
       }
     ),
-    /* @__PURE__ */ jsx4(
+    /* @__PURE__ */ jsx5(
       View2,
       {
         pointerEvents: "none",
@@ -26089,16 +26312,16 @@ function getNearbyPdfNotes(annotations, id) {
 // components/PdfNoteChooser.tsx
 import { FlatList, Modal, Pressable as Pressable2, StyleSheet as StyleSheet3, Text, View as View3 } from "react-native";
 import { getAnnotationNote, getAnnotationQuote } from "@papyrus-sdk/core";
-import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
 function PdfNoteChooser({ notes, title, cancel, onSelect, onClose }) {
-  return /* @__PURE__ */ jsx5(Modal, { visible: notes.length > 1, transparent: true, animationType: "none", onRequestClose: onClose, children: /* @__PURE__ */ jsx5(View3, { style: styles3.backdrop, children: /* @__PURE__ */ jsxs4(View3, { style: styles3.sheet, accessibilityViewIsModal: true, children: [
-    /* @__PURE__ */ jsx5(Text, { style: styles3.title, children: title }),
-    /* @__PURE__ */ jsx5(FlatList, { data: notes, keyExtractor: (a) => a.id, renderItem: ({ item, index }) => /* @__PURE__ */ jsx5(Pressable2, { accessibilityRole: "button", style: styles3.row, onPress: () => onSelect(item.id), children: /* @__PURE__ */ jsxs4(Text, { children: [
+  return /* @__PURE__ */ jsx6(Modal, { visible: notes.length > 1, transparent: true, animationType: "none", onRequestClose: onClose, children: /* @__PURE__ */ jsx6(View3, { style: styles3.backdrop, children: /* @__PURE__ */ jsxs4(View3, { style: styles3.sheet, accessibilityViewIsModal: true, children: [
+    /* @__PURE__ */ jsx6(Text, { style: styles3.title, children: title }),
+    /* @__PURE__ */ jsx6(FlatList, { data: notes, keyExtractor: (a) => a.id, renderItem: ({ item, index }) => /* @__PURE__ */ jsx6(Pressable2, { accessibilityRole: "button", style: styles3.row, onPress: () => onSelect(item.id), children: /* @__PURE__ */ jsxs4(Text, { children: [
       index + 1,
       ". ",
       getAnnotationNote(item) || getAnnotationQuote(item)
     ] }) }) }),
-    /* @__PURE__ */ jsx5(Pressable2, { accessibilityRole: "button", style: styles3.row, onPress: onClose, children: /* @__PURE__ */ jsx5(Text, { children: cancel }) })
+    /* @__PURE__ */ jsx6(Pressable2, { accessibilityRole: "button", style: styles3.row, onPress: onClose, children: /* @__PURE__ */ jsx6(Text, { children: cancel }) })
   ] }) }) });
 }
 var styles3 = StyleSheet3.create({ backdrop: { flex: 1, backgroundColor: "#0008", justifyContent: "center", padding: 24 }, sheet: { backgroundColor: "#fff", borderRadius: 16, padding: 16, maxHeight: "75%" }, title: { fontSize: 18, fontWeight: "600", marginBottom: 12 }, row: { minHeight: 44, padding: 12 } });
@@ -26125,7 +26348,7 @@ var resolvePageTapChromeVisibility = ({
 };
 
 // components/DedicatedAndroidPdfViewer.tsx
-import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
 var TEXT_MARKUP_TOOLS2 = /* @__PURE__ */ new Set(["highlight", "underline", "squiggly", "strikeout"]);
 var MOBILE_CHROME_HIDE_DELTA = 28;
 var MOBILE_CHROME_SHOW_DELTA = 22;
@@ -26269,11 +26492,11 @@ function DedicatedAndroidPdfViewer({
     selectionRef.current = null;
   }, [addAnnotation, beginAnnotationDraft, annotationColor, documentId]);
   return /* @__PURE__ */ jsxs5(View4, { style: styles4.container, children: [
-    /* @__PURE__ */ jsx6(PdfNoteChooser, { notes: pendingNotes, title: t.annotationNote, cancel: t.cancel, onClose: () => setPendingNotes([]), onSelect: (id) => {
+    /* @__PURE__ */ jsx7(PdfNoteChooser, { notes: pendingNotes, title: t.annotationNote, cancel: t.cancel, onClose: () => setPendingNotes([]), onSelect: (id) => {
       setPendingNotes([]);
       setSelectedAnnotation(id);
     } }),
-    /* @__PURE__ */ jsx6(
+    /* @__PURE__ */ jsx7(
       PapyrusPdfDocumentView,
       {
         style: [styles4.viewer, cappedViewerStyle],
@@ -26484,7 +26707,7 @@ var resolveNativePdfVisiblePages = (pages) => (pages ?? []).flatMap((page) => {
 });
 
 // components/DedicatedIosPdfViewer.tsx
-import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
 var MOBILE_CHROME_HIDE_DELTA2 = 28;
 var MOBILE_CHROME_SHOW_DELTA2 = 22;
 var MOBILE_CHROME_SHOW_DELAY_MS2 = 180;
@@ -26723,11 +26946,11 @@ function DedicatedIosPdfViewer({
     alignSelf: "center"
   } : void 0;
   return /* @__PURE__ */ jsxs6(View5, { style: styles5.container, children: [
-    /* @__PURE__ */ jsx7(PdfNoteChooser, { notes: pendingNotes, title: t.annotationNote, cancel: t.cancel, onClose: () => setPendingNotes([]), onSelect: (id) => {
+    /* @__PURE__ */ jsx8(PdfNoteChooser, { notes: pendingNotes, title: t.annotationNote, cancel: t.cancel, onClose: () => setPendingNotes([]), onSelect: (id) => {
       setPendingNotes([]);
       setSelectedAnnotation(id);
     } }),
-    /* @__PURE__ */ jsx7(
+    /* @__PURE__ */ jsx8(
       PapyrusPdfDocumentView2,
       {
         style: [styles5.viewer, cappedViewerStyle],
@@ -26796,22 +27019,22 @@ function DedicatedIosPdfViewer({
         onInkToolPickerVisibilityChange: handleInkToolPickerVisibilityChange
       }
     ),
-    selection && !supportsNativeEditMenu && onDefineSelection && shouldShowDefineSelection(selection.text, defineSelectionMode) && /* @__PURE__ */ jsx7(View5, { style: styles5.selectionFallback, pointerEvents: "box-none", children: /* @__PURE__ */ jsx7(
+    selection && !supportsNativeEditMenu && onDefineSelection && shouldShowDefineSelection(selection.text, defineSelectionMode) && /* @__PURE__ */ jsx8(View5, { style: styles5.selectionFallback, pointerEvents: "box-none", children: /* @__PURE__ */ jsx8(
       Pressable3,
       {
         onPress: defineSelection,
         style: styles5.fallbackButton,
         accessibilityRole: "button",
         accessibilityLabel: t.define,
-        children: /* @__PURE__ */ jsx7(Text2, { style: styles5.fallbackButtonText, children: t.define })
+        children: /* @__PURE__ */ jsx8(Text2, { style: styles5.fallbackButtonText, children: t.define })
       }
     ) }),
-    fallbackDeleteAnnotation && /* @__PURE__ */ jsx7(
+    fallbackDeleteAnnotation && /* @__PURE__ */ jsx8(
       View5,
       {
         style: styles5.annotationDeleteFallback,
         pointerEvents: "box-none",
-        children: /* @__PURE__ */ jsx7(
+        children: /* @__PURE__ */ jsx8(
           Pressable3,
           {
             onPress: () => handleDeleteAnnotation(fallbackDeleteAnnotation.id),
@@ -26819,7 +27042,7 @@ function DedicatedIosPdfViewer({
             accessibilityRole: "button",
             accessibilityLabel: t.deleteAnnotation,
             hitSlop: 8,
-            children: /* @__PURE__ */ jsx7(Text2, { style: styles5.annotationDeleteButtonText, children: t.deleteAnnotation })
+            children: /* @__PURE__ */ jsx8(Text2, { style: styles5.annotationDeleteButtonText, children: t.deleteAnnotation })
           }
         )
       }
@@ -26882,7 +27105,7 @@ var styles5 = StyleSheet5.create({
 });
 
 // components/NativePdfDocumentViewer.tsx
-import { jsx as jsx8 } from "react/jsx-runtime";
+import { jsx as jsx9 } from "react/jsx-runtime";
 function NativePdfDocumentViewer({
   engine,
   documentId,
@@ -26895,7 +27118,7 @@ function NativePdfDocumentViewer({
     Platform3.OS
   );
   if (implementation === "android") {
-    return /* @__PURE__ */ jsx8(
+    return /* @__PURE__ */ jsx9(
       DedicatedAndroidPdfViewer,
       {
         engine,
@@ -26908,7 +27131,7 @@ function NativePdfDocumentViewer({
     );
   }
   if (implementation === "ios") {
-    return /* @__PURE__ */ jsx8(
+    return /* @__PURE__ */ jsx9(
       DedicatedIosPdfViewer,
       {
         engine,
@@ -26964,29 +27187,6 @@ var resolveMobileChromeOffsets = (insets) => ({
   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, 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(Fragment, { children });
-  return React6.createElement(SafeAreaProvider, null, children);
-}
-
 // components/NativeTextDocumentViewer.tsx
 import { jsx as jsx10 } from "react/jsx-runtime";
 function NativeTextDocumentViewer({
@@ -27537,6 +27737,7 @@ var scrollViewerListToOffset = (list, offset, animated) => {
   list.scrollToOffset?.({ offset, animated });
 };
 var Viewer = ({
+  documentType,
   documentId,
   engine,
   maxPageWidth,
@@ -29064,14 +29265,8 @@ var Viewer = ({
     },
     [mobilePerf, perfEnabled, scrollPerfSession]
   );
-  const handleWebViewScroll = useCallback4(
-    (_offsetY) => {
-      if (!chromeVisibleRef.current) {
-        setMobileChromeVisible(true, "scroll.webview.recover");
-      }
-    },
-    [setMobileChromeVisible]
-  );
+  const handleWebViewScroll = useCallback4((_offsetY) => {
+  }, []);
   const handlePageTap = useCallback4(() => {
     const nextVisible = resolvePageTapChromeVisibility({
       chromeVisible: chromeVisibleRef.current,
@@ -29293,6 +29488,7 @@ var Viewer = ({
     return /* @__PURE__ */ jsx12(View8, { style: [styles8.container, isDark && styles8.containerDark], children: /* @__PURE__ */ jsx12(
       WebViewViewer_default,
       {
+        documentType,
         engine,
         documentId,
         onDefineSelection,
@@ -29499,7 +29695,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";
@@ -29862,6 +30059,7 @@ var styles9 = StyleSheet9.create({
 // components/PageJumpModal.tsx
 import { jsx as jsx14, jsxs as jsxs9 } from "react/jsx-runtime";
 function PageJumpModal({
+  documentType,
   visible,
   currentPage,
   pageCount,
@@ -29888,8 +30086,8 @@ function PageJumpModal({
       isDark,
       maxHeight: 300,
       showHeader: true,
-      title: "Ir para p\xE1gina",
-      closeAccessibilityLabel: "Close page jump",
+      title: documentType === "epub" ? "Ir para cap\xEDtulo" : "Ir para p\xE1gina",
+      closeAccessibilityLabel: "Fechar navega\xE7\xE3o",
       sheetStyle: {
         paddingHorizontal: 18,
         paddingBottom: 18,
@@ -29917,7 +30115,7 @@ function PageJumpModal({
               }
             ],
             onSubmitEditing: confirmJump,
-            accessibilityLabel: "Page jump input",
+            accessibilityLabel: documentType === "epub" ? "N\xFAmero do cap\xEDtulo" : "N\xFAmero da p\xE1gina",
             testID: "papyrus-page-jump-input"
           }
         ),
@@ -29972,6 +30170,7 @@ var styles10 = StyleSheet10.create({
 import { Fragment as Fragment2, jsx as jsx15, jsxs as jsxs10 } from "react/jsx-runtime";
 var Topbar = ({
   engine,
+  documentType,
   onOpenSettings,
   onOpenOverflow,
   title,
@@ -29992,6 +30191,12 @@ var Topbar = ({
     locale
   } = useViewerStore9();
   const inkSession = useNativeInkSession();
+  const chromeVisible = mobileChromeVisible || inkSession.active;
+  const chromeProgress = useNativeInkMotion(chromeVisible, documentType === "epub");
+  const chromeMotion = useAnimatedStyle(() => {
+    "worklet";
+    return { opacity: chromeProgress.value };
+  });
   const t = getStrings(locale);
   const progress = useNativeInkMotion(inkSession.active, inkSession.supported);
   const settingsMotion = useAnimatedStyle(() => {
@@ -30047,26 +30252,30 @@ var Topbar = ({
       children: /* @__PURE__ */ jsx15(IconSettings, { size: MOBILE_CHROME_METRICS.iconSize, color: isDark ? "#e5e7eb" : "#111827" })
     }
   );
-  if (!mobileChromeVisible && !inkSession.active) return null;
+  if (!chromeVisible && documentType !== "epub") return null;
   return /* @__PURE__ */ jsxs10(Fragment2, { children: [
     /* @__PURE__ */ jsx15(
-      View11,
+      Animated3.View,
       {
         style: [
           styles11.chromeFrame,
+          chromeMotion,
           {
             paddingTop: insets.top,
             paddingLeft: MOBILE_CHROME_METRICS.screenPadding + insets.left,
             paddingRight: MOBILE_CHROME_METRICS.screenPadding + insets.right
           }
         ],
-        pointerEvents: "box-none",
+        pointerEvents: chromeVisible ? "box-none" : "none",
+        accessibilityElementsHidden: !chromeVisible,
+        importantForAccessibility: chromeVisible ? "auto" : "no-hide-descendants",
         testID: "papyrus-floating-top-controls",
         children: /* @__PURE__ */ jsxs10(
           View11,
           {
             style: [
               styles11.container,
+              Platform6.OS === "ios" && styles11.containerIos,
               isDark && styles11.containerDark,
               isLandscape && styles11.containerLandscape
             ],
@@ -30206,6 +30415,7 @@ var Topbar = ({
     /* @__PURE__ */ jsx15(
       PageJumpModal,
       {
+        documentType,
         visible: jumpModalOpen,
         currentPage,
         pageCount,
@@ -30223,7 +30433,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 +30451,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 +31604,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 +31685,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 +32610,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,19 +32677,39 @@ 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,
         editing ? /* @__PURE__ */ jsxs13(Fragment3, { children: [
           /* @__PURE__ */ jsx18(TextInput2, { accessibilityLabel: t.editNote, value: draft, onChangeText: setDraft, multiline: true, autoFocus: true, placeholder: t.notePlaceholder, placeholderTextColor: dark ? "#9ca3af" : "#6b7280", style: [styles14.input, textStyle, { borderColor: dark ? "#374151" : "#d1d5db" }] }),
           /* @__PURE__ */ jsx18(View14, { style: styles14.options, children: COLORS.map((value) => /* @__PURE__ */ jsx18(Pressable9, { accessibilityRole: "button", accessibilityLabel: `${t.annotationColor} ${value}`, accessibilityState: { selected: color === value }, onPress: () => setColor(value), style: [styles14.color, { backgroundColor: value, borderColor: color === value ? accentColor : "transparent" }] }, value)) }),
-          /* @__PURE__ */ jsx18(View14, { style: styles14.options, children: [["highlight", t.annotationHighlight], ["underline", t.annotationUnderline], ["strikeout", t.annotationStrikeout], ["none", t.annotationIndicatorOnly]].map(([style, label]) => /* @__PURE__ */ jsx18(Pressable9, { onPress: () => setMarkup(style), accessibilityRole: "button", accessibilityState: { selected: markup === style }, style: [styles14.button, markup === style && { borderColor: accentColor, borderWidth: 1 }], children: /* @__PURE__ */ jsx18(Text8, { style: textStyle, children: label }) }, style)) })
+          /* @__PURE__ */ jsx18(View14, { style: styles14.markupOptions, children: [
+            ["highlight", t.annotationHighlight, IconHighlight],
+            ["underline", t.annotationUnderline, IconUnderline],
+            ["strikeout", t.annotationStrikeout, IconStrikeout],
+            ["none", t.annotationIndicatorOnly, IconComment]
+          ].map(([style, label, Icon]) => /* @__PURE__ */ jsxs13(
+            Pressable9,
+            {
+              onPress: () => setMarkup(style),
+              accessibilityRole: "button",
+              accessibilityLabel: label,
+              accessibilityState: { selected: markup === style },
+              testID: `annotation-style-${style}`,
+              style: [styles14.markupButton, { backgroundColor: dark ? "#242936" : "#f1f5f9", borderColor: markup === style ? accentColor : "transparent" }],
+              children: [
+                /* @__PURE__ */ jsx18(View14, { accessible: false, importantForAccessibility: "no-hide-descendants", children: /* @__PURE__ */ jsx18(Icon, { size: 22, color: markup === style ? accentColor : textStyle.color }) }),
+                /* @__PURE__ */ jsx18(Text8, { style: [styles14.markupLabel, textStyle], children: style === "none" ? locale === "pt-BR" ? "Indicador" : "Indicator" : label })
+              ]
+            },
+            style
+          )) })
         ] }) : /* @__PURE__ */ jsx18(Text8, { style: [styles14.note, textStyle], selectable: true, children: getAnnotationNote2(annotation) || t.notePlaceholder })
       ] }),
       /* @__PURE__ */ jsxs13(View14, { style: styles14.actions, children: [
@@ -32497,11 +32732,11 @@ var AnnotationEditor = () => {
     ] })
   ] }) });
 };
-var styles14 = StyleSheet14.create({ host: { flex: 1, justifyContent: "flex-end", backgroundColor: "rgba(0,0,0,.18)", paddingHorizontal: 12 }, card: { borderRadius: 20, padding: 16, maxHeight: "72%", elevation: 12 }, header: { flexDirection: "row", alignItems: "center", justifyContent: "space-between" }, title: { fontSize: 17, fontWeight: "700" }, content: { flexGrow: 0 }, quote: { fontSize: 14, lineHeight: 21, borderLeftWidth: 3, borderLeftColor: "#9ca3af", paddingLeft: 10, marginVertical: 12 }, note: { fontSize: 16, lineHeight: 24, paddingVertical: 12 }, input: { minHeight: 112, maxHeight: 240, borderWidth: 1, borderRadius: 12, padding: 12, fontSize: 16, textAlignVertical: "top" }, button: { minWidth: 44, minHeight: 44, paddingHorizontal: 10, borderRadius: 10, alignItems: "center", justifyContent: "center" }, actions: { flexDirection: "row", alignItems: "center", flexWrap: "wrap", marginTop: 12 }, options: { flexDirection: "row", flexWrap: "wrap", gap: 8, marginTop: 12 }, color: { width: 44, height: 44, borderRadius: 22, borderWidth: 3 } });
+var styles14 = StyleSheet14.create({ host: { flex: 1, justifyContent: "flex-end", backgroundColor: "rgba(0,0,0,.18)", paddingHorizontal: 12 }, card: { borderRadius: 20, padding: 16, maxHeight: "72%", elevation: 12 }, header: { flexDirection: "row", alignItems: "center", justifyContent: "space-between" }, title: { fontSize: 17, fontWeight: "700" }, content: { flexGrow: 0 }, quote: { fontSize: 14, lineHeight: 21, borderLeftWidth: 3, borderLeftColor: "#9ca3af", paddingLeft: 10, marginVertical: 12 }, note: { fontSize: 16, lineHeight: 24, paddingVertical: 12 }, input: { minHeight: 112, maxHeight: 240, borderWidth: 1, borderRadius: 12, padding: 12, fontSize: 16, textAlignVertical: "top" }, button: { minWidth: 44, minHeight: 44, paddingHorizontal: 10, borderRadius: 10, alignItems: "center", justifyContent: "center" }, actions: { flexDirection: "row", alignItems: "center", flexWrap: "wrap", marginTop: 12 }, markupOptions: { flexDirection: "row", flexWrap: "wrap", gap: 8, marginTop: 12 }, markupButton: { flex: 1, minWidth: 64, minHeight: 64, borderWidth: 1, borderRadius: 12, paddingHorizontal: 4, paddingVertical: 8, alignItems: "center", justifyContent: "center", gap: 6 }, markupLabel: { fontSize: 11, lineHeight: 15, textAlign: "center" }, options: { flexDirection: "row", flexWrap: "wrap", gap: 8, marginTop: 12 }, color: { width: 44, height: 44, borderRadius: 22, borderWidth: 3 } });
 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 +32790,24 @@ 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,
+    epubReadingMode,
+    epubLocation,
+    comicLayoutMode,
+    currentPage,
+    pageCount,
     mobileDockVisible,
     setDocumentState,
     uiTheme,
@@ -32578,7 +32822,7 @@ var BottomBar = ({
   const supportsInkChrome = documentType === "pdf" && inkSession.supported;
   const drawing = supportsInkChrome && inkSession.active;
   const dockVisible = mobileChromeVisible && mobileDockVisible && !drawing;
-  const dockProgress = useNativeInkMotion(dockVisible, supportsInkChrome);
+  const dockProgress = useNativeInkMotion(dockVisible, supportsInkChrome || documentType === "epub");
   const dockMotion = useAnimatedStyle2(() => {
     "worklet";
     return {
@@ -32600,6 +32844,15 @@ var BottomBar = ({
     activeMobileDestination,
     toolDockOpen
   });
+  const paginated = documentType !== "text" && (documentType === "comic" ? comicLayoutMode === "single" : documentType === "epub" ? epubReadingMode === "paged" : 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,
@@ -32660,7 +32913,7 @@ var BottomBar = ({
       onPress: onOpenSettings
     }
   };
-  if (!dockVisible && !supportsInkChrome) return null;
+  if (!dockVisible && !supportsInkChrome && documentType !== "epub") return null;
   return /* @__PURE__ */ jsx19(
     Animated5.View,
     {
@@ -32725,7 +32978,11 @@ 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 || (documentType === "epub" ? epubLocation?.atStart : !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__ */ jsx19(Text9, { style: { color: iconColor(false), fontWeight: "700", fontSize: 13, lineHeight: 18, includeFontPadding: false }, children: documentType === "epub" ? epubLocation?.visualPage ? `Cap. ${epubLocation.chapter} \xB7 ${epubLocation.visualPage}/${epubLocation.visualPageCount}` : `Cap. ${currentPage}` : `${currentPage}/${pageCount}` }) }),
+              /* @__PURE__ */ jsx19(Pressable10, { accessibilityRole: "button", accessibilityLabel: locale === "pt-BR" ? "Pr\xF3xima p\xE1gina" : "Next page", disabled: !dockVisible || (documentType === "epub" ? epubLocation?.atEnd : !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 +33045,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 +33073,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 +33105,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,10 +33158,12 @@ var SettingsSheet = ({
   engine,
   visible,
   onClose,
-  documentType = "pdf"
+  documentType = "pdf",
+  onOpenInfo
 }) => {
   const {
     viewMode,
+    epubReadingMode,
     uiTheme,
     zoom,
     setDocumentState,
@@ -32913,12 +33175,16 @@ var SettingsSheet = ({
     comicReadingDirection
   } = useViewerStore14();
   const isDark = uiTheme === "dark";
-  const isPaged = viewMode === "single";
+  const isPaged = documentType === "epub" ? epubReadingMode === "paged" : viewMode === "single";
   const isDouble = viewMode === "double";
   const t = getStrings(locale);
   const { height: windowHeight } = useWindowDimensions8();
   const sheetMaxHeight = getSettingsSheetMaxHeight(windowHeight);
   const handleTransition = (mode) => {
+    if (documentType === "epub") {
+      setDocumentState({ epubReadingMode: mode === "paged" ? "paged" : "chapter-scroll" });
+      return;
+    }
     if (mode === "paged") {
       setDocumentState({ viewMode: "single" });
       return;
@@ -32963,22 +33229,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 +33253,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 +33266,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 +33279,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 +33287,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 +33305,7 @@ var SettingsSheet = ({
                       uiTheme === "light" && { backgroundColor: accentColor }
                     ],
                     children: /* @__PURE__ */ jsx20(
-                      Text9,
+                      Text10,
                       {
                         style: [
                           styles16.optionText,
@@ -33061,7 +33328,7 @@ var SettingsSheet = ({
                       uiTheme === "dark" && { backgroundColor: accentColor }
                     ],
                     children: /* @__PURE__ */ jsx20(
-                      Text9,
+                      Text10,
                       {
                         style: [
                           styles16.optionText,
@@ -33077,7 +33344,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 +33365,7 @@ var SettingsSheet = ({
                     children: [
                       /* @__PURE__ */ jsx20(ThemeSwatch, { value: option.value }),
                       /* @__PURE__ */ jsx20(
-                        Text9,
+                        Text10,
                         {
                           style: [
                             styles16.themeOptionLabel,
@@ -33116,7 +33383,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,14 +33401,14 @@ var SettingsSheet = ({
                       (!isPaged || isDouble) && { backgroundColor: accentColor }
                     ],
                     children: /* @__PURE__ */ jsx20(
-                      Text9,
+                      Text10,
                       {
                         style: [
                           styles16.optionText,
                           isDark && styles16.optionTextDark,
                           (!isPaged || isDouble) && styles16.optionTextActive
                         ],
-                        children: t.continuous
+                        children: documentType === "epub" && locale === "pt-BR" ? "Rolagem por cap\xEDtulo" : t.continuous
                       }
                     )
                   }
@@ -33157,7 +33424,7 @@ var SettingsSheet = ({
                       isPaged && { backgroundColor: accentColor }
                     ],
                     children: /* @__PURE__ */ jsx20(
-                      Text9,
+                      Text10,
                       {
                         style: [
                           styles16.optionText,
@@ -33171,9 +33438,9 @@ var SettingsSheet = ({
                 )
               ] })
             ] }),
-            documentType !== "comic" && documentType !== "text" && /* @__PURE__ */ jsxs15(View16, { style: styles16.section, children: [
+            documentType === "pdf" && /* @__PURE__ */ jsxs15(View16, { style: styles16.section, children: [
               /* @__PURE__ */ jsx20(
-                Text9,
+                Text10,
                 {
                   style: [styles16.sectionTitle, isDark && styles16.sectionTitleDark],
                   children: t.layout
@@ -33191,7 +33458,7 @@ var SettingsSheet = ({
                       !isDouble && { backgroundColor: accentColor }
                     ],
                     children: /* @__PURE__ */ jsx20(
-                      Text9,
+                      Text10,
                       {
                         style: [
                           styles16.optionText,
@@ -33214,7 +33481,7 @@ var SettingsSheet = ({
                       isDouble && { backgroundColor: accentColor }
                     ],
                     children: /* @__PURE__ */ jsx20(
-                      Text9,
+                      Text10,
                       {
                         style: [
                           styles16.optionText,
@@ -33230,7 +33497,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 +33510,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 +33518,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 +33538,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 +33550,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 +33565,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 +33581,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 +33599,7 @@ var SettingsSheet = ({
                       locale === "en" && { backgroundColor: accentColor }
                     ],
                     children: /* @__PURE__ */ jsx20(
-                      Text9,
+                      Text10,
                       {
                         style: [
                           styles16.optionText,
@@ -33355,7 +33622,7 @@ var SettingsSheet = ({
                       locale === "pt-BR" && { backgroundColor: accentColor }
                     ],
                     children: /* @__PURE__ */ jsx20(
-                      Text9,
+                      Text10,
                       {
                         style: [
                           styles16.optionText,
@@ -33512,7 +33779,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 +33902,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 +33962,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 +33999,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 +34012,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 +34037,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 +34191,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 +34262,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 +34302,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,10 +34327,11 @@ 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";
+import Reanimated, { useAnimatedStyle as useAnimatedStyle3 } from "react-native-reanimated";
 import { useViewerStore as useViewerStore18 } from "@papyrus-sdk/core";
 
 // components/progressPillMode.ts
@@ -34083,9 +34351,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 {
@@ -34095,12 +34365,20 @@ function ProgressPill({
     textLength,
     comicLayoutMode,
     viewMode,
+    epubReadingMode,
+    epubLocation,
     locale,
     uiTheme,
     accentColor,
     mobileChromeVisible,
     mobileProgressPillVisible
   } = useViewerStore18();
+  const chromeVisible = mobileChromeVisible && mobileProgressPillVisible;
+  const chromeProgress = useNativeInkMotion(chromeVisible, documentType === "epub");
+  const chromeMotion = useAnimatedStyle3(() => {
+    "worklet";
+    return { opacity: chromeProgress.value };
+  });
   const t = getStrings(locale);
   const isDark = uiTheme === "dark";
   const offsets = resolveMobileChromeOffsets(usePapyrusSafeAreaInsets());
@@ -34145,10 +34423,10 @@ function ProgressPill({
       return `${displayedPage}/${pageCount || 0}`;
     }
     if (documentType === "epub") {
-      return `Cap. ${displayedPage} \xB7 ${percent}%`;
+      return `Cap. ${displayedPage} \xB7 ${scrubPreviewPage === null && epubLocation ? clampPercent(epubLocation.progress * 100) : percent}%`;
     }
     return `${percent}%`;
-  }, [displayedPage, documentType, pageCount]);
+  }, [displayedPage, documentType, pageCount, epubLocation, scrubPreviewPage]);
   const thumbTop = resolvePageScrubberThumbTop({
     currentPage,
     trackHeight,
@@ -34190,7 +34468,7 @@ function ProgressPill({
     },
     []
   );
-  if (!shouldRenderPageScrubber({
+  if (!(documentType === "epub" && mobileProgressPillVisible) && !shouldRenderPageScrubber({
     mobileChromeVisible,
     mobileProgressPillVisible,
     isScrubbing: isScrubbingRef.current
@@ -34212,7 +34490,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,
               "%"
             ] })
@@ -34221,16 +34499,17 @@ function ProgressPill({
       }
     );
   }
-  const progressViewMode = documentType === "comic" ? comicLayoutMode === "single" ? "single" : "continuous" : viewMode;
+  const progressViewMode = documentType === "comic" ? comicLayoutMode === "single" ? "single" : "continuous" : documentType === "epub" ? epubReadingMode === "paged" ? "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 +34518,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 +34532,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 +34546,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" })
             }
           )
         ] })
@@ -34411,11 +34690,14 @@ function ProgressPill({
   }
   const responderPanHandlers = scrubberResponderRef.current?.panHandlers ?? {};
   return /* @__PURE__ */ jsx25(
-    View21,
+    Reanimated.View,
     {
-      pointerEvents: "box-none",
+      pointerEvents: chromeVisible ? "box-none" : "none",
+      accessibilityElementsHidden: !chromeVisible,
+      importantForAccessibility: chromeVisible ? "auto" : "no-hide-descendants",
       style: [
         styles21.frame,
+        chromeMotion,
         resolvePageScrubberOverlayStyle(),
         {
           top: offsets.progress,
@@ -34466,7 +34748,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 +34879,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 +35012,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 +35031,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 +35055,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 +35070,7 @@ function SearchOverlay({
                   ],
                   accessibilityLabel: "Open all results",
                   children: /* @__PURE__ */ jsx26(
-                    Text15,
+                    Text16,
                     {
                       style: [
                         styles22.secondaryActionText,
@@ -34947,7 +35229,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 +35277,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 +35312,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}`
@@ -35152,15 +35434,10 @@ function ReadingShell({
     /* @__PURE__ */ jsx28(
       Topbar_default,
       {
+        documentType,
         engine,
         title,
-        onOpenOverflow: () => {
-          closeMobileDestination();
-          setInfoOpen(false);
-          setActionsOpen(false);
-          setSettingsOpen(false);
-          setOverflowOpen(true);
-        },
+        onOpenSettings: () => openDestination("display"),
         onOpenPageJump: () => setPageJumpOpen(true),
         showPageNavigationControls: false
       }
@@ -35168,6 +35445,7 @@ function ReadingShell({
     /* @__PURE__ */ jsx28(View23, { style: styles24.viewerStage, children: /* @__PURE__ */ jsx28(
       Viewer_default,
       {
+        documentType,
         engine,
         ...viewerProps,
         pageScrubActive
@@ -35176,7 +35454,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 +35472,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 +35557,7 @@ function ReadingShell({
     /* @__PURE__ */ jsx28(
       SettingsSheet_default,
       {
+        onOpenInfo: () => openDestination("info"),
         engine,
         documentType,
         visible: settingsOpen,
@@ -35279,6 +35570,7 @@ function ReadingShell({
     /* @__PURE__ */ jsx28(
       PageJumpModal,
       {
+        documentType,
         visible: pageJumpOpen,
         currentPage,
         pageCount,