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

package/dist/index.mjs

@@ -20512,6 +20512,42 @@ 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){
+    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 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:Boolean(raw.atStart),atEnd:Boolean(raw.atEnd)};
+  }
+  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 move(e){if(e.touches.length!==1)blocked=true;}
+    function end(e){var action=gesture(start,point(e),{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;}
+    doc.addEventListener('touchstart',begin,{passive:true});doc.addEventListener('touchmove',move,{passive:true});doc.addEventListener('touchend',end,{passive:true});doc.addEventListener('touchcancel',cancel,{passive:true});
+    return function(){doc.removeEventListener('touchstart',begin);doc.removeEventListener('touchmove',move);doc.removeEventListener('touchend',end);doc.removeEventListener('touchcancel',cancel);};
+  }
+  root.PapyrusEpubReader={mode:mode,validCfi:validCfi,options:options,gesture:gesture,location:location,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 +20626,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 +20639,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 +20663,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};
 });
@@ -21708,26 +21747,55 @@ 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,
+          tap: () => sendEvent('EPUB_CONTENT_TAP',{documentSessionId:session}),
+          turn: direction => {
+            epubNavigationQueue = epubNavigationQueue.catch(()=>{}).then(() => {
+              if(session !== documentSessionId || activeRendition !== rendition)return;
+              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 +21814,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 +21829,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 +21844,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 +21867,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,13 +21883,13 @@ 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) => {
@@ -21834,6 +21899,11 @@ https://github.com/nodeca/pako/blob/main/LICENSE
         if (index < 0 && start && start.href) index = getSpineIndexByHref(start.href);
         if (index < 0 || index >= spineItems.length) return;
         epubScrollDiagnostics && epubScrollDiagnostics.relocated(location);
+        epubLocation=window.PapyrusEpubReader.location(location,spineItems.length,epubViewMode==='single'?'paged':'chapter-scroll');
+        if(epubLocation){
+          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;
@@ -21841,9 +21911,10 @@ 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,
     );
@@ -21855,7 +21926,6 @@ https://github.com/nodeca/pako/blob/main/LICENSE
       typeof rendition.manager.on === 'function' &&
       typeof rendition.on === 'function'
     ) {
-      let touchStart = null;
       let lastScrollOffset = -1;
       const manager = rendition.manager;
       epubScrollDiagnostics = createEpubScrollDiagnostics(manager);
@@ -21930,57 +22000,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 = event?.touches?.length > 1 ? null : getTouchPoint(event);
-        epubScrollDiagnostics && epubScrollDiagnostics.touchStart(event);
+        if (Math.abs(offsetY-lastScrollOffset)<1) return;
+        lastScrollOffset=offsetY;
+        sendEvent('VIEWER_SCROLL',{offsetY});
       };
-      const handleTouchMove = (event) => {
-        if (event?.touches?.length > 1) touchStart = null;
-        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 && epubViewMode === 'single' && Math.abs(end.x-start.x) >= 48 && Math.abs(end.x-start.x) > Math.abs(end.y-start.y)*1.5) {
-          const active = rendition;
-          const interactionSession = documentSessionId;
-          epubNavigationQueue = epubNavigationQueue.catch(() => {}).then(() => {
-            if (active !== rendition || interactionSession !== documentSessionId) return;
-            return end.x < start.x ? active.next() : active.prev();
-          });
-          epubNavigationQueue.catch(error => sendEvent('EPUB_NAVIGATION_ERROR', {message:String(error)}));
-        } else if (!selectedText && start && end && Math.hypot(end.x - start.x, end.y - start.y) <= 12) {
-          sendEvent('VIEWER_TAP', {});
-        }
-        epubScrollDiagnostics && epubScrollDiagnostics.touchEnd(event);
-      };
-
       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();
@@ -21989,16 +22021,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',
@@ -22136,7 +22161,8 @@ https://github.com/nodeca/pako/blob/main/LICENSE
   };
 
   let nativeMenuSelection = null;
