@beyondwork/docx-react-component 1.0.133 → 1.0.134

package/dist/{chunk-S3PEKX6H.js → chunk-3YR47WTD.js}

@@ -1,6 +1,6 @@
 import {
   resolvePageOverlayRectsFromGeometry
-} from "./chunk-57HTKX3P.js";
+} from "./chunk-74R5B2EZ.js";
 import {
   buildPageAnchorAttributes,
   buildPageAnchorSelector,
@@ -20,7 +20,7 @@ import {
   incrementInvalidationCounter,
   recordPerfSample,
   sanitizeMarkdown
-} from "./chunk-CVSD3UNK.js";
+} from "./chunk-O4EDZR44.js";
 import {
   createCanvasBackend
 } from "./chunk-OVLZQ6FZ.js";
@@ -7993,294 +7993,6 @@ function resolveSkeletalPageOverlayRectsFromLayout(facet) {
   }
   return rects;
 }
-function pageOverlayLastBottom(rects) {
-  let bottom = 0;
-  for (const rect of rects) {
-    if (rect.bottomPx > bottom) bottom = rect.bottomPx;
-  }
-  return bottom;
-}
-function extendFinalPageOverlayRectToFlowHeight(rects, flowHeightPx) {
-  if (rects.length === 0 || !Number.isFinite(flowHeightPx)) return rects;
-  const last = rects[rects.length - 1];
-  if (flowHeightPx <= last.bottomPx + 1) return rects;
-  return [
-    ...rects.slice(0, -1),
-    {
-      ...last,
-      bottomPx: flowHeightPx,
-      heightPx: Math.max(0, flowHeightPx - last.topPx)
-    }
-  ];
-}
-function extendPageOverlayRectsAcrossTableBoundaryGaps(rects, tableBoundaryIndices) {
-  if (rects.length === 0 || tableBoundaryIndices.length === 0) return rects;
-  const tableBoundaries = new Set(tableBoundaryIndices);
-  const byPageIndex = /* @__PURE__ */ new Map();
-  for (const rect of rects) {
-    byPageIndex.set(rect.pageIndex, rect);
-  }
-  let changed = false;
-  const bridged = rects.map((rect) => {
-    if (!tableBoundaries.has(rect.pageIndex)) return rect;
-    const next = byPageIndex.get(rect.pageIndex + 1);
-    if (!next || next.topPx <= rect.bottomPx + 1) return rect;
-    changed = true;
-    return {
-      ...rect,
-      bottomPx: next.topPx,
-      heightPx: Math.max(0, next.topPx - rect.topPx)
-    };
-  });
-  return changed ? bridged : rects;
-}
-function mergePageOverlayRectsByPageIndex(baseRects, flowRects) {
-  if (baseRects.length === 0 || flowRects.length === 0) return baseRects;
-  const flowByIndex = /* @__PURE__ */ new Map();
-  for (const rect of flowRects) {
-    flowByIndex.set(rect.pageIndex, rect);
-  }
-  return baseRects.map((rect) => flowByIndex.get(rect.pageIndex) ?? rect);
-}
-function normalizeVisiblePageIndexRange(range, pageCount) {
-  if (!range || pageCount <= 0) return null;
-  const start = Math.max(0, Math.min(range.start, pageCount));
-  const end = Math.max(start, Math.min(range.end, pageCount));
-  if (start >= end) return null;
-  return { start, end };
-}
-function collectBoundaryIndicesForVisibleRange(range, pageCount) {
-  if (pageCount <= 1) return [];
-  const startBoundaryIndex = Math.max(0, range.start - 1);
-  const endBoundaryIndex = Math.min(pageCount - 2, range.end - 1);
-  if (startBoundaryIndex > endBoundaryIndex) return [];
-  const indices = [];
-  for (let index = startBoundaryIndex; index <= endBoundaryIndex; index += 1) {
-    indices.push(index);
-  }
-  return indices;
-}
-function parsePageBoundaryIndex(prevPageId) {
-  const match = /^page-(\d+)$/.exec(prevPageId);
-  if (!match) return void 0;
-  return Number.parseInt(match[1] ?? "", 10);
-}
-function collectTableEmbeddedBoundaryIndices(queryRoot) {
-  if (!queryRoot) return [];
-  const indices = [];
-  const widgets = Array.from(
-    queryRoot.querySelectorAll("[data-page-frame-end]")
-  );
-  for (const widget of widgets) {
-    const prevPageId = widget.getAttribute("data-page-frame-end");
-    if (!prevPageId) continue;
-    const boundaryIndex = parsePageBoundaryIndex(prevPageId);
-    if (boundaryIndex === void 0) continue;
-    if (widget.closest("[data-pm-table-root='true'], table")) {
-      indices.push(boundaryIndex);
-    }
-  }
-  return indices;
-}
-function containsTableBoundaryRisk(queryRoot) {
-  if (!queryRoot) return false;
-  if (queryRoot.getElementsByTagName("table").length > 0) return true;
-  const descendants = queryRoot.getElementsByTagName("*");
-  for (let i = 0; i < descendants.length; i += 1) {
-    const element = descendants[i];
-    if (element.getAttribute("data-pm-table-root") === "true") {
-      return true;
-    }
-  }
-  return false;
-}
-function resolvePageOverlayRects(input, legacyPageCount) {
-  let widgets;
-  let pageCount;
-  let scrollHeight;
-  if (Array.isArray(input)) {
-    const [scrollRoot, count] = input;
-    if (!scrollRoot || count <= 0) return [];
-    widgets = measureWidgetsViaOffsetChain(scrollRoot);
-    pageCount = count;
-    scrollHeight = scrollRoot.clientHeight;
-  } else if (input !== null && typeof input === "object" && "widgets" in input) {
-    widgets = input.widgets;
-    pageCount = input.pageCount;
-    scrollHeight = input.scrollHeight;
-  } else if (input && legacyPageCount !== void 0) {
-    const scrollRoot = input;
-    if (legacyPageCount <= 0) return [];
-    widgets = measureWidgetsViaOffsetChain(scrollRoot);
-    pageCount = legacyPageCount;
-    scrollHeight = scrollRoot.clientHeight;
-  } else {
-    return [];
-  }
-  if (pageCount <= 0) return [];
-  const boundaries = [...widgets].sort((a, b) => a.topPx - b.topPx);
-  const normalizedVisiblePageIndexRange = Array.isArray(input) ? null : normalizeVisiblePageIndexRange(input.visiblePageIndexRange, pageCount);
-  const boundaryByIndex = /* @__PURE__ */ new Map();
-  boundaries.forEach((boundary, index) => {
-    const boundaryIndex = boundary.boundaryIndex ?? parsePageBoundaryIndex(boundary.prevPageId) ?? index;
-    boundaryByIndex.set(boundaryIndex, boundary);
-  });
-  const pageStart = normalizedVisiblePageIndexRange?.start ?? 0;
-  const pageEnd = normalizedVisiblePageIndexRange?.end ?? pageCount;
-  const rects = [];
-  for (let pageIndex = pageStart; pageIndex < pageEnd; pageIndex += 1) {
-    const boundaryBefore = pageIndex === 0 ? null : boundaryByIndex.get(pageIndex - 1) ?? null;
-    const boundaryAfter = pageIndex === pageCount - 1 ? null : boundaryByIndex.get(pageIndex) ?? null;
-    let pageId = null;
-    if (boundaryBefore) pageId = boundaryBefore.nextPageId;
-    else if (boundaryAfter) pageId = boundaryAfter.prevPageId;
-    if (!pageId) pageId = `page-${pageIndex}`;
-    const topPx = boundaryBefore ? boundaryBefore.bottomPx : 0;
-    const bottomPx = boundaryAfter ? boundaryAfter.topPx : scrollHeight;
-    if (bottomPx <= topPx) continue;
-    rects.push({
-      pageId,
-      pageIndex,
-      topPx,
-      bottomPx,
-      heightPx: bottomPx - topPx
-    });
-  }
-  return rects;
-}
-function measureWidgetsViaBoundingRect(queryRoot, originElement, options) {
-  if (!queryRoot || !originElement) return [];
-  const originRect = originElement.getBoundingClientRect();
-  const normalizedVisiblePageIndexRange = normalizeVisiblePageIndexRange(
-    options?.visiblePageIndexRange,
-    options?.pageCount ?? 0
-  );
-  const queryOne = typeof queryRoot.querySelector === "function" ? queryRoot.querySelector.bind(queryRoot) : null;
-  const widgets = normalizedVisiblePageIndexRange && queryOne && options?.pageCount ? collectBoundaryIndicesForVisibleRange(
-    normalizedVisiblePageIndexRange,
-    options.pageCount
-  ).map(
-    (boundaryIndex) => queryOne(`[data-page-frame-end="page-${boundaryIndex}"]`)
-  ).filter((widget) => widget !== null) : Array.from(
-    queryRoot.querySelectorAll("[data-page-frame-end]")
-  );
-  const out = [];
-  for (const widget of widgets) {
-    const prevPageId = widget.getAttribute("data-page-frame-end");
-    const nextPageId = widget.getAttribute("data-page-frame-start");
-    if (!prevPageId || !nextPageId) continue;
-    const rect = widget.getBoundingClientRect();
-    out.push({
-      prevPageId,
-      nextPageId,
-      boundaryIndex: parsePageBoundaryIndex(prevPageId),
-      topPx: rect.top - originRect.top,
-      bottomPx: rect.bottom - originRect.top
-    });
-  }
-  return out;
-}
-function measureWidgetsViaOffsetChain(scrollRoot, options) {
-  const normalizedVisiblePageIndexRange = normalizeVisiblePageIndexRange(
-    options?.visiblePageIndexRange,
-    options?.pageCount ?? 0
-  );
-  const queryOne = typeof scrollRoot.querySelector === "function" ? scrollRoot.querySelector.bind(scrollRoot) : null;
-  const widgets = normalizedVisiblePageIndexRange && queryOne && options?.pageCount ? collectBoundaryIndicesForVisibleRange(
-    normalizedVisiblePageIndexRange,
-    options.pageCount
-  ).map(
-    (boundaryIndex) => queryOne(`[data-page-frame-end="page-${boundaryIndex}"]`)
-  ).filter((widget) => widget !== null) : Array.from(
-    scrollRoot.querySelectorAll("[data-page-frame-end]")
-  );
-  const out = [];
-  for (const widget of widgets) {
-    const prevPageId = widget.getAttribute("data-page-frame-end");
-    const nextPageId = widget.getAttribute("data-page-frame-start");
-    if (!prevPageId || !nextPageId) continue;
-    const topPx = resolveOffsetTop(widget, scrollRoot);
-    const bottomPx = topPx + resolveOffsetHeight(widget);
-    out.push({
-      prevPageId,
-      nextPageId,
-      boundaryIndex: parsePageBoundaryIndex(prevPageId),
-      topPx,
-      bottomPx
-    });
-  }
-  return out;
-}
-function resolveOffsetTop(widget, scrollRoot) {
-  let node = widget;
-  let top = 0;
-  while (node) {
-    top += node.offsetTop ?? 0;
-    const parent = node.offsetParent;
-    if (parent === scrollRoot || parent === null) break;
-    node = parent;
-  }
-  return top;
-}
-function resolveOffsetHeight(widget) {
-  return widget.offsetHeight ?? 0;
-}
-function readElementFlowHeight(element, options = {}) {
-  if (!element) return 0;
-  let height = 0;
-  height = Math.max(height, element.clientHeight || 0);
-  if (options.includeScrollHeight !== false) {
-    height = Math.max(height, element.scrollHeight || 0);
-  }
-  if (height <= 0) {
-    const rect = element.getBoundingClientRect();
-    height = Math.max(height, rect.height || 0);
-  }
-  return height;
-}
-function readOverlayFlowHeight(origin) {
-  if (!origin) return 0;
-  const parent = origin.parentElement instanceof HTMLElement ? origin.parentElement : null;
-  const parentHeight = readElementFlowHeight(parent);
-  if (parentHeight > 0) return parentHeight;
-  return readElementFlowHeight(origin, { includeScrollHeight: false });
-}
-function reconcilePageStackRectsWithFlow(input) {
-  const { baseRects, pageCount, scrollRoot, originElement } = input;
-  if (baseRects.length === 0 || pageCount <= 0) return baseRects;
-  const flowHeight = readOverlayFlowHeight(originElement);
-  if (flowHeight <= 0) return baseRects;
-  const geometryBottom = pageOverlayLastBottom(baseRects);
-  const tableBoundaryRisk = containsTableBoundaryRisk(scrollRoot);
-  if (!tableBoundaryRisk && flowHeight <= geometryBottom + 1) {
-    return extendFinalPageOverlayRectToFlowHeight(baseRects, flowHeight);
-  }
-  const bridgedBase = extendPageOverlayRectsAcrossTableBoundaryGaps(
-    baseRects,
-    tableBoundaryRisk ? collectTableEmbeddedBoundaryIndices(scrollRoot) : []
-  );
-  const extendedBase = extendFinalPageOverlayRectToFlowHeight(
-    bridgedBase,
-    flowHeight
-  );
-  if (!originElement || !scrollRoot) return extendedBase;
-  if (flowHeight <= pageOverlayLastBottom(bridgedBase) + 1) {
-    return extendedBase;
-  }
-  const widgets = measureWidgetsViaBoundingRect(scrollRoot, originElement, {
-    pageCount,
-    visiblePageIndexRange: null
-  });
-  if (widgets.length === 0) return extendedBase;
-  const flowRects = resolvePageOverlayRects({
-    widgets,
-    pageCount,
-    scrollHeight: flowHeight,
-    visiblePageIndexRange: null
-  });
-  const merged = mergePageOverlayRectsByPageIndex(extendedBase, flowRects);
-  return extendFinalPageOverlayRectToFlowHeight(merged, flowHeight);
-}
 var resolvePageOverlayRectsFromGeometry2 = resolvePageOverlayRectsFromGeometry;
 function resolvePageOverlayRectsFromUiApi(ui, pageCount, visiblePageIndexRange, pageIds) {
   if (pageCount <= 0) return [];
@@ -8338,17 +8050,6 @@ var TwPageStackOverlayLayer = ({
     },
     []
   );
-  const reconcilePaperRectsWithFlow = React14.useCallback(
-    (baseRects, pageCount) => {
-      return reconcilePageStackRectsWithFlow({
-        baseRects,
-        pageCount,
-        scrollRoot,
-        originElement: overlayRootRef.current
-      });
-    },
-    [scrollRoot]
-  );
   const refreshRectsNow = React14.useCallback(() => {
     const pageCount = facet.getPageCount();
     const skeletalRects = resolveSkeletalPageOverlayRectsFromLayout(facet);
@@ -8389,51 +8090,11 @@ var TwPageStackOverlayLayer = ({
       setRectsIfChanged(skeletalRects);
       return;
     }
-    if (!scrollRoot) {
-      setRectsIfChanged(skeletalRects);
-      return;
-    }
-    const origin = overlayRootRef.current;
-    incrementInvalidationCounter("overlay.page.dom_fallback");
-    if (origin) {
-      incrementInvalidationCounter("overlay.page.dom.degraded");
-      const widgets = measureWidgetsViaBoundingRect(scrollRoot, origin, {
-        pageCount,
-        visiblePageIndexRange: null
-      });
-      const originRect = origin.getBoundingClientRect();
-      const domRects = resolvePageOverlayRects({
-        widgets,
-        pageCount,
-        scrollHeight: (
-          // geometry:allow-dom-fallback
-          origin.clientHeight > 0 ? origin.clientHeight : originRect.height
-        ),
-        visiblePageIndexRange: null
-      });
-      const reconciled = reconcilePaperRectsWithFlow(domRects, pageCount);
-      setRectsIfChanged(reconciled.length > 0 ? reconciled : skeletalRects);
-    } else {
-      incrementInvalidationCounter("overlay.page.dom.degraded");
-      const widgets = measureWidgetsViaOffsetChain(scrollRoot, {
-        pageCount,
-        visiblePageIndexRange: null
-      });
-      const domRects = resolvePageOverlayRects({
-        widgets,
-        pageCount,
-        // geometry:allow-dom-fallback
-        scrollHeight: scrollRoot.clientHeight,
-        visiblePageIndexRange: null
-      });
-      const reconciled = reconcilePaperRectsWithFlow(domRects, pageCount);
-      setRectsIfChanged(reconciled.length > 0 ? reconciled : skeletalRects);
-    }
+    incrementInvalidationCounter("overlay.page.skeletal_fallback");
+    setRectsIfChanged(skeletalRects);
   }, [
     facet,
     geometryFacet,
-    reconcilePaperRectsWithFlow,
-    scrollRoot,
     setRectsIfChanged,
     ui
   ]);
@@ -8464,33 +8125,6 @@ var TwPageStackOverlayLayer = ({
       }
     };
   }, [refreshRects, renderFrameRevision, scrollRoot]);
