@papyrus-sdk/ui-react-native 0.2.32 → 0.2.34

package/dist/index.js

@@ -23388,6 +23388,42 @@ var resolvePdfAnchoredScrollY = ({
   });
 };
 var resolvePdfAnchoredScrollX = (input) => resolveAnchoredHorizontalSurfaceOffset(input);
+var resolvePdfPageAnchoredScrollX = ({
+  focalViewportX,
+  startSurfaceScrollX,
+  viewportWidth,
+  endSurfaceWidth,
+  startPageOffsetX,
+  endPageOffsetX,
+  startPageFrameWidth,
+  endPageFrameWidth,
+  startPageWidth,
+  endPageWidth
+}) => {
+  const safeStartPageWidth = Number.isFinite(startPageWidth) && startPageWidth > 0 ? startPageWidth : 0;
+  const safeEndPageWidth = Number.isFinite(endPageWidth) && endPageWidth > 0 ? endPageWidth : 0;
+  if (safeStartPageWidth === 0 || safeEndPageWidth === 0) return 0;
+  const safeFocalX = Number.isFinite(focalViewportX) ? focalViewportX : 0;
+  const safeStartScrollX = Number.isFinite(startSurfaceScrollX) ? startSurfaceScrollX : 0;
+  const safeStartOffsetX = Number.isFinite(startPageOffsetX) ? startPageOffsetX : 0;
+  const safeEndOffsetX = Number.isFinite(endPageOffsetX) ? endPageOffsetX : 0;
+  const startInset = resolveCenteredContentInset({
+    viewportLength: startPageFrameWidth,
+    contentLength: safeStartPageWidth
+  });
+  const endInset = resolveCenteredContentInset({
+    viewportLength: endPageFrameWidth,
+    contentLength: safeEndPageWidth
+  });
+  const startPageContentX = safeFocalX + safeStartScrollX - safeStartOffsetX - startInset;
+  const scaledPageContentX = startPageContentX / safeStartPageWidth * safeEndPageWidth;
+  const targetContentX = safeEndOffsetX + endInset + scaledPageContentX;
+  return resolveClampedScrollOffset(
+    targetContentX - safeFocalX,
+    endSurfaceWidth,
+    viewportWidth
+  );
+};
 var resolvePdfSurfaceWidth = (input) => resolveDocumentSurfaceWidth(input);
 var resolvePdfGlobalScrollX = ({
   startSurfaceScrollX,
@@ -23422,10 +23458,57 @@ var buildCommentTapGestureDeps = ({
 ];
 
 // components/pdfPageMetrics.ts
+var resolvePdfDoublePageContentWidth = ({
+  currentPage,
+  pageCount,
+  columnGap,
+  getPageWidthForZoom
+}) => {
+  const safePageCount = Number.isFinite(pageCount) ? Math.trunc(pageCount) : 0;
+  if (safePageCount <= 0) return 0;
+  const safeCurrentPage = Number.isFinite(currentPage) ? Math.trunc(currentPage) : 1;
+  const pageIndex = Math.max(
+    0,
+    Math.min(safePageCount - 1, safeCurrentPage - 1)
+  );
+  const leftPageIndex = Math.floor(pageIndex / 2) * 2;
+  const rightPageIndex = leftPageIndex + 1;
+  const resolvePageWidth = (index) => {
+    const width = getPageWidthForZoom(index);
+    return Number.isFinite(width) && width > 0 ? width : 0;
+  };
+  const leftPageWidth = resolvePageWidth(leftPageIndex);
+  const rightPageWidth = rightPageIndex < safePageCount ? resolvePageWidth(rightPageIndex) : leftPageWidth;
+  const safeColumnGap = Number.isFinite(columnGap) && columnGap > 0 ? columnGap : 0;
+  return leftPageWidth + rightPageWidth + safeColumnGap;
+};
+var resolveMaxPageWidth = (maxPageWidth) => typeof maxPageWidth === "number" && Number.isFinite(maxPageWidth) && maxPageWidth > 0 ? maxPageWidth : void 0;
+var resolvePdfFitPageHeight = (viewportHeight, verticalInset) => {
+  if (!Number.isFinite(viewportHeight) || viewportHeight <= 0 || !Number.isFinite(verticalInset) || verticalInset < 0) {
+    return void 0;
+  }
+  return Math.max(1, viewportHeight - verticalInset * 2);
+};
 var resolvePdfBasePageWidth = ({
   viewportWidth,
-  horizontalPadding
-}) => Math.max(0, viewportWidth - horizontalPadding * 2);
+  horizontalPadding,
+  maxPageWidth,
+  maxPageHeight,
+  pageAspectRatio
+}) => {
+  const availablePageWidth = Math.max(
+    0,
+    viewportWidth - horizontalPadding * 2
+  );
+  const resolvedMaxPageWidth = resolveMaxPageWidth(maxPageWidth);
+  const hasValidPageHeight = typeof maxPageHeight === "number" && Number.isFinite(maxPageHeight) && maxPageHeight > 0 && typeof pageAspectRatio === "number" && Number.isFinite(pageAspectRatio) && pageAspectRatio > 0;
+  const widthForMaxHeight = hasValidPageHeight ? maxPageHeight * pageAspectRatio : Number.POSITIVE_INFINITY;
+  return Math.min(
+    availablePageWidth,
+    resolvedMaxPageWidth ?? Number.POSITIVE_INFINITY,
+    widthForMaxHeight
+  );
+};
 
 // components/selectionContentInteraction.ts
 var shouldDismissSelectionOnContentInteraction = ({
@@ -23512,6 +23595,8 @@ var PageRenderer = ({
   pageAspectRatio,
   PageViewComponent = import_engine_native.PapyrusPageView,
   availableWidth,
+  maxPageWidth,
+  maxPageHeight,
   pageViewportWidth: providedPageViewportWidth,
   horizontalPadding = 16,
   spacing = 24,
@@ -24615,7 +24700,10 @@ var PageRenderer = ({
   const containerWidth = availableWidth ?? windowWidth;
   const baseWidth = resolvePdfBasePageWidth({
     viewportWidth: containerWidth,
-    horizontalPadding
+    horizontalPadding,
+    maxPageWidth,
+    maxPageHeight,
+    pageAspectRatio: aspectRatio
   });
   const pageWidth = isNative ? baseWidth * zoom : baseWidth;
   const pageHeight = pageWidth / aspectRatio;
@@ -25355,7 +25443,7 @@ var styles = import_react_native.StyleSheet.create({
     borderRadius: 3
   }
 });
-var arePageRendererPropsEqual = (previous, next) => previous.engine === next.engine && previous.pageIndex === next.pageIndex && previous.scale === next.scale && previous.PageViewComponent === next.PageViewComponent && previous.availableWidth === next.availableWidth && 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 arePageRendererPropsEqual = (previous, next) => 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/WebViewViewer.tsx
@@ -25428,6 +25516,7 @@ var resolveRuntimeSource = (asset) => {
 };
 var WebViewViewer = ({
   engine,
+  maxPageWidth,
   onScrollOffset,
   onTap
 }) => {
@@ -25546,6 +25635,12 @@ var WebViewViewer = ({
     }
     return void 0;
   }, []);
+  const resolvedMaxPageWidth = resolveMaxPageWidth(maxPageWidth);
+  const cappedWebViewStyle = resolvedMaxPageWidth ? {
+    width: "100%",
+    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)(
       import_react_native_webview.default,
@@ -25566,7 +25661,7 @@ var WebViewViewer = ({
         allowFileAccessFromFileURLs: true,
         allowUniversalAccessFromFileURLs: true,
         allowingReadAccessToURL,
-        style: styles2.webview
+        style: [styles2.webview, cappedWebViewStyle]
       }
     ),
     /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
@@ -25639,7 +25734,8 @@ var getDedicatedAndroidPdfEngineId = (engine) => {
   return typeof engineId === "string" && engineId.length > 0 ? engineId : null;
 };
 function DedicatedAndroidPdfViewer({
-  engine
+  engine,
+  maxPageWidth
 }) {
   const pageTheme = (0, import_core3.useViewerStore)((state) => state.pageTheme);
   const zoom = (0, import_core3.useViewerStore)((state) => state.zoom);
@@ -25662,6 +25758,12 @@ function DedicatedAndroidPdfViewer({
   const addAnnotation = (0, import_core3.useViewerStore)((state) => state.addAnnotation);
   const setSelectedAnnotation = (0, import_core3.useViewerStore)((state) => state.setSelectedAnnotation);
   const engineId = getDedicatedAndroidPdfEngineId(engine);
+  const resolvedMaxPageWidth = resolveMaxPageWidth(maxPageWidth);
+  const cappedViewerStyle = resolvedMaxPageWidth ? {
+    width: "100%",
+    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)("");
@@ -25763,7 +25865,7 @@ function DedicatedAndroidPdfViewer({
     /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       import_engine_native2.PapyrusPdfDocumentView,
       {
-        style: styles3.viewer,
+        style: [styles3.viewer, cappedViewerStyle],
         engineId,
         pageTheme,
         zoom,
@@ -25943,11 +26045,12 @@ var styles3 = import_react_native3.StyleSheet.create({
 
 // components/nativePdfViewerMode.ts
 var shouldUseNativePdfViewer = ({
+  platform,
   viewerMode,
   pageCount,
   isWebView,
   nativeEngineId
-}) => viewerMode === "native" && pageCount > 0 && !isWebView && !!nativeEngineId;
+}) => platform === "android" && viewerMode === "native" && pageCount > 0 && !isWebView && !!nativeEngineId;
 
 // perf/pinchPerfSession.ts
 var PINCH_EPSILON = 1e-3;
@@ -26209,6 +26312,14 @@ var resolveViewerScrollTarget = (pageIndex, isDouble) => ({
 var pageContainsScrollTarget = (row, pageIndex) => row.left === pageIndex || row.right === pageIndex;
 
 // components/viewerPerformance.ts
+var hasViewerViewportGeometryChanged = ({
+  previous,
+  next
+}) => {
+  if (!previous) return false;
+  if (previous.width !== next.width) return true;
+  return typeof previous.pageFitHeight === "number" && typeof next.pageFitHeight === "number" && previous.pageFitHeight !== next.pageFitHeight;
+};
 var resolveOrientationScrollOffset = ({
   currentPage,
   pageCount,
@@ -26265,6 +26376,8 @@ var scrollViewerListToOffset = (list, offset, animated) => {
 };
 var Viewer = ({
   engine,
+  maxPageWidth,
+  fitPageToViewportHeight = false,
   virtualWindowSize,
   maxToRenderPerBatch,
   removeClippedSubviews,
@@ -26306,6 +26419,7 @@ var Viewer = ({
   }, [mobilePerf, resolvedViewerMode]);
   const nativeEngineId = getDedicatedAndroidPdfEngineId(engine);
   const isNativePdfViewer = shouldUseNativePdfViewer({
+    platform: import_react_native4.Platform.OS,
     viewerMode: resolvedViewerMode,
     pageCount,
     isWebView,
@@ -26325,8 +26439,8 @@ var Viewer = ({
   const scrollPerfSession = (0, import_react5.useMemo)(() => createScrollPerfSession(), []);
   const dimensionsCacheRef = (0, import_react5.useRef)(/* @__PURE__ */ new Map());
   const dimensionsPendingRef = (0, import_react5.useRef)(/* @__PURE__ */ new Set());
-  const previousWindowWidthRef = (0, import_react5.useRef)(null);
-  const pendingOrientationRestoreWidthRef = (0, import_react5.useRef)(null);
+  const previousViewportGeometryRef = (0, import_react5.useRef)(null);
+  const pendingOrientationRestoreRef = (0, import_react5.useRef)(false);
   const layoutRefreshTimeoutRef = (0, import_react5.useRef)(
     null
   );
@@ -26373,6 +26487,7 @@ var Viewer = ({
   const committedPinchGestureIdRef = (0, import_react5.useRef)(null);
   const pinchAnchorRestoreFrameRef = (0, import_react5.useRef)(null);
   const viewerFrameRef = (0, import_react5.useRef)({ y: 0, height: 0 });
+  const [viewerViewportHeight, setViewerViewportHeight] = (0, import_react5.useState)(0);
   const viewerContentHeightRef = (0, import_react5.useRef)(0);
   const listLayoutMetricsRef = (0, import_react5.useRef)(null);
   const resolvedWindowSize = (0, import_react5.useMemo)(
@@ -26661,16 +26776,27 @@ var Viewer = ({
   const columnGap = 12;
   const horizontalPadding = 16;
   const columnWidth = isDouble ? (windowWidth - horizontalPadding * 2 - columnGap) / 2 : windowWidth;
+  const pageFitHeight = fitPageToViewportHeight ? resolvePdfFitPageHeight(viewerViewportHeight, LIST_TOP_PADDING) : void 0;
   const getPageWidthForZoom = (0, import_react5.useCallback)(
     (pageIndex, zoomValue) => {
       const safeZoom = Math.max(zoomValue, 0.25);
       const baseWidth = resolvePdfBasePageWidth({
         viewportWidth: isDouble ? columnWidth : windowWidth,
-        horizontalPadding: isDouble ? 8 : 16
+        horizontalPadding: isDouble ? 8 : 16,
+        maxPageWidth,
+        maxPageHeight: pageFitHeight,
+        pageAspectRatio: getPageAspectRatio(pageIndex)
       });
       return baseWidth * safeZoom;
     },
-    [columnWidth, isDouble, windowWidth]
+    [
+      columnWidth,
+      getPageAspectRatio,
+      isDouble,
+      maxPageWidth,
+      pageFitHeight,
+      windowWidth
+    ]
   );
   const getPageHeightForZoom = (0, import_react5.useCallback)(
     (pageIndex, zoomValue) => getPageWidthForZoom(pageIndex, zoomValue) / getPageAspectRatio(pageIndex),
@@ -26696,8 +26822,12 @@ var Viewer = ({
   );
   const documentSurfaceWidth = (0, import_react5.useMemo)(() => {
     if (isDouble) {
-      const leftPageWidth = getPageWidthForZoom(0, zoom);
-      const doubleContentWidth = leftPageWidth * 2 + columnGap;
+      const doubleContentWidth = resolvePdfDoublePageContentWidth({
+        currentPage,
+        pageCount,
+        columnGap,
+        getPageWidthForZoom: (pageIndex) => getPageWidthForZoom(pageIndex, zoom)
+      });
       return resolvePdfSurfaceWidth({
         viewportWidth: windowWidth,
         contentWidth: doubleContentWidth,
@@ -26715,6 +26845,8 @@ var Viewer = ({
     getPageWidthForZoom,
     horizontalPadding,
     isDouble,
+    layoutRevision,
+    pageCount,
     windowWidth,
     zoom
   ]);
@@ -27036,6 +27168,18 @@ var Viewer = ({
         horizontalPadding: pageHorizontalPadding,
         viewportOffsetX
       } = getPageViewportMetrics(anchorPageIndex);
+      const availablePageWidth = Math.max(
+        0,
+        pageViewportWidth - pageHorizontalPadding * 2
+      );
+      const basePageWidth = resolvePdfBasePageWidth({
+        viewportWidth: pageViewportWidth,
+        horizontalPadding: pageHorizontalPadding,
+        maxPageWidth,
+        maxPageHeight: pageFitHeight,
+        pageAspectRatio: getPageAspectRatio(anchorPageIndex)
+      });
+      const startPageWidth = getPageWidthForZoom(anchorPageIndex, startZoom);
       const pageViewportContentWidth = Math.max(
         0,
         pageViewportWidth - pageHorizontalPadding * 2
@@ -27051,6 +27195,13 @@ var Viewer = ({
         usePageVerticalAnchor,
         startSurfaceScrollX: pinchStartSurfaceScrollXRef.current,
         startSurfaceWidth,
+        usePageHorizontalAnchor: basePageWidth < availablePageWidth,
+        startPageOffsetX: viewportOffsetX,
+        startPageFrameWidth: isDouble ? Math.max(
+          pageViewportWidth,
+          startPageWidth + pageHorizontalPadding * 2
+        ) : startSurfaceWidth,
+        startPageWidth,
         pageViewportWidth,
         pageHorizontalPadding,
         pageViewportContentOffsetX: Math.max(
@@ -27089,8 +27240,13 @@ var Viewer = ({
     engine,
     documentSurfaceWidth,
     getPageLayoutForZoom,
+    getPageWidthForZoom,
     getPageViewportMetrics,
     handleGestureScrollLockChange,
+    isDouble,
+    maxPageWidth,
+    pageFitHeight,
+    getPageAspectRatio,
     perfEnabled,
     pinchPerfMachine,
     resetViewerPinchPreview,
@@ -27175,7 +27331,7 @@ var Viewer = ({
         pageHeight: endPageHeight,
         totalContentHeight: endContentHeight
       } = getPageLayoutForZoom(pendingRestore.pageIndex, zoom);
-      const viewerViewportHeight = viewerFrameRef.current.height;
+      const viewerViewportHeight2 = viewerFrameRef.current.height;
       const nextScrollY = resolvePdfAnchoredScrollY({
         mode: pendingRestore.usePageVerticalAnchor ? "page" : "document",
         focalY: pendingRestore.focalY,
@@ -27186,7 +27342,7 @@ var Viewer = ({
         endPageOffsetY,
         endPageHeight,
         endContentHeight,
-        viewportHeight: viewerViewportHeight
+        viewportHeight: viewerViewportHeight2
       });
       if (isSingle) {
         listRef.current?.scrollTo?.({
@@ -27205,7 +27361,25 @@ var Viewer = ({
         0,
         pendingRestore.pageViewportWidth - pendingRestore.pageHorizontalPadding * 2
       );
-      const nextOffsetX = resolvePdfAnchoredScrollX({
+      const nextPageWidth = getPageWidthForZoom(
+        pendingRestore.pageIndex,
+        pendingRestore.finalZoom
+      );
+      const nextOffsetX = pendingRestore.usePageHorizontalAnchor ? resolvePdfPageAnchoredScrollX({
+        focalViewportX: pinchFocalPointRef.current.x,
+        startSurfaceScrollX: pendingRestore.startSurfaceScrollX,
+        viewportWidth: windowWidth,
+        endSurfaceWidth,
+        startPageOffsetX: pendingRestore.startPageOffsetX,
+        endPageOffsetX: pendingRestore.startPageOffsetX,
+        startPageFrameWidth: pendingRestore.startPageFrameWidth,
+        endPageFrameWidth: isDouble ? Math.max(
+          pendingRestore.pageViewportWidth,
+          nextPageWidth + pendingRestore.pageHorizontalPadding * 2
+        ) : endSurfaceWidth,
+        startPageWidth: pendingRestore.startPageWidth,
+        endPageWidth: nextPageWidth
+      }) : resolvePdfAnchoredScrollX({
         focalViewportX: pendingRestore.pageViewportContentOffsetX,
         startSurfaceScrollX: pendingRestore.startSurfaceScrollX,
         startSurfaceWidth: pendingRestore.startSurfaceWidth,
@@ -27233,9 +27407,12 @@ var Viewer = ({
   }, [
     documentSurfaceWidth,
     getPageLayoutForZoom,
+    getPageWidthForZoom,
+    isDouble,
     isSingle,
     perfEnabled,
     scrollHorizontalSurfaceTo,
+    windowWidth,
     zoom
   ]);
   (0, import_react5.useEffect)(() => {
@@ -27296,7 +27473,10 @@ var Viewer = ({
     if (isDouble) {
       const pageWidth2 = resolvePdfBasePageWidth({
         viewportWidth: columnWidth,
-        horizontalPadding: 8
+        horizontalPadding: 8,
+        maxPageWidth,
+        maxPageHeight: pageFitHeight,
+        pageAspectRatio: DEFAULT_PAGE_ASPECT_RATIO
       });
       return (0, import_core4.createPageLayoutMetrics)({
         itemCount: rows.length,
@@ -27306,16 +27486,37 @@ var Viewer = ({
         estimatedLength: pageWidth2 / DEFAULT_PAGE_ASPECT_RATIO + DOUBLE_PAGE_SPACING,
         getBaseItemLength: (index) => {
           const row = rows[index];
-          if (!row) return pageWidth2 / DEFAULT_PAGE_ASPECT_RATIO + DOUBLE_PAGE_SPACING;
-          const leftHeight = pageWidth2 / getPageAspectRatio(row.left);
-          const rightHeight = row.right === null ? leftHeight : pageWidth2 / getPageAspectRatio(row.right);
+          if (!row) {
+            return pageWidth2 / DEFAULT_PAGE_ASPECT_RATIO + DOUBLE_PAGE_SPACING;
+          }
+          const leftAspectRatio = getPageAspectRatio(row.left);
+          const leftPageWidth = resolvePdfBasePageWidth({
+            viewportWidth: columnWidth,
+            horizontalPadding: 8,
+            maxPageWidth,
+            maxPageHeight: pageFitHeight,
+            pageAspectRatio: leftAspectRatio
+          });
+          const leftHeight = leftPageWidth / leftAspectRatio;
+          const rightAspectRatio = row.right === null ? leftAspectRatio : getPageAspectRatio(row.right);
+          const rightPageWidth = row.right === null ? leftPageWidth : resolvePdfBasePageWidth({
+            viewportWidth: columnWidth,
+            horizontalPadding: 8,
+            maxPageWidth,
+            maxPageHeight: pageFitHeight,
+            pageAspectRatio: rightAspectRatio
+          });
+          const rightHeight = rightPageWidth / rightAspectRatio;
           return Math.max(leftHeight, rightHeight) + DOUBLE_PAGE_SPACING;
         }
       });
     }
     const pageWidth = resolvePdfBasePageWidth({
       viewportWidth: windowWidth,
-      horizontalPadding: 16
+      horizontalPadding: 16,
+      maxPageWidth,
+      maxPageHeight: pageFitHeight,
+      pageAspectRatio: DEFAULT_PAGE_ASPECT_RATIO
     });
     return (0, import_core4.createPageLayoutMetrics)({
       itemCount: pageCount,
@@ -27323,13 +27524,25 @@ var Viewer = ({
       topPadding: LIST_TOP_PADDING,
       bottomPadding: LIST_BOTTOM_PADDING,
       estimatedLength: pageWidth / DEFAULT_PAGE_ASPECT_RATIO + CONTINUOUS_PAGE_SPACING,
-      getBaseItemLength: (index) => pageWidth / getPageAspectRatio(index) + CONTINUOUS_PAGE_SPACING
+      getBaseItemLength: (index) => {
+        const aspectRatio = getPageAspectRatio(index);
+        const fittedPageWidth = resolvePdfBasePageWidth({
+          viewportWidth: windowWidth,
+          horizontalPadding: 16,
+          maxPageWidth,
+          maxPageHeight: pageFitHeight,
+          pageAspectRatio: aspectRatio
+        });
+        return fittedPageWidth / aspectRatio + CONTINUOUS_PAGE_SPACING;
+      }
     });
   }, [
     columnWidth,
     getPageAspectRatio,
     isDouble,
     layoutRevision,
+    maxPageWidth,
+    pageFitHeight,
     pageCount,
     rows,
     windowWidth
@@ -27366,7 +27579,7 @@ var Viewer = ({
     [getFallbackOffsetForIndex, setViewerScrollEnabledNative]
   );
   const restoreOrientationScrollOffset = (0, import_react5.useCallback)(() => {
-    if (pendingOrientationRestoreWidthRef.current !== windowWidth || pageCount <= 0 || isSingle || isWebView) {
+    if (!pendingOrientationRestoreRef.current || fitPageToViewportHeight && pageFitHeight === void 0 || pageCount <= 0 || isSingle || isWebView) {
       return;
     }
     const offset = resolveOrientationScrollOffset({
@@ -27377,24 +27590,30 @@ var Viewer = ({
     });
     listRef.current?.scrollToOffset({ offset, animated: false });
     lastScrollOffsetYRef.current = offset;
-    pendingOrientationRestoreWidthRef.current = null;
+    pendingOrientationRestoreRef.current = false;
   }, [
     currentPage,
+    fitPageToViewportHeight,
     isDouble,
     isSingle,
     isWebView,
     pageCount,
+    pageFitHeight,
     scaledListLayoutMetrics,
     windowWidth
   ]);
   (0, import_react5.useEffect)(() => {
-    const previousWindowWidth = previousWindowWidthRef.current;
-    previousWindowWidthRef.current = windowWidth;
-    if (previousWindowWidth !== null && previousWindowWidth !== windowWidth) {
-      pendingOrientationRestoreWidthRef.current = windowWidth;
+    const nextGeometry = { width: windowWidth, pageFitHeight };
+    const previousGeometry = previousViewportGeometryRef.current;
+    previousViewportGeometryRef.current = nextGeometry;
+    if (hasViewerViewportGeometryChanged({
+      previous: previousGeometry,
+      next: nextGeometry
+    })) {
+      pendingOrientationRestoreRef.current = true;
     }
     restoreOrientationScrollOffset();
-  }, [restoreOrientationScrollOffset, windowWidth]);
+  }, [pageFitHeight, restoreOrientationScrollOffset, windowWidth]);
   (0, import_react5.useEffect)(() => {
     if (pendingScrollTargetRef.current !== null) {
       scrollToPendingTarget(false);
@@ -27646,6 +27865,8 @@ var Viewer = ({
                   pageIndex: row.left,
                   pageAspectRatio: getPageAspectRatio(row.left),
                   availableWidth: columnWidth,
+                  maxPageWidth,
+                  maxPageHeight: pageFitHeight,
                   horizontalPadding: 8,
                   pageViewportWidth: columnWidth,
                   spacing: DOUBLE_PAGE_SPACING,
@@ -27666,6 +27887,8 @@ var Viewer = ({
                   pageIndex: row.right,
                   pageAspectRatio: getPageAspectRatio(row.right),
                   availableWidth: columnWidth,
+                  maxPageWidth,
+                  maxPageHeight: pageFitHeight,
                   horizontalPadding: 8,
                   pageViewportWidth: columnWidth,
                   spacing: DOUBLE_PAGE_SPACING,
@@ -27690,6 +27913,8 @@ var Viewer = ({
           pageIndex: item,
           pageAspectRatio: getPageAspectRatio(item),
           availableWidth: windowWidth,
+          maxPageWidth,
+          maxPageHeight: pageFitHeight,
           pageViewportWidth: documentSurfaceWidth,
           spacing: CONTINUOUS_PAGE_SPACING,
           onSelectionDragActiveChange: setSelectionDragActive,
@@ -27715,6 +27940,8 @@ var Viewer = ({
       horizontalPadding,
       isDouble,
       lastPinchEndedAt,
+      maxPageWidth,
+      pageFitHeight,
       windowWidth
     ]
   );
@@ -27737,7 +27964,13 @@ var Viewer = ({
       onViewableItemsChanged,
       viewabilityConfig: { itemVisiblePercentThreshold: 60 },
       scrollEnabled: pageScrubResolvedScrollEnabled || programmaticScrollActive,
-      onLayout: () => {
+      onLayout: (event) => {
+        const nextHeight = event.nativeEvent.layout.height;
+        if (fitPageToViewportHeight) {
+          setViewerViewportHeight(
+            (currentHeight) => currentHeight === nextHeight ? currentHeight : nextHeight
+          );
+        }
         captureViewerFrame(listRef.current);
         restoreOrientationScrollOffset();
         scrollToPendingTarget(false);
@@ -27806,13 +28039,14 @@ var Viewer = ({
       WebViewViewer_default,
       {
         engine,
+        maxPageWidth,
         onScrollOffset: handleWebViewScroll,
         onTap: handleWebViewTap
       }
     ) });
   }
   if (isNativePdfViewer) {
-    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_native4.View, { style: [styles4.container, isDark && styles4.containerDark], children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DedicatedAndroidPdfViewer, { engine }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_native4.View, { style: [styles4.container, isDark && styles4.containerDark], children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DedicatedAndroidPdfViewer, { engine, maxPageWidth }) });
   }
   if (isSingle) {
     return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_native4.View, { style: [styles4.container, isDark && styles4.containerDark], children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_native_gesture_handler2.GestureDetector, { gesture: viewerPinchGesture, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
@@ -27853,7 +28087,15 @@ var Viewer = ({
                 contentContainerStyle: styles4.singleContent,
                 showsVerticalScrollIndicator: false,
                 scrollEnabled: pageScrubResolvedScrollEnabled,
-                onLayout: () => captureViewerFrame(listRef.current),
+                onLayout: (event) => {
+                  const nextHeight = event.nativeEvent.layout.height;
+                  if (fitPageToViewportHeight) {
+                    setViewerViewportHeight(
+                      (currentHeight) => currentHeight === nextHeight ? currentHeight : nextHeight
+                    );
+                  }
+                  captureViewerFrame(listRef.current);
+                },
                 onContentSizeChange: (_, height) => {
                   viewerContentHeightRef.current = height;
                 },
@@ -27886,6 +28128,8 @@ var Viewer = ({
                       Math.max(0, currentPage - 1)
                     ),
                     availableWidth: windowWidth,
+                    maxPageWidth,
+                    maxPageHeight: pageFitHeight,
                     pageViewportWidth: documentSurfaceWidth,
                     spacing: 32,
                     onSelectionDragActiveChange: setSelectionDragActive,
@@ -28018,6 +28262,9 @@ var import_react7 = __toESM(require("react"));
 var import_react_native5 = require("react-native");
 
 // components/nativeSheetLayout.ts
+var FLOATING_SHEET_MIN_WINDOW_WIDTH = 600;
+var FLOATING_SHEET_HORIZONTAL_GUTTER = 32;
+var FLOATING_SHEET_MAX_WIDTH = 640;
 var getNativeSheetSizeStyle = (maxHeight) => {
   if (!maxHeight) return null;
   return {
@@ -28025,6 +28272,32 @@ var getNativeSheetSizeStyle = (maxHeight) => {
     ...typeof maxHeight === "number" ? { height: maxHeight } : {}
   };
 };
+var getNativeSheetWidth = (windowWidth) => {
+  if (!Number.isFinite(windowWidth) || windowWidth <= 0) return 0;
+  if (windowWidth < FLOATING_SHEET_MIN_WINDOW_WIDTH) return windowWidth;
+  return Math.min(
+    FLOATING_SHEET_MAX_WIDTH,
+    windowWidth - FLOATING_SHEET_HORIZONTAL_GUTTER * 2
+  );
+};
+var getNativeSheetLayoutStyles = (windowWidth) => {
+  if (!Number.isFinite(windowWidth) || windowWidth < FLOATING_SHEET_MIN_WINDOW_WIDTH) {
+    return null;
+  }
+  return {
+    root: {
+      justifyContent: "center",
+      paddingHorizontal: FLOATING_SHEET_HORIZONTAL_GUTTER,
+      paddingVertical: 24
+    },
+    sheet: {
+      width: getNativeSheetWidth(windowWidth),
+      alignSelf: "center",
+      borderRadius: 24,
+      borderBottomWidth: 1
+    }
+  };
+};
 
 // components/PapyrusSafeArea.tsx
 var import_react6 = __toESM(require("react"));
@@ -28101,7 +28374,8 @@ function NativeSheet({
 }) {
   const insets = usePapyrusSafeAreaInsets();
   const palette = getNativeSheetPalette(Boolean(isDark));
-  const { height: windowHeight } = (0, import_react_native5.useWindowDimensions)();
+  const { height: windowHeight, width: windowWidth } = (0, import_react_native5.useWindowDimensions)();
+  const tabletLayout = getNativeSheetLayoutStyles(windowWidth);
   const [rendered, setRendered] = (0, import_react7.useState)(visible);
   const renderedRef = (0, import_react7.useRef)(visible);
   const motion = (0, import_react7.useRef)(new import_react_native5.Animated.Value(visible ? 0 : 1)).current;
@@ -28156,7 +28430,7 @@ function NativeSheet({
       transparent: true,
       visible: rendered,
       onRequestClose: onClose,
-      children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react_native5.View, { style: styles5.root, children: [
+      children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react_native5.View, { style: [styles5.root, tabletLayout?.root], children: [
         /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_native5.Animated.View, { style: [styles5.backdrop, { opacity: backdropOpacity }], children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
           import_react_native5.Pressable,
           {
@@ -28171,12 +28445,14 @@ function NativeSheet({
           {
             style: [
               styles5.sheet,
+              tabletLayout?.sheet,
               isDark && styles5.sheetDark,
               getNativeSheetSizeStyle(maxHeight),
               { paddingBottom: insets.bottom },
               {
                 backgroundColor: palette.backgroundColor,
-                borderTopColor: palette.borderColor
+                borderTopColor: palette.borderColor,
+                borderBottomColor: palette.borderColor
               },
               sheetStyle,
               {
@@ -28232,7 +28508,8 @@ function NativeSheetFlatList(props) {
 var styles5 = import_react_native5.StyleSheet.create({
   root: {
     flex: 1,
-    justifyContent: "flex-end"
+    justifyContent: "flex-end",
+    alignItems: "center"
   },
   backdrop: {
     ...import_react_native5.StyleSheet.absoluteFillObject,
@@ -28245,6 +28522,7 @@ var styles5 = import_react_native5.StyleSheet.create({
     borderTopRightRadius: 24,
     borderTopWidth: 1,
     borderTopColor: "#e5e7eb",
+    borderBottomColor: "#e5e7eb",
     backgroundColor: "#ffffff"
   },
   sheetDark: {
@@ -29822,6 +30100,14 @@ var import_core7 = require("@papyrus-sdk/core");
 var import_engine_native3 = require("@papyrus-sdk/engine-native");
 
 // components/rightSheetLayout.ts
+var getRightSheetThumbnailLayout = (sheetWidth) => {
+  const availableWidth = Number.isFinite(sheetWidth) ? Math.max(0, sheetWidth - 32) : 0;
+  const cardWidth = Math.max(0, (availableWidth - 12) / 2);
+  return {
+    cardWidth,
+    frameWidth: Math.max(0, cardWidth - 16)
+  };
+};
 var resolveRightSheetHeight = ({
   windowHeight,
   showingNotes
@@ -30023,6 +30309,7 @@ var RightSheet = ({
     locale,
     accentColor
   } = (0, import_core7.useViewerStore)();
+  const { height: windowHeight, width: windowWidth } = (0, import_react_native9.useWindowDimensions)();
   const [pagesMode, setPagesMode] = (0, import_react11.useState)(
     documentType === "pdf" || documentType === "comic" ? "thumbnails" : "summary"
   );
@@ -30036,14 +30323,11 @@ var RightSheet = ({
   const t = getStrings(locale);
   const showingNotes = sidebarRightTab === "annotations";
   const sheetHeight = resolveRightSheetHeight({
-    windowHeight: import_react_native9.Dimensions.get("window").height,
+    windowHeight,
     showingNotes
   });
-  const windowWidth = import_react_native9.Dimensions.get("window").width;
-  const gridGutter = 12;
-  const gridPadding = 16;
-  const cardWidth = (windowWidth - gridPadding * 2 - gridGutter) / 2;
-  const frameWidth = cardWidth - 16;
+  const sheetWidth = getNativeSheetWidth(windowWidth);
+  const { cardWidth, frameWidth } = getRightSheetThumbnailLayout(sheetWidth);
   const renderTarget = engine.getRenderTargetType?.();
   const hasNativePageView = Boolean(
     import_react_native9.UIManager.getViewManagerConfig?.("PapyrusPageView")
@@ -30471,7 +30755,9 @@ var RightSheet = ({
                   ] }),
                   /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native9.Text, { style: [styles9.noteType, { color: accentColor }], children: getAnnotationKindLabel(ann.type, locale) }),
                   ann.content ? (() => {
-                    const parts = resolveNoteQuoteParts(ann.content ?? "");
+                    const parts = resolveNoteQuoteParts(
+                      ann.content ?? ""
+                    );
                     return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react_native9.View, { style: styles9.noteQuoteRow, children: [
                       /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
                         import_react_native9.View,
@@ -31245,6 +31531,11 @@ var BottomBar_default = BottomBar;
 // components/SettingsSheet.tsx
 var import_react_native12 = require("react-native");
 var import_core10 = require("@papyrus-sdk/core");
+
+// components/settingsSheetLayout.ts
+var getSettingsSheetMaxHeight = (windowHeight) => Math.min(640, Math.max(0, windowHeight) * 0.72);
+
+// components/SettingsSheet.tsx
 var import_jsx_runtime15 = require("react/jsx-runtime");
 var PAGE_THEME_OPTIONS = [
   { value: "normal", labelKey: "themeOriginal" },
@@ -31289,7 +31580,8 @@ var SettingsSheet = ({
   const isPaged = viewMode === "single";
   const isDouble = viewMode === "double";
   const t = getStrings(locale);
-  const sheetMaxHeight = Math.min(640, import_react_native12.Dimensions.get("window").height * 0.72);
+  const { height: windowHeight } = (0, import_react_native12.useWindowDimensions)();
+  const sheetMaxHeight = getSettingsSheetMaxHeight(windowHeight);
   const handleTransition = (mode) => {
     if (mode === "paged") {
       setDocumentState({ viewMode: "single" });
@@ -32739,6 +33031,25 @@ var styles17 = import_react_native17.StyleSheet.create({
 var import_react15 = __toESM(require("react"));
 var import_react_native18 = require("react-native");
 var import_core15 = require("@papyrus-sdk/core");
+
+// components/searchOverlayLayout.ts
+var getSearchOverlayLayout = (windowWidth) => {
+  if (!Number.isFinite(windowWidth) || windowWidth <= 0) {
+    return { frame: { paddingHorizontal: 12 }, card: null };
+  }
+  if (windowWidth < 768) {
+    return { frame: { paddingHorizontal: 12 }, card: null };
+  }
+  return {
+    frame: { paddingHorizontal: 24 },
+    card: {
+      width: Math.min(640, windowWidth - 48),
+      alignSelf: "center"
+    }
+  };
+};
+
+// components/SearchOverlay.tsx
 var import_jsx_runtime21 = require("react/jsx-runtime");
 function SearchOverlay({
   engine,
@@ -32764,6 +33075,8 @@ function SearchOverlay({
   const [isSearching, setIsSearching] = (0, import_react15.useState)(false);
   const searchRequestIdRef = import_react15.default.useRef(0);
   const isDark = uiTheme === "dark";
+  const { width: windowWidth } = (0, import_react_native18.useWindowDimensions)();
+  const overlayLayout = getSearchOverlayLayout(windowWidth);
   const offsets = resolveMobileChromeOffsets(usePapyrusSafeAreaInsets());
   const t = getStrings(locale);
   const searchService = (0, import_react15.useMemo)(() => new import_core15.SearchService(engine), [engine]);
@@ -32799,110 +33112,125 @@ function SearchOverlay({
     onClose();
   };
   if (!visible) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_native18.View, { pointerEvents: "box-none", style: [styles18.frame, { bottom: offsets.search, paddingLeft: offsets.left, paddingRight: offsets.right }], children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     import_react_native18.View,
     {
-      style: [styles18.card, isDark && styles18.cardDark],
-      testID: "papyrus-search-overlay",
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_react_native18.View, { style: styles18.inputRow, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_react_native18.View, { style: [styles18.searchInputWrap, isDark && styles18.searchInputWrapDark], children: [
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(IconSearch, { size: 16, color: isDark ? "#cbd5e1" : "#64748b" }),
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-              import_react_native18.TextInput,
-              {
-                value: draft,
-                onChangeText: setDraft,
-                placeholder: t.searchPlaceholder,
-                placeholderTextColor: isDark ? "#94a3b8" : "#6b7280",
-                style: [styles18.input, isDark && styles18.inputDark],
-                autoFocus: true,
-                returnKeyType: "search",
-                onSubmitEditing: handleSubmit,
-                accessibilityLabel: "Search text",
-                testID: "papyrus-search-input"
-              }
-            )
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-            import_react_native18.Pressable,
-            {
-              onPress: handleClose,
-              style: [styles18.closeButton, isDark && styles18.closeButtonDark],
-              accessibilityLabel: "Close search",
-              children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_native18.Text, { style: [styles18.closeText, isDark && styles18.closeTextDark], children: t.cancel })
-            }
-          )
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_react_native18.View, { style: styles18.metaRow, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-            import_react_native18.Pressable,
-            {
-              onPress: prevSearchResult,
-              disabled: searchResults.length === 0,
-              style: [
-                styles18.navButton,
-                isDark && styles18.navButtonDark,
-                searchResults.length === 0 && styles18.navButtonDisabled
-              ],
-              accessibilityLabel: "Previous result",
-              children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(IconChevronLeft, { size: 16, color: isDark ? "#e5e7eb" : "#111827" })
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_native18.Text, { style: [styles18.metaText, isDark && styles18.metaTextDark], children: isSearching ? t.searching : `${currentCount}/${searchResults.length} ${targetLabel}` }),
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-            import_react_native18.Pressable,
-            {
-              onPress: nextSearchResult,
-              disabled: searchResults.length === 0,
-              style: [
-                styles18.navButton,
-                isDark && styles18.navButtonDark,
-                searchResults.length === 0 && styles18.navButtonDisabled
-              ],
-              accessibilityLabel: "Next result",
-              children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(IconChevronRight, { size: 16, color: isDark ? "#e5e7eb" : "#111827" })
-            }
-          )
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_react_native18.View, { style: styles18.actionsRow, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-            import_react_native18.Pressable,
-            {
-              onPress: handleSubmit,
-              style: [styles18.primaryAction, { backgroundColor: accentColor }],
-              accessibilityLabel: "Run search",
-              testID: "papyrus-search-run",
-              children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_native18.Text, { style: styles18.primaryActionText, children: t.searchGo })
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-            import_react_native18.Pressable,
-            {
-              onPress: onOpenResults,
-              disabled: searchResults.length === 0,
-              style: [
-                styles18.secondaryAction,
-                isDark && styles18.secondaryActionDark,
-                searchResults.length === 0 && styles18.navButtonDisabled
-              ],
-              accessibilityLabel: "Open all results",
-              children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-                import_react_native18.Text,
+      pointerEvents: "box-none",
+      style: [
+        styles18.frame,
+        overlayLayout.frame,
+        {
+          bottom: offsets.search,
+          paddingLeft: Math.max(overlayLayout.frame.paddingHorizontal, offsets.left),
+          paddingRight: Math.max(overlayLayout.frame.paddingHorizontal, offsets.right)
+        }
+      ],
+      children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+        import_react_native18.View,
+        {
+          style: [styles18.card, overlayLayout.card, isDark && styles18.cardDark],
+          testID: "papyrus-search-overlay",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_react_native18.View, { style: styles18.inputRow, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_react_native18.View, { style: [styles18.searchInputWrap, isDark && styles18.searchInputWrapDark], children: [
+                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(IconSearch, { size: 16, color: isDark ? "#cbd5e1" : "#64748b" }),
+                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                  import_react_native18.TextInput,
+                  {
+                    value: draft,
+                    onChangeText: setDraft,
+                    placeholder: t.searchPlaceholder,
+                    placeholderTextColor: isDark ? "#94a3b8" : "#6b7280",
+                    style: [styles18.input, isDark && styles18.inputDark],
+                    autoFocus: true,
+                    returnKeyType: "search",
+                    onSubmitEditing: handleSubmit,
+                    accessibilityLabel: "Search text",
+                    testID: "papyrus-search-input"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                import_react_native18.Pressable,
                 {
+                  onPress: handleClose,
+                  style: [styles18.closeButton, isDark && styles18.closeButtonDark],
+                  accessibilityLabel: "Close search",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_native18.Text, { style: [styles18.closeText, isDark && styles18.closeTextDark], children: t.cancel })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_react_native18.View, { style: styles18.metaRow, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                import_react_native18.Pressable,
+                {
+                  onPress: prevSearchResult,
+                  disabled: searchResults.length === 0,
+                  style: [
+                    styles18.navButton,
+                    isDark && styles18.navButtonDark,
+                    searchResults.length === 0 && styles18.navButtonDisabled
+                  ],
+                  accessibilityLabel: "Previous result",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(IconChevronLeft, { size: 16, color: isDark ? "#e5e7eb" : "#111827" })
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_native18.Text, { style: [styles18.metaText, isDark && styles18.metaTextDark], children: isSearching ? t.searching : `${currentCount}/${searchResults.length} ${targetLabel}` }),
+              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                import_react_native18.Pressable,
+                {
+                  onPress: nextSearchResult,
+                  disabled: searchResults.length === 0,
                   style: [
-                    styles18.secondaryActionText,
-                    isDark && styles18.secondaryActionTextDark
+                    styles18.navButton,
+                    isDark && styles18.navButtonDark,
+                    searchResults.length === 0 && styles18.navButtonDisabled
                   ],
-                  children: t.allResults
+                  accessibilityLabel: "Next result",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(IconChevronRight, { size: 16, color: isDark ? "#e5e7eb" : "#111827" })
                 }
               )
-            }
-          )
-        ] })
-      ]
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_react_native18.View, { style: styles18.actionsRow, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                import_react_native18.Pressable,
+                {
+                  onPress: handleSubmit,
+                  style: [styles18.primaryAction, { backgroundColor: accentColor }],
+                  accessibilityLabel: "Run search",
+                  testID: "papyrus-search-run",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_native18.Text, { style: styles18.primaryActionText, children: t.searchGo })
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                import_react_native18.Pressable,
+                {
+                  onPress: onOpenResults,
+                  disabled: searchResults.length === 0,
+                  style: [
+                    styles18.secondaryAction,
+                    isDark && styles18.secondaryActionDark,
+                    searchResults.length === 0 && styles18.navButtonDisabled
+                  ],
+                  accessibilityLabel: "Open all results",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                    import_react_native18.Text,
+                    {
+                      style: [
+                        styles18.secondaryActionText,
+                        isDark && styles18.secondaryActionTextDark
+                      ],
+                      children: t.allResults
+                    }
+                  )
+                }
+              )
+            ] })
+          ]
+        }
+      )
     }
-  ) });
+  );
 }
 var styles18 = import_react_native18.StyleSheet.create({
   frame: {