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

package/dist/index.js

@@ -20517,6 +20517,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],[data-papyrus-ink-capture]'));}
+    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();
@@ -20528,6 +20589,84 @@ https://github.com/nodeca/pako/blob/main/LICENSE
       typeof anchor.href === 'string' && !/^(javascript|data):/i.test(anchor.href) &&
       typeof anchor.quote === 'string' && anchor.quote.length > 0 && anchor.quote.length <= 100000;
   }
+  function simplifyPath(points, tolerance, maxPoints) {
+    if (!Array.isArray(points) || points.length <= 2) return Array.isArray(points) ? points.slice() : [];
+    tolerance = Number.isFinite(tolerance) ? Math.max(0, tolerance) : 1.5;
+    maxPoints = Number.isSafeInteger(maxPoints) ? Math.max(2, maxPoints) : 512;
+    var keep = new Uint8Array(points.length); keep[0] = 1; keep[points.length - 1] = 1;
+    var stack = [[0, points.length - 1]], toleranceSquared = tolerance * tolerance;
+    while (stack.length) {
+      var interval = stack.pop(), first = interval[0], last = interval[1], a = points[first], b = points[last];
+      var dx = b.x - a.x, dy = b.y - a.y, lengthSquared = dx * dx + dy * dy, maxDistance = toleranceSquared, split = -1;
+      for (var i = first + 1; i < last; i++) {
+        var p = points[i], ratio = lengthSquared ? Math.max(0, Math.min(1, ((p.x - a.x) * dx + (p.y - a.y) * dy) / lengthSquared)) : 0;
+        var px = a.x + ratio * dx, py = a.y + ratio * dy, ox = p.x - px, oy = p.y - py, distance = ox * ox + oy * oy;
+        if (distance > maxDistance) { maxDistance = distance; split = i; }
+      }
+      if (split >= 0) { keep[split] = 1; stack.push([first, split], [split, last]); }
+    }
+    var result = []; for (var j = 0; j < points.length; j++) if (keep[j]) result.push(points[j]);
+    if (result.length <= maxPoints) return result;
+    var capped = []; for (var k = 0; k < maxPoints; k++) capped.push(result[Math.round(k * (result.length - 1) / (maxPoints - 1))]);
+    return capped;
+  }
+  function compactGesturePoints(points, maxPoints) {
+    if (!Array.isArray(points)) return [];
+    maxPoints = Number.isSafeInteger(maxPoints) ? Math.max(2, maxPoints) : 1024;
+    if (points.length <= maxPoints) return points.slice();
+    var compacted = [];
+    for (var i = 0; i < maxPoints; i++) compacted.push(points[Math.round(i * (points.length - 1) / (maxPoints - 1))]);
+    return compacted;
+  }
+  function densifyPath(points, maxStep, maxPoints) {
+    if (!Array.isArray(points) || !points.length) return [];
+    if (points.length === 1) return points.slice();
+    maxStep = Number.isFinite(maxStep) ? Math.max(1, maxStep) : 12;
+    maxPoints = Number.isSafeInteger(maxPoints) ? Math.max(2, maxPoints) : 512;
+    var cumulative = [0], total = 0;
+    for (var i = 1; i < points.length; i++) {
+      if (![points[i-1].x,points[i-1].y,points[i].x,points[i].y].every(Number.isFinite)) return [];
+      total += Math.hypot(points[i].x-points[i-1].x, points[i].y-points[i-1].y);
+      cumulative.push(total);
+    }
+    if (!total) return [points[0], points[points.length-1]];
+    var intervals = Math.min(maxPoints-1, Math.max(1, Math.ceil(total/maxStep))), result = [], segment = 1;
+    for (var sample = 0; sample <= intervals; sample++) {
+      var distance = total*sample/intervals;
+      while (segment < cumulative.length-1 && cumulative[segment] < distance) segment++;
+      var start = points[segment-1], end = points[segment], span = cumulative[segment]-cumulative[segment-1];
+      var ratio = span ? (distance-cumulative[segment-1])/span : 0;
+      result.push({x:start.x+(end.x-start.x)*ratio,y:start.y+(end.y-start.y)*ratio});
+    }
+    return result;
+  }
+  function createSpatialIndex(entries, cellSize) {
+    cellSize = Number.isFinite(cellSize) ? Math.max(8, cellSize) : 64;
+    var cells = new Map();
+    entries.forEach(function(entry) {
+      var left = Math.floor(entry.left / cellSize), right = Math.floor(entry.right / cellSize);
+      var top = Math.floor(entry.top / cellSize), bottom = Math.floor(entry.bottom / cellSize);
+      for (var x = left; x <= right; x++) for (var y = top; y <= bottom; y++) {
+        var key = x + ':' + y, bucket = cells.get(key); if (!bucket) { bucket = []; cells.set(key, bucket); } bucket.push(entry);
+      }
+    });
+    return {cells:cells,cellSize:cellSize};
+  }
+  function queryNearestTextRect(index, x, y, maxDistance) {
+    if (!index || !Number.isFinite(x) || !Number.isFinite(y) || !Number.isFinite(maxDistance) || maxDistance < 0) return null;
+    var size = index.cellSize, minX = Math.floor((x-maxDistance)/size), maxX = Math.floor((x+maxDistance)/size);
+    var minY = Math.floor((y-maxDistance)/size), maxY = Math.floor((y+maxDistance)/size), seen = new Set(), best = null;
+    for (var cx=minX; cx<=maxX; cx++) for (var cy=minY; cy<=maxY; cy++) {
+      var bucket = index.cells.get(cx+':'+cy); if (!bucket) continue;
+      bucket.forEach(function(entry) {
+        if (seen.has(entry)) return; seen.add(entry);
+        var nearestX = Math.max(entry.left,Math.min(entry.right,x)), nearestY = Math.max(entry.top,Math.min(entry.bottom,y));
+        var dx=x-nearestX,dy=y-nearestY,distance=Math.sqrt(dx*dx+dy*dy);
+        if (distance<=maxDistance && (!best || distance<best.distance)) best={entry:entry,distance:distance,x:nearestX,y:nearestY};
+      });
+    }
+    return best;
+  }
   function textNodes(document) {
     var walker = document.createTreeWalker(document.body, 4);
     var nodes = [], text = '', node;
@@ -20577,13 +20716,196 @@ https://github.com/nodeca/pako/blob/main/LICENSE
     if(win.getComputedStyle(doc.body).position==='static')doc.body.style.position='relative';
     doc.body.appendChild(overlay);
     var registry = new Map(), hitRegions = [];
+    var inkRegistry = new Map(), rangeCache = new Map(), spatialIndex = null, activeGesture = null, inkConfig = {enabled:false,preset:'ink'};
+    var inkSvg = doc.createElementNS('http://www.w3.org/2000/svg','svg');
+    inkSvg.setAttribute('data-papyrus-ink-overlay','');
+    inkSvg.style.cssText = 'position:absolute;left:0;top:0;overflow:visible;pointer-events:none;z-index:1';
+    overlay.appendChild(inkSvg);
+    var inkCanvas = doc.createElement('canvas');
+    inkCanvas.dataset.papyrusInkCapture = '';
+    inkCanvas.style.cssText = 'position:fixed;left:0;top:0;width:1px;height:1px;z-index:2147483000;background:transparent;pointer-events:none;touch-action:none';
+    doc.body.appendChild(inkCanvas);
+    var inkContext = null; try { if(typeof win.CanvasRenderingContext2D==='function')inkContext = inkCanvas.getContext('2d'); } catch (_) {}
+    function resizeCanvas() {
+      var bodyRect=doc.body.getBoundingClientRect(), ratio = Math.max(1,Math.min(3,win.devicePixelRatio || 1));
+      var width=Math.max(1,Math.min(4096,doc.body.clientWidth||bodyRect.width||Math.min(4096,win.innerWidth||1)));
+      var height=Math.max(1,Math.min(4096,doc.body.clientHeight||bodyRect.height||Math.min(4096,win.innerHeight||1)));
+      inkCanvas.style.width=width+'px';inkCanvas.style.height=height+'px';
+      inkCanvas.width = Math.round(width*ratio); inkCanvas.height = Math.round(height*ratio);
+      if (inkContext) { inkContext.setTransform(ratio,0,0,ratio,0,0); inkContext.clearRect(0,0,width,height); }
+    }
+    function collectTextRects() {
+      var walker = doc.createTreeWalker(doc.body,4), node, entries=[];
+      while ((node=walker.nextNode())) {
+        var parent=node.parentElement;
+        if (!parent || parent.closest('script,style,noscript,textarea,[data-papyrus-overlay],[data-papyrus-ink-capture]')) continue;
+        var text=node.nodeValue || '', style=win.getComputedStyle(parent), computed=parseFloat(style.lineHeight);
+        for (var start=0; start<text.length;) {
+          var end=Math.min(text.length,start+24), last=text.charCodeAt(end-1), next=text.charCodeAt(end);
+          if(end<text.length&&last>=0xD800&&last<=0xDBFF&&next>=0xDC00&&next<=0xDFFF)end++;
+          var range=doc.createRange(); range.setStart(node,start); range.setEnd(node,end);
+          var rects=[]; try { rects=Array.from(range.getClientRects()); } catch (_) {}
+          rects.forEach(function(rect) {
+            if (!(rect.width>0 && rect.height>0)) return;
+            entries.push({left:rect.left+win.scrollX,top:rect.top+win.scrollY,right:rect.right+win.scrollX,bottom:rect.bottom+win.scrollY,width:rect.width,height:rect.height,
+              node:node,start:start,end:end,lineHeight:Number.isFinite(computed)&&computed>0?computed:rect.height});
+          });
+          start=end;
+        }
+      }
+      return entries;
+    }
+    function rebuildSpatialIndex() { spatialIndex=createSpatialIndex(collectTextRects(),64); rangeCache.clear(); }
+    function inkViewportExtent() {
+      var root=doc.documentElement,body=doc.body,bodyRect=body.getBoundingClientRect();
+      var width=root.clientWidth||body.clientWidth||bodyRect.width||win.innerWidth||1;
+      var height=root.clientHeight||body.clientHeight||bodyRect.height||win.innerHeight||1;
+      return Math.max(1,Math.min(4096,width),Math.min(4096,height));
+    }
+    function inkStrokeWidthPx(width,preset) {
+      var scale=preset==='highlight'?0.8:preset==='underline'?0.1:0.15;
+      return Math.max(1,Math.min(24,(Number.isFinite(width)?width:0.006)*inkViewportExtent()*scale));
+    }
+    function closestGlyph(entry,x,y,maxDistance) {
+      var source=(entry.node.nodeValue || '').slice(entry.start,entry.end), best=null, offset=0;
+      for (var glyph of source) {
+        var range=doc.createRange(); range.setStart(entry.node,entry.start+offset); range.setEnd(entry.node,entry.start+offset+glyph.length); offset+=glyph.length;
+        var rects=[]; try { rects=Array.from(range.getClientRects()); } catch (_) {}
+        rects.forEach(function(rect) {
+          if (!(rect.width>0 && rect.height>0)) return;
+          var nx=Math.max(rect.left+win.scrollX,Math.min(rect.right+win.scrollX,x)), ny=Math.max(rect.top+win.scrollY,Math.min(rect.bottom+win.scrollY,y));
+          var dx=x-nx,dy=y-ny,distance=Math.sqrt(dx*dx+dy*dy);
+          if (distance<=maxDistance && (!best || distance<best.distance)) best={range:range,rect:rect,distance:distance};
+        });
+      }
+      if (!best || typeof contents.cfiFromRange!=='function') return null;
+      var quote=best.range.toString(), cfiRange; try { cfiRange=contents.cfiFromRange(best.range); } catch (_) { return null; }
+      if (!quote || typeof cfiRange!=='string' || !/^epubcfi\\([^\\n<>]+\\)$/.test(cfiRange)) return null;
+      var lineHeight=Math.max(1,entry.lineHeight || best.rect.height), px=x-(best.rect.left+win.scrollX), py=y-(best.rect.top+win.scrollY);
+      return {cfiRange:cfiRange,quote:quote,x:Math.max(-3,Math.min(3,px/lineHeight)),y:Math.max(-3,Math.min(3,py/lineHeight))};
+    }
+    function renderInkAnnotation(annotation,keep,bodyRect) {
+      var baseRect=bodyRect || doc.body.getBoundingClientRect() || {left:0,top:0};
+      var data=annotation.epubInk;
+      if (!data || data.version!==1 || data.kind!=='epub-ink' || !Array.isArray(data.segments)) return;
+      keep.add(annotation.id);
+      var group=inkRegistry.get(annotation.id);
+      if (!group) { group=doc.createElementNS('http://www.w3.org/2000/svg','g'); group.setAttribute('data-epub-ink-id',annotation.id); inkSvg.appendChild(group); inkRegistry.set(annotation.id,group); }
+      group.replaceChildren();
+      var color=/^#[0-9a-f]{6}$/i.test(annotation.color)?annotation.color:'#2563eb';
+      var opacity=Number.isFinite(annotation.opacity)?Math.max(0,Math.min(1,annotation.opacity)):1;
+      var preset=['ink','highlight','underline'].indexOf(data.preset)>=0?data.preset:'ink';
+      var stroke=inkStrokeWidthPx(annotation.strokeWidth,preset);
+      data.segments.forEach(function(segment) {
+        if (segment.href!==options.href || !Array.isArray(segment.points)) return;
+        var paths=[], current=[];
+        segment.points.forEach(function(point) {
+          var range=rangeCache.get(point.cfiRange);
+          if (!range) { try { range=contents.range(point.cfiRange); } catch (_) { range=null; } if (range) rangeCache.set(point.cfiRange,range); }
+          if (!range || range.toString()!==point.quote) { if(current.length>1)paths.push(current);current=[];return; }
+          var rect; try { rect=range.getBoundingClientRect(); } catch (_) { rect=null; }
+          if (!rect || !(rect.width>0 && rect.height>0)) { if(current.length>1)paths.push(current);current=[];return; }
+          var lineHeight=Math.max(1,rect.height), x=rect.left-baseRect.left+point.x*lineHeight, y=rect.top-baseRect.top+point.y*lineHeight;
+          var previous=current[current.length-1], jumpLimit=Math.max(24,lineHeight*2.5);
+          if (previous && Math.hypot(x-previous.x,y-previous.y)>jumpLimit) { if(current.length>1)paths.push(current);current=[]; }
+          current.push({x:x,y:y,lineHeight:lineHeight});
+        });
+        if(current.length>1)paths.push(current);
+        paths.forEach(function(points) {
+          var d='M '+points[0].x.toFixed(1)+' '+points[0].y.toFixed(1);
+          for(var i=1;i<points.length;i++){var prev=points[i-1],point=points[i],mx=(prev.x+point.x)/2,my=(prev.y+point.y)/2;d+=' Q '+prev.x.toFixed(1)+' '+prev.y.toFixed(1)+' '+mx.toFixed(1)+' '+my.toFixed(1);}
+          var last=points[points.length-1];d+=' L '+last.x.toFixed(1)+' '+last.y.toFixed(1);
+          var path=doc.createElementNS('http://www.w3.org/2000/svg','path');path.setAttribute('d',d);path.setAttribute('fill','none');path.setAttribute('stroke',color);path.setAttribute('stroke-width',String(stroke));path.setAttribute('stroke-linecap','round');path.setAttribute('stroke-linejoin','round');path.setAttribute('opacity',String(opacity));group.appendChild(path);
+        });
+      });
+    }
+    function clearPreview() {
+      if(inkContext)inkContext.clearRect(0,0,inkCanvas.width,inkCanvas.height);
+      inkSvg.querySelectorAll('[data-papyrus-ink-preview]').forEach(function(path){path.remove();});
+    }
+    function createPreviewPath(x,y) {
+      var path=doc.createElementNS('http://www.w3.org/2000/svg','path');
+      path.setAttribute('data-papyrus-ink-preview','');path.setAttribute('d','M '+x.toFixed(1)+' '+y.toFixed(1));path.setAttribute('fill','none');
+      path.setAttribute('stroke',inkConfig.color);path.setAttribute('stroke-width',String(inkStrokeWidthPx(inkConfig.strokeWidth,inkConfig.preset)));
+      path.setAttribute('stroke-linecap','round');path.setAttribute('stroke-linejoin','round');path.setAttribute('opacity',String(inkConfig.opacity));
+      path.style.pointerEvents='none';inkSvg.appendChild(path);return path;
+    }
+    function updatePreviewPath(clientX,clientY) {
+      var bodyRect=doc.body.getBoundingClientRect(),x=clientX-bodyRect.left,y=clientY-bodyRect.top;
+      var gesture=activeGesture;
+      if(!gesture.previewPath||gesture.previewPathPoints>=32){
+        gesture.previewPath=createPreviewPath(gesture.previewLast?gesture.previewLast.x:x,gesture.previewLast?gesture.previewLast.y:y);
+        gesture.previewPathPoints=1;
+      }
+      var pathData=gesture.previewPath.getAttribute('d')||'';
+      gesture.previewPath.setAttribute('d',pathData+' L '+x.toFixed(1)+' '+y.toFixed(1));
+      gesture.previewPathPoints++;
+      gesture.previewLast={x:x,y:y};
+    }
+    function cancelGesture() {
+      var gesture=activeGesture; activeGesture=null; clearPreview();
+      if(gesture)try{inkCanvas.releasePointerCapture(gesture.pointerId);}catch(_){}
+    }
+    function commitGesture() {
+      var gesture=activeGesture; activeGesture=null; clearPreview();
+      if(!gesture || !alive || !options.isCurrent() || !inkConfig.enabled || !spatialIndex) return;
+      var simplified=simplifyPath(gesture.points,1.5,512), anchorSamples=densifyPath(simplified,12,512), segments=[], current=[];
+      anchorSamples.forEach(function(point) {
+        var coarse=queryNearestTextRect(spatialIndex,point.x,point.y,28);
+        var cutoff=coarse?Math.max(12,Math.min(28,0.8*coarse.entry.lineHeight)):12;
+        var anchored=coarse && closestGlyph(coarse.entry,point.x,point.y,cutoff);
+        if(!anchored){if(current.length>1)segments.push({href:options.href,spineIndex:options.spineIndex,points:current});current=[];return;}
+        current.push(anchored);
+      });
+      if(current.length>1)segments.push({href:options.href,spineIndex:options.spineIndex,points:current});
+      segments=segments.slice(0,64);
+      var pointCount=segments.reduce(function(total,segment){return total+segment.points.length;},0);
+      if(!pointCount)return;
+      var width=Math.max(1,doc.documentElement.scrollWidth,win.innerWidth),height=Math.max(1,doc.documentElement.scrollHeight,win.innerHeight);
+      var normalized=simplified.map(function(p){return {x:Math.max(0,Math.min(1,p.x/width)),y:Math.max(0,Math.min(1,p.y/height))};});
+      var minX=Math.min.apply(null,normalized.map(function(p){return p.x;})),maxX=Math.max.apply(null,normalized.map(function(p){return p.x;}));
+      var minY=Math.min.apply(null,normalized.map(function(p){return p.y;})),maxY=Math.max.apply(null,normalized.map(function(p){return p.y;}));
+      var first=segments[0].points[0], href=segments[0].href, documentId=typeof options.documentId==='function'?options.documentId():options.documentId;
+      var annotation={id:'epub-ink-'+Date.now()+'-'+Math.random().toString(36).slice(2,9),type:'ink',pageIndex:(options.spineIndex||0)+1,
+        rect:{x:minX,y:minY,width:Math.min(1-minX,Math.max(0.001,maxX-minX)),height:Math.min(1-minY,Math.max(0.001,maxY-minY))},path:normalized,color:inkConfig.color,opacity:inkConfig.opacity,strokeWidth:inkConfig.strokeWidth,createdAt:Date.now(),content:first.quote,
+        anchor:{version:1,kind:'epub-cfi',cfiRange:first.cfiRange,href:href,spineIndex:options.spineIndex,documentId:documentId,quote:first.quote},
+        epubInk:{version:1,kind:'epub-ink',documentId:documentId,preset:inkConfig.preset,segments:segments}};
+      if(typeof options.onInkCommit==='function')options.onInkCommit(annotation);
+    }
+    function pointerDown(event) {
+      if(!inkConfig.enabled || !alive || !options.isCurrent() || event.button!==undefined && event.button!==0)return;
+      if(activeGesture){cancelGesture();return;}
+      event.preventDefault();event.stopPropagation();
+      activeGesture={pointerId:event.pointerId,points:[{x:event.clientX+win.scrollX,y:event.clientY+win.scrollY}],last:{x:event.clientX,y:event.clientY},previewPath:null,previewPathPoints:0,previewLast:null};
+      updatePreviewPath(event.clientX,event.clientY);
+      try{inkCanvas.setPointerCapture(event.pointerId);}catch(_){}
+    }
+    function pointerMove(event) {
+      if(!activeGesture || activeGesture.pointerId!==event.pointerId)return;
+      if(!options.isCurrent()||!inkConfig.enabled){cancelGesture();return;}
+      event.preventDefault();event.stopPropagation();
+      var point={x:event.clientX+win.scrollX,y:event.clientY+win.scrollY};activeGesture.points.push(point);
+      if(activeGesture.points.length>2048)activeGesture.points=compactGesturePoints(activeGesture.points,1024);
+      if(inkContext){inkContext.beginPath();inkContext.moveTo(activeGesture.last.x,activeGesture.last.y);inkContext.lineTo(event.clientX,event.clientY);inkContext.strokeStyle=inkConfig.color;inkContext.globalAlpha=inkConfig.opacity;inkContext.lineWidth=inkStrokeWidthPx(inkConfig.strokeWidth,inkConfig.preset);inkContext.lineCap='round';inkContext.lineJoin='round';inkContext.stroke();}
+      updatePreviewPath(event.clientX,event.clientY);
+      activeGesture.last={x:event.clientX,y:event.clientY};
+    }
+    function pointerUp(event) {if(!activeGesture || activeGesture.pointerId!==event.pointerId)return;event.preventDefault();event.stopPropagation();var end={x:event.clientX+win.scrollX,y:event.clientY+win.scrollY},last=activeGesture.points[activeGesture.points.length-1];if(Math.hypot(end.x-last.x,end.y-last.y)>0.5){activeGesture.points.push(end);updatePreviewPath(event.clientX,event.clientY);}commitGesture();}
+    function pointerCancel(event) {if(activeGesture && (event.pointerId===undefined || activeGesture.pointerId===event.pointerId))cancelGesture();}
+    resizeCanvas();rebuildSpatialIndex();
+    inkCanvas.addEventListener('pointerdown',pointerDown);inkCanvas.addEventListener('pointermove',pointerMove);inkCanvas.addEventListener('pointerup',pointerUp);inkCanvas.addEventListener('pointercancel',pointerCancel);inkCanvas.addEventListener('lostpointercapture',pointerCancel);
+    win.addEventListener('blur',pointerCancel);win.addEventListener('resize',resizeCanvas);
     function render() {
       frame = 0; if (!alive || !options.isCurrent()) return;
-      var keep = new Set(), noteGroups = new Map();
+      var keep = new Set(), keepInk = new Set(), noteGroups = new Map();
       hitRegions = [];
+      var bodyRect=doc.body.getBoundingClientRect() || {left:0,top:0};
+      inkSvg.setAttribute('width',String(Math.max(doc.documentElement.scrollWidth,win.innerWidth)));
+      inkSvg.setAttribute('height',String(Math.max(doc.documentElement.scrollHeight,win.innerHeight)));
       options.annotations().forEach(function(annotation) {
         var anchor = annotation.anchor;
         if (!validAnchor(anchor) || anchor.href !== options.href || anchor.documentId && options.documentId && anchor.documentId !== options.documentId) return;
+        if(annotation.type==='ink' && annotation.epubInk){renderInkAnnotation(annotation,keepInk,bodyRect);return;}
         var range = resolveRange(contents,anchor); if (!range) return;
         var rects = Array.from(range.getClientRects()).filter(function(r){return r.width>0 && r.height>0;});
         if (!rects.length) return;
@@ -20595,6 +20917,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();
@@ -20607,8 +20930,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);
@@ -20619,22 +20944,26 @@ https://github.com/nodeca/pako/blob/main/LICENSE
         group.button.addEventListener('click',function(e){e.stopPropagation();if(options.isCurrent())options.onTap(group.ids[0],group.ids);});
       });
       registry.forEach(function(group,id){if (!keep.has(id)) {group.remove();registry.delete(id);}});
+      inkRegistry.forEach(function(group,id){if (!keepInk.has(id)) {group.remove();inkRegistry.delete(id);}});
     }
     function schedule() { if (alive && !frame) frame = win.requestAnimationFrame(render); }