-  React14.useEffect(() => {
-    if (geometryFacet) return;
-    if (!scrollRoot) return;
-    const runtime = scrollRoot.ownerDocument?.defaultView;
-    if (!runtime?.ResizeObserver) return;
-    const observer = new runtime.ResizeObserver(() => refreshRects());
-    observer.observe(scrollRoot);
-    return () => observer.disconnect();
-  }, [geometryFacet, scrollRoot, refreshRects]);
-  React14.useEffect(() => {
-    if (geometryFacet) return;
-    if (!scrollRoot) return;
-    const runtime = scrollRoot.ownerDocument?.defaultView;
-    if (!runtime?.MutationObserver) return;
-    const observer = new runtime.MutationObserver((records) => {
-      const overlay = overlayRootRef.current;
-      if (overlay) {
-        const allSelf = records.every(
-          (r) => r.target instanceof Node && overlay.contains(r.target)
-        );
-        if (allSelf) return;
-      }
-      refreshRects();
-    });
-    observer.observe(scrollRoot, { childList: true, subtree: false });
-    return () => observer.disconnect();
-  }, [geometryFacet, scrollRoot, refreshRects]);
   if (rects.length === 0) {
     return /* @__PURE__ */ jsx28(
       "div",
@@ -9689,18 +9323,7 @@ function findScrollAnchor(root, options) {
         offsetWithinBlock: viewportTopFramePx - blockTop
       };
     }
-  }
-  const rootRect = root.getBoundingClientRect();
-  const rootTop = rootRect.top;
-  for (const block of blocks) {
-    const rect = block.getBoundingClientRect();
-    if (rect.bottom < rootTop) continue;
-    const blockId = block.getAttribute("data-block-id");
-    if (!blockId) continue;
-    return {
-      blockId,
-      offsetWithinBlock: rootTop - rect.top
-    };
+    return null;
   }
   return null;
 }