-  let epubViewMode = "continuous";
+  let epubViewMode = "single";
+  let epubLocation = null;
 
   const handleCommand = async (message) => {
     const { id, kind, payload } = message;
@@ -22149,7 +22175,9 @@ https://github.com/nodeca/pako/blob/main/LICENSE
         epubAnnotations = [];
         annotationDocumentId = undefined;
         zoom = 1.0;
-        epubViewMode = "continuous";
+        epubViewMode = payload.epubMode === "chapter-scroll" ? "continuous" : "single";
+        epubLocation = null;
+        nativeMenuSelection = null;
         epubNavigationRequest += 1;
         epubNavigationQueue = Promise.resolve();
 
@@ -22263,25 +22291,40 @@ https://github.com/nodeca/pako/blob/main/LICENSE
 
       if (kind === 'set-epub-view-mode') {
         if (currentType !== 'epub' || payload.documentSessionId !== documentSessionId) throw new Error('Stale EPUB layout session');
-        epubViewMode = payload.viewMode === 'single' ? 'single' : 'continuous';
-        const active = rendition;
-        epubNavigationQueue = epubNavigationQueue.catch(() => {}).then(() => {
-          if (active !== rendition || payload.documentSessionId !== documentSessionId) return;
-          const flow = epubViewMode === 'single' ? 'paginated' : 'scrolled-continuous';
-          if (active.settings.flow === flow) return;
-          active.flow(flow);
-          return active.q.enqueue(() => Promise.resolve());
-        });
-        await epubNavigationQueue;
-        sendResponse(id,true,null); return;
+        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=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(()=>payload.documentSessionId===documentSessionId?rendition.display(payload.cfi):undefined);
+        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=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') {
@@ -23457,6 +23500,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,
@@ -23521,6 +23565,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",
@@ -25731,6 +25808,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";
@@ -25800,7 +25910,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") {
@@ -25820,6 +25930,7 @@ var resolveRuntimeSource = (asset) => {
 };
 var WebViewViewer = ({
   engine,
+  documentType,
   documentId,
   onDefineSelection,
   defineSelectionMode,
@@ -25828,7 +25939,8 @@ var WebViewViewer = ({
   onTap
 }) => {
   const webViewRef = useRef2(null);
-  const { pageTheme, viewMode, 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;
@@ -25911,8 +26023,8 @@ var WebViewViewer = ({
   };
   useEffect2(() => {
     if (!isLoaded) return;
-    webViewRef.current?.postMessage(JSON.stringify({ id: "epub-layout", kind: "set-epub-view-mode", payload: { viewMode, documentSessionId: bridgeEngine.getWebViewDocumentSessionId?.() } }));
-  }, [isLoaded, viewMode, bridgeEngine]);
+    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",
@@ -25936,6 +26048,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" });
@@ -26024,8 +26141,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,
@@ -26049,7 +26166,7 @@ var WebViewViewer = ({
         style: [styles2.webview, cappedWebViewStyle]
       }
     ),
-    /* @__PURE__ */ jsx4(
+    /* @__PURE__ */ jsx5(
       View2,
       {
         pointerEvents: "none",
@@ -26151,16 +26268,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 } });
@@ -26187,7 +26304,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;
@@ -26331,11 +26448,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],
@@ -26546,7 +26663,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;
@@ -26785,11 +26902,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],
@@ -26858,22 +26975,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),
@@ -26881,7 +26998,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 })
           }
         )
       }