+    function rebuildAndSchedule(){if(!alive)return;rebuildSpatialIndex();schedule();}
+    function handleResize(){resizeCanvas();rebuildAndSchedule();}
+    function handleDocumentLoad(){rebuildAndSchedule();}
     function tapMarkup(event) {
       if(!alive || !options.isCurrent() || String(win.getSelection() || '').length || event.target.closest('[data-papyrus-overlay]'))return;
       var hit=hitRegions.find(function(item){return item.rects.some(function(r){return event.clientX>=r.left && event.clientX<=r.right && event.clientY>=r.top && event.clientY<=r.bottom;});});
       if(hit) {event.stopPropagation();options.onTap(hit.id);}
     }
     doc.addEventListener('click',tapMarkup);
-    var observer = typeof win.ResizeObserver === 'function' ? new win.ResizeObserver(schedule) : null;
+    var observer = typeof win.ResizeObserver === 'function' ? new win.ResizeObserver(rebuildAndSchedule) : null;
     if (observer) observer.observe(doc.body);
-    win.addEventListener('resize',schedule); doc.addEventListener('load',schedule,true);
-    if (doc.fonts && doc.fonts.ready) doc.fonts.ready.then(schedule);
+    win.addEventListener('resize',handleResize);win.addEventListener('scroll',schedule); doc.addEventListener('load',handleDocumentLoad,true);
+    if (doc.fonts && doc.fonts.ready) doc.fonts.ready.then(function(){if(alive){rebuildSpatialIndex();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, setInkMode:function(config){var preset=['ink','highlight','underline'].indexOf(config?.preset)>=0?config.preset:'ink';inkConfig={enabled:!!config?.enabled,preset:preset,color:/^#[0-9a-f]{6}$/i.test(config?.color)?config.color:'#2563eb',opacity:Number.isFinite(config?.opacity)?Math.max(0,Math.min(1,config.opacity)):1,strokeWidth:Number.isFinite(config?.strokeWidth)?Math.max(0.0025,Math.min(0.02,config.strokeWidth)):0.006};inkCanvas.style.pointerEvents=inkConfig.enabled?'auto':'none';if(!inkConfig.enabled)cancelGesture();}, invalidateLayout:rebuildAndSchedule, 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;cancelGesture();if(frame)win.cancelAnimationFrame(frame);if(observer)observer.disconnect();win.removeEventListener('resize',handleResize);win.removeEventListener('scroll',schedule);win.removeEventListener('blur',pointerCancel);doc.removeEventListener('load',handleDocumentLoad,true);doc.removeEventListener('click',tapMarkup);inkCanvas.removeEventListener('pointerdown',pointerDown);inkCanvas.removeEventListener('pointermove',pointerMove);inkCanvas.removeEventListener('pointerup',pointerUp);inkCanvas.removeEventListener('pointercancel',pointerCancel);inkCanvas.removeEventListener('lostpointercapture',pointerCancel);inkCanvas.remove();overlay.remove();doc.body.style.position=originalPosition;registry.clear();inkRegistry.clear();rangeCache.clear();}};
   }
-  return {validAnchor:validAnchor,recoverRange:recoverRange,resolveRange:resolveRange,selection:selection,install:install};
+  return {validAnchor:validAnchor,simplifyPath:simplifyPath,compactGesturePoints:compactGesturePoints,densifyPath:densifyPath,createSpatialIndex:createSpatialIndex,queryNearestTextRect:queryNearestTextRect,recoverRange:recoverRange,resolveRange:resolveRange,selection:selection,install:install};
 });
 
 /* @papyrus-epub-annotations:end */
@@ -20645,10 +20974,12 @@ 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 = {};
   let epubAnnotations = [];
+  let epubInkMode = {enabled:false,color:'#2563eb',opacity:1,strokeWidth:0.006};
   const epubAnnotationRenderers = new Map();
   let spineItems = [];
   let textPages = [];
@@ -21057,6 +21388,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) {
@@ -21713,29 +22045,63 @@ 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; },
+            spineIndex:contents.sectionIndex,
             isCurrent: () => session === documentSessionId && activeRendition === rendition,
+            pageWidth: () => activeRendition.layout?.width || viewer.clientWidth,
             annotations: () => epubAnnotations, labels: () => annotationLabels,
+            onInkCommit: annotation => sendEvent('EPUB_INK_CREATED',{documentSessionId:session,annotation}),
             onTap: (id, ids) => sendEvent("EPUB_ANNOTATION_TAP", {documentSessionId: session, id, ids}),
           });