@@ -9718,17 +9341,9 @@ function resolveScrollTopForAnchor(root, anchor, options) {
       const rect = geometry.rects[0];
       return rect.topPx + anchor.offsetWithinBlock;
     }
+    return null;
   }
-  const selector = `[data-block-id="${cssEscape(anchor.blockId)}"]`;
-  const block = root.querySelector(selector);
-  if (!block) return null;
-  const rootRect = root.getBoundingClientRect();
-  const blockRect = block.getBoundingClientRect();
-  const delta = blockRect.top - rootRect.top + anchor.offsetWithinBlock;
-  return root.scrollTop + delta;
-}
-function cssEscape(value) {
-  return value.replace(/[^a-zA-Z0-9_-]/g, (ch) => `\\${ch}`);
+  return null;
 }
 
 // src/ui-tailwind/chrome/collab-top-nav-container.tsx
@@ -12301,6 +11916,14 @@ var EDITOR_ACTION_REGISTRY = [
     targetKinds: ["generated-field"],
     callback: "onUpdateFields"
   }),
+  mk({
+    id: "toc-refresh",
+    label: "Refresh table of contents",
+    description: "Refresh TOC entries through the runtime table-of-contents updater.",
+    group: "misc",
+    targetKinds: ["toc-field"],
+    callback: "onUpdateTableOfContents"
+  }),
   // -------- Workflow scope --------
   mk({
     id: "scope-open-card",
@@ -12886,6 +12509,18 @@ function hasAncestorAttributeValue(el, attribute, expected, root) {
   }
   return false;
 }
+function hasAncestorAttributeValueInsensitive(el, attribute, expected, root) {
+  const normalizedExpected = expected.toLowerCase();
+  let cursor = el;
+  while (cursor) {
+    if (cursor.getAttribute?.(attribute)?.toLowerCase() === normalizedExpected) {
+      return true;
+    }
+    if (cursor === root) return false;
+    cursor = cursor.parentElement;
+  }
+  return false;
+}
 function resolveTargetKind(target, options = {}) {
   const kinds = [];
   const el = toElement(target);
@@ -12900,7 +12535,12 @@ function resolveTargetKind(target, options = {}) {
     const insideListItem = insideNumberingMarker || hasAncestorAttributeValue(el, "data-numbered", "true", root);
     const insideGeneratedField = hasAncestorAttributeValue(el, "data-generated-field", "true", root) || hasAncestorAttributeValue(el, "data-node-type", "field_ref_atom", root) || hasAncestorAttributeValue(el, "data-node-type", "field_ref", root);
     if (insideListItem) kinds.push("list-item");
-    if (insideGeneratedField) kinds.push("generated-field");
+    if (insideGeneratedField) {
+      kinds.push("generated-field");
+      if (hasAncestorAttributeValueInsensitive(el, "data-field-family", "TOC", root)) {
+        kinds.push("toc-field");
+      }
+    }
     if (hasAncestorTag(el, "a", root)) kinds.push("hyperlink");
     if (!insideNumberingMarker && hasAncestorTag(el, "img", root)) {
       kinds.push("image");
@@ -13206,45 +12846,17 @@ var TwFloatingImageLayer = ({
   const [pageRects, setPageRects] = React25.useState([]);
   const refreshPageRectsNow = React25.useCallback(() => {
     const pageCount = facet.getPageCount();
-    if (geometryFacet) {
-      const geometryRects = resolvePageOverlayRectsFromGeometry2(
-        geometryFacet,
-        pageCount,
-        visiblePageIndexRange
-      );
-      if (geometryRects !== null) {
-        setPageRects(geometryRects);
-        return;
-      }
-      setPageRects([]);
-      return;
-    }
-    if (!scrollRoot) {
-      setPageRects([]);
-      return;
-    }
-    const origin = overlayRootRef.current;
-    if (!origin) {
+    if (!geometryFacet) {
       setPageRects([]);
       return;
     }
-    const widgets = measureWidgetsViaBoundingRect(scrollRoot, origin, {
+    const geometryRects = resolvePageOverlayRectsFromGeometry2(
+      geometryFacet,
       pageCount,
       visiblePageIndexRange
-    });
-    const originRect = origin.getBoundingClientRect();
-    setPageRects(
-      resolvePageOverlayRects({
-        widgets,
-        pageCount,
-        scrollHeight: (
-          // geometry:allow-dom-fallback
-          origin.clientHeight > 0 ? origin.clientHeight : originRect.height
-        ),
-        visiblePageIndexRange
-      })
     );
-  }, [facet, geometryFacet, scrollRoot, visiblePageIndexRange]);
+    setPageRects(geometryRects ?? []);
+  }, [facet, geometryFacet, visiblePageIndexRange]);
   const refreshPageRects = React25.useCallback(() => {
     if (!scrollRoot) {
       refreshPageRectsNow();
@@ -13274,47 +12886,6 @@ var TwFloatingImageLayer = ({
       }
     };
   }, [refreshPageRects, renderFrameRevision, scrollRoot]);
-  React25.useEffect(() => {
-    if (geometryFacet) {
-      return;
-    }
-    if (!scrollRoot) {
-      return;
-    }
-    const runtime = scrollRoot.ownerDocument?.defaultView;
-    if (!runtime?.ResizeObserver) {
-      return;
-    }
-    const observer = new runtime.ResizeObserver(() => refreshPageRects());
-    observer.observe(scrollRoot);
-    return () => observer.disconnect();
-  }, [geometryFacet, refreshPageRects, scrollRoot]);
-  React25.useEffect(() => {
-    if (geometryFacet) {
-      return;
-    }
-    if (!scrollRoot) {
-      return;
-    }
-    const runtime = scrollRoot.ownerDocument?.defaultView;
-    if (!runtime?.MutationObserver) {
-      return;
-    }
-    const observer = new runtime.MutationObserver((records) => {
-      const overlay = overlayRootRef.current;
-      if (overlay) {
-        const allSelf = records.every(
-          (record) => record.target instanceof Node && overlay.contains(record.target)
-        );
-        if (allSelf) {
-          return;
-        }
-      }
-      refreshPageRects();
-    });
-    observer.observe(scrollRoot, { childList: true, subtree: false });
-    return () => observer.disconnect();
-  }, [geometryFacet, refreshPageRects, scrollRoot]);
   const items = React25.useMemo(() => {
     const viewportScale = geometryFacet?.getViewport().pxPerTwip;
     const pxPerTwip = typeof viewportScale === "number" && viewportScale > 0 ? viewportScale : void 0;
@@ -17377,25 +16948,23 @@ var TwPageStackChromeLayerInner = ({
     const pageCount = facet.getPageCount();
     const uiRects = resolveUiPageRects(pageCount);
     if (uiRects !== null) return uiRects;
-    if (!geometryFacet) return [];
-    const warm = resolvePageOverlayRectsFromGeometry2(
-      geometryFacet,
-      pageCount,
-      visiblePageIndexRange
+    if (geometryFacet) {
+      const warm = resolvePageOverlayRectsFromGeometry2(
+        geometryFacet,
+        pageCount,
+        visiblePageIndexRange
+      );
+      if (warm !== null) return warm;
+    }
+    return resolveSkeletalPageOverlayRectsFromLayout(facet).filter(
+      (rect) => !visiblePageIndexRange || rect.pageIndex >= visiblePageIndexRange.start && rect.pageIndex < visiblePageIndexRange.end
     );
-    return warm ?? [];
   });
   const overlayRootRef = React34.useRef(null);
   const rafHandleRef = React34.useRef(null);
   const [activeStoryPageIndex, setActiveStoryPageIndex] = React34.useState(null);
   const refreshRectsNow = React34.useCallback(() => {
     const pageCount = facet.getPageCount();
-    const reconcileDomRects = (baseRects) => reconcilePageStackRectsWithFlow({
-      baseRects,
-      pageCount,
-      scrollRoot,
-      originElement: overlayRootRef.current
-    });
     const uiRects = resolveUiPageRects(pageCount);
     if (uiRects !== null) {
       setRects(uiRects);
@@ -17414,47 +16983,11 @@ var TwPageStackChromeLayerInner = ({
       setRects([]);
       return;
     }
-    if (!scrollRoot) {
-      setRects([]);
-      return;
-    }
-    const origin = overlayRootRef.current;
-    if (origin) {
-      const widgets = measureWidgetsViaBoundingRect(scrollRoot, origin, {
-        pageCount,
-        visiblePageIndexRange
-      });
-      const originRect = origin.getBoundingClientRect();
-      const scrollHeight = (
-        // geometry:allow-dom-fallback
-        origin.clientHeight > 0 ? origin.clientHeight : originRect.height > 0 ? originRect.height : scrollRoot.clientHeight
-      );
-      const domRects = resolvePageOverlayRects({
-        widgets,
-        pageCount,
-        scrollHeight,
-        visiblePageIndexRange
-      });
-      setRects(
-        reconcileDomRects(domRects)
-      );
-    } else {
-      const widgets = measureWidgetsViaOffsetChain(scrollRoot, {
-        pageCount,
-        visiblePageIndexRange
-      });
-      const domRects = resolvePageOverlayRects({
-        widgets,
-        pageCount,
-        // geometry:allow-dom-fallback
-        scrollHeight: scrollRoot.clientHeight,
-        visiblePageIndexRange
-      });
-      setRects(
-        reconcileDomRects(domRects)
-      );
-    }
-  }, [facet, geometryFacet, resolveUiPageRects, scrollRoot, visiblePageIndexRange]);
+    const skeletalRects = resolveSkeletalPageOverlayRectsFromLayout(facet).filter(
+      (rect) => !visiblePageIndexRange || rect.pageIndex >= visiblePageIndexRange.start && rect.pageIndex < visiblePageIndexRange.end
+    );
+    setRects(skeletalRects);
+  }, [facet, geometryFacet, resolveUiPageRects, visiblePageIndexRange]);
   const refreshRects = React34.useCallback(() => {
     if (!scrollRoot) {
       refreshRectsNow();
@@ -17494,33 +17027,6 @@ var TwPageStackChromeLayerInner = ({
     },
     [onOpenStory]
   );
-  React34.useEffect(() => {
-    if (geometryFacet) return;
-    if (!scrollRoot) return;
-    const runtime = scrollRoot.ownerDocument?.defaultView;
-    if (!runtime?.ResizeObserver) return;
-    const observer = new runtime.ResizeObserver(() => refreshRects());
-    observer.observe(scrollRoot);
-    return () => observer.disconnect();
-  }, [geometryFacet, scrollRoot, refreshRects]);
-  React34.useEffect(() => {
-    if (geometryFacet) return;
-    if (!scrollRoot) return;
-    const runtime = scrollRoot.ownerDocument?.defaultView;
-    if (!runtime?.MutationObserver) return;
-    const observer = new runtime.MutationObserver((records) => {
-      const overlay = overlayRootRef.current;
-      if (overlay) {
-        const allSelf = records.every(
-          (r) => r.target instanceof Node && overlay.contains(r.target)
-        );
-        if (allSelf) return;
-      }
-      refreshRects();
-    });
-    observer.observe(scrollRoot, { childList: true, subtree: false });
-    return () => observer.disconnect();
-  }, [geometryFacet, scrollRoot, refreshRects]);
   React34.useLayoutEffect(() => {
     if (!pmSurfaceElement) return;
     const overlay = overlayRootRef.current;