@superdoc-dev/cli 0.5.0-next.26 → 0.5.0-next.28

package/dist/index.js

@@ -172583,7 +172583,7 @@ var init_remark_gfm_CjV8kaUy_es = __esm(() => {
   init_remark_gfm_z_sDF4ss_es();
 });
 
-// ../../packages/superdoc/dist/chunks/src-0P3ZlqDX.es.js
+// ../../packages/superdoc/dist/chunks/src-CqUAwJtN.es.js
 function deleteProps(obj, propOrProps) {
   const props = typeof propOrProps === "string" ? [propOrProps] : propOrProps;
   const removeNested = (target, pathParts, index2 = 0) => {
@@ -186330,7 +186330,7 @@ function sumRowHeights(rows, fromRow, toRow) {
     total += rows[i4].height;
   return total;
 }
-function computeFragmentHeight(measure, fromRow, toRow, repeatHeaderCount, borderCollapse, partialRow) {
+function computeFragmentHeight$1(measure, fromRow, toRow, repeatHeaderCount, borderCollapse, partialRow) {
   let height = 0;
   let rowCount = 0;
   if (repeatHeaderCount > 0) {
@@ -186591,12 +186591,12 @@ function findSplitPoint(block, measure, startRow, availableHeight, fullPageHeigh
         if (rs > 1)
           maxRowspanEnd = Math.max(maxRowspanEnd, i4 + rs);
       }
-    if (computeFragmentHeight(measure, startRow, i4 + 1, 0, borderCollapse) <= availableHeight) {
+    if (computeFragmentHeight$1(measure, startRow, i4 + 1, 0, borderCollapse) <= availableHeight) {
       lastFitRow = i4 + 1;
       if (maxRowspanEnd <= i4 + 1)
         lastCleanFitRow = i4 + 1;
     } else {
-      let remainingHeight = availableHeight - computeFragmentHeight(measure, startRow, lastFitRow, 0, borderCollapse);
+      let remainingHeight = availableHeight - computeFragmentHeight$1(measure, startRow, lastFitRow, 0, borderCollapse);
       if (lastFitRow === startRow) {
         const cellSpacingPx = measure.cellSpacingPx ?? 0;
         const topBorderPx = borderCollapse === "separate" && measure.tableBorderWidths ? measure.tableBorderWidths.top : 0;
@@ -186808,7 +186808,7 @@ function layoutTableBlock({ block, measure, columnWidth, ensurePage, advanceColu
       const hadRemainingLinesBefore = fromLineByCell.some((fromLine, idx) => {
         return fromLine < getCellTotalLines(measure.rows[rowIndex].cells[idx]);
       });
-      const fragmentHeight$1 = computeFragmentHeight(measure, rowIndex, rowIndex + 1, repeatHeaderCount, borderCollapse, continuationPartialRow);
+      const fragmentHeight$1 = computeFragmentHeight$1(measure, rowIndex, rowIndex + 1, repeatHeaderCount, borderCollapse, continuationPartialRow);
       if (fragmentHeight$1 > 0 && madeProgress) {
         const { x: x$1, width: width$1 } = resolveTableFrame(columnX(state.columnIndex), columnWidth, Math.min(columnWidth, measure.totalWidth || columnWidth), block.attrs);
         const scaledWidths$1 = rescaleColumnWidths(measure.columnWidths, measure.totalWidth, width$1);
@@ -186863,7 +186863,7 @@ function layoutTableBlock({ block, measure, columnWidth, ensurePage, advanceColu
         continue;
       }
       const forcedEndRow = bodyStartRow + 1;
-      const fragmentHeight$1 = computeFragmentHeight(measure, bodyStartRow, forcedEndRow, repeatHeaderCount, borderCollapse, forcedPartialRow);
+      const fragmentHeight$1 = computeFragmentHeight$1(measure, bodyStartRow, forcedEndRow, repeatHeaderCount, borderCollapse, forcedPartialRow);
       const { x: x$1, width: width$1 } = resolveTableFrame(columnX(state.columnIndex), columnWidth, Math.min(columnWidth, measure.totalWidth || columnWidth), block.attrs);
       const scaledWidths$1 = rescaleColumnWidths(measure.columnWidths, measure.totalWidth, width$1);
       const fragment$1 = {
@@ -186890,7 +186890,7 @@ function layoutTableBlock({ block, measure, columnWidth, ensurePage, advanceColu
       isTableContinuation = true;
       continue;
     }
-    const fragmentHeight = computeFragmentHeight(measure, bodyStartRow, endRow, repeatHeaderCount, borderCollapse, partialRow);
+    const fragmentHeight = computeFragmentHeight$1(measure, bodyStartRow, endRow, repeatHeaderCount, borderCollapse, partialRow);
     const { x, width } = resolveTableFrame(columnX(state.columnIndex), columnWidth, Math.min(columnWidth, measure.totalWidth || columnWidth), block.attrs);
     const scaledWidths = rescaleColumnWidths(measure.columnWidths, measure.totalWidth, width);
     const fragment2 = {
@@ -219614,6 +219614,102 @@ function findSliceAtPosition(slices, pmPos) {
   }
   return null;
 }
+function buildBlockMap(blocks2, measures) {
+  const map$12 = /* @__PURE__ */ new Map;
+  for (let i4 = 0;i4 < blocks2.length; i4++)
+    map$12.set(blocks2[i4].id, {
+      block: blocks2[i4],
+      measure: measures[i4]
+    });
+  return map$12;
+}
+function sumLineHeights$2(lines, from$1, to) {
+  let total = 0;
+  for (let i4 = from$1;i4 < to && i4 < lines.length; i4++)
+    total += lines[i4].lineHeight;
+  return total;
+}
+function computeFragmentHeight(fragment2, blockMap) {
+  if (fragment2.kind === "image" || fragment2.kind === "drawing" || fragment2.kind === "table")
+    return fragment2.height;
+  const entry = blockMap.get(fragment2.blockId);
+  if (!entry)
+    return 0;
+  if (fragment2.kind === "para") {
+    if (fragment2.lines)
+      return fragment2.lines.reduce((sum, line) => sum + line.lineHeight, 0);
+    if (entry.measure.kind === "paragraph")
+      return sumLineHeights$2(entry.measure.lines, fragment2.fromLine, fragment2.toLine);
+    return 0;
+  }
+  if (fragment2.kind === "list-item") {
+    const listMeasure = entry.measure;
+    if (listMeasure.kind !== "list")
+      return 0;
+    const item = listMeasure.items.find((it) => it.itemId === fragment2.itemId);
+    if (!item)
+      return 0;
+    return sumLineHeights$2(item.paragraph.lines, fragment2.fromLine, fragment2.toLine);
+  }
+  return 0;
+}
+function isAnchoredMediaFragment(fragment2) {
+  return (fragment2.kind === "image" || fragment2.kind === "drawing") && fragment2.isAnchored === true;
+}
+function resolveFragmentZIndex(fragment2) {
+  if (!isAnchoredMediaFragment(fragment2))
+    return;
+  return fragment2.zIndex;
+}
+function resolveFragmentId(fragment2) {
+  switch (fragment2.kind) {
+    case "para":
+      return `para:${fragment2.blockId}:${fragment2.fromLine}:${fragment2.toLine}`;
+    case "list-item":
+      return `list-item:${fragment2.blockId}:${fragment2.itemId}:${fragment2.fromLine}:${fragment2.toLine}`;
+    case "image":
+      return `image:${fragment2.blockId}:${fragment2.x}:${fragment2.y}`;
+    case "drawing":
+      return `drawing:${fragment2.blockId}:${fragment2.x}:${fragment2.y}`;
+    case "table": {
+      const partialKey = fragment2.partialRow ? `:${fragment2.partialRow.fromLineByCell.join(",")}-${fragment2.partialRow.toLineByCell.join(",")}` : "";
+      return `table:${fragment2.blockId}:${fragment2.fromRow}:${fragment2.toRow}${partialKey}`;
+    }
+  }
+}
+function resolveFragmentItem(fragment2, fragmentIndex, pageIndex, blockMap) {
+  return {
+    kind: "fragment",
+    id: resolveFragmentId(fragment2),
+    pageIndex,
+    x: fragment2.x,
+    y: fragment2.y,
+    width: fragment2.width,
+    height: computeFragmentHeight(fragment2, blockMap),
+    zIndex: resolveFragmentZIndex(fragment2),
+    fragmentKind: fragment2.kind,
+    blockId: fragment2.blockId,
+    fragmentIndex
+  };
+}
+function resolveLayout(input2) {
+  const { layout, flowMode, blocks: blocks2, measures } = input2;
+  const blockMap = buildBlockMap(blocks2, measures);
+  const pages = layout.pages.map((page, pageIndex) => ({
+    id: `page-${pageIndex}`,
+    index: pageIndex,
+    number: page.number,
+    width: page.size?.w ?? layout.pageSize.w,
+    height: page.size?.h ?? layout.pageSize.h,
+    items: page.fragments.map((fragment2, fragmentIndex) => resolveFragmentItem(fragment2, fragmentIndex, pageIndex, blockMap))
+  }));
+  return {
+    version: 1,
+    flowMode,
+    pageGap: layout.pageGap ?? 0,
+    pages
+  };
+}
 function getMeasurementContext() {
   if (measurementCtx)
     return measurementCtx;
@@ -219906,457 +220002,6 @@ function findCharacterAtX(block, line, x, pmStart, availableWidthOverride, align
     pmPosition
   };
 }
-function isRtlLine(lineEl) {
-  return getComputedStyle(lineEl).direction === "rtl";
-}
-function isVisibleRect(rect) {
-  return rect.width > 0 && rect.height > 0;
-}
-function clickToPositionDom$1(domContainer, clientX, clientY) {
-  log2("=== clickToPositionDom START ===");
-  log2("Input coords:", {
-    clientX,
-    clientY
-  });
-  const pageEl = findPageElement$1(domContainer, clientX, clientY);
-  if (!pageEl) {
-    log2("No page element found");
-    return null;
-  }
-  const pageRect = pageEl.getBoundingClientRect();
-  const pageLocalX = clientX - pageRect.left;
-  const pageLocalY = clientY - pageRect.top;
-  const viewX = pageRect.left + pageLocalX;
-  const viewY = pageRect.top + pageLocalY;
-  log2("Page found:", {
-    pageIndex: pageEl.dataset.pageIndex,
-    pageRect: {
-      left: pageRect.left,
-      top: pageRect.top,
-      width: pageRect.width,
-      height: pageRect.height
-    },
-    viewCoords: {
-      viewX,
-      viewY
-    }
-  });
-  let hitChain = [];
-  const doc$12 = document;
-  const hasElementsFromPoint = typeof doc$12.elementsFromPoint === "function";
-  if (hasElementsFromPoint)
-    try {
-      hitChain = doc$12.elementsFromPoint(viewX, viewY) ?? [];
-    } catch {}
-  if (!Array.isArray(hitChain)) {
-    log2("elementsFromPoint returned non-array");
-    return null;
-  }
-  const hitChainData = hitChain.map((el) => {
-    const rect = el.getBoundingClientRect();
-    return {
-      tag: el.tagName,
-      classes: el.className,
-      blockId: el.dataset?.blockId,
-      pmStart: el.dataset?.pmStart,
-      pmEnd: el.dataset?.pmEnd,
-      rect: {
-        top: Math.round(rect.top),
-        bottom: Math.round(rect.bottom),
-        left: Math.round(rect.left),
-        right: Math.round(rect.right),
-        height: Math.round(rect.height)
-      }
-    };
-  });
-  log2("Hit chain elements:", JSON.stringify(hitChainData, null, 2));
-  const fragmentData = Array.from(pageEl.querySelectorAll(`.${CLASS_NAMES.fragment}`)).map((el) => {
-    const rect = el.getBoundingClientRect();
-    return {
-      blockId: el.dataset.blockId,
-      pmStart: el.dataset.pmStart,
-      pmEnd: el.dataset.pmEnd,
-      rect: {
-        top: Math.round(rect.top),
-        bottom: Math.round(rect.bottom),
-        left: Math.round(rect.left),
-        right: Math.round(rect.right),
-        height: Math.round(rect.height)
-      }
-    };
-  });
-  log2("All fragments on page:", JSON.stringify(fragmentData, null, 2));
-  const fragmentEl = hitChain.find((el) => el.classList?.contains?.(CLASS_NAMES.fragment));
-  if (!fragmentEl) {
-    if (hasElementsFromPoint) {
-      log2("No fragment found in hit chain; returning null to allow geometry mapping");
-      return null;
-    }
-    const fallbackFragment = pageEl.querySelector(`.${CLASS_NAMES.fragment}`);
-    if (!fallbackFragment) {
-      log2("No fragment found in hit chain or fallback");
-      return null;
-    }
-    log2("Using fallback fragment (no elementsFromPoint):", {
-      blockId: fallbackFragment.dataset.blockId,
-      pmStart: fallbackFragment.dataset.pmStart,
-      pmEnd: fallbackFragment.dataset.pmEnd
-    });
-    const result$1 = processFragment(fallbackFragment, viewX, viewY);
-    log2("=== clickToPositionDom END (fallback) ===", { result: result$1 });
-    return result$1;
-  }
-  log2("Fragment found:", {
-    blockId: fragmentEl.dataset.blockId,
-    pmStart: fragmentEl.dataset.pmStart,
-    pmEnd: fragmentEl.dataset.pmEnd
-  });
-  const hitChainLine = hitChain.find((el) => el.classList?.contains?.(CLASS_NAMES.line) && el.dataset?.pmStart !== undefined && el.dataset?.pmEnd !== undefined);
-  if (hitChainLine) {
-    log2("Using hit chain line directly:", {
-      pmStart: hitChainLine.dataset.pmStart,
-      pmEnd: hitChainLine.dataset.pmEnd
-    });
-    const result$1 = processLineElement(hitChainLine, viewX);
-    log2("=== clickToPositionDom END (hitChainLine) ===", { result: result$1 });
-    return result$1;
-  }
-  if (fragmentEl.classList.contains(CLASS_NAMES.tableFragment)) {
-    log2("Table fragment without line in hit chain, deferring to geometry fallback");
-    return null;
-  }
-  const result = processFragment(fragmentEl, viewX, viewY);
-  log2("=== clickToPositionDom END ===", { result });
-  return result;
-}
-function findPageElement$1(domContainer, clientX, clientY) {
-  if (domContainer.classList?.contains?.(CLASS_NAMES.page))
-    return domContainer;
-  const doc$12 = document;
-  if (typeof doc$12.elementsFromPoint === "function")
-    try {
-      const hitChain = doc$12.elementsFromPoint(clientX, clientY);
-      if (Array.isArray(hitChain)) {
-        const pageEl = hitChain.find((el) => el.classList?.contains?.(CLASS_NAMES.page));
-        if (pageEl)
-          return pageEl;
-      }
-    } catch {}
-  const pages = Array.from(domContainer.querySelectorAll(`.${CLASS_NAMES.page}`));
-  for (const page of pages) {
-    const rect = page.getBoundingClientRect();
-    if (clientX >= rect.left && clientX <= rect.right && clientY >= rect.top && clientY <= rect.bottom)
-      return page;
-  }
-  if (pages.length > 0)
-    return pages[0];
-  return null;
-}
-function processFragment(fragmentEl, viewX, viewY) {
-  log2("processFragment:", {
-    viewX,
-    viewY,
-    blockId: fragmentEl.dataset.blockId
-  });
-  const lineEls = Array.from(fragmentEl.querySelectorAll(`.${CLASS_NAMES.line}`));
-  log2("Lines in fragment:", lineEls.map((el, i4) => {
-    const rect = el.getBoundingClientRect();
-    return {
-      index: i4,
-      pmStart: el.dataset.pmStart,
-      pmEnd: el.dataset.pmEnd,
-      rect: {
-        top: rect.top,
-        bottom: rect.bottom,
-        left: rect.left,
-        right: rect.right
-      }
-    };
-  }));
-  if (lineEls.length === 0) {
-    log2("No lines in fragment");
-    return null;
-  }
-  const lineEl = findLineAtY(lineEls, viewY);
-  if (!lineEl) {
-    log2("No line found at Y:", viewY);
-    return null;
-  }
-  const lineStart = Number(lineEl.dataset.pmStart ?? "NaN");
-  const lineEnd = Number(lineEl.dataset.pmEnd ?? "NaN");
-  const lineRect = lineEl.getBoundingClientRect();
-  log2("Selected line:", {
-    pmStart: lineStart,
-    pmEnd: lineEnd,
-    rect: {
-      top: lineRect.top,
-      bottom: lineRect.bottom,
-      left: lineRect.left,
-      right: lineRect.right
-    }
-  });
-  if (!Number.isFinite(lineStart) || !Number.isFinite(lineEnd)) {
-    log2("Line has invalid PM positions");
-    return null;
-  }
-  const spanEls = Array.from(lineEl.querySelectorAll("span, a")).filter((el) => el.dataset.pmStart !== undefined && el.dataset.pmEnd !== undefined && !el.classList.contains(DOM_CLASS_NAMES.INLINE_SDT_WRAPPER));
-  log2("Spans/anchors in line:", spanEls.map((el, i4) => {
-    const rect = el.getBoundingClientRect();
-    return {
-      index: i4,
-      tag: el.tagName,
-      pmStart: el.dataset.pmStart,
-      pmEnd: el.dataset.pmEnd,
-      text: el.textContent?.substring(0, 20) + (el.textContent && el.textContent.length > 20 ? "..." : ""),
-      visibility: el.style.visibility,
-      rect: {
-        left: rect.left,
-        right: rect.right,
-        width: rect.width
-      }
-    };
-  }));
-  return resolveLinePosition(lineEl, lineStart, lineEnd, spanEls, viewX);
-}
-function mapCharIndexToPm(spanStart, spanEnd, textLength, charIndex) {
-  if (!Number.isFinite(spanStart) || !Number.isFinite(spanEnd))
-    return spanStart;
-  if (textLength <= 0)
-    return spanStart;
-  const pmRange = spanEnd - spanStart;
-  if (!Number.isFinite(pmRange) || pmRange <= 0)
-    return spanStart;
-  if (pmRange === textLength) {
-    const mapped = spanStart + charIndex;
-    return Math.min(spanEnd, Math.max(spanStart, mapped));
-  }
-  return charIndex / textLength <= 0.5 ? spanStart : spanEnd;
-}
-function processLineElement(lineEl, viewX) {
-  const lineStart = Number(lineEl.dataset.pmStart ?? "NaN");
-  const lineEnd = Number(lineEl.dataset.pmEnd ?? "NaN");
-  const lineRect = lineEl.getBoundingClientRect();
-  log2("processLineElement:", {
-    pmStart: lineStart,
-    pmEnd: lineEnd,
-    rect: {
-      top: lineRect.top,
-      bottom: lineRect.bottom,
-      left: lineRect.left,
-      right: lineRect.right
-    }
-  });
-  if (!Number.isFinite(lineStart) || !Number.isFinite(lineEnd)) {
-    log2("Line has invalid PM positions");
-    return null;
-  }
-  const spanEls = Array.from(lineEl.querySelectorAll("span, a")).filter((el) => el.dataset.pmStart !== undefined && el.dataset.pmEnd !== undefined && !el.classList.contains(DOM_CLASS_NAMES.INLINE_SDT_WRAPPER));
-  log2("Spans/anchors in line:", spanEls.map((el, i4) => {
-    const rect = el.getBoundingClientRect();
-    return {
-      index: i4,
-      tag: el.tagName,
-      pmStart: el.dataset.pmStart,
-      pmEnd: el.dataset.pmEnd,
-      text: el.textContent?.substring(0, 20) + (el.textContent && el.textContent.length > 20 ? "..." : ""),
-      visibility: el.style.visibility,
-      rect: {
-        left: rect.left,
-        right: rect.right,
-        width: rect.width
-      }
-    };
-  }));
-  return resolveLinePosition(lineEl, lineStart, lineEnd, spanEls, viewX);
-}
-function resolveLinePosition(lineEl, lineStart, lineEnd, spanEls, viewX) {
-  if (spanEls.length === 0) {
-    log2("No spans in line, returning lineStart:", lineStart);
-    return lineStart;
-  }
-  const rtl = isRtlLine(lineEl);
-  const allRects = spanEls.map((el) => el.getBoundingClientRect());
-  const visibleRects = allRects.filter(isVisibleRect);
-  const boundsRects = visibleRects.length > 0 ? visibleRects : allRects;
-  const visualLeft = Math.min(...boundsRects.map((r$1) => r$1.left));
-  const visualRight = Math.max(...boundsRects.map((r$1) => r$1.right));
-  if (viewX <= visualLeft) {
-    const pos$1 = rtl ? lineEnd : lineStart;
-    log2("Click to visual left of all spans, returning:", pos$1);
-    return pos$1;
-  }
-  if (viewX >= visualRight) {
-    const pos$1 = rtl ? lineStart : lineEnd;
-    log2("Click to visual right of all spans, returning:", pos$1);
-    return pos$1;
-  }
-  const targetEl = findSpanAtX(spanEls, viewX);
-  if (!targetEl) {
-    log2("No target element found, returning lineStart:", lineStart);
-    return lineStart;
-  }
-  const spanStart = Number(targetEl.dataset.pmStart ?? "NaN");
-  const spanEnd = Number(targetEl.dataset.pmEnd ?? "NaN");
-  const targetRect = targetEl.getBoundingClientRect();
-  log2("Target element:", {
-    tag: targetEl.tagName,
-    pmStart: spanStart,
-    pmEnd: spanEnd,
-    text: targetEl.textContent?.substring(0, 30),
-    visibility: targetEl.style.visibility,
-    rect: {
-      left: targetRect.left,
-      right: targetRect.right,
-      width: targetRect.width
-    }
-  });
-  if (!Number.isFinite(spanStart) || !Number.isFinite(spanEnd)) {
-    log2("Element has invalid PM positions");
-    return null;
-  }
-  const firstChild = targetEl.firstChild;
-  if (!firstChild || firstChild.nodeType !== Node.TEXT_NODE || !firstChild.textContent) {
-    const closerToLeft = Math.abs(viewX - targetRect.left) <= Math.abs(viewX - targetRect.right);
-    const snapPos = rtl ? closerToLeft ? spanEnd : spanStart : closerToLeft ? spanStart : spanEnd;
-    log2("Empty/non-text element, snapping to:", {
-      closerToLeft,
-      rtl,
-      snapPos
-    });
-    return snapPos;
-  }
-  const textNode = firstChild;
-  const charIndex = findCharIndexAtX(textNode, viewX, rtl);
-  const pos = mapCharIndexToPm(spanStart, spanEnd, textNode.length, charIndex);
-  log2("Character position:", {
-    charIndex,
-    spanStart,
-    rtl,
-    finalPos: pos
-  });
-  return pos;
-}
-function findLineAtY(lineEls, viewY) {
-  if (lineEls.length === 0)
-    return null;
-  for (let i4 = 0;i4 < lineEls.length; i4++) {
-    const lineEl = lineEls[i4];
-    const rect = lineEl.getBoundingClientRect();
-    if (viewY >= rect.top && viewY <= rect.bottom) {
-      log2("findLineAtY: Found line at index", i4, {
-        pmStart: lineEl.dataset.pmStart,
-        pmEnd: lineEl.dataset.pmEnd,
-        rect: {
-          top: rect.top,
-          bottom: rect.bottom
-        },
-        viewY
-      });
-      return lineEl;
-    }
-  }
-  const lastLine = lineEls[lineEls.length - 1];
-  log2("findLineAtY: Y beyond all lines, using last line:", {
-    pmStart: lastLine.dataset.pmStart,
-    pmEnd: lastLine.dataset.pmEnd,
-    viewY
-  });
-  return lastLine;
-}
-function findSpanAtX(spanEls, viewX) {
-  if (spanEls.length === 0)
-    return null;
-  let targetSpan = spanEls[0];
-  let minDist = Infinity;
-  for (let i4 = 0;i4 < spanEls.length; i4++) {
-    const span = spanEls[i4];
-    const rect = span.getBoundingClientRect();
-    if (!isVisibleRect(rect))
-      continue;
-    if (viewX >= rect.left && viewX <= rect.right) {
-      log2("findSpanAtX: Found containing element at index", i4, {
-        tag: span.tagName,
-        pmStart: span.dataset.pmStart,
-        pmEnd: span.dataset.pmEnd,
-        rect: {
-          left: rect.left,
-          right: rect.right
-        },
-        viewX
-      });
-      return span;
-    }
-    const dist = Math.min(Math.abs(viewX - rect.left), Math.abs(viewX - rect.right));
-    if (dist < minDist) {
-      minDist = dist;
-      targetSpan = span;
-    }
-  }
-  log2("findSpanAtX: No containing element, using nearest:", {
-    tag: targetSpan.tagName,
-    pmStart: targetSpan.dataset.pmStart,
-    pmEnd: targetSpan.dataset.pmEnd,
-    viewX
-  });
-  return targetSpan;
-}
-function findCharIndexAtX(textNode, targetX, rtl) {
-  const text5 = textNode.textContent ?? "";
-  if (text5.length === 0)
-    return 0;
-  const container = textNode.parentElement;
-  if (!container)
-    return 0;
-  const containerRect = container.getBoundingClientRect();
-  const caretIndex = caretOffsetFromPoint(targetX, containerRect.top + containerRect.height / 2, textNode);
-  if (caretIndex != null) {
-    log2("findCharIndexAtX: caret API returned", caretIndex);
-    return caretIndex;
-  }
-  log2("findCharIndexAtX: falling back to range binary search, rtl =", rtl);
-  const range = document.createRange();
-  const measureX = (i4) => {
-    if (i4 <= 0)
-      return rtl ? containerRect.right : containerRect.left;
-    range.setStart(textNode, 0);
-    range.setEnd(textNode, i4);
-    const r$1 = range.getBoundingClientRect();
-    return rtl ? r$1.left : r$1.right;
-  };
-  let lo = 0;
-  let hi = text5.length;
-  while (lo < hi) {
-    const mid = Math.floor((lo + hi) / 2);
-    const x = measureX(mid);
-    if (rtl ? x > targetX : x < targetX)
-      lo = mid + 1;
-    else
-      hi = mid;
-  }
-  const index2 = Math.max(0, Math.min(text5.length, lo));
-  const xAt = measureX(index2);
-  const distAt = Math.abs(xAt - targetX);
-  if (index2 > 0) {
-    const xPrev = measureX(index2 - 1);
-    if (Math.abs(xPrev - targetX) < distAt)
-      return index2 - 1;
-  }
-  return index2;
-}
-function caretOffsetFromPoint(x, y$1, expectedNode) {
-  const doc$12 = document;
-  if (typeof doc$12.caretPositionFromPoint === "function") {
-    const cp = doc$12.caretPositionFromPoint(x, y$1);
-    if (cp && cp.offsetNode === expectedNode)
-      return cp.offset;
-  }
-  if (typeof doc$12.caretRangeFromPoint === "function") {
-    const r$1 = doc$12.caretRangeFromPoint(x, y$1);
-    if (r$1 && r$1.startContainer === expectedNode)
-      return r$1.startOffset;
-  }
-  return null;
-}
 function getWordLayoutConfig(block) {
   if (!block || block.kind !== "paragraph")
     return;
@@ -226499,32 +226144,116 @@ function renderRemoteSelection(options) {
   });
   options.renderCaret();
 }
+function safeElementsFromPoint(doc$12, x, y$1) {
+  if (typeof doc$12.elementsFromPoint !== "function")
+    return [];
+  try {
+    return doc$12.elementsFromPoint(x, y$1) ?? [];
+  } catch {
+    return [];
+  }
+}
+function hasElementsFromPoint(doc$12) {
+  return typeof doc$12.elementsFromPoint === "function";
+}
+function getContainerDocument(domContainer) {
+  return domContainer.ownerDocument ?? null;
+}
+function getNodeDocument(node3) {
+  return node3.ownerDocument ?? null;
+}
+function createRangeForNode(node3) {
+  return getNodeDocument(node3)?.createRange() ?? null;
+}
+function isVisibleRect(rect) {
+  return rect.width > 0 && rect.height > 0;
+}
+function isRtlLine(lineEl) {
+  return getComputedStyle(lineEl).direction === "rtl";
+}
+function readPmRange(el) {
+  return {
+    start: Number(el.dataset.pmStart ?? "NaN"),
+    end: Number(el.dataset.pmEnd ?? "NaN")
+  };
+}
+function getClickableSpans(lineEl) {
+  return Array.from(lineEl.querySelectorAll("span, a")).filter((el) => el.dataset.pmStart !== undefined && el.dataset.pmEnd !== undefined && !el.classList.contains(CLASS.inlineSdtWrapper));
+}
 function clickToPositionDom(domContainer, clientX, clientY) {
-  return clickToPositionDom$1(domContainer, clientX, clientY);
+  log2("=== clickToPositionDom START ===", {
+    clientX,
+    clientY
+  });
+  const pageEl = findPageElement(domContainer, clientX, clientY);
+  if (!pageEl) {
+    log2("No page element found");
+    return null;
+  }
+  log2("Page found:", { pageIndex: pageEl.dataset.pageIndex });
+  const doc$12 = getContainerDocument(domContainer);
+  if (!doc$12) {
+    log2("No owner document found");
+    return null;
+  }
+  const hitChain = safeElementsFromPoint(doc$12, clientX, clientY);
+  if (!Array.isArray(hitChain)) {
+    log2("elementsFromPoint returned non-array");
+    return null;
+  }
+  logHitChain(hitChain);
+  const fragmentEl = hitChain.find((el) => el.classList?.contains?.(CLASS.fragment));
+  if (!fragmentEl) {
+    if (hasElementsFromPoint(doc$12)) {
+      log2("No fragment in hit chain; deferring to geometry");
+      return null;
+    }
+    const fallback = pageEl.querySelector(`.${CLASS.fragment}`);
+    if (!fallback)
+      return null;
+    log2("Using fallback fragment (no elementsFromPoint)");
+    return resolveFragment(fallback, clientX, clientY);
+  }
+  const hitChainLine = hitChain.find((el) => el.classList?.contains?.(CLASS.line) && el.dataset?.pmStart !== undefined && el.dataset?.pmEnd !== undefined);
+  if (hitChainLine) {
+    log2("Using hit-chain line directly");
+    return resolveLineAtX(hitChainLine, clientX);
+  }
+  if (fragmentEl.classList.contains(CLASS.tableFragment)) {
+    log2("Table fragment without line in hit chain — deferring to geometry");
+    return null;
+  }
+  return resolveFragment(fragmentEl, clientX, clientY);
 }
 function findPageElement(domContainer, clientX, clientY) {
-  return findPageElement$1(domContainer, clientX, clientY);
+  if (domContainer.classList?.contains?.(CLASS.page))
+    return domContainer;
+  const doc$12 = getContainerDocument(domContainer);
+  if (!doc$12)
+    return null;
+  const pageFromHit = safeElementsFromPoint(doc$12, clientX, clientY).find((el) => el.classList?.contains?.(CLASS.page));
+  if (pageFromHit)
+    return pageFromHit;
+  const pages = Array.from(domContainer.querySelectorAll(`.${CLASS.page}`));
+  for (const page of pages) {
+    const r$1 = page.getBoundingClientRect();
+    if (clientX >= r$1.left && clientX <= r$1.right && clientY >= r$1.top && clientY <= r$1.bottom)
+      return page;
+  }
+  return pages[0] ?? null;
 }
 function readLayoutEpochFromDom(domContainer, clientX, clientY) {
-  const doc$12 = domContainer.ownerDocument ?? (typeof document !== "undefined" ? document : null);
-  if (!doc$12 || typeof doc$12.elementsFromPoint !== "function")
-    return null;
-  let hitChain = [];
-  try {
-    hitChain = doc$12.elementsFromPoint(clientX, clientY) ?? [];
-  } catch {
+  const doc$12 = getContainerDocument(domContainer);
+  if (!doc$12 || !hasElementsFromPoint(doc$12))
     return null;
-  }
+  const hitChain = safeElementsFromPoint(doc$12, clientX, clientY);
   let latestEpoch = null;
   for (const el of hitChain) {
     if (!(el instanceof HTMLElement))
       continue;
     if (!domContainer.contains(el))
       continue;
-    const raw = el.dataset.layoutEpoch;
-    if (raw == null)
-      continue;
-    const epoch = Number(raw);
+    const epoch = Number(el.dataset.layoutEpoch);
     if (!Number.isFinite(epoch))
       continue;
     if (latestEpoch == null || epoch > latestEpoch)
@@ -226532,6 +226261,153 @@ function readLayoutEpochFromDom(domContainer, clientX, clientY) {
   }
   return latestEpoch;
 }
+function resolveFragment(fragmentEl, viewX, viewY) {
+  const lineEls = Array.from(fragmentEl.querySelectorAll(`.${CLASS.line}`));
+  if (lineEls.length === 0) {
+    log2("No lines in fragment");
+    return null;
+  }
+  const lineEl = findLineAtY(lineEls, viewY);
+  if (!lineEl)
+    return null;
+  return resolveLineAtX(lineEl, viewX);
+}
+function resolveLineAtX(lineEl, viewX) {
+  const { start: lineStart, end: lineEnd } = readPmRange(lineEl);
+  if (!Number.isFinite(lineStart) || !Number.isFinite(lineEnd)) {
+    log2("Line has invalid PM positions");
+    return null;
+  }
+  return resolvePositionInLine(lineEl, lineStart, lineEnd, getClickableSpans(lineEl), viewX);
+}
+function resolvePositionInLine(lineEl, lineStart, lineEnd, spanEls, viewX) {
+  if (spanEls.length === 0) {
+    log2("No spans in line, returning lineStart:", lineStart);
+    return lineStart;
+  }
+  const rtl = isRtlLine(lineEl);
+  const allRects = spanEls.map((el) => el.getBoundingClientRect());
+  const visibleRects = allRects.filter(isVisibleRect);
+  const boundsRects = visibleRects.length > 0 ? visibleRects : allRects;
+  const visualLeft = Math.min(...boundsRects.map((r$1) => r$1.left));
+  const visualRight = Math.max(...boundsRects.map((r$1) => r$1.right));
+  if (viewX <= visualLeft)
+    return rtl ? lineEnd : lineStart;
+  if (viewX >= visualRight)
+    return rtl ? lineStart : lineEnd;
+  const targetEl = findSpanAtX(spanEls, viewX);
+  if (!targetEl)
+    return lineStart;
+  const { start: spanStart, end: spanEnd } = readPmRange(targetEl);
+  if (!Number.isFinite(spanStart) || !Number.isFinite(spanEnd))
+    return null;
+  const firstChild = targetEl.firstChild;
+  if (!firstChild || firstChild.nodeType !== Node.TEXT_NODE || !firstChild.textContent) {
+    const targetRect = targetEl.getBoundingClientRect();
+    const closerToLeft = Math.abs(viewX - targetRect.left) <= Math.abs(viewX - targetRect.right);
+    return rtl ? closerToLeft ? spanEnd : spanStart : closerToLeft ? spanStart : spanEnd;
+  }
+  const textNode = firstChild;
+  const charIndex = findCharIndexAtX(textNode, viewX, rtl);
+  return mapCharIndexToPm(spanStart, spanEnd, textNode.length, charIndex);
+}
+function findLineAtY(lineEls, viewY) {
+  if (lineEls.length === 0)
+    return null;
+  for (const lineEl of lineEls) {
+    const r$1 = lineEl.getBoundingClientRect();
+    if (viewY >= r$1.top && viewY <= r$1.bottom)
+      return lineEl;
+  }
+  return lineEls[lineEls.length - 1];
+}
+function findSpanAtX(spanEls, viewX) {
+  if (spanEls.length === 0)
+    return null;
+  let nearest = spanEls[0];
+  let minDist = Infinity;
+  for (const span of spanEls) {
+    const r$1 = span.getBoundingClientRect();
+    if (!isVisibleRect(r$1))
+      continue;
+    if (viewX >= r$1.left && viewX <= r$1.right)
+      return span;
+    const dist = Math.min(Math.abs(viewX - r$1.left), Math.abs(viewX - r$1.right));
+    if (dist < minDist) {
+      minDist = dist;
+      nearest = span;
+    }
+  }
+  return nearest;
+}
+function mapCharIndexToPm(spanStart, spanEnd, textLength, charIndex) {
+  if (!Number.isFinite(spanStart) || !Number.isFinite(spanEnd))
+    return spanStart;
+  if (textLength <= 0)
+    return spanStart;
+  const pmRange = spanEnd - spanStart;
+  if (!Number.isFinite(pmRange) || pmRange <= 0)
+    return spanStart;
+  if (pmRange === textLength)
+    return Math.min(spanEnd, Math.max(spanStart, spanStart + charIndex));
+  return charIndex / textLength <= 0.5 ? spanStart : spanEnd;
+}
+function findCharIndexAtX(textNode, targetX, rtl) {
+  const text5 = textNode.textContent ?? "";
+  if (text5.length === 0)
+    return 0;
+  const container = textNode.parentElement;
+  if (!container)
+    return 0;
+  const containerRect = container.getBoundingClientRect();
+  const caretIndex = caretOffsetFromPoint(targetX, containerRect.top + containerRect.height / 2, textNode);
+  if (caretIndex != null)
+    return caretIndex;
+  return binarySearchCharIndex(textNode, text5.length, targetX, rtl, containerRect);
+}
+function caretOffsetFromPoint(x, y$1, expectedNode) {
+  const doc$12 = getNodeDocument(expectedNode);
+  if (!doc$12)
+    return null;
+  if (typeof doc$12.caretPositionFromPoint === "function") {
+    const cp = doc$12.caretPositionFromPoint(x, y$1);
+    if (cp && cp.offsetNode === expectedNode)
+      return cp.offset;
+  }
+  if (typeof doc$12.caretRangeFromPoint === "function") {
+    const r$1 = doc$12.caretRangeFromPoint(x, y$1);
+    if (r$1 && r$1.startContainer === expectedNode)
+      return r$1.startOffset;
+  }
+  return null;
+}
+function binarySearchCharIndex(textNode, length$12, targetX, rtl, containerRect) {
+  const range = createRangeForNode(textNode);
+  if (!range)
+    return 0;
+  const measureX = (i4) => {
+    if (i4 <= 0)
+      return rtl ? containerRect.right : containerRect.left;
+    range.setStart(textNode, 0);
+    range.setEnd(textNode, i4);
+    const r$1 = range.getBoundingClientRect();
+    return rtl ? r$1.left : r$1.right;
+  };
+  let lo = 0;
+  let hi = length$12;
+  while (lo < hi) {
+    const mid = Math.floor((lo + hi) / 2);
+    if (rtl ? measureX(mid) > targetX : measureX(mid) < targetX)
+      lo = mid + 1;
+    else
+      hi = mid;
+  }
+  const index2 = Math.max(0, Math.min(length$12, lo));
+  if (index2 > 0 && Math.abs(measureX(index2 - 1) - targetX) < Math.abs(measureX(index2) - targetX))
+    return index2 - 1;
+  return index2;
+}
+function logHitChain(hitChain) {}
 function resolvePointerPositionHit(options) {
   const { layout, blocks: blocks2, measures, containerPoint, domContainer, clientX, clientY, geometryHelper } = options;
   const layoutEpoch = layout.layoutEpoch ?? 0;
@@ -242913,6 +242789,9 @@ var Node$13 = class Node$14 {
     },
     setScrollContainer(el) {
       painter.setScrollContainer(el);
+    },
+    setResolvedLayout(resolvedLayout) {
+      painter.setResolvedLayout(resolvedLayout);
     }
   };
 }, VerticalNavigationPluginKey, createDefaultState = () => ({ goalX: null }), VerticalNavigation, createPermissionBlockMarkerNode = ({ name, attributes }) => Node$13.create({
@@ -246567,7 +246446,7 @@ var Node$13 = class Node$14 {
   if (maxGaps === 0)
     return 0;
   return Math.min(Math.max(precedingChars, 0), maxGaps) * run2.letterSpacing;
-}, log2 = (...args$1) => {}, CLASS_NAMES, defaultHeaderFooterIdentifier = () => ({
+}, defaultHeaderFooterIdentifier = () => ({
   headerIds: {
     default: null,
     first: null,
@@ -251621,7 +251500,7 @@ var Node$13 = class Node$14 {
     this.#onCursorsUpdate = null;
     this.#isSetup = false;
   }
-}, SEMANTIC_FOOTNOTES_HEADING_BLOCK_ID = "__sd_semantic_footnotes_heading", SEMANTIC_FOOTNOTE_BLOCK_ID_PREFIX = "__sd_semantic_footnote", MULTI_CLICK_TIME_THRESHOLD_MS = 400, MULTI_CLICK_DISTANCE_THRESHOLD_PX = 5, AUTO_SCROLL_EDGE_PX = 32, AUTO_SCROLL_MAX_SPEED_PX = 24, SCROLL_DETECTION_TOLERANCE_PX = 1, COMMENT_HIGHLIGHT_SELECTOR = ".superdoc-comment-highlight", clamp = (value, min$2, max$2) => Math.max(min$2, Math.min(max$2, value)), EditorInputManager = class {
+}, log2 = (...args$1) => {}, CLASS, SEMANTIC_FOOTNOTES_HEADING_BLOCK_ID = "__sd_semantic_footnotes_heading", SEMANTIC_FOOTNOTE_BLOCK_ID_PREFIX = "__sd_semantic_footnote", MULTI_CLICK_TIME_THRESHOLD_MS = 400, MULTI_CLICK_DISTANCE_THRESHOLD_PX = 5, AUTO_SCROLL_EDGE_PX = 32, AUTO_SCROLL_MAX_SPEED_PX = 24, SCROLL_DETECTION_TOLERANCE_PX = 1, COMMENT_HIGHLIGHT_SELECTOR = ".superdoc-comment-highlight", clamp = (value, min$2, max$2) => Math.max(min$2, Math.min(max$2, value)), EditorInputManager = class {
   #deps = null;
   #callbacks = {};
   #isDragging = false;
@@ -255092,7 +254971,7 @@ var Node$13 = class Node$14 {
     return;
   console.log(...args$1);
 }, HEADER_FOOTER_INIT_BUDGET_MS = 200, MAX_ZOOM_WARNING_THRESHOLD = 10, MAX_SELECTION_RECTS_PER_USER = 100, SEMANTIC_RESIZE_DEBOUNCE_MS = 120, MIN_SEMANTIC_CONTENT_WIDTH_PX = 1, GLOBAL_PERFORMANCE, PresentationEditor, ICONS, TEXTS, tableActionsOptions;
-var init_src_0P3ZlqDX_es = __esm(() => {
+var init_src_CqUAwJtN_es = __esm(() => {
   init_rolldown_runtime_B2q5OVn9_es();
   init_SuperConverter_B9oNf3OB_es();
   init_jszip_ChlR43oI_es();
@@ -273688,6 +273567,7 @@ function print() { __p += __j.call(arguments, '') }
       this.activeCommentId = null;
       this.paintSnapshotBuilder = null;
       this.lastPaintSnapshot = null;
+      this.resolvedLayout = null;
       this.options = options;
       this.layoutMode = options.layoutMode ?? "vertical";
       this.isSemanticFlow = (options.flowMode ?? "paginated") === "semantic";
@@ -273749,6 +273629,19 @@ function print() { __p += __j.call(arguments, '') }
     getActiveComment() {
       return this.activeCommentId;
     }
+    setResolvedLayout(resolvedLayout) {
+      this.resolvedLayout = resolvedLayout;
+    }
+    getResolvedPage(pageIndex) {
+      return this.resolvedLayout?.pages[pageIndex] ?? null;
+    }
+    getResolvedFragmentItem(pageIndex, fragmentIndex) {
+      const page = this.getResolvedPage(pageIndex);
+      if (!page)
+        return;
+      const item = page.items[fragmentIndex];
+      return item?.kind === "fragment" ? item : undefined;
+    }
     getPaintSnapshot() {
       return this.lastPaintSnapshot;
     }
@@ -274061,7 +273954,9 @@ function print() { __p += __j.call(arguments, '') }
       if (!this.currentLayout)
         return;
       if (this.currentLayout.pages.length !== this.virtualHeights.length)
-        this.virtualHeights = this.currentLayout.pages.map((p$12) => p$12.size?.h ?? this.currentLayout.pageSize.h);
+        this.virtualHeights = this.currentLayout.pages.map((p$12, i4) => {
+          return this.getResolvedPage(i4)?.height ?? p$12.size?.h ?? this.currentLayout.pageSize.h;
+        });
       const offsets = new Array(this.virtualHeights.length + 1);
       offsets[0] = 0;
       for (let i4 = 0;i4 < this.virtualHeights.length; i4 += 1)
@@ -274171,7 +274066,11 @@ function print() { __p += __j.call(arguments, '') }
         }
       for (const i4 of mounted) {
         const page = layout.pages[i4];
-        const pageSize = page.size ?? layout.pageSize;
+        const resolved = this.getResolvedPage(i4);
+        const pageSize = resolved ? {
+          w: resolved.width,
+          h: resolved.height
+        } : page.size ?? layout.pageSize;
         const existing = this.pageIndexToState.get(i4);
         if (!existing) {
           const newState = this.createPageState(page, pageSize, i4);
@@ -274248,7 +274147,11 @@ function print() { __p += __j.call(arguments, '') }
         return;
       mount.innerHTML = "";
       layout.pages.forEach((page, pageIndex) => {
-        const pageSize = page.size ?? layout.pageSize;
+        const resolved = this.getResolvedPage(pageIndex);
+        const pageSize = resolved ? {
+          w: resolved.width,
+          h: resolved.height
+        } : page.size ?? layout.pageSize;
         const pageEl = this.renderPage(pageSize.w, pageSize.h, page, pageIndex);
         mount.appendChild(pageEl);
       });
@@ -274260,7 +274163,11 @@ function print() { __p += __j.call(arguments, '') }
       const pages = layout.pages;
       if (pages.length === 0)
         return;
-      const firstPageSize = pages[0].size ?? layout.pageSize;
+      const firstResolved = this.getResolvedPage(0);
+      const firstPageSize = firstResolved ? {
+        w: firstResolved.width,
+        h: firstResolved.height
+      } : pages[0].size ?? layout.pageSize;
       const firstPageEl = this.renderPage(firstPageSize.w, firstPageSize.h, pages[0], 0);
       mount.appendChild(firstPageEl);
       for (let i4 = 1;i4 < pages.length; i4 += 2) {
@@ -274268,12 +274175,20 @@ function print() { __p += __j.call(arguments, '') }
         spreadEl.classList.add(CLASS_NAMES$1.spread);
         applyStyles(spreadEl, spreadStyles);
         const leftPage = pages[i4];
-        const leftPageSize = leftPage.size ?? layout.pageSize;
+        const leftResolved = this.getResolvedPage(i4);
+        const leftPageSize = leftResolved ? {
+          w: leftResolved.width,
+          h: leftResolved.height
+        } : leftPage.size ?? layout.pageSize;
         const leftPageEl = this.renderPage(leftPageSize.w, leftPageSize.h, leftPage, i4);
         spreadEl.appendChild(leftPageEl);
         if (i4 + 1 < pages.length) {
           const rightPage = pages[i4 + 1];
-          const rightPageSize = rightPage.size ?? layout.pageSize;
+          const rightResolved = this.getResolvedPage(i4 + 1);
+          const rightPageSize = rightResolved ? {
+            w: rightResolved.width,
+            h: rightResolved.height
+          } : rightPage.size ?? layout.pageSize;
           const rightPageEl = this.renderPage(rightPageSize.w, rightPageSize.h, rightPage, i4 + 1);
           spreadEl.appendChild(rightPageEl);
         }
@@ -274306,7 +274221,8 @@ function print() { __p += __j.call(arguments, '') }
       const betweenBorderFlags = computeBetweenBorderFlags(page.fragments, this.blockLookup);
       page.fragments.forEach((fragment2, index2) => {
         const sdtBoundary = sdtBoundaries.get(index2);
-        el.appendChild(this.renderFragment(fragment2, contextBase, sdtBoundary, betweenBorderFlags.get(index2)));
+        const resolvedItem = this.getResolvedFragmentItem(pageIndex, index2);
+        el.appendChild(this.renderFragment(fragment2, contextBase, sdtBoundary, betweenBorderFlags.get(index2), resolvedItem));
       });
       this.renderDecorationsForPage(el, page, pageIndex);
       return el;
@@ -274527,7 +274443,11 @@ function print() { __p += __j.call(arguments, '') }
       this.mount.innerHTML = "";
       this.pageStates = [];
       layout.pages.forEach((page, pageIndex) => {
-        const pageSize = page.size ?? layout.pageSize;
+        const resolved = this.getResolvedPage(pageIndex);
+        const pageSize = resolved ? {
+          w: resolved.width,
+          h: resolved.height
+        } : page.size ?? layout.pageSize;
         const pageState = this.createPageState(page, pageSize, pageIndex);
         pageState.element.dataset.pageNumber = String(page.number);
         pageState.element.dataset.pageIndex = String(pageIndex);
@@ -274540,7 +274460,11 @@ function print() { __p += __j.call(arguments, '') }
         return;
       const nextStates = [];
       layout.pages.forEach((page, index2) => {
-        const pageSize = page.size ?? layout.pageSize;
+        const resolved = this.getResolvedPage(index2);
+        const pageSize = resolved ? {
+          w: resolved.width,
+          h: resolved.height
+        } : page.size ?? layout.pageSize;
         const prevState = this.pageStates[index2];
         if (!prevState) {
           const newState = this.createPageState(page, pageSize, index2);
@@ -274580,6 +274504,7 @@ function print() { __p += __j.call(arguments, '') }
         const current = existing.get(key$1);
         const sdtBoundary = sdtBoundaries.get(index2);
         const betweenInfo = betweenBorderFlags.get(index2);
+        const resolvedItem = this.getResolvedFragmentItem(pageIndex, index2);
         if (current) {
           existing.delete(key$1);
           const sdtBoundaryMismatch = shouldRebuildForSdtBoundary(current.element, sdtBoundary);
@@ -274587,13 +274512,13 @@ function print() { __p += __j.call(arguments, '') }
           const newPmStart = fragment2.pmStart;
           const mappingUnreliable = this.currentMapping != null && newPmStart != null && current.element.dataset.pmStart != null && this.currentMapping.map(Number(current.element.dataset.pmStart)) !== newPmStart;
           if (this.changedBlocks.has(fragment2.blockId) || current.signature !== fragmentSignature(fragment2, this.blockLookup) || sdtBoundaryMismatch || betweenBorderMismatch || mappingUnreliable) {
-            const replacement = this.renderFragment(fragment2, contextBase, sdtBoundary, betweenInfo);
+            const replacement = this.renderFragment(fragment2, contextBase, sdtBoundary, betweenInfo, resolvedItem);
             pageEl.replaceChild(replacement, current.element);
             current.element = replacement;
             current.signature = fragmentSignature(fragment2, this.blockLookup);
           } else if (this.currentMapping)
             this.updatePositionAttributes(current.element, this.currentMapping);
-          this.updateFragmentElement(current.element, fragment2, contextBase.section);
+          this.updateFragmentElement(current.element, fragment2, contextBase.section, resolvedItem);
           if (sdtBoundary?.widthOverride != null)
             current.element.style.width = `${sdtBoundary.widthOverride}px`;
           current.fragment = fragment2;
@@ -274602,7 +274527,7 @@ function print() { __p += __j.call(arguments, '') }
           nextFragments.push(current);
           return;
         }
-        const fresh = this.renderFragment(fragment2, contextBase, sdtBoundary, betweenInfo);
+        const fresh = this.renderFragment(fragment2, contextBase, sdtBoundary, betweenInfo, resolvedItem);
         pageEl.insertBefore(fresh, pageEl.children[index2] ?? null);
         nextFragments.push({
           key: key$1,
@@ -274669,7 +274594,8 @@ function print() { __p += __j.call(arguments, '') }
       const betweenBorderFlags = computeBetweenBorderFlags(page.fragments, this.blockLookup);
       const fragmentStates = page.fragments.map((fragment2, index2) => {
         const sdtBoundary = sdtBoundaries.get(index2);
-        const fragmentEl = this.renderFragment(fragment2, contextBase, sdtBoundary, betweenBorderFlags.get(index2));
+        const resolvedItem = this.getResolvedFragmentItem(pageIndex, index2);
+        const fragmentEl = this.renderFragment(fragment2, contextBase, sdtBoundary, betweenBorderFlags.get(index2), resolvedItem);
         el.appendChild(fragmentEl);
         return {
           key: fragmentKey(fragment2),
@@ -274710,20 +274636,20 @@ function print() { __p += __j.call(arguments, '') }
         };
       return this.options.pageStyles;
     }
-    renderFragment(fragment2, context, sdtBoundary, betweenInfo) {
+    renderFragment(fragment2, context, sdtBoundary, betweenInfo, resolvedItem) {
       if (fragment2.kind === "para")
-        return this.renderParagraphFragment(fragment2, context, sdtBoundary, betweenInfo);
+        return this.renderParagraphFragment(fragment2, context, sdtBoundary, betweenInfo, resolvedItem);
       if (fragment2.kind === "list-item")
-        return this.renderListItemFragment(fragment2, context, sdtBoundary, betweenInfo);
+        return this.renderListItemFragment(fragment2, context, sdtBoundary, betweenInfo, resolvedItem);
       if (fragment2.kind === "image")
-        return this.renderImageFragment(fragment2, context);
+        return this.renderImageFragment(fragment2, context, resolvedItem);
       if (fragment2.kind === "drawing")
-        return this.renderDrawingFragment(fragment2, context);
+        return this.renderDrawingFragment(fragment2, context, resolvedItem);
       if (fragment2.kind === "table")
-        return this.renderTableFragment(fragment2, context, sdtBoundary);
+        return this.renderTableFragment(fragment2, context, sdtBoundary, resolvedItem);
       throw new Error(`DomPainter: unsupported fragment kind ${fragment2.kind}`);
     }
-    renderParagraphFragment(fragment2, context, sdtBoundary, betweenInfo) {
+    renderParagraphFragment(fragment2, context, sdtBoundary, betweenInfo, resolvedItem) {
       try {
         const lookup3 = this.blockLookup.get(fragment2.blockId);
         if (!lookup3 || lookup3.block.kind !== "paragraph" || lookup3.measure.kind !== "paragraph")
@@ -274747,7 +274673,10 @@ function print() { __p += __j.call(arguments, '') }
           ...fragmentStyles,
           overflow: "visible"
         } : fragmentStyles);
-        this.applyFragmentFrame(fragmentEl, fragment2, context.section);
+        if (resolvedItem)
+          this.applyResolvedFragmentFrame(fragmentEl, resolvedItem, fragment2, context.section);
+        else
+          this.applyFragmentFrame(fragmentEl, fragment2, context.section);
         if (isTocEntry)
           fragmentEl.classList.add("superdoc-toc-entry");
         if (fragment2.continuesFromPrev)
@@ -274976,7 +274905,7 @@ function print() { __p += __j.call(arguments, '') }
       }
       return dropCapEl;
     }
-    renderListItemFragment(fragment2, context, sdtBoundary, betweenInfo) {
+    renderListItemFragment(fragment2, context, sdtBoundary, betweenInfo, resolvedItem) {
       try {
         const lookup3 = this.blockLookup.get(fragment2.blockId);
         if (!lookup3 || lookup3.block.kind !== "list" || lookup3.measure.kind !== "list")
@@ -274992,10 +274921,14 @@ function print() { __p += __j.call(arguments, '') }
         const fragmentEl = this.doc.createElement("div");
         fragmentEl.classList.add(CLASS_NAMES$1.fragment, `${CLASS_NAMES$1.fragment}-list-item`);
         applyStyles(fragmentEl, fragmentStyles);
-        fragmentEl.style.left = `${fragment2.x - fragment2.markerWidth}px`;
-        fragmentEl.style.top = `${fragment2.y}px`;
-        fragmentEl.style.width = `${fragment2.markerWidth + fragment2.width}px`;
-        fragmentEl.dataset.blockId = fragment2.blockId;
+        if (resolvedItem)
+          this.applyResolvedListItemWrapperFrame(fragmentEl, fragment2, resolvedItem, context.section);
+        else {
+          fragmentEl.style.left = `${fragment2.x - fragment2.markerWidth}px`;
+          fragmentEl.style.top = `${fragment2.y}px`;
+          fragmentEl.style.width = `${fragment2.markerWidth + fragment2.width}px`;
+          fragmentEl.dataset.blockId = fragment2.blockId;
+        }
         fragmentEl.dataset.itemId = fragment2.itemId;
         const paragraphMetadata = item.paragraph.attrs?.sdt;
         this.applySdtDataset(fragmentEl, paragraphMetadata);
@@ -275074,7 +275007,7 @@ function print() { __p += __j.call(arguments, '') }
         return this.createErrorPlaceholder(fragment2.blockId, error3);
       }
     }
-    renderImageFragment(fragment2, context) {
+    renderImageFragment(fragment2, context, resolvedItem) {
       try {
         const lookup3 = this.blockLookup.get(fragment2.blockId);
         if (!lookup3 || lookup3.block.kind !== "image" || lookup3.measure.kind !== "image")
@@ -275085,12 +275018,15 @@ function print() { __p += __j.call(arguments, '') }
         const fragmentEl = this.doc.createElement("div");
         fragmentEl.classList.add(CLASS_NAMES$1.fragment, DOM_CLASS_NAMES.IMAGE_FRAGMENT);
         applyStyles(fragmentEl, fragmentStyles);
-        this.applyFragmentFrame(fragmentEl, fragment2, context.section);
-        fragmentEl.style.height = `${fragment2.height}px`;
+        if (resolvedItem)
+          this.applyResolvedFragmentFrame(fragmentEl, resolvedItem, fragment2, context.section);
+        else {
+          this.applyFragmentFrame(fragmentEl, fragment2, context.section);
+          fragmentEl.style.height = `${fragment2.height}px`;
+          this.applyFragmentWrapperZIndex(fragmentEl, fragment2);
+        }
         this.applySdtDataset(fragmentEl, block.attrs?.sdt);
         this.applyContainerSdtDataset(fragmentEl, block.attrs?.containerSdt);
-        if (fragment2.isAnchored && fragment2.zIndex != null)
-          fragmentEl.style.zIndex = String(fragment2.zIndex);
         if (block.id)
           fragmentEl.setAttribute("data-sd-block-id", block.id);
         if (fragment2.pmStart != null)
@@ -275143,7 +275079,7 @@ function print() { __p += __j.call(arguments, '') }
         return this.createErrorPlaceholder(fragment2.blockId, error3);
       }
     }
-    renderDrawingFragment(fragment2, context) {
+    renderDrawingFragment(fragment2, context, resolvedItem) {
       try {
         const lookup3 = this.blockLookup.get(fragment2.blockId);
         if (!lookup3 || lookup3.block.kind !== "drawing" || lookup3.measure.kind !== "drawing")
@@ -275155,12 +275091,15 @@ function print() { __p += __j.call(arguments, '') }
         const fragmentEl = this.doc.createElement("div");
         fragmentEl.classList.add(CLASS_NAMES$1.fragment, "superdoc-drawing-fragment");
         applyStyles(fragmentEl, fragmentStyles);
-        this.applyFragmentFrame(fragmentEl, fragment2, context.section);
-        fragmentEl.style.height = `${fragment2.height}px`;
+        if (resolvedItem)
+          this.applyResolvedFragmentFrame(fragmentEl, resolvedItem, fragment2, context.section);
+        else {
+          this.applyFragmentFrame(fragmentEl, fragment2, context.section);
+          fragmentEl.style.height = `${fragment2.height}px`;
+          this.applyFragmentWrapperZIndex(fragmentEl, fragment2);
+        }
         fragmentEl.style.position = "absolute";
         fragmentEl.style.overflow = "hidden";
-        if (fragment2.isAnchored && fragment2.zIndex != null)
-          fragmentEl.style.zIndex = String(fragment2.zIndex);
         const innerWrapper = this.doc.createElement("div");
         innerWrapper.classList.add("superdoc-drawing-inner");
         innerWrapper.style.position = "absolute";
@@ -275700,11 +275639,11 @@ function print() { __p += __j.call(arguments, '') }
     createChartElement(block) {
       return createChartElement(this.doc, block.chartData, block.geometry);
     }
-    renderTableFragment(fragment2, context, sdtBoundary) {
+    renderTableFragment(fragment2, context, sdtBoundary, resolvedItem) {
       if (!this.doc)
         throw new Error("DomPainter: document is not available");
-      const applyFragmentFrameWithSection = (el, frag) => {
-        this.applyFragmentFrame(el, frag, context.section);
+      const applyFragmentFrameWithSection = (el$1, frag) => {
+        this.applyFragmentFrame(el$1, frag, context.section);
       };
       const renderLineForTableCell = (block, line, ctx$1, lineIndex, isLastLine, resolvedListTextStartPx) => {
         const paragraphEndsWithLineBreak = (block.runs.length > 0 ? block.runs[block.runs.length - 1] : null)?.kind === "lineBreak";
@@ -275722,7 +275661,7 @@ function print() { __p += __j.call(arguments, '') }
           return this.createChartElement(block);
         return this.createDrawingPlaceholder();
       };
-      return renderTableFragment({
+      const el = renderTableFragment({
         doc: this.doc,
         fragment: fragment2,
         context,
@@ -275742,6 +275681,9 @@ function print() { __p += __j.call(arguments, '') }
         applyContainerSdtDataset: this.applyContainerSdtDataset.bind(this),
         applyStyles
       });
+      if (resolvedItem)
+        this.applyResolvedFragmentFrame(el, resolvedItem, fragment2, context.section);
+      return el;
     }
     extractLinkData(run2) {
       if (run2.kind === "tab" || run2.kind === "image" || run2.kind === "lineBreak" || run2.kind === "math")
@@ -276829,12 +276771,20 @@ function print() { __p += __j.call(arguments, '') }
       if (this.activeCommentId && meta2.id === this.activeCommentId)
         elem.classList.add(TRACK_CHANGE_FOCUSED_CLASS);
     }
-    updateFragmentElement(el, fragment2, section) {
-      this.applyFragmentFrame(el, fragment2, section);
-      if (fragment2.kind === "image")
-        el.style.height = `${fragment2.height}px`;
-      if (fragment2.kind === "drawing")
-        el.style.height = `${fragment2.height}px`;
+    updateFragmentElement(el, fragment2, section, resolvedItem) {
+      if (fragment2.kind === "list-item" && resolvedItem) {
+        this.applyResolvedListItemWrapperFrame(el, fragment2, resolvedItem, section);
+        return;
+      }
+      if (resolvedItem)
+        this.applyResolvedFragmentFrame(el, resolvedItem, fragment2, section);
+      else {
+        this.applyFragmentFrame(el, fragment2, section);
+        if (fragment2.kind === "image" || fragment2.kind === "drawing") {
+          el.style.height = `${fragment2.height}px`;
+          this.applyFragmentWrapperZIndex(el, fragment2);
+        }
+      }
     }
     applyFragmentFrame(el, fragment2, section) {
       el.style.left = `${fragment2.x}px`;
@@ -276865,6 +276815,58 @@ function print() { __p += __j.call(arguments, '') }
           delete el.dataset.continuesOnNext;
       }
     }
+    applyFragmentPmAttributes(el, fragment2, section) {
+      if (typeof fragment2.blockId === "string" && fragment2.blockId.startsWith("footnote-"))
+        el.setAttribute("contenteditable", "false");
+      if (fragment2.kind === "para") {
+        if (section === "body" || section === undefined)
+          assertFragmentPmPositions(fragment2, "paragraph fragment");
+        if (fragment2.pmStart != null)
+          el.dataset.pmStart = String(fragment2.pmStart);
+        else
+          delete el.dataset.pmStart;
+        if (fragment2.pmEnd != null)
+          el.dataset.pmEnd = String(fragment2.pmEnd);
+        else
+          delete el.dataset.pmEnd;
+        if (fragment2.continuesFromPrev)
+          el.dataset.continuesFromPrev = "true";
+        else
+          delete el.dataset.continuesFromPrev;
+        if (fragment2.continuesOnNext)
+          el.dataset.continuesOnNext = "true";
+        else
+          delete el.dataset.continuesOnNext;
+      }
+    }
+    isAnchoredMediaFragment(fragment2) {
+      return (fragment2.kind === "image" || fragment2.kind === "drawing") && fragment2.isAnchored === true;
+    }
+    resolveFragmentWrapperZIndex(fragment2, resolvedZIndex) {
+      if (!this.isAnchoredMediaFragment(fragment2))
+        return "";
+      const zIndex = resolvedZIndex ?? fragment2.zIndex;
+      return zIndex != null ? String(zIndex) : "";
+    }
+    applyFragmentWrapperZIndex(el, fragment2, resolvedZIndex) {
+      el.style.zIndex = this.resolveFragmentWrapperZIndex(fragment2, resolvedZIndex);
+    }
+    applyResolvedFragmentFrame(el, item, fragment2, section) {
+      el.style.left = `${item.x}px`;
+      el.style.top = `${item.y}px`;
+      el.style.width = `${item.width}px`;
+      el.dataset.blockId = item.blockId;
+      el.dataset.layoutEpoch = String(this.layoutEpoch);
+      this.applyFragmentWrapperZIndex(el, fragment2, item.zIndex);
+      if (item.fragmentKind === "image" || item.fragmentKind === "drawing" || item.fragmentKind === "table")
+        el.style.height = `${item.height}px`;
+      this.applyFragmentPmAttributes(el, fragment2, section);
+    }
+    applyResolvedListItemWrapperFrame(el, fragment2, item, section) {
+      this.applyResolvedFragmentFrame(el, item, fragment2, section);
+      el.style.left = `${item.x - fragment2.markerWidth}px`;
+      el.style.width = `${item.width + fragment2.markerWidth}px`;
+    }
     estimateFragmentHeight(fragment2) {
       const measure = this.blockLookup.get(fragment2.blockId)?.measure;
       if (fragment2.kind === "para" && measure?.kind === "paragraph")
@@ -284363,12 +284365,7 @@ function print() { __p += __j.call(arguments, '') }
   ]);
   init_dist4();
   SPACE_CHARS$1 = SPACE_CHARS;
-  CLASS_NAMES = {
-    page: DOM_CLASS_NAMES.PAGE,
-    fragment: DOM_CLASS_NAMES.FRAGMENT,
-    line: DOM_CLASS_NAMES.LINE,
-    tableFragment: DOM_CLASS_NAMES.TABLE_FRAGMENT
-  };
+  DOM_CLASS_NAMES.PAGE, DOM_CLASS_NAMES.FRAGMENT, DOM_CLASS_NAMES.LINE, DOM_CLASS_NAMES.TABLE_FRAGMENT;
   init_dist4();
   FeatureFlags = {
     NUMBERING_SECTION_AWARE: isEnabled("SD_NUMBERING_SECTION_AWARE", true),
@@ -284722,6 +284719,13 @@ function print() { __p += __j.call(arguments, '') }
     paragraphToFlowBlocks
   };
   DEFAULT_STALE_TIMEOUT_MS = 300 * 1000;
+  CLASS = {
+    page: DOM_CLASS_NAMES.PAGE,
+    fragment: DOM_CLASS_NAMES.FRAGMENT,
+    line: DOM_CLASS_NAMES.LINE,
+    tableFragment: DOM_CLASS_NAMES.TABLE_FRAGMENT,
+    inlineSdtWrapper: DOM_CLASS_NAMES.INLINE_SDT_WRAPPER
+  };
   SelectionSyncCoordinator = class extends EventEmitter2 {
     #docEpoch = 0;
     #layoutEpoch = 0;
@@ -287614,6 +287618,7 @@ function print() { __p += __j.call(arguments, '') }
         const previousMeasures = this.#layoutState.measures;
         let layout;
         let measures;
+        let resolvedLayout;
         let headerLayouts;
         let footerLayouts;
         let extraBlocks;
@@ -287640,6 +287645,12 @@ function print() { __p += __j.call(arguments, '') }
           extraMeasures = Array.isArray(result.extraMeasures) ? result.extraMeasures : undefined;
           layout.pageGap = this.#getEffectivePageGap();
           layout.layoutEpoch = layoutEpoch;
+          resolvedLayout = resolveLayout({
+            layout,
+            flowMode: this.#layoutOptions.flowMode ?? "paginated",
+            blocks: blocksForLayout,
+            measures
+          });
           headerLayouts = result.headers;
           footerLayouts = result.footers;
         } catch (error3) {
@@ -287691,6 +287702,7 @@ function print() { __p += __j.call(arguments, '') }
           this.#updateDecorationProviders(layout);
         }
         const painter = this.#ensurePainter(blocksForLayout, measures);
+        painter.setResolvedLayout?.(resolvedLayout);
         if (!isSemanticFlow && typeof painter.setProviders === "function")
           painter.setProviders(this.#headerFooterSession?.headerDecorationProvider, this.#headerFooterSession?.footerDecorationProvider);
         const headerBlocks = [];
@@ -289304,7 +289316,7 @@ var init_zipper_YmNpPIyc_es = __esm(() => {
 
 // ../../packages/superdoc/dist/super-editor.es.js
 var init_super_editor_es = __esm(() => {
-  init_src_0P3ZlqDX_es();
+  init_src_CqUAwJtN_es();
   init_SuperConverter_B9oNf3OB_es();
   init_jszip_ChlR43oI_es();
   init_xml_js_40FWvL78_es();