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

package/dist/index.mjs

@@ -4,6 +4,7 @@ import {
   resolveAnchoredHorizontalSurfaceOffset,
   resolveAnchoredViewportOffset,
   resolveCenteredContentInset,
+  resolveClampedScrollOffset,
   resolveDocumentSurfaceWidth,
   resolveGlobalHorizontalOffset,
   resolvePinchGestureZoom,
@@ -23176,6 +23177,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,
@@ -23210,10 +23247,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 = ({
@@ -23300,6 +23384,8 @@ var PageRenderer = ({
   pageAspectRatio,
   PageViewComponent = PapyrusPageView,
   availableWidth,
+  maxPageWidth,
+  maxPageHeight,
   pageViewportWidth: providedPageViewportWidth,
   horizontalPadding = 16,
   spacing = 24,
@@ -24403,7 +24489,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;
@@ -25143,7 +25232,7 @@ var styles = 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 = memo(PageRenderer, arePageRendererPropsEqual);
 
 // components/WebViewViewer.tsx
@@ -25216,6 +25305,7 @@ var resolveRuntimeSource = (asset) => {
 };
 var WebViewViewer = ({
   engine,
+  maxPageWidth,
   onScrollOffset,
   onTap
 }) => {
@@ -25334,6 +25424,12 @@ var WebViewViewer = ({
     }
     return void 0;
   }, []);
+  const resolvedMaxPageWidth = resolveMaxPageWidth(maxPageWidth);
+  const cappedWebViewStyle = resolvedMaxPageWidth ? {
+    width: "100%",
+    maxWidth: resolvedMaxPageWidth,
+    alignSelf: "center"
+  } : void 0;
   return /* @__PURE__ */ jsxs3(View2, { style: styles2.container, children: [
     /* @__PURE__ */ jsx4(
       WebView,
@@ -25354,7 +25450,7 @@ var WebViewViewer = ({
         allowFileAccessFromFileURLs: true,
         allowUniversalAccessFromFileURLs: true,
         allowingReadAccessToURL,
-        style: styles2.webview
+        style: [styles2.webview, cappedWebViewStyle]
       }
     ),
     /* @__PURE__ */ jsx4(
@@ -25427,7 +25523,8 @@ var getDedicatedAndroidPdfEngineId = (engine) => {
   return typeof engineId === "string" && engineId.length > 0 ? engineId : null;
 };
 function DedicatedAndroidPdfViewer({
-  engine
+  engine,
+  maxPageWidth
 }) {
   const pageTheme = useViewerStore3((state) => state.pageTheme);
   const zoom = useViewerStore3((state) => state.zoom);
@@ -25450,6 +25547,12 @@ function DedicatedAndroidPdfViewer({
   const addAnnotation = useViewerStore3((state) => state.addAnnotation);
   const setSelectedAnnotation = useViewerStore3((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] = useState3(null);
   const selectionRef = useRef3(null);
   const lastVisiblePagesKeyRef = useRef3("");
@@ -25551,7 +25654,7 @@ function DedicatedAndroidPdfViewer({
     /* @__PURE__ */ jsx5(
       PapyrusPdfDocumentView,
       {
-        style: styles3.viewer,
+        style: [styles3.viewer, cappedViewerStyle],
         engineId,
         pageTheme,
         zoom,
@@ -25731,11 +25834,12 @@ var styles3 = StyleSheet3.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;
@@ -25997,6 +26101,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,
@@ -26053,6 +26165,8 @@ var scrollViewerListToOffset = (list, offset, animated) => {
 };
 var Viewer = ({
   engine,
+  maxPageWidth,
+  fitPageToViewportHeight = false,
   virtualWindowSize,
   maxToRenderPerBatch,
   removeClippedSubviews,
@@ -26094,6 +26208,7 @@ var Viewer = ({
   }, [mobilePerf, resolvedViewerMode]);
   const nativeEngineId = getDedicatedAndroidPdfEngineId(engine);
   const isNativePdfViewer = shouldUseNativePdfViewer({
+    platform: Platform2.OS,
     viewerMode: resolvedViewerMode,
     pageCount,
     isWebView,
@@ -26113,8 +26228,8 @@ var Viewer = ({
   const scrollPerfSession = useMemo3(() => createScrollPerfSession(), []);
   const dimensionsCacheRef = useRef4(/* @__PURE__ */ new Map());
   const dimensionsPendingRef = useRef4(/* @__PURE__ */ new Set());
-  const previousWindowWidthRef = useRef4(null);
-  const pendingOrientationRestoreWidthRef = useRef4(null);
+  const previousViewportGeometryRef = useRef4(null);
+  const pendingOrientationRestoreRef = useRef4(false);
   const layoutRefreshTimeoutRef = useRef4(
     null
   );
@@ -26161,6 +26276,7 @@ var Viewer = ({
   const committedPinchGestureIdRef = useRef4(null);
   const pinchAnchorRestoreFrameRef = useRef4(null);
   const viewerFrameRef = useRef4({ y: 0, height: 0 });
+  const [viewerViewportHeight, setViewerViewportHeight] = useState4(0);
   const viewerContentHeightRef = useRef4(0);
   const listLayoutMetricsRef = useRef4(null);
   const resolvedWindowSize = useMemo3(
@@ -26449,16 +26565,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 = useCallback3(
     (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 = useCallback3(
     (pageIndex, zoomValue) => getPageWidthForZoom(pageIndex, zoomValue) / getPageAspectRatio(pageIndex),
@@ -26484,8 +26611,12 @@ var Viewer = ({
   );
   const documentSurfaceWidth = useMemo3(() => {
     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,
@@ -26503,6 +26634,8 @@ var Viewer = ({
     getPageWidthForZoom,
     horizontalPadding,
     isDouble,
+    layoutRevision,
+    pageCount,
     windowWidth,
     zoom
   ]);
@@ -26824,6 +26957,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
@@ -26839,6 +26984,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(
@@ -26877,8 +27029,13 @@ var Viewer = ({
     engine,
     documentSurfaceWidth,
     getPageLayoutForZoom,
+    getPageWidthForZoom,
     getPageViewportMetrics,
     handleGestureScrollLockChange,
+    isDouble,
+    maxPageWidth,
+    pageFitHeight,
+    getPageAspectRatio,
     perfEnabled,
     pinchPerfMachine,
     resetViewerPinchPreview,
@@ -26963,7 +27120,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,
@@ -26974,7 +27131,7 @@ var Viewer = ({
         endPageOffsetY,
         endPageHeight,
         endContentHeight,
-        viewportHeight: viewerViewportHeight
+        viewportHeight: viewerViewportHeight2
       });
       if (isSingle) {
         listRef.current?.scrollTo?.({
@@ -26993,7 +27150,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,
@@ -27021,9 +27196,12 @@ var Viewer = ({
   }, [
     documentSurfaceWidth,
     getPageLayoutForZoom,
+    getPageWidthForZoom,
+    isDouble,
     isSingle,
     perfEnabled,
     scrollHorizontalSurfaceTo,
+    windowWidth,
     zoom
   ]);
   useEffect4(() => {
@@ -27084,7 +27262,10 @@ var Viewer = ({
     if (isDouble) {
       const pageWidth2 = resolvePdfBasePageWidth({
         viewportWidth: columnWidth,
-        horizontalPadding: 8
+        horizontalPadding: 8,
+        maxPageWidth,
+        maxPageHeight: pageFitHeight,
+        pageAspectRatio: DEFAULT_PAGE_ASPECT_RATIO
       });
       return createPageLayoutMetrics({
         itemCount: rows.length,
@@ -27094,16 +27275,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 createPageLayoutMetrics({
       itemCount: pageCount,
@@ -27111,13 +27313,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
@@ -27154,7 +27368,7 @@ var Viewer = ({
     [getFallbackOffsetForIndex, setViewerScrollEnabledNative]
   );
   const restoreOrientationScrollOffset = useCallback3(() => {
-    if (pendingOrientationRestoreWidthRef.current !== windowWidth || pageCount <= 0 || isSingle || isWebView) {
+    if (!pendingOrientationRestoreRef.current || fitPageToViewportHeight && pageFitHeight === void 0 || pageCount <= 0 || isSingle || isWebView) {
       return;
     }
     const offset = resolveOrientationScrollOffset({
@@ -27165,24 +27379,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
   ]);
   useEffect4(() => {
-    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]);
   useEffect4(() => {
     if (pendingScrollTargetRef.current !== null) {
       scrollToPendingTarget(false);
@@ -27434,6 +27654,8 @@ var Viewer = ({
                   pageIndex: row.left,
                   pageAspectRatio: getPageAspectRatio(row.left),
                   availableWidth: columnWidth,
+                  maxPageWidth,
+                  maxPageHeight: pageFitHeight,
                   horizontalPadding: 8,
                   pageViewportWidth: columnWidth,
                   spacing: DOUBLE_PAGE_SPACING,
@@ -27454,6 +27676,8 @@ var Viewer = ({
                   pageIndex: row.right,
                   pageAspectRatio: getPageAspectRatio(row.right),
                   availableWidth: columnWidth,
+                  maxPageWidth,
+                  maxPageHeight: pageFitHeight,
                   horizontalPadding: 8,
                   pageViewportWidth: columnWidth,
                   spacing: DOUBLE_PAGE_SPACING,
@@ -27478,6 +27702,8 @@ var Viewer = ({
           pageIndex: item,
           pageAspectRatio: getPageAspectRatio(item),
           availableWidth: windowWidth,
+          maxPageWidth,
+          maxPageHeight: pageFitHeight,
           pageViewportWidth: documentSurfaceWidth,
           spacing: CONTINUOUS_PAGE_SPACING,
           onSelectionDragActiveChange: setSelectionDragActive,
@@ -27503,6 +27729,8 @@ var Viewer = ({
       horizontalPadding,
       isDouble,
       lastPinchEndedAt,
+      maxPageWidth,
+      pageFitHeight,
       windowWidth
     ]
   );
@@ -27525,7 +27753,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);
@@ -27594,13 +27828,14 @@ var Viewer = ({
       WebViewViewer_default,
       {
         engine,
+        maxPageWidth,
         onScrollOffset: handleWebViewScroll,
         onTap: handleWebViewTap
       }
     ) });
   }
   if (isNativePdfViewer) {
-    return /* @__PURE__ */ jsx6(View4, { style: [styles4.container, isDark && styles4.containerDark], children: /* @__PURE__ */ jsx6(DedicatedAndroidPdfViewer, { engine }) });
+    return /* @__PURE__ */ jsx6(View4, { style: [styles4.container, isDark && styles4.containerDark], children: /* @__PURE__ */ jsx6(DedicatedAndroidPdfViewer, { engine, maxPageWidth }) });
   }
   if (isSingle) {
     return /* @__PURE__ */ jsx6(View4, { style: [styles4.container, isDark && styles4.containerDark], children: /* @__PURE__ */ jsx6(GestureDetector2, { gesture: viewerPinchGesture, children: /* @__PURE__ */ jsx6(
@@ -27641,7 +27876,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;
                 },
@@ -27674,6 +27917,8 @@ var Viewer = ({
                       Math.max(0, currentPage - 1)
                     ),
                     availableWidth: windowWidth,
+                    maxPageWidth,
+                    maxPageHeight: pageFitHeight,
                     pageViewportWidth: documentSurfaceWidth,
                     spacing: 32,
                     onSelectionDragActiveChange: setSelectionDragActive,
@@ -27822,6 +28067,9 @@ import {
 } from "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 {
@@ -27829,6 +28077,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
 import React6, { useContext as useContext2 } from "react";
@@ -27908,7 +28182,8 @@ function NativeSheet({
 }) {
   const insets = usePapyrusSafeAreaInsets();
   const palette = getNativeSheetPalette(Boolean(isDark));
-  const { height: windowHeight } = useWindowDimensions3();
+  const { height: windowHeight, width: windowWidth } = useWindowDimensions3();
+  const tabletLayout = getNativeSheetLayoutStyles(windowWidth);
   const [rendered, setRendered] = useState5(visible);
   const renderedRef = useRef5(visible);
   const motion = useRef5(new Animated2.Value(visible ? 0 : 1)).current;
@@ -27963,7 +28238,7 @@ function NativeSheet({
       transparent: true,
       visible: rendered,
       onRequestClose: onClose,
-      children: /* @__PURE__ */ jsxs6(View5, { style: styles5.root, children: [
+      children: /* @__PURE__ */ jsxs6(View5, { style: [styles5.root, tabletLayout?.root], children: [
         /* @__PURE__ */ jsx8(Animated2.View, { style: [styles5.backdrop, { opacity: backdropOpacity }], children: /* @__PURE__ */ jsx8(
           Pressable3,
           {
@@ -27978,12 +28253,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,
               {
@@ -28039,7 +28316,8 @@ function NativeSheetFlatList(props) {
 var styles5 = StyleSheet5.create({
   root: {
     flex: 1,
-    justifyContent: "flex-end"
+    justifyContent: "flex-end",
+    alignItems: "center"
   },
   backdrop: {
     ...StyleSheet5.absoluteFillObject,
@@ -28052,6 +28330,7 @@ var styles5 = StyleSheet5.create({
     borderTopRightRadius: 24,
     borderTopWidth: 1,
     borderTopColor: "#e5e7eb",
+    borderBottomColor: "#e5e7eb",
     backgroundColor: "#ffffff"
   },
   sheetDark: {
@@ -29638,7 +29917,6 @@ import {
   useState as useState9
 } from "react";
 import {
-  Dimensions,
   Image as Image2,
   Platform as Platform3,
   Pressable as Pressable7,
@@ -29646,12 +29924,21 @@ import {
   Text as Text5,
   UIManager,
   View as View9,
-  findNodeHandle as findNodeHandle2
+  findNodeHandle as findNodeHandle2,
+  useWindowDimensions as useWindowDimensions6
 } from "react-native";
 import { useViewerStore as useViewerStore7 } from "@papyrus-sdk/core";
 import { PapyrusPageView as PapyrusPageView2 } from "@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
@@ -29853,6 +30140,7 @@ var RightSheet = ({
     locale,
     accentColor
   } = useViewerStore7();
+  const { height: windowHeight, width: windowWidth } = useWindowDimensions6();
   const [pagesMode, setPagesMode] = useState9(
     documentType === "pdf" || documentType === "comic" ? "thumbnails" : "summary"
   );
@@ -29866,14 +30154,11 @@ var RightSheet = ({
   const t = getStrings(locale);
   const showingNotes = sidebarRightTab === "annotations";
   const sheetHeight = resolveRightSheetHeight({
-    windowHeight: Dimensions.get("window").height,
+    windowHeight,
     showingNotes
   });
-  const windowWidth = 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(
     UIManager.getViewManagerConfig?.("PapyrusPageView")
@@ -30301,7 +30586,9 @@ var RightSheet = ({
                   ] }),
                   /* @__PURE__ */ jsx12(Text5, { style: [styles9.noteType, { color: accentColor }], children: getAnnotationKindLabel(ann.type, locale) }),
                   ann.content ? (() => {
-                    const parts = resolveNoteQuoteParts(ann.content ?? "");
+                    const parts = resolveNoteQuoteParts(
+                      ann.content ?? ""
+                    );
                     return /* @__PURE__ */ jsxs10(View9, { style: styles9.noteQuoteRow, children: [
                       /* @__PURE__ */ jsx12(
                         View9,
@@ -30789,7 +31076,7 @@ var styles10 = StyleSheet10.create({
 var AnnotationEditor_default = AnnotationEditor;
 
 // components/BottomBar.tsx
-import { View as View11, Pressable as Pressable9, StyleSheet as StyleSheet11, useWindowDimensions as useWindowDimensions6 } from "react-native";
+import { View as View11, Pressable as Pressable9, StyleSheet as StyleSheet11, useWindowDimensions as useWindowDimensions7 } from "react-native";
 import { useViewerStore as useViewerStore9 } from "@papyrus-sdk/core";
 
 // components/bottomBarModel.ts
@@ -30857,7 +31144,7 @@ var BottomBar = ({
   } = useViewerStore9();
   const isDark = uiTheme === "dark";
   const t = getStrings(locale);
-  const { width, height } = useWindowDimensions6();
+  const { width, height } = useWindowDimensions7();
   const isLandscape = width > height;
   const offsets = resolveMobileChromeOffsets(usePapyrusSafeAreaInsets());
   const iconColor = (active) => {
@@ -31080,8 +31367,19 @@ var styles11 = StyleSheet11.create({
 var BottomBar_default = BottomBar;
 
 // components/SettingsSheet.tsx
-import { Dimensions as Dimensions2, View as View12, Text as Text7, Pressable as Pressable10, StyleSheet as StyleSheet12 } from "react-native";
+import {
+  View as View12,
+  Text as Text7,
+  Pressable as Pressable10,
+  StyleSheet as StyleSheet12,
+  useWindowDimensions as useWindowDimensions8
+} from "react-native";
 import { useViewerStore as useViewerStore10 } from "@papyrus-sdk/core";
+
+// components/settingsSheetLayout.ts
+var getSettingsSheetMaxHeight = (windowHeight) => Math.min(640, Math.max(0, windowHeight) * 0.72);
+
+// components/SettingsSheet.tsx
 import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
 var PAGE_THEME_OPTIONS = [
   { value: "normal", labelKey: "themeOriginal" },
@@ -31126,7 +31424,8 @@ var SettingsSheet = ({
   const isPaged = viewMode === "single";
   const isDouble = viewMode === "double";
   const t = getStrings(locale);
-  const sheetMaxHeight = Math.min(640, Dimensions2.get("window").height * 0.72);
+  const { height: windowHeight } = useWindowDimensions8();
+  const sheetMaxHeight = getSettingsSheetMaxHeight(windowHeight);
   const handleTransition = (mode) => {
     if (mode === "paged") {
       setDocumentState({ viewMode: "single" });
@@ -32198,7 +32497,7 @@ import {
   StyleSheet as StyleSheet17,
   Text as Text12,
   View as View17,
-  useWindowDimensions as useWindowDimensions7
+  useWindowDimensions as useWindowDimensions9
 } from "react-native";
 import { useViewerStore as useViewerStore14 } from "@papyrus-sdk/core";
 import { jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
@@ -32220,7 +32519,7 @@ function ProgressPill({
   } = useViewerStore14();
   const isDark = uiTheme === "dark";
   const offsets = resolveMobileChromeOffsets(usePapyrusSafeAreaInsets());
-  const { height: windowHeight } = useWindowDimensions7();
+  const { height: windowHeight } = useWindowDimensions9();
   const windowHeightRef = useRef9(windowHeight);
   windowHeightRef.current = windowHeight;
   const trackHeight = resolvePageScrubberTrackHeight({
@@ -32594,9 +32893,29 @@ import {
   StyleSheet as StyleSheet18,
   Text as Text13,
   TextInput as TextInput3,
-  View as View18
+  View as View18,
+  useWindowDimensions as useWindowDimensions10
 } from "react-native";
 import { SearchService, useViewerStore as useViewerStore15 } from "@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
 import { jsx as jsx21, jsxs as jsxs18 } from "react/jsx-runtime";
 function SearchOverlay({
   engine,
@@ -32622,6 +32941,8 @@ function SearchOverlay({
   const [isSearching, setIsSearching] = useState13(false);
   const searchRequestIdRef = React15.useRef(0);
   const isDark = uiTheme === "dark";
+  const { width: windowWidth } = useWindowDimensions10();
+  const overlayLayout = getSearchOverlayLayout(windowWidth);
   const offsets = resolveMobileChromeOffsets(usePapyrusSafeAreaInsets());
   const t = getStrings(locale);
   const searchService = useMemo8(() => new SearchService(engine), [engine]);
@@ -32657,110 +32978,125 @@ function SearchOverlay({
     onClose();
   };
   if (!visible) return null;
-  return /* @__PURE__ */ jsx21(View18, { pointerEvents: "box-none", style: [styles18.frame, { bottom: offsets.search, paddingLeft: offsets.left, paddingRight: offsets.right }], children: /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsx21(
     View18,
     {
-      style: [styles18.card, isDark && styles18.cardDark],
-      testID: "papyrus-search-overlay",
-      children: [
-        /* @__PURE__ */ jsxs18(View18, { style: styles18.inputRow, children: [
-          /* @__PURE__ */ jsxs18(View18, { style: [styles18.searchInputWrap, isDark && styles18.searchInputWrapDark], children: [
-            /* @__PURE__ */ jsx21(IconSearch, { size: 16, color: isDark ? "#cbd5e1" : "#64748b" }),
-            /* @__PURE__ */ jsx21(
-              TextInput3,
-              {
-                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__ */ jsx21(
-            Pressable12,
-            {
-              onPress: handleClose,
-              style: [styles18.closeButton, isDark && styles18.closeButtonDark],
-              accessibilityLabel: "Close search",
-              children: /* @__PURE__ */ jsx21(Text13, { style: [styles18.closeText, isDark && styles18.closeTextDark], children: t.cancel })
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs18(View18, { style: styles18.metaRow, children: [
-          /* @__PURE__ */ jsx21(
-            Pressable12,
-            {
-              onPress: prevSearchResult,
-              disabled: searchResults.length === 0,
-              style: [
-                styles18.navButton,
-                isDark && styles18.navButtonDark,
-                searchResults.length === 0 && styles18.navButtonDisabled
-              ],
-              accessibilityLabel: "Previous result",
-              children: /* @__PURE__ */ jsx21(IconChevronLeft, { size: 16, color: isDark ? "#e5e7eb" : "#111827" })
-            }
-          ),
-          /* @__PURE__ */ jsx21(Text13, { style: [styles18.metaText, isDark && styles18.metaTextDark], children: isSearching ? t.searching : `${currentCount}/${searchResults.length} ${targetLabel}` }),
-          /* @__PURE__ */ jsx21(
-            Pressable12,
-            {
-              onPress: nextSearchResult,
-              disabled: searchResults.length === 0,
-              style: [
-                styles18.navButton,
-                isDark && styles18.navButtonDark,
-                searchResults.length === 0 && styles18.navButtonDisabled
-              ],
-              accessibilityLabel: "Next result",
-              children: /* @__PURE__ */ jsx21(IconChevronRight, { size: 16, color: isDark ? "#e5e7eb" : "#111827" })
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs18(View18, { style: styles18.actionsRow, children: [
-          /* @__PURE__ */ jsx21(
-            Pressable12,
-            {
-              onPress: handleSubmit,
-              style: [styles18.primaryAction, { backgroundColor: accentColor }],
-              accessibilityLabel: "Run search",
-              testID: "papyrus-search-run",
-              children: /* @__PURE__ */ jsx21(Text13, { style: styles18.primaryActionText, children: t.searchGo })
-            }
-          ),
-          /* @__PURE__ */ jsx21(
-            Pressable12,
-            {
-              onPress: onOpenResults,
-              disabled: searchResults.length === 0,
-              style: [
-                styles18.secondaryAction,
-                isDark && styles18.secondaryActionDark,
-                searchResults.length === 0 && styles18.navButtonDisabled
-              ],
-              accessibilityLabel: "Open all results",
-              children: /* @__PURE__ */ jsx21(
-                Text13,
+      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__ */ jsxs18(
+        View18,
+        {
+          style: [styles18.card, overlayLayout.card, isDark && styles18.cardDark],
+          testID: "papyrus-search-overlay",
+          children: [
+            /* @__PURE__ */ jsxs18(View18, { style: styles18.inputRow, children: [
+              /* @__PURE__ */ jsxs18(View18, { style: [styles18.searchInputWrap, isDark && styles18.searchInputWrapDark], children: [
+                /* @__PURE__ */ jsx21(IconSearch, { size: 16, color: isDark ? "#cbd5e1" : "#64748b" }),
+                /* @__PURE__ */ jsx21(
+                  TextInput3,
+                  {
+                    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__ */ jsx21(
+                Pressable12,
                 {
+                  onPress: handleClose,
+                  style: [styles18.closeButton, isDark && styles18.closeButtonDark],
+                  accessibilityLabel: "Close search",
+                  children: /* @__PURE__ */ jsx21(Text13, { style: [styles18.closeText, isDark && styles18.closeTextDark], children: t.cancel })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs18(View18, { style: styles18.metaRow, children: [
+              /* @__PURE__ */ jsx21(
+                Pressable12,
+                {
+                  onPress: prevSearchResult,
+                  disabled: searchResults.length === 0,
+                  style: [
+                    styles18.navButton,
+                    isDark && styles18.navButtonDark,
+                    searchResults.length === 0 && styles18.navButtonDisabled
+                  ],
+                  accessibilityLabel: "Previous result",
+                  children: /* @__PURE__ */ jsx21(IconChevronLeft, { size: 16, color: isDark ? "#e5e7eb" : "#111827" })
+                }
+              ),
+              /* @__PURE__ */ jsx21(Text13, { style: [styles18.metaText, isDark && styles18.metaTextDark], children: isSearching ? t.searching : `${currentCount}/${searchResults.length} ${targetLabel}` }),
+              /* @__PURE__ */ jsx21(
+                Pressable12,
+                {
+                  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__ */ jsx21(IconChevronRight, { size: 16, color: isDark ? "#e5e7eb" : "#111827" })
                 }
               )
-            }
-          )
-        ] })
-      ]
+            ] }),
+            /* @__PURE__ */ jsxs18(View18, { style: styles18.actionsRow, children: [
+              /* @__PURE__ */ jsx21(
+                Pressable12,
+                {
+                  onPress: handleSubmit,
+                  style: [styles18.primaryAction, { backgroundColor: accentColor }],
+                  accessibilityLabel: "Run search",
+                  testID: "papyrus-search-run",
+                  children: /* @__PURE__ */ jsx21(Text13, { style: styles18.primaryActionText, children: t.searchGo })
+                }
+              ),
+              /* @__PURE__ */ jsx21(
+                Pressable12,
+                {
+                  onPress: onOpenResults,
+                  disabled: searchResults.length === 0,
+                  style: [
+                    styles18.secondaryAction,
+                    isDark && styles18.secondaryActionDark,
+                    searchResults.length === 0 && styles18.navButtonDisabled
+                  ],
+                  accessibilityLabel: "Open all results",
+                  children: /* @__PURE__ */ jsx21(
+                    Text13,
+                    {
+                      style: [
+                        styles18.secondaryActionText,
+                        isDark && styles18.secondaryActionTextDark
+                      ],
+                      children: t.allResults
+                    }
+                  )
+                }
+              )
+            ] })
+          ]
+        }
+      )
     }
-  ) });
+  );
 }
 var styles18 = StyleSheet18.create({
   frame: {