+          renderer.setInkMode(epubInkMode);
           epubAnnotationRenderers.set(contents,renderer);
         }
         const frame = contents && contents.document ? contents.document.defaultView.frameElement : null;
@@ -21751,8 +22117,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;
@@ -21767,11 +22132,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};
@@ -21786,6 +22147,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 = () => {
@@ -21808,6 +22170,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);
@@ -21823,21 +22186,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, () => {
-        if (selectionSession === documentSessionId && selectionRendition === rendition) epubAnnotationRenderers.forEach(renderer => renderer.schedule());
+      ['rendered','resized','layout','relocated'].forEach(name => rendition.on(name, () => {
+        if (selectionSession === documentSessionId && selectionRendition === rendition) epubAnnotationRenderers.forEach(renderer => name==='relocated'?renderer.schedule():renderer.invalidateLayout());
       }));
       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;
@@ -21845,21 +22224,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);
@@ -21934,48 +22315,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);
+        if (Math.abs(offsetY-lastScrollOffset)<1) return;
+        lastScrollOffset=offsetY;
+        sendEvent('VIEWER_SCROLL',{offsetY});
       };
-      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);
-      };
-
       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();
@@ -21984,16 +22336,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',
@@ -22007,6 +22352,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];
@@ -22016,9 +22363,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) => {
@@ -22120,6 +22477,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;
@@ -22131,7 +22490,13 @@ https://github.com/nodeca/pako/blob/main/LICENSE
         documentSessionId = payload.documentSessionId || null;
         epubAnnotations = [];
         annotationDocumentId = undefined;
+        epubInkMode = {enabled:false,color:'#2563eb',opacity:1,strokeWidth:0.006};
         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(
@@ -22186,17 +22551,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;
       }
@@ -22223,12 +22595,61 @@ 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 === 'set-epub-ink-mode') {
+        if(currentType!=='epub'||!documentSessionId||payload.documentSessionId!==documentSessionId)throw new Error('Stale EPUB ink session');
+        epubInkMode={enabled:payload.enabled===true,preset:['ink','highlight','underline'].indexOf(payload.preset)>=0?payload.preset:'ink',color:/^#[0-9a-f]{6}$/i.test(payload.color||'')?payload.color:'#2563eb',opacity:Number.isFinite(payload.opacity)?Math.max(0,Math.min(1,payload.opacity)):1,strokeWidth:Number.isFinite(payload.strokeWidth)?Math.max(0.0025,Math.min(0.02,payload.strokeWidth)):0.006};
+        epubAnnotationRenderers.forEach(renderer=>renderer.setInkMode(epubInkMode));
+        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') {
@@ -23391,6 +23812,7 @@ var IconToolStrikeout = ({
   ),
   /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native_svg.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__ */ (0, import_jsx_runtime2.jsx)(import_react_native_svg.default, { width: size, height: size, viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native_svg.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,
@@ -23455,6 +23877,39 @@ var IconToolNote = ({
   /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native_svg.Line, { x1: "15", y1: "14.8", x2: "21.6", y2: "14.8", stroke: color, strokeWidth: "1.8", strokeLinecap: "round" }),
   /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native_svg.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__ */ (0, import_jsx_runtime2.jsxs)(import_react_native_svg.default, { width: size, height: size, viewBox: "0 0 24 24", fill: "none", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_react_native_svg.Path,
+    {
+      d: "M4 15h16v3a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-3Z",
+      fill: color,
+      opacity: "0.85"
+    }
+  ),
+  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_react_native_svg.Path,
+    {
+      d: "M6 5h12v10H6V5Z",
+      stroke: color,
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      fill: "none"
+    }
+  ),
+  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_react_native_svg.Path,
+    {
+      d: "M8 8h8M8 11h5",
+      stroke: color,
+      strokeWidth: "2",
+      strokeLinecap: "round"
+    }
+  )
+] });
 var IconUnderline = ({
   size = 24,
   color = "#60a5fa",
@@ -25883,8 +26338,38 @@ var styles = import_react_native.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 = (0, import_react2.memo)(PageRenderer, arePageRendererPropsEqual);
 
+// components/PapyrusSafeArea.tsx
+var import_react3 = __toESM(require("react"));
+var import_react_native_safe_area_context = require("react-native-safe-area-context");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var papyrusSafeAreaContext = import_react_native_safe_area_context.SafeAreaInsetsContext;
+var ZERO_SAFE_AREA_INSETS = {
+  top: 0,
+  bottom: 0,
+  left: 0,
+  right: 0
+};
+var usePapyrusSafeAreaInsets = () => (0, import_react3.useContext)(papyrusSafeAreaContext) ?? ZERO_SAFE_AREA_INSETS;
+function PapyrusSafeAreaBoundary({
+  children
+}) {
+  const insets = (0, import_react3.useContext)(papyrusSafeAreaContext);
+  if (insets) return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, { children });
+  return import_react3.default.createElement(import_react_native_safe_area_context.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
-var import_react3 = require("react");
+var import_react4 = require("react");
 var import_react_native2 = require("react-native");
 var import_clipboard3 = __toESM(require("@react-native-clipboard/clipboard"));
 var import_react_native_webview = __toESM(require("react-native-webview"));
@@ -25935,8 +26420,14 @@ var parseWebViewInteraction = (raw) => {
 
 // components/epubAnnotationEvents.ts
 var import_core3 = require("@papyrus-sdk/core");
+var EPUB_INK_PRESETS = ["ink", "highlight", "underline"];
+function resolveEpubInkMode(input) {
+  if (!input.isLoaded || input.documentType !== "epub") return null;
+  const preset = EPUB_INK_PRESETS.includes(input.preset) ? input.preset : "ink";
+  return { enabled: input.activeTool === "ink" && EPUB_INK_PRESETS.includes(input.preset), preset, color: input.color, opacity: input.opacity, strokeWidth: input.strokeWidth };
+}
 function parseEpubAnnotationEvent(raw, session, documentId) {
-  if (!session || raw.length > 2e5) return null;
+  if (!session || raw.length > 75e4) return null;
   let message;
   try {
     message = JSON.parse(raw);
@@ -25946,13 +26437,20 @@ function parseEpubAnnotationEvent(raw, session, documentId) {
   const p = message?.payload;
   if (message?.type !== "event" || !p || p.documentSessionId !== session) return null;
   if (message.name === "EPUB_ANNOTATION_TAP") return typeof p.id === "string" && p.id.length <= 256 ? { kind: "tap", id: p.id, ids: Array.isArray(p.ids) && p.ids.length <= 100 && p.ids.every((id) => typeof id === "string" && id.length <= 256) ? p.ids : void 0 } : null;
+  if (message.name === "EPUB_INK_CREATED") {
+    const a = p.annotation, sidecar = a?.epubInk, first = sidecar?.segments?.[0], point = first?.points?.[0];
+    if (!a || a.type !== "ink" || typeof a.id !== "string" || !a.id || a.id.length > 256 || !Number.isSafeInteger(a.pageIndex) || a.pageIndex < 1 || !(0, import_core3.validateAnnotationAnchor)(a.anchor) || a.anchor.kind !== "epub-cfi" || !(0, import_core3.validateEpubInkData)(sidecar) || !point || a.anchor.cfiRange !== point.cfiRange || a.anchor.quote !== point.quote || a.anchor.href !== first.href || documentId && (sidecar.documentId && sidecar.documentId !== documentId || a.anchor.documentId && a.anchor.documentId !== documentId) || sidecar.documentId && a.anchor.documentId && sidecar.documentId !== a.anchor.documentId) return null;
+    const rect = a.rect, path = a.path;
+    if (!rect || ![rect.x, rect.y, rect.width, rect.height].every((n) => typeof n === "number" && Number.isFinite(n) && n >= 0 && n <= 1) || rect.x + rect.width > 1.000001 || rect.y + rect.height > 1.000001 || !Array.isArray(path) || path.length < 2 || path.length > 512 || path.some((p2) => !p2 || ![p2.x, p2.y].every((n) => typeof n === "number" && Number.isFinite(n) && n >= 0 && n <= 1)) || typeof a.color !== "string" || !/^#[0-9a-f]{6}$/i.test(a.color) || !Number.isFinite(a.createdAt) || a.opacity !== void 0 && (!Number.isFinite(a.opacity) || a.opacity < 0 || a.opacity > 1) || a.strokeWidth !== void 0 && (!Number.isFinite(a.strokeWidth) || a.strokeWidth < 25e-4 || a.strokeWidth > 0.02)) return null;
+    return { kind: "ink", session, annotation: a };
+  }
   if (message.name !== "EPUB_TEXT_SELECTED" || !(0, import_core3.validateAnnotationAnchor)(p.anchor) || p.anchor.kind !== "epub-cfi" || p.text !== p.anchor.quote || !Number.isSafeInteger(p.pageIndex) || p.pageIndex < 1) return null;
   if (documentId && p.anchor.documentId && p.anchor.documentId !== documentId) return null;
   return { kind: "selection", session, text: p.text, pageIndex: p.pageIndex, anchor: { ...p.anchor, documentId: documentId ?? p.anchor.documentId } };
 }
 
 // components/WebViewViewer.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
+var import_jsx_runtime5 = require("react/jsx-runtime");
 var runtimeAsset = require_runtime();
 var resolveRuntimeSource = (asset) => {
   if (typeof asset === "string") {
@@ -25972,6 +26470,7 @@ var resolveRuntimeSource = (asset) => {
 };
 var WebViewViewer = ({
   engine,
+  documentType,
   documentId,
   onDefineSelection,
   defineSelectionMode,
@@ -25979,19 +26478,20 @@ var WebViewViewer = ({
   onScrollOffset,
   onTap
 }) => {
-  const webViewRef = (0, import_react3.useRef)(null);
-  const { pageTheme, annotations, isLoaded, locale, annotationColor, annotationOpacity, addAnnotation, beginAnnotationDraft, setSelectedAnnotation } = (0, import_core4.useViewerStore)();
-  const [selection, setSelection] = (0, import_react3.useState)(null);
+  const webViewRef = (0, import_react4.useRef)(null);
+  const insets = usePapyrusSafeAreaInsets();
+  const { pageTheme, epubReadingMode, setDocumentState, annotations, isLoaded, locale, annotationColor, annotationOpacity, inkStrokeWidth, activeTool, activeDrawToolPreset, addAnnotation, beginAnnotationDraft, setSelectedAnnotation } = (0, import_core4.useViewerStore)();
+  const [selection, setSelection] = (0, import_react4.useState)(null);
   const t = getStrings(locale);
   const bridgeEngine = engine;
-  const runtimeSource = (0, import_react3.useMemo)(
+  const runtimeSource = (0, import_react4.useMemo)(
     () => resolveRuntimeSource(
       bridgeEngine.getWebViewRuntimeSource?.() ?? runtimeAsset
     ),
     [bridgeEngine]
   );
-  const [runtimeHtml, setRuntimeHtml] = (0, import_react3.useState)(null);
-  (0, import_react3.useEffect)(() => {
+  const [runtimeHtml, setRuntimeHtml] = (0, import_react4.useState)(null);
+  (0, import_react4.useEffect)(() => {
     let active = true;
     if ("html" in runtimeSource) {
       setRuntimeHtml(runtimeSource.html);
@@ -26012,7 +26512,7 @@ var WebViewViewer = ({
       active = false;
     };
   }, [runtimeSource]);
-  const webViewSource = (0, import_react3.useMemo)(() => {
+  const webViewSource = (0, import_react4.useMemo)(() => {
     if (runtimeHtml !== null) {
       return {
         html: runtimeHtml,
@@ -26023,13 +26523,13 @@ var WebViewViewer = ({
     return runtimeSource;
   }, [runtimeHtml, runtimeSource]);
   const runtimeConfig = bridgeEngine.getWebViewRuntimeConfig?.();
-  const runtimeConfigScript = (0, import_react3.useMemo)(() => {
+  const runtimeConfigScript = (0, import_react4.useMemo)(() => {
     if (!runtimeConfig) return void 0;
     return `window.__PAPYRUS_RUNTIME_CONFIG__=${JSON.stringify(
       runtimeConfig
     )};true;`;
   }, [runtimeConfig]);
-  (0, import_react3.useEffect)(() => {
+  (0, import_react4.useEffect)(() => {
     bridgeEngine.attachWebView?.({
       postMessage: (message) => {
         if (__DEV__) {
@@ -26043,10 +26543,10 @@ var WebViewViewer = ({
       bridgeEngine.detachWebView?.();
     };
   }, [bridgeEngine]);
-  (0, import_react3.useEffect)(() => {
+  (0, import_react4.useEffect)(() => {
     setSelection(null);
   }, [engine, documentId]);
-  (0, import_react3.useEffect)(() => {
+  (0, import_react4.useEffect)(() => {
     if (!isLoaded) return;
     let active = true;
     void bridgeEngine.syncEpubAnnotations?.(annotations, documentId, { comment: t.annotationNote }).catch(() => {
@@ -26061,6 +26561,19 @@ var WebViewViewer = ({
     (note !== void 0 ? beginAnnotationDraft : addAnnotation)((0, import_core4.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);
   };
+  (0, import_react4.useEffect)(() => {
+    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]);
+  (0, import_react4.useEffect)(() => {
+    if (!isLoaded || documentType !== "epub") return;
+    const inkMode = resolveEpubInkMode({ documentType, isLoaded, activeTool, preset: activeDrawToolPreset, color: annotationColor, opacity: annotationOpacity, strokeWidth: inkStrokeWidth });
+    if (!inkMode) return;
+    webViewRef.current?.postMessage(JSON.stringify({ id: `epub-ink-mode-${Date.now()}`, kind: "set-epub-ink-mode", payload: {
+      ...inkMode,
+      documentSessionId: bridgeEngine.getWebViewDocumentSessionId?.()
+    } }));
+  }, [isLoaded, documentType, activeTool, activeDrawToolPreset, annotationColor, annotationOpacity, inkStrokeWidth, bridgeEngine]);
   const sendSelectionCommand = (key) => {
     webViewRef.current?.postMessage(JSON.stringify({
       type: "epub-selection-action",
@@ -26084,6 +26597,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" });
@@ -26115,6 +26633,10 @@ var WebViewViewer = ({
       else setSelectedAnnotation(annotationEvent.id);
       return;
     }
+    if (annotationEvent?.kind === "ink" && isLoaded && annotationEvent.session === bridgeEngine.getWebViewDocumentSessionId?.()) {
+      addAnnotation(annotationEvent.annotation);
+      setSelection(null);
+    }
     const interaction = parseWebViewInteraction(raw);
     if (interaction?.kind === "scroll") onScrollOffset?.(interaction.offsetY);
     if (interaction?.kind === "tap") onTap?.();
@@ -26147,7 +26669,7 @@ var WebViewViewer = ({
       console.warn("[Papyrus WebView] error", event.nativeEvent);
     }
   };
-  const themeOverlayStyle = (0, import_react3.useMemo)(() => {
+  const themeOverlayStyle = (0, import_react4.useMemo)(() => {
     switch (pageTheme) {
       case "sepia":
         return styles2.themeSepia;
@@ -26159,7 +26681,7 @@ var WebViewViewer = ({
         return styles2.themeNone;
     }
   }, [pageTheme]);
-  const allowingReadAccessToURL = (0, import_react3.useMemo)(() => {
+  const allowingReadAccessToURL = (0, import_react4.useMemo)(() => {
     if (!runtimeSource || typeof runtimeSource !== "object") return void 0;
     if ("uri" in runtimeSource && runtimeSource.uri) {
       return runtimeSource.uri;
@@ -26172,8 +26694,8 @@ var WebViewViewer = ({
     maxWidth: resolvedMaxPageWidth,
     alignSelf: "center"
   } : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_native2.View, { style: styles2.container, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react_native2.View, { style: [styles2.container, documentType === "epub" && { paddingTop: insets.top, paddingBottom: insets.bottom }], children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       import_react_native_webview.default,
       {
         ref: webViewRef,
@@ -26197,7 +26719,7 @@ var WebViewViewer = ({
         style: [styles2.webview, cappedWebViewStyle]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       import_react_native2.View,
       {
         pointerEvents: "none",
@@ -26299,22 +26821,22 @@ function getNearbyPdfNotes(annotations, id) {
 // components/PdfNoteChooser.tsx
 var import_react_native3 = require("react-native");
 var import_core5 = require("@papyrus-sdk/core");
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 function PdfNoteChooser({ notes, title, cancel, onSelect, onClose }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native3.Modal, { visible: notes.length > 1, transparent: true, animationType: "none", onRequestClose: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native3.View, { style: styles3.backdrop, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react_native3.View, { style: styles3.sheet, accessibilityViewIsModal: true, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native3.Text, { style: styles3.title, children: title }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native3.FlatList, { data: notes, keyExtractor: (a) => a.id, renderItem: ({ item, index }) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native3.Pressable, { accessibilityRole: "button", style: styles3.row, onPress: () => onSelect(item.id), children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react_native3.Text, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_native3.Modal, { visible: notes.length > 1, transparent: true, animationType: "none", onRequestClose: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_native3.View, { style: styles3.backdrop, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_react_native3.View, { style: styles3.sheet, accessibilityViewIsModal: true, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_native3.Text, { style: styles3.title, children: title }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_native3.FlatList, { data: notes, keyExtractor: (a) => a.id, renderItem: ({ item, index }) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_native3.Pressable, { accessibilityRole: "button", style: styles3.row, onPress: () => onSelect(item.id), children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_react_native3.Text, { children: [
       index + 1,
       ". ",
       (0, import_core5.getAnnotationNote)(item) || (0, import_core5.getAnnotationQuote)(item)
     ] }) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native3.Pressable, { accessibilityRole: "button", style: styles3.row, onPress: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native3.Text, { children: cancel }) })
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_native3.Pressable, { accessibilityRole: "button", style: styles3.row, onPress: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_native3.Text, { children: cancel }) })
   ] }) }) });
 }
 var styles3 = import_react_native3.StyleSheet.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 } });
 
 // components/DedicatedAndroidPdfViewer.tsx
-var import_react4 = require("react");
+var import_react5 = require("react");
 var import_react_native4 = require("react-native");
 var import_core6 = require("@papyrus-sdk/core");
 var import_engine_native2 = require("@papyrus-sdk/engine-native");
@@ -26335,7 +26857,7 @@ var resolvePageTapChromeVisibility = ({
 };
 
 // components/DedicatedAndroidPdfViewer.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_jsx_runtime7 = require("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;
@@ -26364,7 +26886,7 @@ function DedicatedAndroidPdfViewer({
   const searchResults = (0, import_core6.useViewerStore)((state) => state.searchResults);
   const annotationNavigationRequest = (0, import_core6.useViewerStore)((state) => state.annotationNavigationRequest);
   const annotations = (0, import_core6.useViewerStore)((state) => state.annotations);
-  const [pendingNotes, setPendingNotes] = (0, import_react4.useState)([]);
+  const [pendingNotes, setPendingNotes] = (0, import_react5.useState)([]);
   const handleAnnotationTap = (id) => {
     const nearby = getNearbyPdfNotes(annotations, id);
     if (nearby.length < 2) {
@@ -26392,30 +26914,30 @@ function DedicatedAndroidPdfViewer({
     maxWidth: resolvedMaxPageWidth,
     alignSelf: "center"
   } : void 0;
-  const [selection, setSelection] = (0, import_react4.useState)(null);
-  const selectionRef = (0, import_react4.useRef)(null);
-  const lastVisiblePagesKeyRef = (0, import_react4.useRef)("");
-  const lastScrollOffsetYRef = (0, import_react4.useRef)(0);
-  const scrollDownAccumRef = (0, import_react4.useRef)(0);
-  const scrollUpAccumRef = (0, import_react4.useRef)(0);
-  const pendingChromeShowTimeoutRef = (0, import_react4.useRef)(null);
-  const chromeVisibleRef = (0, import_react4.useRef)(true);
-  const lastZoomChangedAtRef = (0, import_react4.useRef)(null);
-  (0, import_react4.useEffect)(() => {
+  const [selection, setSelection] = (0, import_react5.useState)(null);
+  const selectionRef = (0, import_react5.useRef)(null);
+  const lastVisiblePagesKeyRef = (0, import_react5.useRef)("");
+  const lastScrollOffsetYRef = (0, import_react5.useRef)(0);
+  const scrollDownAccumRef = (0, import_react5.useRef)(0);
+  const scrollUpAccumRef = (0, import_react5.useRef)(0);
+  const pendingChromeShowTimeoutRef = (0, import_react5.useRef)(null);
+  const chromeVisibleRef = (0, import_react5.useRef)(true);
+  const lastZoomChangedAtRef = (0, import_react5.useRef)(null);
+  (0, import_react5.useEffect)(() => {
     chromeVisibleRef.current = mobileChromeVisible;
   }, [mobileChromeVisible]);
-  const clearPendingChromeShow = (0, import_react4.useCallback)(() => {
+  const clearPendingChromeShow = (0, import_react5.useCallback)(() => {
     if (pendingChromeShowTimeoutRef.current) {
       clearTimeout(pendingChromeShowTimeoutRef.current);
       pendingChromeShowTimeoutRef.current = null;
     }
   }, []);
-  const setMobileChromeVisible = (0, import_react4.useCallback)((visible, reason) => {
+  const setMobileChromeVisible = (0, import_react5.useCallback)((visible, reason) => {
     if (chromeVisibleRef.current === visible) return;
     chromeVisibleRef.current = visible;
     setDocumentState({ mobileChromeVisible: visible });
   }, [setDocumentState]);
-  const trackMobileChromeByOffset = (0, import_react4.useCallback)((offsetY, reasonPrefix) => {
+  const trackMobileChromeByOffset = (0, import_react5.useCallback)((offsetY, reasonPrefix) => {
     const safeOffset = Math.max(0, offsetY);
     const delta = safeOffset - lastScrollOffsetYRef.current;
     lastScrollOffsetYRef.current = safeOffset;
@@ -26451,12 +26973,12 @@ function DedicatedAndroidPdfViewer({
       }
     }
   }, [clearPendingChromeShow, setMobileChromeVisible]);
-  (0, import_react4.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     return () => {
       clearPendingChromeShow();
     };
   }, [clearPendingChromeShow]);
-  const applySelection = (0, import_react4.useCallback)((type) => {
+  const applySelection = (0, import_react5.useCallback)((type) => {
     const sel = selectionRef.current;
     if (!sel || !sel.rects || sel.rects.length === 0) return;
     const bounds = sel.rects.reduce((acc, r) => ({
@@ -26478,12 +27000,12 @@ function DedicatedAndroidPdfViewer({
     setSelection(null);
     selectionRef.current = null;
   }, [addAnnotation, beginAnnotationDraft, annotationColor, documentId]);
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_react_native4.View, { style: styles4.container, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PdfNoteChooser, { notes: pendingNotes, title: t.annotationNote, cancel: t.cancel, onClose: () => setPendingNotes([]), onSelect: (id) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_react_native4.View, { style: styles4.container, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(PdfNoteChooser, { notes: pendingNotes, title: t.annotationNote, cancel: t.cancel, onClose: () => setPendingNotes([]), onSelect: (id) => {
       setPendingNotes([]);
       setSelectedAnnotation(id);
     } }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
       import_engine_native2.PapyrusPdfDocumentView,
       {
         style: [styles4.viewer, cappedViewerStyle],
@@ -26597,7 +27119,7 @@ var styles4 = import_react_native4.StyleSheet.create({
 });
 
 // components/DedicatedIosPdfViewer.tsx
-var import_react5 = require("react");
+var import_react6 = require("react");
 var import_react_native5 = require("react-native");
 var import_core7 = require("@papyrus-sdk/core");
 var import_engine_native3 = require("@papyrus-sdk/engine-native");
@@ -26694,7 +27216,7 @@ var resolveNativePdfVisiblePages = (pages) => (pages ?? []).flatMap((page) => {
 });
 
 // components/DedicatedIosPdfViewer.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 var MOBILE_CHROME_HIDE_DELTA2 = 28;
 var MOBILE_CHROME_SHOW_DELTA2 = 22;
 var MOBILE_CHROME_SHOW_DELAY_MS2 = 180;
@@ -26726,7 +27248,7 @@ function DedicatedIosPdfViewer({
   const inkStrokeWidth = (0, import_core7.useViewerStore)((state) => state.inkStrokeWidth);
   const annotationNavigationRequest = (0, import_core7.useViewerStore)((state) => state.annotationNavigationRequest);
   const annotations = (0, import_core7.useViewerStore)((state) => state.annotations);
-  const [pendingNotes, setPendingNotes] = (0, import_react5.useState)([]);
+  const [pendingNotes, setPendingNotes] = (0, import_react6.useState)([]);
   const handleAnnotationTap = (id) => {
     const nearby = getNearbyPdfNotes(annotations, id);
     if (nearby.length < 2) {
@@ -26762,16 +27284,16 @@ function DedicatedIosPdfViewer({
     supportsNativeEditMenu
   );
   const resolvedMaxPageWidth = typeof maxPageWidth === "number" && Number.isFinite(maxPageWidth) && maxPageWidth > 0 ? maxPageWidth : void 0;
-  const chromeVisibleRef = (0, import_react5.useRef)(mobileChromeVisible);
-  const lastScrollOffsetYRef = (0, import_react5.useRef)(0);
-  const scrollDownAccumRef = (0, import_react5.useRef)(0);
-  const scrollUpAccumRef = (0, import_react5.useRef)(0);
-  const pendingChromeShowTimeoutRef = (0, import_react5.useRef)(null);
-  const lastZoomChangedAtRef = (0, import_react5.useRef)(null);
-  const lastVisiblePagesKeyRef = (0, import_react5.useRef)("");
-  const [selection, setSelection] = (0, import_react5.useState)(null);
-  const selectionRef = (0, import_react5.useRef)(null);
-  (0, import_react5.useEffect)(() => {
+  const chromeVisibleRef = (0, import_react6.useRef)(mobileChromeVisible);
+  const lastScrollOffsetYRef = (0, import_react6.useRef)(0);
+  const scrollDownAccumRef = (0, import_react6.useRef)(0);
+  const scrollUpAccumRef = (0, import_react6.useRef)(0);
+  const pendingChromeShowTimeoutRef = (0, import_react6.useRef)(null);
+  const lastZoomChangedAtRef = (0, import_react6.useRef)(null);
+  const lastVisiblePagesKeyRef = (0, import_react6.useRef)("");
+  const [selection, setSelection] = (0, import_react6.useState)(null);
+  const selectionRef = (0, import_react6.useRef)(null);
+  (0, import_react6.useEffect)(() => {
     const pickerActive = supportsNativeEditMenu && activeTool === "ink";
     setDocumentState({ nativeInkToolPickerActive: pickerActive });
     return () => {
@@ -26780,15 +27302,15 @@ function DedicatedIosPdfViewer({
       }
     };
   }, [activeTool, setDocumentState]);
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     chromeVisibleRef.current = mobileChromeVisible;
   }, [mobileChromeVisible]);
-  const clearPendingChromeShow = (0, import_react5.useCallback)(() => {
+  const clearPendingChromeShow = (0, import_react6.useCallback)(() => {
     if (!pendingChromeShowTimeoutRef.current) return;
     clearTimeout(pendingChromeShowTimeoutRef.current);
     pendingChromeShowTimeoutRef.current = null;
   }, []);
-  const setMobileChromeVisible = (0, import_react5.useCallback)(
+  const setMobileChromeVisible = (0, import_react6.useCallback)(
     (visible) => {
       if (chromeVisibleRef.current === visible) return;
       chromeVisibleRef.current = visible;
@@ -26796,14 +27318,14 @@ function DedicatedIosPdfViewer({
     },
     [setDocumentState]
   );
-  const updateSelection = (0, import_react5.useCallback)(
+  const updateSelection = (0, import_react6.useCallback)(
     (nextSelection) => {
       selectionRef.current = nextSelection;
       setSelection(nextSelection);
     },
     []
   );
-  const handleTextSelectionChange = (0, import_react5.useCallback)(
+  const handleTextSelectionChange = (0, import_react6.useCallback)(
     (event) => {
       const nextSelection = resolveNativePdfTextSelection(event.nativeEvent);
       updateSelection(nextSelection);
@@ -26816,7 +27338,7 @@ function DedicatedIosPdfViewer({
     },
     [onTextSelected, setSelectedAnnotation, updateSelection]
   );
-  const defineSelection = (0, import_react5.useCallback)(() => {
+  const defineSelection = (0, import_react6.useCallback)(() => {
     const currentSelection = selectionRef.current;
     if (!currentSelection) return;
     onDefineSelection?.({
@@ -26825,7 +27347,7 @@ function DedicatedIosPdfViewer({
     });
     updateSelection(null);
   }, [onDefineSelection, updateSelection]);
-  const handleNativeDefineSelection = (0, import_react5.useCallback)(
+  const handleNativeDefineSelection = (0, import_react6.useCallback)(
     (event) => {
       const text = event.nativeEvent?.text;
       const pageIndex = event.nativeEvent?.pageIndex;
@@ -26837,7 +27359,7 @@ function DedicatedIosPdfViewer({
     },
     [onDefineSelection, updateSelection]
   );
-  const handleInkToolPickerVisibilityChange = (0, import_react5.useCallback)(
+  const handleInkToolPickerVisibilityChange = (0, import_react6.useCallback)(
     (event) => {
       handleNativeInkPickerVisibility(
         event.nativeEvent?.visible === true,
@@ -26846,7 +27368,7 @@ function DedicatedIosPdfViewer({
     },
     []
   );
-  const trackMobileChromeByOffset = (0, import_react5.useCallback)(
+  const trackMobileChromeByOffset = (0, import_react6.useCallback)(
     (offsetY) => {
       if (pageCount <= 0) return;
       const safeOffset = Math.max(0, offsetY);
@@ -26882,11 +27404,11 @@ function DedicatedIosPdfViewer({
     },
     [clearPendingChromeShow, pageCount, setMobileChromeVisible]
   );
-  (0, import_react5.useEffect)(
+  (0, import_react6.useEffect)(
     () => () => clearPendingChromeShow(),
     [clearPendingChromeShow]
   );
-  const handleVisiblePagesChange = (0, import_react5.useCallback)(
+  const handleVisiblePagesChange = (0, import_react6.useCallback)(
     (event) => {
       const pages = resolveNativePdfVisiblePages(
         event.nativeEvent?.pages
@@ -26901,13 +27423,13 @@ function DedicatedIosPdfViewer({
     },
     [setDocumentState]
   );
-  const handleScroll = (0, import_react5.useCallback)(
+  const handleScroll = (0, import_react6.useCallback)(
     (event) => {
       trackMobileChromeByOffset(event.nativeEvent?.offsetY ?? 0);
     },
     [trackMobileChromeByOffset]
   );
-  const handleTap = (0, import_react5.useCallback)(() => {
+  const handleTap = (0, import_react6.useCallback)(() => {
     setSelectedAnnotation(null);
     const nextVisible = resolvePageTapChromeVisibility({
       chromeVisible: chromeVisibleRef.current,
@@ -26917,7 +27439,7 @@ function DedicatedIosPdfViewer({
     });
     if (nextVisible !== null) setMobileChromeVisible(nextVisible);
   }, [activeTool, selectionActive, setMobileChromeVisible, setSelectedAnnotation]);
-  const handleDeleteAnnotation = (0, import_react5.useCallback)(
+  const handleDeleteAnnotation = (0, import_react6.useCallback)(
     (annotationId) => {
       deleteAnnotationAndClearSelection(
         annotationId,
@@ -26932,12 +27454,12 @@ function DedicatedIosPdfViewer({
     maxWidth: resolvedMaxPageWidth,
     alignSelf: "center"
   } : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_react_native5.View, { style: styles5.container, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(PdfNoteChooser, { notes: pendingNotes, title: t.annotationNote, cancel: t.cancel, onClose: () => setPendingNotes([]), onSelect: (id) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react_native5.View, { style: styles5.container, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(PdfNoteChooser, { notes: pendingNotes, title: t.annotationNote, cancel: t.cancel, onClose: () => setPendingNotes([]), onSelect: (id) => {
       setPendingNotes([]);
       setSelectedAnnotation(id);
     } }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
       import_engine_native3.PapyrusPdfDocumentView,
       {
         style: [styles5.viewer, cappedViewerStyle],
@@ -27006,22 +27528,22 @@ function DedicatedIosPdfViewer({
         onInkToolPickerVisibilityChange: handleInkToolPickerVisibilityChange
       }
     ),
-    selection && !supportsNativeEditMenu && onDefineSelection && shouldShowDefineSelection(selection.text, defineSelectionMode) && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_native5.View, { style: styles5.selectionFallback, pointerEvents: "box-none", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    selection && !supportsNativeEditMenu && onDefineSelection && shouldShowDefineSelection(selection.text, defineSelectionMode) && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_native5.View, { style: styles5.selectionFallback, pointerEvents: "box-none", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
       import_react_native5.Pressable,
       {
         onPress: defineSelection,
         style: styles5.fallbackButton,
         accessibilityRole: "button",
         accessibilityLabel: t.define,
-        children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_native5.Text, { style: styles5.fallbackButtonText, children: t.define })
+        children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_native5.Text, { style: styles5.fallbackButtonText, children: t.define })
       }
     ) }),
-    fallbackDeleteAnnotation && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    fallbackDeleteAnnotation && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
       import_react_native5.View,
       {
         style: styles5.annotationDeleteFallback,
         pointerEvents: "box-none",
-        children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
           import_react_native5.Pressable,
           {
             onPress: () => handleDeleteAnnotation(fallbackDeleteAnnotation.id),
@@ -27029,7 +27551,7 @@ function DedicatedIosPdfViewer({
             accessibilityRole: "button",
             accessibilityLabel: t.deleteAnnotation,
             hitSlop: 8,
-            children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_native5.Text, { style: styles5.annotationDeleteButtonText, children: t.deleteAnnotation })
+            children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_native5.Text, { style: styles5.annotationDeleteButtonText, children: t.deleteAnnotation })
           }
         )
       }
@@ -27092,7 +27614,7 @@ var styles5 = import_react_native5.StyleSheet.create({
 });
 
 // components/NativePdfDocumentViewer.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 function NativePdfDocumentViewer({
   engine,
   documentId,
@@ -27105,7 +27627,7 @@ function NativePdfDocumentViewer({
     import_react_native6.Platform.OS
   );
   if (implementation === "android") {
-    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
       DedicatedAndroidPdfViewer,
       {
         engine,
@@ -27118,7 +27640,7 @@ function NativePdfDocumentViewer({
     );
   }
   if (implementation === "ios") {
-    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
       DedicatedIosPdfViewer,
       {
         engine,
@@ -27172,26 +27694,6 @@ var resolveMobileChromeOffsets = (insets) => ({
   right: MOBILE_CHROME_METRICS.screenPadding + Math.max(0, insets.right)
 });
 
-// components/PapyrusSafeArea.tsx
-var import_react6 = __toESM(require("react"));
-var import_react_native_safe_area_context = require("react-native-safe-area-context");
-var import_jsx_runtime9 = require("react/jsx-runtime");
-var papyrusSafeAreaContext = import_react_native_safe_area_context.SafeAreaInsetsContext;
-var ZERO_SAFE_AREA_INSETS = {
-  top: 0,
-  bottom: 0,
-  left: 0,
-  right: 0
-};
-var usePapyrusSafeAreaInsets = () => (0, import_react6.useContext)(papyrusSafeAreaContext) ?? ZERO_SAFE_AREA_INSETS;
-function PapyrusSafeAreaBoundary({
-  children
-}) {
-  const insets = (0, import_react6.useContext)(papyrusSafeAreaContext);
-  if (insets) return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_jsx_runtime9.Fragment, { children });
-  return import_react6.default.createElement(import_react_native_safe_area_context.SafeAreaProvider, null, children);
-}
-
 // components/NativeTextDocumentViewer.tsx
 var import_jsx_runtime10 = require("react/jsx-runtime");
 function NativeTextDocumentViewer({
@@ -27740,6 +28242,7 @@ var scrollViewerListToOffset = (list, offset, animated) => {
   list.scrollToOffset?.({ offset, animated });
 };
 var Viewer = ({
+  documentType,
   documentId,
   engine,
   maxPageWidth,
@@ -29267,14 +29770,8 @@ var Viewer = ({
     },
     [mobilePerf, perfEnabled, scrollPerfSession]
   );
-  const handleWebViewScroll = (0, import_react9.useCallback)(
-    (_offsetY) => {
-      if (!chromeVisibleRef.current) {
-        setMobileChromeVisible(true, "scroll.webview.recover");
-      }
-    },
-    [setMobileChromeVisible]
-  );
+  const handleWebViewScroll = (0, import_react9.useCallback)((_offsetY) => {
+  }, []);
   const handlePageTap = (0, import_react9.useCallback)(() => {
     const nextVisible = resolvePageTapChromeVisibility({
       chromeVisible: chromeVisibleRef.current,
@@ -29496,6 +29993,7 @@ var Viewer = ({
     return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native9.View, { style: [styles8.container, isDark && styles8.containerDark], children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
       WebViewViewer_default,
       {
+        documentType,
         engine,
         documentId,
         onDefineSelection,
@@ -30042,6 +30540,7 @@ var styles9 = import_react_native11.StyleSheet.create({
 // components/PageJumpModal.tsx
 var import_jsx_runtime14 = require("react/jsx-runtime");
 function PageJumpModal({
+  documentType,
   visible,
   currentPage,
   pageCount,
@@ -30068,8 +30567,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,
@@ -30097,7 +30596,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"
           }
         ),
@@ -30152,6 +30651,7 @@ var styles10 = import_react_native12.StyleSheet.create({
 var import_jsx_runtime15 = require("react/jsx-runtime");
 var Topbar = ({
   engine,
+  documentType,
   onOpenSettings,
   onOpenOverflow,
   title,
@@ -30172,6 +30672,12 @@ var Topbar = ({
     locale
   } = (0, import_core12.useViewerStore)();
   const inkSession = useNativeInkSession();
+  const chromeVisible = mobileChromeVisible || inkSession.active;
+  const chromeProgress = useNativeInkMotion(chromeVisible, documentType === "epub");
+  const chromeMotion = (0, import_react_native_reanimated2.useAnimatedStyle)(() => {
+    "worklet";
+    return { opacity: chromeProgress.value };
+  });
   const t = getStrings(locale);
   const progress = useNativeInkMotion(inkSession.active, inkSession.supported);
   const settingsMotion = (0, import_react_native_reanimated2.useAnimatedStyle)(() => {
@@ -30227,26 +30733,30 @@ var Topbar = ({
       children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(IconSettings, { size: MOBILE_CHROME_METRICS.iconSize, color: isDark ? "#e5e7eb" : "#111827" })
     }
   );
-  if (!mobileChromeVisible && !inkSession.active) return null;
+  if (!chromeVisible && documentType !== "epub") return null;
   return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-      import_react_native13.View,
+      import_react_native_reanimated2.default.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__ */ (0, import_jsx_runtime15.jsxs)(
           import_react_native13.View,
           {
             style: [
               styles11.container,
+              import_react_native13.Platform.OS === "ios" && styles11.containerIos,
               isDark && styles11.containerDark,
               isLandscape && styles11.containerLandscape
             ],
@@ -30386,6 +30896,7 @@ var Topbar = ({
     /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
       PageJumpModal,
       {
+        documentType,
         visible: jumpModalOpen,
         currentPage,
         pageCount,
@@ -30403,7 +30914,8 @@ var styles11 = import_react_native13.StyleSheet.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)",
@@ -30420,6 +30932,10 @@ var styles11 = import_react_native13.StyleSheet.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
@@ -32556,10 +33072,10 @@ var import_react_native16 = require("react-native");
 var import_core15 = require("@papyrus-sdk/core");
 var import_jsx_runtime18 = require("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 } = (0, import_core15.useViewerStore)();
   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] = (0, import_react16.useState)(false);
   const [draft, setDraft] = (0, import_react16.useState)("");
   const [color, setColor] = (0, import_react16.useState)(COLORS[0]);
@@ -32624,14 +33140,34 @@ var AnnotationEditor = () => {
     /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_react_native16.Animated.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__ */ (0, import_jsx_runtime18.jsxs)(import_react_native16.View, { style: styles14.header, children: [
         /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native16.Text, { style: [styles14.title, textStyle], children: editing ? t.editNote : t.annotationNote }),
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native16.Pressable, { onPress: close, accessibilityRole: "button", accessibilityLabel: t.close, style: styles14.button, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native16.Text, { style: textStyle, children: "\xD7" }) })
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native16.Pressable, { onPress: close, accessibilityRole: "button", accessibilityLabel: t.close, style: [styles14.button, { borderRadius: 22, backgroundColor: dark ? "#242936" : "#f1f5f9" }], children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(IconClose, { size: 20, color: textStyle.color }) })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_react_native16.ScrollView, { style: styles14.content, keyboardShouldPersistTaps: "handled", children: [
         quote ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native16.Text, { style: [styles14.quote, textStyle], selectable: true, children: quote }) : null,
         editing ? /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
           /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native16.TextInput, { 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__ */ (0, import_jsx_runtime18.jsx)(import_react_native16.View, { style: styles14.options, children: COLORS.map((value) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native16.Pressable, { 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__ */ (0, import_jsx_runtime18.jsx)(import_react_native16.View, { style: styles14.options, children: [["highlight", t.annotationHighlight], ["underline", t.annotationUnderline], ["strikeout", t.annotationStrikeout], ["none", t.annotationIndicatorOnly]].map(([style, label]) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native16.Pressable, { onPress: () => setMarkup(style), accessibilityRole: "button", accessibilityState: { selected: markup === style }, style: [styles14.button, markup === style && { borderColor: accentColor, borderWidth: 1 }], children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native16.Text, { style: textStyle, children: label }) }, style)) })
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native16.View, { 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__ */ (0, import_jsx_runtime18.jsxs)(
+            import_react_native16.Pressable,
+            {
+              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__ */ (0, import_jsx_runtime18.jsx)(import_react_native16.View, { accessible: false, importantForAccessibility: "no-hide-descendants", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Icon, { size: 22, color: markup === style ? accentColor : textStyle.color }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native16.Text, { style: [styles14.markupLabel, textStyle], children: style === "none" ? locale === "pt-BR" ? "Indicador" : "Indicator" : label })
+              ]
+            },
+            style
+          )) })
         ] }) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native16.Text, { style: [styles14.note, textStyle], selectable: true, children: (0, import_core15.getAnnotationNote)(annotation) || t.notePlaceholder })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_react_native16.View, { style: styles14.actions, children: [
@@ -32654,7 +33190,7 @@ var AnnotationEditor = () => {
     ] })
   ] }) });
 };
-var styles14 = import_react_native16.StyleSheet.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 = import_react_native16.StyleSheet.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
@@ -32669,7 +33205,7 @@ function buildBottomBarLayout({
   toolDockOpen
 }) {
   const leftSlots = [];
-  if (documentType === "pdf") {
+  if (documentType === "pdf" || documentType === "epub") {
     leftSlots.push({
       key: "annotate",
       active: toolDockOpen || activeMobileDestination === "annotate"
@@ -32717,10 +33253,19 @@ var BottomBar = ({
   documentType,
   onOpenInfo,
   onOpenSettings,
-  onOpenDestination
+  onOpenDestination,
+  onTurnPage,
+  onNavigateToPage,
+  onOpenPages
 }) => {
   const {
     activeMobileDestination,
+    viewMode,
+    epubReadingMode,
+    epubLocation,
+    comicLayoutMode,
+    currentPage,
+    pageCount,
     mobileDockVisible,
     setDocumentState,
     uiTheme,
@@ -32735,7 +33280,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 = (0, import_react_native_reanimated3.useAnimatedStyle)(() => {
     "worklet";
     return {
@@ -32757,6 +33302,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,
@@ -32817,7 +33371,7 @@ var BottomBar = ({
       onPress: onOpenSettings
     }
   };
-  if (!dockVisible && !supportsInkChrome) return null;
+  if (!dockVisible && !supportsInkChrome && documentType !== "epub") return null;
   return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     import_react_native_reanimated3.default.View,
     {
@@ -32882,7 +33436,11 @@ var BottomBar = ({
               isDark && styles15.islandDark
             ],
             testID: "papyrus-floating-bottom-dock",
-            children: layout.rightSlots.map((slot) => {
+            children: paginated ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_native17.Pressable, { 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__ */ (0, import_jsx_runtime19.jsx)(IconChevronLeft, { size: MOBILE_CHROME_METRICS.iconSize, color: iconColor(false) }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_native17.Pressable, { accessibilityRole: "button", accessibilityLabel: locale === "pt-BR" ? "Ir para p\xE1gina" : "Go to page", onPress: onOpenPages, style: [styles15.iconOnlyItem, { minWidth: 56 }], children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_native17.Text, { 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__ */ (0, import_jsx_runtime19.jsx)(import_react_native17.Pressable, { 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__ */ (0, import_jsx_runtime19.jsx)(IconChevronRight, { size: MOBILE_CHROME_METRICS.iconSize, color: iconColor(false) }) })
+            ] }) : layout.rightSlots.map((slot) => {
               const meta = slotMeta[slot.key];
               const Icon = meta.icon;
               return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
@@ -32945,8 +33503,9 @@ var styles15 = import_react_native17.StyleSheet.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)",
@@ -32972,6 +33531,8 @@ var styles15 = import_react_native17.StyleSheet.create({
     borderColor: "rgba(71,85,105,0.48)"
   },
   iconOnlyItem: {
+    minWidth: 44,
+    height: 44,
     alignItems: "center",
     justifyContent: "center",
     paddingHorizontal: MOBILE_CHROME_METRICS.bottomBarItemPaddingHorizontal,
@@ -33048,10 +33609,12 @@ var SettingsSheet = ({
   engine,
   visible,
   onClose,
-  documentType = "pdf"
+  documentType = "pdf",
+  onOpenInfo
 }) => {
   const {
     viewMode,
+    epubReadingMode,
     uiTheme,
     zoom,
     setDocumentState,
@@ -33063,12 +33626,16 @@ var SettingsSheet = ({
     comicReadingDirection
   } = (0, import_core17.useViewerStore)();
   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 } = (0, import_react_native18.useWindowDimensions)();
   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;
@@ -33113,6 +33680,7 @@ var SettingsSheet = ({
           contentContainerStyle: styles16.sheetContent,
           showsVerticalScrollIndicator: false,
           children: [
+            onOpenInfo ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_native18.Pressable, { accessibilityRole: "button", onPress: onOpenInfo, style: { minHeight: 44, justifyContent: "center", marginBottom: 16 }, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_native18.Text, { style: [styles16.sectionTitle, isDark && styles16.sectionTitleDark], children: t.info }) }) : null,
             (documentType === "text" || documentType === "epub") && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_react_native18.View, { style: styles16.section, children: [
               /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_native18.Text, { style: [styles16.sectionTitle, isDark && styles16.sectionTitleDark], children: locale === "pt-BR" ? "Tamanho da fonte" : "Font size" }),
               /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_react_native18.View, { style: { flexDirection: "row", alignItems: "center", gap: 12 }, children: [
@@ -33291,7 +33859,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
                       }
                     )
                   }
@@ -33321,7 +33889,7 @@ var SettingsSheet = ({
                 )
               ] })
             ] }),
-            documentType !== "comic" && documentType !== "text" && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_react_native18.View, { style: styles16.section, children: [
+            documentType === "pdf" && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_react_native18.View, { style: styles16.section, children: [
               /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
                 import_react_native18.Text,
                 {
@@ -34199,6 +34767,7 @@ var styles20 = import_react_native22.StyleSheet.create({
 // components/ProgressPill.tsx
 var import_react18 = require("react");
 var import_react_native23 = require("react-native");
+var import_react_native_reanimated4 = __toESM(require("react-native-reanimated"));
 var import_core21 = require("@papyrus-sdk/core");
 
 // components/progressPillMode.ts
@@ -34218,9 +34787,11 @@ var import_jsx_runtime25 = require("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 {
@@ -34230,12 +34801,20 @@ function ProgressPill({
     textLength,
     comicLayoutMode,
     viewMode,
+    epubReadingMode,
+    epubLocation,
     locale,
     uiTheme,
     accentColor,
     mobileChromeVisible,
     mobileProgressPillVisible
   } = (0, import_core21.useViewerStore)();
+  const chromeVisible = mobileChromeVisible && mobileProgressPillVisible;
+  const chromeProgress = useNativeInkMotion(chromeVisible, documentType === "epub");
+  const chromeMotion = (0, import_react_native_reanimated4.useAnimatedStyle)(() => {
+    "worklet";
+    return { opacity: chromeProgress.value };
+  });
   const t = getStrings(locale);
   const isDark = uiTheme === "dark";
   const offsets = resolveMobileChromeOffsets(usePapyrusSafeAreaInsets());
@@ -34280,10 +34859,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,
@@ -34325,7 +34904,7 @@ function ProgressPill({
     },
     []
   );
-  if (!shouldRenderPageScrubber({
+  if (!(documentType === "epub" && mobileProgressPillVisible) && !shouldRenderPageScrubber({
     mobileChromeVisible,
     mobileProgressPillVisible,
     isScrubbing: isScrubbingRef.current
@@ -34356,16 +34935,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__ */ (0, import_jsx_runtime25.jsx)(
       import_react_native23.View,
       {
         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__ */ (0, import_jsx_runtime25.jsxs)(import_react_native23.View, { style: [styles21.singlePill, isDark && styles21.pillDark], children: [
           /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
             import_react_native23.Pressable,
@@ -34374,7 +34954,7 @@ 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__ */ (0, import_jsx_runtime25.jsx)(import_react_native23.Text, { style: [styles21.pageArrow, isDark && styles21.labelDark, previousDisabled && styles21.pageArrowDisabled], children: "\u2039" })
@@ -34402,7 +34982,7 @@ 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__ */ (0, import_jsx_runtime25.jsx)(import_react_native23.Text, { style: [styles21.pageArrow, isDark && styles21.labelDark, nextDisabled && styles21.pageArrowDisabled], children: "\u203A" })
@@ -34546,11 +35126,14 @@ function ProgressPill({
   }
   const responderPanHandlers = scrubberResponderRef.current?.panHandlers ?? {};
   return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-    import_react_native23.View,
+    import_react_native_reanimated4.default.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,
@@ -35279,15 +35862,10 @@ function ReadingShell({
     /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
       Topbar_default,
       {
+        documentType,
         engine,
         title,
-        onOpenOverflow: () => {
-          closeMobileDestination();
-          setInfoOpen(false);
-          setActionsOpen(false);
-          setSettingsOpen(false);
-          setOverflowOpen(true);
-        },
+        onOpenSettings: () => openDestination("display"),
         onOpenPageJump: () => setPageJumpOpen(true),
         showPageNavigationControls: false
       }
@@ -35295,6 +35873,7 @@ function ReadingShell({
     /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react_native26.View, { style: styles24.viewerStage, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
       Viewer_default,
       {
+        documentType,
         engine,
         ...viewerProps,
         pageScrubActive
@@ -35303,7 +35882,13 @@ function ReadingShell({
     /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
       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"
@@ -35315,6 +35900,12 @@ function ReadingShell({
     /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
       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"),
@@ -35394,6 +35985,7 @@ function ReadingShell({
     /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
       SettingsSheet_default,
       {
+        onOpenInfo: () => openDestination("info"),
         engine,
         documentType,
         visible: settingsOpen,
@@ -35406,6 +35998,7 @@ function ReadingShell({
     /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
       PageJumpModal,
       {
+        documentType,
         visible: pageJumpOpen,
         currentPage,
         pageCount,