@@ -26944,7 +27061,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,
@@ -26957,7 +27074,7 @@ function NativePdfDocumentViewer({
     Platform3.OS
   );
   if (implementation === "android") {
-    return /* @__PURE__ */ jsx8(
+    return /* @__PURE__ */ jsx9(
       DedicatedAndroidPdfViewer,
       {
         engine,
@@ -26970,7 +27087,7 @@ function NativePdfDocumentViewer({
     );
   }
   if (implementation === "ios") {
-    return /* @__PURE__ */ jsx8(
+    return /* @__PURE__ */ jsx9(
       DedicatedIosPdfViewer,
       {
         engine,
@@ -27026,29 +27143,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({
@@ -27599,6 +27693,7 @@ var scrollViewerListToOffset = (list, offset, animated) => {
   list.scrollToOffset?.({ offset, animated });
 };
 var Viewer = ({
+  documentType,
   documentId,
   engine,
   maxPageWidth,
@@ -29126,14 +29221,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,
@@ -29355,6 +29444,7 @@ var Viewer = ({
     return /* @__PURE__ */ jsx12(View8, { style: [styles8.container, isDark && styles8.containerDark], children: /* @__PURE__ */ jsx12(
       WebViewViewer_default,
       {
+        documentType,
         engine,
         documentId,
         onDefineSelection,
@@ -29925,6 +30015,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,
@@ -29951,8 +30042,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,
@@ -29980,7 +30071,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"
           }
         ),
@@ -30035,6 +30126,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,
@@ -30055,6 +30147,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(() => {
@@ -30110,20 +30208,23 @@ 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,
@@ -30270,6 +30371,7 @@ var Topbar = ({
     /* @__PURE__ */ jsx15(
       PageJumpModal,
       {
+        documentType,
         visible: jumpModalOpen,
         currentPage,
         pageCount,
@@ -32543,7 +32645,27 @@ var AnnotationEditor = ({ documentId }) => {
         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: [
@@ -32566,7 +32688,7 @@ var AnnotationEditor = ({ documentId }) => {
     ] })
   ] }) });
 };
-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
@@ -32637,6 +32759,8 @@ var BottomBar = ({
   const {
     activeMobileDestination,
     viewMode,
+    epubReadingMode,
+    epubLocation,
     comicLayoutMode,
     currentPage,
     pageCount,
@@ -32654,7 +32778,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 {
@@ -32676,7 +32800,7 @@ var BottomBar = ({
     activeMobileDestination,
     toolDockOpen
   });
-  const paginated = documentType !== "text" && (documentType === "comic" ? comicLayoutMode === "single" : viewMode === "single");
+  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 = [];
@@ -32745,7 +32869,7 @@ var BottomBar = ({
       onPress: onOpenSettings
     }
   };
-  if (!dockVisible && !supportsInkChrome) return null;
+  if (!dockVisible && !supportsInkChrome && documentType !== "epub") return null;
   return /* @__PURE__ */ jsx19(
     Animated5.View,
     {
@@ -32811,13 +32935,9 @@ var BottomBar = ({
             ],
             testID: "papyrus-floating-bottom-dock",
             children: paginated ? /* @__PURE__ */ jsxs14(Fragment4, { children: [
-              /* @__PURE__ */ jsx19(Pressable10, { accessibilityRole: "button", accessibilityLabel: locale === "pt-BR" ? "P\xE1gina anterior" : "Previous page", disabled: !dockVisible || !onTurnPage && currentPage <= 1, onPress: () => turnPage(-1), style: styles15.iconOnlyItem, children: /* @__PURE__ */ jsx19(IconChevronLeft, { size: MOBILE_CHROME_METRICS.iconSize, color: iconColor(false) }) }),
-              /* @__PURE__ */ jsx19(Pressable10, { accessibilityRole: "button", accessibilityLabel: locale === "pt-BR" ? "Ir para p\xE1gina" : "Go to page", onPress: onOpenPages, style: [styles15.iconOnlyItem, { minWidth: 56 }], children: /* @__PURE__ */ jsxs14(Text9, { style: { color: iconColor(false), fontWeight: "700", fontSize: 13, lineHeight: 18, includeFontPadding: false }, children: [
-                currentPage,
-                "/",
-                pageCount
-              ] }) }),
-              /* @__PURE__ */ jsx19(Pressable10, { accessibilityRole: "button", accessibilityLabel: locale === "pt-BR" ? "Pr\xF3xima p\xE1gina" : "Next page", disabled: !dockVisible || !onTurnPage && currentPage >= pageCount, onPress: () => turnPage(1), style: styles15.iconOnlyItem, children: /* @__PURE__ */ jsx19(IconChevronRight, { size: MOBILE_CHROME_METRICS.iconSize, color: iconColor(false) }) })
+              /* @__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;
@@ -32999,6 +33119,7 @@ var SettingsSheet = ({
 }) => {
   const {
     viewMode,
+    epubReadingMode,
     uiTheme,
     zoom,
     setDocumentState,
@@ -33010,12 +33131,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;
@@ -33239,7 +33364,7 @@ var SettingsSheet = ({
                           isDark && styles16.optionTextDark,
                           (!isPaged || isDouble) && styles16.optionTextActive
                         ],
-                        children: t.continuous
+                        children: documentType === "epub" && locale === "pt-BR" ? "Rolagem por cap\xEDtulo" : t.continuous
                       }
                     )
                   }
@@ -33269,7 +33394,7 @@ var SettingsSheet = ({
                 )
               ] })
             ] }),
-            documentType !== "comic" && documentType !== "text" && /* @__PURE__ */ jsxs15(View16, { style: styles16.section, children: [
+            documentType === "pdf" && /* @__PURE__ */ jsxs15(View16, { style: styles16.section, children: [
               /* @__PURE__ */ jsx20(
                 Text10,
                 {
@@ -34162,6 +34287,7 @@ import {
   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
@@ -34195,12 +34321,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());
@@ -34245,10 +34379,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,
@@ -34290,7 +34424,7 @@ function ProgressPill({
     },
     []
   );
-  if (!shouldRenderPageScrubber({
+  if (!(documentType === "epub" && mobileProgressPillVisible) && !shouldRenderPageScrubber({
     mobileChromeVisible,
     mobileProgressPillVisible,
     isScrubbing: isScrubbingRef.current
@@ -34321,7 +34455,7 @@ 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") {
@@ -34512,11 +34646,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,
@@ -35253,6 +35390,7 @@ function ReadingShell({
     /* @__PURE__ */ jsx28(
       Topbar_default,
       {
+        documentType,
         engine,
         title,
         onOpenSettings: () => openDestination("display"),
@@ -35263,6 +35401,7 @@ function ReadingShell({
     /* @__PURE__ */ jsx28(View23, { style: styles24.viewerStage, children: /* @__PURE__ */ jsx28(
       Viewer_default,
       {
+        documentType,
         engine,
         ...viewerProps,
         pageScrubActive
@@ -35387,6 +35526,7 @@ function ReadingShell({
     /* @__PURE__ */ jsx28(
       PageJumpModal,
       {
+        documentType,
         visible: pageJumpOpen,
         currentPage,
         pageCount,