@harbour-enterprises/superdoc 1.3.0-next.9 → 1.3.1-next.1

package/dist/chunks/{index-CqzJ4gdV.cjs → index-Ccw24rQt.cjs}

@@ -1,7 +1,7 @@
 "use strict";
 const jszip = require("./jszip-C8_CqJxM.cjs");
 const helpers$1 = require("./helpers-nOdwpmwb.cjs");
-const superEditor_converter = require("./SuperConverter-BuhT_Z5G.cjs");
+const superEditor_converter = require("./SuperConverter-rwP6nlvC.cjs");
 const vue = require("./vue-De9wkgLl.cjs");
 require("./jszip.min-BPh2MMAa.cjs");
 const eventemitter3 = require("./eventemitter3-BQuRcMPI.cjs");
@@ -10953,6 +10953,105 @@ const setSectionHeaderFooterAtSelection = ({ headerInches, footerInches } = {})
   tr.setNodeMarkup(pos, void 0, nextAttrs, node.marks);
   return true;
 };
+function findGoverningSectPrParagraph(doc2, selectionPos) {
+  const candidates = [];
+  doc2.descendants((node, nodePos) => {
+    if (node.type?.name === "paragraph" && node.attrs?.paragraphProperties?.sectPr) {
+      candidates.push({ node, pos: nodePos });
+    }
+  });
+  if (!candidates.length) return null;
+  const inside = candidates.find((c2) => selectionPos >= c2.pos && selectionPos < c2.pos + c2.node.nodeSize);
+  if (inside) return inside;
+  const atOrAfter = candidates.find((c2) => c2.pos >= selectionPos);
+  return atOrAfter ?? candidates[candidates.length - 1];
+}
+const setSectionPageMarginsAtSelection = ({ topInches, rightInches, bottomInches, leftInches } = {}) => ({ tr, state, editor }) => {
+  if (!state || !editor) {
+    console.warn("[setSectionPageMarginsAtSelection] Missing state or editor");
+    return false;
+  }
+  const hasTop = typeof topInches === "number";
+  const hasRight = typeof rightInches === "number";
+  const hasBottom = typeof bottomInches === "number";
+  const hasLeft = typeof leftInches === "number";
+  if (!hasTop && !hasRight && !hasBottom && !hasLeft) {
+    console.warn("[setSectionPageMarginsAtSelection] No margin values provided");
+    return false;
+  }
+  if (hasTop && topInches < 0 || hasRight && rightInches < 0 || hasBottom && bottomInches < 0 || hasLeft && leftInches < 0) {
+    console.warn("[setSectionPageMarginsAtSelection] Margin values must be >= 0");
+    return false;
+  }
+  const updates = {};
+  if (hasTop) updates.topInches = topInches;
+  if (hasRight) updates.rightInches = rightInches;
+  if (hasBottom) updates.bottomInches = bottomInches;
+  if (hasLeft) updates.leftInches = leftInches;
+  const { from: from3 } = state.selection;
+  const governing = findGoverningSectPrParagraph(state.doc, from3);
+  if (governing) {
+    const { node, pos } = governing;
+    const paraProps = node.attrs?.paragraphProperties || null;
+    const existingSectPr = paraProps?.sectPr || null;
+    if (!existingSectPr) {
+      console.warn("[setSectionPageMarginsAtSelection] Paragraph found but has no sectPr");
+      return false;
+    }
+    const sectPr2 = JSON.parse(JSON.stringify(existingSectPr));
+    try {
+      updateSectionMargins({ type: "sectPr", sectPr: sectPr2 }, updates);
+    } catch (err) {
+      console.error("[setSectionPageMarginsAtSelection] Failed to update sectPr:", err);
+      return false;
+    }
+    const resolved = getSectPrMargins(sectPr2);
+    const normalizedSectionMargins = {
+      top: resolved.top ?? null,
+      right: resolved.right ?? null,
+      bottom: resolved.bottom ?? null,
+      left: resolved.left ?? null,
+      header: resolved.header ?? null,
+      footer: resolved.footer ?? null
+    };
+    const newParagraphProperties = { ...paraProps || {}, sectPr: sectPr2 };
+    const nextAttrs = {
+      ...node.attrs,
+      paragraphProperties: newParagraphProperties,
+      sectionMargins: normalizedSectionMargins
+    };
+    tr.setNodeMarkup(pos, void 0, nextAttrs, node.marks);
+    tr.setMeta("forceUpdatePagination", true);
+    return true;
+  }
+  const docAttrs = state.doc.attrs ?? {};
+  const converter = editor.converter ?? null;
+  const baseBodySectPr = docAttrs.bodySectPr || converter?.bodySectPr || null;
+  const sectPr = baseBodySectPr != null ? JSON.parse(JSON.stringify(baseBodySectPr)) : { type: "element", name: "w:sectPr", elements: [] };
+  try {
+    updateSectionMargins({ type: "sectPr", sectPr }, updates);
+  } catch (err) {
+    console.error("[setSectionPageMarginsAtSelection] Failed to update sectPr:", err);
+    return false;
+  }
+  if (converter) {
+    converter.bodySectPr = sectPr;
+    if (!converter.pageStyles) converter.pageStyles = {};
+    if (!converter.pageStyles.pageMargins) converter.pageStyles.pageMargins = {};
+    const pageMargins = converter.pageStyles.pageMargins;
+    const resolved = getSectPrMargins(sectPr);
+    if (resolved.top != null) pageMargins.top = resolved.top;
+    if (resolved.right != null) pageMargins.right = resolved.right;
+    if (resolved.bottom != null) pageMargins.bottom = resolved.bottom;
+    if (resolved.left != null) pageMargins.left = resolved.left;
+    if (resolved.header != null) pageMargins.header = resolved.header;
+    if (resolved.footer != null) pageMargins.footer = resolved.footer;
+  }
+  const nextDocAttrs = { ...docAttrs, bodySectPr: sectPr };
+  tr.setNodeMarkup(0, void 0, nextDocAttrs);
+  tr.setMeta("forceUpdatePagination", true);
+  return true;
+};
 const insertSectionBreakAtSelection = ({ headerInches, footerInches } = {}) => ({ tr, state, editor }) => {
   if (!state || !editor) {
     console.warn("[insertSectionBreakAtSelection] Missing state or editor");
@@ -11484,6 +11583,7 @@ const commands$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
   setMeta,
   setNode,
   setSectionHeaderFooterAtSelection,
+  setSectionPageMarginsAtSelection,
   setTextIndentation,
   setTextSelection,
   skipTab,
@@ -15351,7 +15451,7 @@ const canUseDOM = () => {
     return false;
   }
 };
-const summaryVersion = "1.3.0-next.9";
+const summaryVersion = "1.3.1-next.1";
 const nodeKeys = ["group", "content", "marks", "inline", "atom", "defining", "code", "tableRole", "summary"];
 const markKeys = ["group", "inclusive", "excludes", "spanning", "code"];
 function mapAttributes(attrs) {
@@ -17353,9 +17453,8 @@ class Editor extends EventEmitter {
     try {
       const jsonObj = json;
       const attrs = jsonObj.attrs;
-      const hasBody = attrs && "bodySectPr" in attrs;
       const converter = this.converter;
-      if (!hasBody && converter && converter.bodySectPr) {
+      if (converter && converter.bodySectPr) {
         jsonObj.attrs = attrs || {};
         jsonObj.attrs.bodySectPr = converter.bodySectPr;
       }
@@ -17984,7 +18083,7 @@ class Editor extends EventEmitter {
    * Process collaboration migrations
    */
   processCollaborationMigrations() {
-    console.debug("[checkVersionMigrations] Current editor version", "1.3.0-next.9");
+    console.debug("[checkVersionMigrations] Current editor version", "1.3.1-next.1");
     if (!this.options.ydoc) return;
     const metaMap = this.options.ydoc.getMap("meta");
     let docVersion = metaMap.get("version");
@@ -24847,7 +24946,7 @@ function isMinimalWordLayout(value) {
   return true;
 }
 const LIST_MARKER_GAP$2 = 8;
-const DEFAULT_TAB_INTERVAL_PX$2 = 48;
+const DEFAULT_TAB_INTERVAL_PX$1 = 48;
 const DEFAULT_PAGE_HEIGHT_PX = 1056;
 const DEFAULT_VIRTUALIZED_PAGE_GAP$1 = 72;
 const COMMENT_EXTERNAL_COLOR = "#B1124B";
@@ -25881,7 +25980,7 @@ class DomPainter {
               const textStart = paraIndentLeft + firstLine;
               tabWidth = textStart - currentPos;
               if (tabWidth <= 0) {
-                tabWidth = DEFAULT_TAB_INTERVAL_PX$2 - currentPos % DEFAULT_TAB_INTERVAL_PX$2;
+                tabWidth = DEFAULT_TAB_INTERVAL_PX$1 - currentPos % DEFAULT_TAB_INTERVAL_PX$1;
               } else if (tabWidth < LIST_MARKER_GAP$2) {
                 tabWidth = LIST_MARKER_GAP$2;
               }
@@ -26033,7 +26132,7 @@ class DomPainter {
                 const textStart = paraIndentLeft + firstLine;
                 tabWidth = textStart - currentPos;
                 if (tabWidth <= 0) {
-                  tabWidth = DEFAULT_TAB_INTERVAL_PX$2 - currentPos % DEFAULT_TAB_INTERVAL_PX$2;
+                  tabWidth = DEFAULT_TAB_INTERVAL_PX$1 - currentPos % DEFAULT_TAB_INTERVAL_PX$1;
                 } else if (tabWidth < LIST_MARKER_GAP$2) {
                   tabWidth = LIST_MARKER_GAP$2;
                 }
@@ -27381,6 +27480,13 @@ class DomPainter {
     const trackedConfig = this.resolveTrackedChangesConfig(block);
     if (runsForLine.length === 0) {
       const span = this.doc.createElement("span");
+      span.classList.add("superdoc-empty-run");
+      if (lineRange.pmStart != null) {
+        span.dataset.pmStart = String(lineRange.pmStart);
+      }
+      if (lineRange.pmEnd != null) {
+        span.dataset.pmEnd = String(lineRange.pmEnd);
+      }
       span.innerHTML = "&nbsp;";
       el.appendChild(span);
     }
@@ -30627,7 +30733,6 @@ const DEFAULT_LIST_INDENT_BASE_PX = 24;
 const DEFAULT_LIST_INDENT_STEP_PX = 24;
 const DEFAULT_LIST_HANGING_PX$1 = 18;
 const SPACE_SUFFIX_GAP_PX = 4;
-const DEFAULT_TAB_INTERVAL_PX$1 = 48;
 function resolveListTextStartPx(wordLayout, indentLeft, firstLine, hanging, measureMarkerText) {
   const marker = wordLayout?.marker;
   if (!marker) {
@@ -30661,9 +30766,13 @@ function resolveListTextStartPx(wordLayout, indentLeft, firstLine, hanging, meas
     return markerStartPos + finalMarkerTextWidth;
   }
   const markerJustification = marker.justification ?? "left";
+  const markerWidthEffective = Math.max(
+    typeof marker.markerBoxWidthPx === "number" && Number.isFinite(marker.markerBoxWidthPx) ? marker.markerBoxWidthPx : 0,
+    finalMarkerTextWidth
+  );
   if (markerJustification !== "left") {
-    const gutterWidth = typeof marker.gutterWidthPx === "number" && Number.isFinite(marker.gutterWidthPx) && marker.gutterWidthPx > 0 ? marker.gutterWidthPx : LIST_MARKER_GAP$1;
-    return markerStartPos + finalMarkerTextWidth + Math.max(gutterWidth, LIST_MARKER_GAP$1);
+    const gutterWidth2 = typeof marker.gutterWidthPx === "number" && Number.isFinite(marker.gutterWidthPx) && marker.gutterWidthPx > 0 ? marker.gutterWidthPx : LIST_MARKER_GAP$1;
+    return markerStartPos + finalMarkerTextWidth + Math.max(gutterWidth2, LIST_MARKER_GAP$1);
   }
   if (wordLayout?.firstLineIndentMode === true) {
     let targetTabStop;
@@ -30675,12 +30784,12 @@ function resolveListTextStartPx(wordLayout, indentLeft, firstLine, hanging, meas
         }
       }
     }
-    const textStartTarget = typeof marker.textStartX === "number" && Number.isFinite(marker.textStartX) ? marker.textStartX : wordLayout.textStartPx;
+    const textStartTarget2 = typeof marker.textStartX === "number" && Number.isFinite(marker.textStartX) ? marker.textStartX : wordLayout.textStartPx;
     let tabWidth2;
     if (targetTabStop !== void 0) {
       tabWidth2 = targetTabStop - currentPos;
-    } else if (textStartTarget !== void 0 && Number.isFinite(textStartTarget) && textStartTarget > currentPos) {
-      tabWidth2 = textStartTarget - currentPos;
+    } else if (textStartTarget2 !== void 0 && Number.isFinite(textStartTarget2) && textStartTarget2 > currentPos) {
+      tabWidth2 = textStartTarget2 - currentPos;
     } else {
       tabWidth2 = LIST_MARKER_GAP$1;
     }
@@ -30689,14 +30798,21 @@ function resolveListTextStartPx(wordLayout, indentLeft, firstLine, hanging, meas
     }
     return markerStartPos + finalMarkerTextWidth + tabWidth2;
   }
+  const textStartTarget = typeof wordLayout?.textStartPx === "number" && Number.isFinite(wordLayout.textStartPx) ? wordLayout.textStartPx : void 0;
+  const gutterWidth = typeof marker.gutterWidthPx === "number" && Number.isFinite(marker.gutterWidthPx) && marker.gutterWidthPx > 0 ? marker.gutterWidthPx : LIST_MARKER_GAP$1;
+  const currentPosStandard = markerStartPos + markerWidthEffective;
+  if (textStartTarget !== void 0) {
+    const gap = Math.max(textStartTarget - currentPosStandard, gutterWidth);
+    return currentPosStandard + gap;
+  }
   const textStart = indentLeft + firstLine;
-  let tabWidth = textStart - currentPos;
+  let tabWidth = textStart - currentPosStandard;
   if (tabWidth <= 0) {
-    tabWidth = DEFAULT_TAB_INTERVAL_PX$1 - currentPos % DEFAULT_TAB_INTERVAL_PX$1;
+    tabWidth = gutterWidth;
   } else if (tabWidth < LIST_MARKER_GAP$1) {
-    tabWidth = LIST_MARKER_GAP$1;
+    tabWidth = Math.max(tabWidth, gutterWidth);
   }
-  return markerStartPos + finalMarkerTextWidth + tabWidth;
+  return currentPosStandard + tabWidth;
 }
 function getWordLayoutConfig(block) {
   if (!block || block.kind !== "paragraph") {
@@ -30725,21 +30841,45 @@ function isListItem(markerWidth, block) {
   return hasHangingIndentPattern;
 }
 function calculateTextStartIndent(params2) {
-  const { isFirstLine, isListItem: isListItem2, markerWidth, paraIndentLeft, firstLineIndent, hangingIndent, wordLayout } = params2;
+  const {
+    isFirstLine,
+    isListItem: isListItem2,
+    markerWidth,
+    markerTextWidth,
+    paraIndentLeft,
+    firstLineIndent,
+    hangingIndent,
+    wordLayout
+  } = params2;
   const firstLineOffset = firstLineIndent - hangingIndent;
-  const isFirstLineIndentMode = wordLayout?.firstLineIndentMode === true;
+  const effectiveMarkerTextWidth = typeof markerTextWidth === "number" && Number.isFinite(markerTextWidth) && markerTextWidth > 0 ? markerTextWidth : markerWidth;
   let indentAdjust = paraIndentLeft;
-  if (isListItem2 && isFirstLine && isFirstLineIndentMode) {
+  if (isListItem2 && isFirstLine) {
     const resolvedTextStart = resolveListTextStartPx(
       wordLayout,
       paraIndentLeft,
       Math.max(firstLineIndent, 0),
       Math.max(hangingIndent, 0),
-      () => markerWidth
-      // Use provided markerWidth since we don't have canvas access here
+      () => effectiveMarkerTextWidth
+      // Use measured marker text width when available
     );
-    const textStartFallback = paraIndentLeft + Math.max(firstLineIndent, 0) + markerWidth;
-    indentAdjust = typeof resolvedTextStart === "number" && Number.isFinite(resolvedTextStart) ? resolvedTextStart : textStartFallback;
+    if (typeof resolvedTextStart === "number" && Number.isFinite(resolvedTextStart)) {
+      indentAdjust = resolvedTextStart;
+    } else {
+      const explicitTextStart = wordLayout?.marker?.textStartX ?? wordLayout?.textStartPx;
+      const isStandardHangingList = hangingIndent > 0 && wordLayout?.firstLineIndentMode !== true;
+      const textStartLooksValid = typeof explicitTextStart === "number" && Number.isFinite(explicitTextStart) && (!isStandardHangingList || explicitTextStart > paraIndentLeft);
+      if (textStartLooksValid) {
+        indentAdjust = explicitTextStart;
+      } else if (wordLayout?.firstLineIndentMode === true) {
+        indentAdjust = paraIndentLeft + Math.max(firstLineIndent, 0) + markerWidth;
+      } else if (isStandardHangingList && effectiveMarkerTextWidth > 0) {
+        const markerStartPos = Math.max(0, paraIndentLeft - hangingIndent + firstLineIndent);
+        const gutterWidthCandidate = wordLayout?.gutterWidthPx;
+        const gutterWidth = typeof gutterWidthCandidate === "number" && Number.isFinite(gutterWidthCandidate) ? gutterWidthCandidate : wordLayout?.marker?.gutterWidthPx ?? LIST_MARKER_GAP$1;
+        indentAdjust = markerStartPos + effectiveMarkerTextWidth + gutterWidth;
+      }
+    }
   } else if (isFirstLine && !isListItem2) {
     indentAdjust += firstLineOffset;
   }
@@ -31590,12 +31730,16 @@ function layoutParagraphBlock(ctx2, anchors) {
   const negativeRightIndent = indentRight < 0 ? indentRight : 0;
   const remeasureWidth = Math.max(1, columnWidth - indentLeft - indentRight);
   let didRemeasureForColumnWidth = false;
+  let remeasuredMarkerInfo;
   if (typeof remeasureParagraph2 === "function" && typeof measurementWidth === "number" && measurementWidth > remeasureWidth) {
     const firstLineIndent = calculateFirstLineIndent(block, measure);
     const newMeasure = remeasureParagraph2(block, columnWidth, firstLineIndent);
     const newLines = normalizeLines(newMeasure);
     lines = newLines;
     didRemeasureForColumnWidth = true;
+    if (newMeasure.marker) {
+      remeasuredMarkerInfo = newMeasure.marker;
+    }
   }
   let fromLine = 0;
   const attrs = getParagraphAttrs(block);
@@ -31634,10 +31778,12 @@ function layoutParagraphBlock(ctx2, anchors) {
       width: fragmentWidth,
       ...computeFragmentPmRange(block, lines, 0, lines.length)
     };
-    if (measure.marker) {
-      fragment.markerWidth = measure.marker.markerWidth;
-      if (measure.marker.markerTextWidth != null) {
-        fragment.markerTextWidth = measure.marker.markerTextWidth;
+    if (measure.marker || remeasuredMarkerInfo) {
+      const effectiveMarkerInfo = remeasuredMarkerInfo ?? measure.marker;
+      fragment.markerWidth = effectiveMarkerInfo?.markerWidth ?? measure.marker?.markerWidth ?? 0;
+      const markerTextWidth = remeasuredMarkerInfo?.markerTextWidth ?? measure.marker?.markerTextWidth;
+      if (markerTextWidth != null) {
+        fragment.markerTextWidth = markerTextWidth;
       }
     }
     state.page.fragments.push(fragment);
@@ -31679,6 +31825,9 @@ function layoutParagraphBlock(ctx2, anchors) {
       const newLines = normalizeLines(newMeasure);
       lines = newLines;
       didRemeasureForFloats = true;
+      if (newMeasure.marker) {
+        remeasuredMarkerInfo = newMeasure.marker;
+      }
     }
   }
   while (fromLine < lines.length) {
@@ -31750,13 +31899,16 @@ function layoutParagraphBlock(ctx2, anchors) {
     if (didRemeasureForColumnWidth) {
       fragment.lines = lines.slice(fromLine, slice2.toLine);
     }
-    if (measure.marker && fromLine === 0) {
-      fragment.markerWidth = measure.marker.markerWidth;
-      if (measure.marker.markerTextWidth != null) {
-        fragment.markerTextWidth = measure.marker.markerTextWidth;
+    if ((measure.marker || remeasuredMarkerInfo) && fromLine === 0) {
+      const effectiveMarkerInfo = remeasuredMarkerInfo ?? measure.marker;
+      fragment.markerWidth = effectiveMarkerInfo?.markerWidth ?? measure.marker?.markerWidth ?? 0;
+      const markerTextWidth = remeasuredMarkerInfo?.markerTextWidth ?? measure.marker?.markerTextWidth;
+      if (markerTextWidth != null) {
+        fragment.markerTextWidth = markerTextWidth;
       }
-      if (measure.kind === "paragraph" && measure.marker?.gutterWidth != null) {
-        fragment.markerGutter = measure.marker.gutterWidth;
+      const gutterWidth = remeasuredMarkerInfo?.gutterWidth ?? measure.marker?.gutterWidth;
+      if (gutterWidth != null) {
+        fragment.markerGutter = gutterWidth;
       }
     }
     if (fromLine > 0) fragment.continuesFromPrev = true;
@@ -35197,16 +35349,19 @@ function remeasureParagraph(block, maxWidth, firstLineIndent = 0) {
   const contentWidth = Math.max(1, maxWidth - indentLeft - indentRight);
   const markerTextStartX = wordLayout?.marker?.textStartX;
   const textStartPx = typeof markerTextStartX === "number" && Number.isFinite(markerTextStartX) ? markerTextStartX : typeof wordLayout?.textStartPx === "number" && Number.isFinite(wordLayout.textStartPx) ? wordLayout.textStartPx : void 0;
+  let measuredMarkerTextWidth;
   const resolvedTextStartPx = resolveListTextStartPx(
     wordLayout,
     indentLeft,
     indentFirstLine,
     indentHanging,
-    (markerText, marker) => {
+    (markerText, marker2) => {
       const context = getCtx();
       if (!context) return 0;
-      context.font = markerFontString(marker.run);
-      return context.measureText(markerText).width;
+      context.font = markerFontString(marker2.run);
+      const width = context.measureText(markerText).width;
+      measuredMarkerTextWidth = width;
+      return width;
     }
   );
   const effectiveTextStartPx = resolvedTextStartPx ?? textStartPx;
@@ -35297,7 +35452,14 @@ function remeasureParagraph(block, maxWidth, firstLineIndent = 0) {
     }
   }
   const totalHeight = lines.reduce((s2, l) => s2 + l.lineHeight, 0);
-  return { kind: "paragraph", lines, totalHeight };
+  const marker = wordLayout?.marker;
+  const markerInfo = marker ? {
+    markerWidth: marker.markerBoxWidthPx ?? indentHanging ?? 0,
+    markerTextWidth: measuredMarkerTextWidth ?? 0,
+    indentLeft,
+    gutterWidth: marker.gutterWidthPx
+  } : void 0;
+  return { kind: "paragraph", lines, totalHeight, marker: markerInfo };
 }
 function hasComments(run) {
   return "comments" in run && Array.isArray(run.comments) && run.comments.length > 0;
@@ -37348,6 +37510,7 @@ function selectionToRects(layout, blocks, measures, from3, to, geometryHelper) {
             isFirstLine,
             isListItem: isListItemFlag,
             markerWidth,
+            markerTextWidth: fragment.markerTextWidth ?? measure.marker?.markerTextWidth ?? void 0,
             paraIndentLeft: indent.left,
             firstLineIndent: indent.firstLine,
             hangingIndent: indent.hanging,
@@ -37485,6 +37648,7 @@ function selectionToRects(layout, blocks, measures, from3, to, geometryHelper) {
                   isFirstLine,
                   isListItem: cellIsListItem,
                   markerWidth: paragraphMarkerWidth,
+                  markerTextWidth: info.measure?.marker?.markerTextWidth ?? void 0,
                   paraIndentLeft: cellIndent.left,
                   firstLineIndent: cellIndent.firstLine,
                   hangingIndent: cellIndent.hanging,
@@ -37736,25 +37900,36 @@ const mapPointToPm = (block, line, x, isRTL, availableWidthOverride, alignmentOv
   const range = computeLinePmRange(block, line);
   if (range.pmStart == null || range.pmEnd == null) return null;
   const result = findCharacterAtX(block, line, x, range.pmStart, availableWidthOverride, alignmentOverride);
+  let pmPosition = result.pmPosition;
   if (isRTL) {
     const charOffset = result.charOffset;
     const charsInLine = Math.max(1, line.toChar - line.fromChar);
     const reversedOffset = Math.max(0, Math.min(charsInLine, charsInLine - charOffset));
-    return charOffsetToPm(block, line, reversedOffset, range.pmStart);
+    pmPosition = charOffsetToPm(block, line, reversedOffset, range.pmStart);
   }
-  return result.pmPosition;
+  return pmPosition;
 };
 const mapPmToX = (block, line, offset2, fragmentWidth, alignmentOverride) => {
   if (fragmentWidth <= 0 || line.width <= 0) return 0;
   let paraIndentLeft = 0;
   let paraIndentRight = 0;
+  let effectiveLeft = 0;
   if (block.kind === "paragraph") {
     const indentLeft = typeof block.attrs?.indent?.left === "number" ? block.attrs.indent.left : 0;
     const indentRight = typeof block.attrs?.indent?.right === "number" ? block.attrs.indent.right : 0;
     paraIndentLeft = Number.isFinite(indentLeft) ? indentLeft : 0;
     paraIndentRight = Number.isFinite(indentRight) ? indentRight : 0;
+    effectiveLeft = paraIndentLeft;
+    const wl = getWordLayoutConfig(block);
+    const isListParagraph = Boolean(block.attrs?.numberingProperties) || Boolean(wl?.marker);
+    if (isListParagraph) {
+      const explicitTextStart = typeof wl?.marker?.textStartX === "number" && Number.isFinite(wl.marker.textStartX) ? wl.marker.textStartX : typeof wl?.textStartPx === "number" && Number.isFinite(wl.textStartPx) ? wl.textStartPx : void 0;
+      if (typeof explicitTextStart === "number" && explicitTextStart > paraIndentLeft) {
+        effectiveLeft = explicitTextStart;
+      }
+    }
   }
-  const totalIndent = paraIndentLeft + paraIndentRight;
+  const totalIndent = effectiveLeft + paraIndentRight;
   const availableWidth = Math.max(0, fragmentWidth - totalIndent);
   if (totalIndent > fragmentWidth) {
     console.warn(
@@ -39092,16 +39267,26 @@ function lineHeightBeforeIndex(lines, fromLine, targetIndex) {
 }
 function computeCaretLayoutRectGeometry({ layout, blocks, measures, painterHost, viewportHost, visibleHost, zoom }, pos, includeDomFallback = true) {
   if (!layout) return null;
-  const hit = getFragmentAtPosition(layout, blocks, measures, pos);
+  let effectivePos = pos;
+  let hit = getFragmentAtPosition(layout, blocks, measures, pos);
   if (!hit) {
-    return null;
+    const fallbackCandidates = [pos - 1, pos + 1, pos - 2, pos + 2].filter((candidate) => candidate >= 0);
+    for (const candidate of fallbackCandidates) {
+      const fallbackHit = getFragmentAtPosition(layout, blocks, measures, candidate);
+      if (fallbackHit) {
+        hit = fallbackHit;
+        effectivePos = candidate;
+        break;
+      }
+    }
+    if (!hit) return null;
   }
   const block = hit.block;
   const measure = hit.measure;
   if (hit.fragment.kind === "table" && block?.kind === "table" && measure?.kind === "table") {
     return computeTableCaretLayoutRectFromDom(
       { viewportHost, visibleHost, zoom },
-      pos,
+      effectivePos,
       hit.fragment,
       block,
       measure,
@@ -39109,92 +39294,32 @@ function computeCaretLayoutRectGeometry({ layout, blocks, measures, painterHost,
     );
   }
   if (!block || block.kind !== "paragraph" || measure?.kind !== "paragraph") return null;
-  if (hit.fragment.kind !== "para") {
-    return null;
-  }
+  if (hit.fragment.kind !== "para") return null;
   const fragment = hit.fragment;
-  const lineInfo = findLineContainingPos(block, measure, fragment.fromLine, fragment.toLine, pos);
-  if (!lineInfo) {
-    return null;
-  }
+  const lineInfo = findLineContainingPos(block, measure, fragment.fromLine, fragment.toLine, effectivePos);
+  if (!lineInfo) return null;
   const { line, index: index2 } = lineInfo;
   const range = computeLinePmRange(block, line);
   if (range.pmStart == null || range.pmEnd == null) return null;
-  const pmOffset = pmPosToCharOffset(block, line, pos);
+  const pmOffset = pmPosToCharOffset(block, line, effectivePos);
   const markerWidth = fragment.markerWidth ?? measure.marker?.markerWidth ?? 0;
-  const indent = extractParagraphIndent(block.attrs?.indent);
-  const availableWidth = Math.max(0, fragment.width - (indent.left + indent.right));
-  const charX = measureCharacterX(block, line, pmOffset, availableWidth);
+  const markerTextWidth = fragment.markerTextWidth ?? measure.marker?.markerTextWidth ?? void 0;
   const isFirstLine = index2 === fragment.fromLine;
   const isListItemFlag = isListItem(markerWidth, block);
-  const isListFirstLine = isFirstLine && !fragment.continuesFromPrev && isListItemFlag;
   const wordLayout = getWordLayoutConfig(block);
-  const isFirstLineIndentMode = wordLayout?.firstLineIndentMode === true;
-  if (isListFirstLine && isFirstLineIndentMode) {
-    const textStartPx = calculateTextStartIndent({
-      isFirstLine,
-      isListItem: isListItemFlag,
-      markerWidth,
-      paraIndentLeft: indent.left,
-      firstLineIndent: indent.firstLine,
-      hangingIndent: indent.hanging,
-      wordLayout
-    });
-    const localX2 = fragment.x + textStartPx + charX;
-    const lineOffset2 = lineHeightBeforeIndex(measure.lines, fragment.fromLine, index2);
-    const localY2 = fragment.y + lineOffset2;
-    const result2 = {
-      pageIndex: hit.pageIndex,
-      x: localX2,
-      y: localY2,
-      height: line.lineHeight
-    };
-    const pageEl2 = painterHost?.querySelector(
-      `.superdoc-page[data-page-index="${hit.pageIndex}"]`
-    );
-    const pageRect2 = pageEl2?.getBoundingClientRect();
-    let domCaretX2 = null;
-    let domCaretY2 = null;
-    const spanEls2 = pageEl2?.querySelectorAll("span[data-pm-start][data-pm-end]");
-    for (const spanEl of Array.from(spanEls2 ?? [])) {
-      const pmStart = Number(spanEl.dataset.pmStart);
-      const pmEnd = Number(spanEl.dataset.pmEnd);
-      if (pos >= pmStart && pos <= pmEnd && spanEl.firstChild?.nodeType === Node.TEXT_NODE) {
-        const textNode = spanEl.firstChild;
-        const charIndex = Math.min(pos - pmStart, textNode.length);
-        const rangeObj = document.createRange();
-        rangeObj.setStart(textNode, charIndex);
-        rangeObj.setEnd(textNode, charIndex);
-        if (typeof rangeObj.getBoundingClientRect !== "function") {
-          break;
-        }
-        const rangeRect = rangeObj.getBoundingClientRect();
-        if (pageRect2) {
-          domCaretX2 = (rangeRect.left - pageRect2.left) / zoom;
-          domCaretY2 = (rangeRect.top - pageRect2.top) / zoom;
-        }
-        break;
-      }
-    }
-    if (includeDomFallback && domCaretX2 != null && domCaretY2 != null) {
-      return {
-        pageIndex: hit.pageIndex,
-        x: domCaretX2,
-        y: domCaretY2,
-        height: line.lineHeight
-      };
-    }
-    return result2;
-  }
+  const indent = extractParagraphIndent(block.attrs?.indent);
   const indentAdjust = calculateTextStartIndent({
     isFirstLine,
     isListItem: isListItemFlag,
     markerWidth,
+    markerTextWidth,
     paraIndentLeft: indent.left,
     firstLineIndent: indent.firstLine,
     hangingIndent: indent.hanging,
     wordLayout
   });
+  const availableWidth = Math.max(0, fragment.width - (indentAdjust + indent.right));
+  const charX = measureCharacterX(block, line, pmOffset, availableWidth);
   const localX = fragment.x + indentAdjust + charX;
   const lineOffset = lineHeightBeforeIndex(measure.lines, fragment.fromLine, index2);
   const localY = fragment.y + lineOffset;
@@ -39212,9 +39337,9 @@ function computeCaretLayoutRectGeometry({ layout, blocks, measures, painterHost,
   for (const spanEl of Array.from(spanEls ?? [])) {
     const pmStart = Number(spanEl.dataset.pmStart);
     const pmEnd = Number(spanEl.dataset.pmEnd);
-    if (pos >= pmStart && pos <= pmEnd && spanEl.firstChild?.nodeType === Node.TEXT_NODE) {
+    if (effectivePos >= pmStart && effectivePos <= pmEnd && spanEl.firstChild?.nodeType === Node.TEXT_NODE) {
       const textNode = spanEl.firstChild;
-      const charIndex = Math.min(pos - pmStart, textNode.length);
+      const charIndex = Math.min(effectivePos - pmStart, textNode.length);
       const rangeObj = document.createRange();
       rangeObj.setStart(textNode, charIndex);
       rangeObj.setEnd(textNode, charIndex);
@@ -40283,6 +40408,13 @@ const applyTrackedChangesModeToRuns = (runs, config, hyperlinkConfig, applyMarks
         );
       }
     });
+    if ((config.mode === "original" || config.mode === "final") && config.enabled) {
+      filtered.forEach((run) => {
+        if (isTextRun$1(run) && run.trackedChange && (run.trackedChange.kind === "insert" || run.trackedChange.kind === "delete")) {
+          delete run.trackedChange;
+        }
+      });
+    }
   }
   return filtered;
 };
@@ -43348,7 +43480,16 @@ const computeParagraphAttrs = (para, styleContext, listCounterContext, converter
     if (!value || typeof value !== "object") return;
     return normalizePxIndent(value) ?? convertIndentTwipsToPx(value);
   };
-  const normalizedIndent = normalizeIndentObject(attrs.indent) ?? convertIndentTwipsToPx(paragraphProps.indent) ?? convertIndentTwipsToPx(hydrated?.indent) ?? normalizeParagraphIndent(attrs.textIndent);
+  const hydratedIndentPx = convertIndentTwipsToPx(hydrated?.indent);
+  const paragraphIndentPx = convertIndentTwipsToPx(paragraphProps.indent);
+  const textIndentPx = normalizeParagraphIndent(attrs.textIndent);
+  const attrsIndentPx = normalizeIndentObject(attrs.indent);
+  const indentChain = [];
+  if (hydratedIndentPx) indentChain.push({ indent: hydratedIndentPx });
+  if (paragraphIndentPx) indentChain.push({ indent: paragraphIndentPx });
+  if (textIndentPx) indentChain.push({ indent: textIndentPx });
+  if (attrsIndentPx) indentChain.push({ indent: attrsIndentPx });
+  const normalizedIndent = indentChain.length ? superEditor_converter.combineIndentProperties(indentChain).indent : void 0;
   const unwrapTabStops = (tabStops) => {
     if (!Array.isArray(tabStops)) {
       return void 0;
@@ -48627,10 +48768,13 @@ async function measureParagraphBlock(block, maxWidth) {
         };
       }
       const originX = currentLine.width;
-      const { target, nextIndex, stop } = getNextTabStopPx(currentLine.width, tabStops, tabStopCursor);
+      const effectiveIndent = lines.length === 0 ? indentLeft + rawFirstLineOffset : indentLeft;
+      const absCurrentX = currentLine.width + effectiveIndent;
+      const { target, nextIndex, stop } = getNextTabStopPx(absCurrentX, tabStops, tabStopCursor);
       tabStopCursor = nextIndex;
-      const clampedTarget = Math.min(target, currentLine.maxWidth);
-      const tabAdvance = Math.max(0, clampedTarget - currentLine.width);
+      const maxAbsWidth = currentLine.maxWidth + effectiveIndent;
+      const clampedTarget = Math.min(target, maxAbsWidth);
+      const tabAdvance = Math.max(0, clampedTarget - absCurrentX);
       currentLine.width = roundValue(currentLine.width + tabAdvance);
       run.width = tabAdvance;
       currentLine.maxFontSize = Math.max(currentLine.maxFontSize, 12);
@@ -48638,8 +48782,9 @@ async function measureParagraphBlock(block, maxWidth) {
       currentLine.toChar = 1;
       if (stop && stop.leader && stop.leader !== "none") {
         const leaderStyle = stop.leader;
-        const from3 = Math.min(originX, clampedTarget);
-        const to = Math.max(originX, clampedTarget);
+        const relativeTarget = clampedTarget - effectiveIndent;
+        const from3 = Math.min(originX, relativeTarget);
+        const to = Math.max(originX, relativeTarget);
         if (!currentLine.leaders) currentLine.leaders = [];
         currentLine.leaders.push({ from: from3, to, style: leaderStyle });
       }
@@ -48648,27 +48793,28 @@ async function measureParagraphBlock(block, maxWidth) {
         if (stop.val === "end" || stop.val === "center" || stop.val === "decimal") {
           const groupMeasure = measureTabAlignmentGroup(runIndex + 1, runsToProcess, ctx2, decimalSeparator);
           if (groupMeasure.totalWidth > 0) {
+            const relativeTarget = clampedTarget - effectiveIndent;
             let groupStartX;
             if (stop.val === "end") {
-              groupStartX = Math.max(0, clampedTarget - groupMeasure.totalWidth);
+              groupStartX = Math.max(0, relativeTarget - groupMeasure.totalWidth);
             } else if (stop.val === "center") {
-              groupStartX = Math.max(0, clampedTarget - groupMeasure.totalWidth / 2);
+              groupStartX = Math.max(0, relativeTarget - groupMeasure.totalWidth / 2);
             } else {
               const beforeDecimal = groupMeasure.beforeDecimalWidth ?? groupMeasure.totalWidth;
-              groupStartX = Math.max(0, clampedTarget - beforeDecimal);
+              groupStartX = Math.max(0, relativeTarget - beforeDecimal);
             }
             activeTabGroup = {
               measure: groupMeasure,
               startX: groupStartX,
               currentX: groupStartX,
-              target: clampedTarget,
+              target: relativeTarget,
               val: stop.val
             };
             currentLine.width = roundValue(groupStartX);
           }
           pendingTabAlignment = null;
         } else {
-          pendingTabAlignment = { target: clampedTarget, val: stop.val };
+          pendingTabAlignment = { target: clampedTarget - effectiveIndent, val: stop.val };
         }
       } else {
         pendingTabAlignment = null;
@@ -49309,10 +49455,13 @@ async function measureParagraphBlock(block, maxWidth) {
           };
         }
         const originX = currentLine.width;
-        const { target, nextIndex, stop } = getNextTabStopPx(currentLine.width, tabStops, tabStopCursor);
+        const effectiveIndent = lines.length === 0 ? indentLeft + rawFirstLineOffset : indentLeft;
+        const absCurrentX = currentLine.width + effectiveIndent;
+        const { target, nextIndex, stop } = getNextTabStopPx(absCurrentX, tabStops, tabStopCursor);
         tabStopCursor = nextIndex;
-        const clampedTarget = Math.min(target, currentLine.maxWidth);
-        const tabAdvance = Math.max(0, clampedTarget - currentLine.width);
+        const maxAbsWidth = currentLine.maxWidth + effectiveIndent;
+        const clampedTarget = Math.min(target, maxAbsWidth);
+        const tabAdvance = Math.max(0, clampedTarget - absCurrentX);
         currentLine.width = roundValue(currentLine.width + tabAdvance);
         currentLine.maxFontInfo = updateMaxFontInfo(currentLine.maxFontSize, currentLine.maxFontInfo, run);
         currentLine.maxFontSize = Math.max(currentLine.maxFontSize, run.fontSize);
@@ -49321,14 +49470,15 @@ async function measureParagraphBlock(block, maxWidth) {
         charPosInRun += 1;
         if (stop) {
           validateTabStopVal(stop);
-          pendingTabAlignment = { target: clampedTarget, val: stop.val };
+          pendingTabAlignment = { target: clampedTarget - effectiveIndent, val: stop.val };
         } else {
           pendingTabAlignment = null;
         }
         if (stop && stop.leader && stop.leader !== "none" && stop.leader !== "middleDot") {
           const leaderStyle = stop.leader;
-          const from3 = Math.min(originX, clampedTarget);
-          const to = Math.max(originX, clampedTarget);
+          const relativeTarget = clampedTarget - effectiveIndent;
+          const from3 = Math.min(originX, relativeTarget);
+          const to = Math.max(originX, relativeTarget);
           if (!currentLine.leaders) currentLine.leaders = [];
           currentLine.leaders.push({ from: from3, to, style: leaderStyle });
         }
@@ -49604,7 +49754,11 @@ async function measureTableBlock(block, constraints) {
 }
 async function measureImageBlock(block, constraints) {
   const intrinsic = getIntrinsicImageSize(block, constraints.maxWidth);
-  const maxWidth = constraints.maxWidth > 0 ? constraints.maxWidth : intrinsic.width;
+  const isBlockBehindDoc = block.anchor?.behindDoc;
+  const isBlockWrapBehindDoc = block.wrap?.type === "None" && block.wrap?.behindDoc;
+  const bypassWidthConstraint = isBlockBehindDoc || isBlockWrapBehindDoc;
+  const isWidthConstraintBypassed = bypassWidthConstraint || constraints.maxWidth <= 0;
+  const maxWidth = isWidthConstraintBypassed ? intrinsic.width : constraints.maxWidth;
   const hasNegativeVerticalPosition = block.anchor?.isAnchored && (typeof block.anchor?.offsetV === "number" && block.anchor.offsetV < 0 || typeof block.margin?.top === "number" && block.margin.top < 0);
   const maxHeight = hasNegativeVerticalPosition || !constraints.maxHeight || constraints.maxHeight <= 0 ? Infinity : constraints.maxHeight;
   const widthScale = maxWidth / intrinsic.width;
@@ -50771,9 +50925,10 @@ class PresentationEditor extends EventEmitter {
       throw new TypeError("[PresentationEditor] setTrackedChangesOverrides expects an object or undefined");
     }
     if (overrides !== void 0) {
-      if (overrides.mode !== void 0 && !["review", "simple", "original"].includes(overrides.mode)) {
+      const validModes = ["review", "original", "final", "off"];
+      if (overrides.mode !== void 0 && !validModes.includes(overrides.mode)) {
         throw new TypeError(
-          `[PresentationEditor] Invalid tracked changes mode "${overrides.mode}". Must be one of: review, simple, original`
+          `[PresentationEditor] Invalid tracked changes mode "${overrides.mode}". Must be one of: ${validModes.join(", ")}`
         );
       }
       if (overrides.enabled !== void 0 && typeof overrides.enabled !== "boolean") {
@@ -52408,7 +52563,12 @@ class PresentationEditor extends EventEmitter {
     }
     if (!handledByDepth) {
       try {
-        const tr = this.#editor.state.tr.setSelection(superEditor_converter.TextSelection.create(this.#editor.state.doc, hit.pos));
+        const doc22 = this.#editor.state.doc;
+        let nextSelection = superEditor_converter.TextSelection.create(doc22, hit.pos);
+        if (!nextSelection.$from.parent.inlineContent) {
+          nextSelection = superEditor_converter.Selection.near(doc22.resolve(hit.pos), 1);
+        }
+        const tr = this.#editor.state.tr.setSelection(nextSelection);
         this.#editor.view?.dispatch(tr);
       } catch {
       }
@@ -53398,6 +53558,7 @@ class PresentationEditor extends EventEmitter {
     if (!layout) {
       return;
     }
+    const { from: from3, to } = selection;
     const docEpoch = this.#epochMapper.getCurrentEpoch();
     if (this.#layoutEpoch < docEpoch) {
       return;
@@ -53412,7 +53573,6 @@ class PresentationEditor extends EventEmitter {
       }
       return;
     }
-    const { from: from3, to } = selection;
     if (from3 === to) {
       const caretLayout = this.#computeCaretLayoutRect(from3);
       if (!caretLayout) {
@@ -54724,7 +54884,7 @@ class PresentationEditor extends EventEmitter {
     const zoom = this.#layoutOptions.zoom ?? 1;
     const layoutMode = this.#layoutOptions.layoutMode ?? "vertical";
     const pages = this.#layoutState.layout?.pages;
-    const pageGap = this.#layoutState.layout?.pageGap ?? this.#getEffectivePageGap();
+    const pageGap = this.#getEffectivePageGap();
     const defaultWidth = this.#layoutOptions.pageSize?.w ?? DEFAULT_PAGE_SIZE.w;
     const defaultHeight = this.#layoutOptions.pageSize?.h ?? DEFAULT_PAGE_SIZE.h;
     let maxWidth = defaultWidth;
@@ -57835,7 +57995,11 @@ const Document = Node$1.create({
        */
       clearDocument: () => ({ commands: commands2 }) => {
         return commands2.setContent("<p></p>");
-      }
+      },
+      /**
+       * Set section page margins (top/right/bottom/left) for the section at the current selection.
+       */
+      setSectionPageMarginsAtSelection
     };
   }
 });
@@ -58007,6 +58171,28 @@ const createMarkDefsFromStyleRunProps = (styleRunProps) => {
   }
   return markDefs;
 };
+const normalizeSelectionIntoRun = (tr, runType) => {
+  const selection = tr.selection;
+  if (!(selection instanceof superEditor_converter.TextSelection)) return;
+  if (selection.from !== selection.to) return;
+  const $pos = tr.doc.resolve(selection.from);
+  if ($pos.parent.type === runType) return;
+  const nodeAfter = $pos.nodeAfter;
+  if (nodeAfter?.type === runType && nodeAfter.content.size > 0) {
+    const nextPos = selection.from + 1;
+    if (nextPos <= tr.doc.content.size) {
+      tr.setSelection(superEditor_converter.TextSelection.create(tr.doc, nextPos));
+    }
+    return;
+  }
+  const nodeBefore = $pos.nodeBefore;
+  if (nodeBefore?.type === runType && nodeBefore.content.size > 0) {
+    const prevPos = selection.from - 1;
+    if (prevPos >= 0) {
+      tr.setSelection(superEditor_converter.TextSelection.create(tr.doc, prevPos));
+    }
+  }
+};
 const buildWrapTransaction = (state, ranges, runType, editor, markDefsFromMeta = []) => {
   if (!ranges.length) return null;
   const replacements = [];
@@ -58040,6 +58226,7 @@ const buildWrapTransaction = (state, ranges, runType, editor, markDefsFromMeta =
   if (!replacements.length) return null;
   const tr = state.tr;
   replacements.sort((a, b) => b.from - a.from).forEach(({ from: from3, to, runNode }) => tr.replaceWith(from3, to, runNode));
+  normalizeSelectionIntoRun(tr, runType);
   return tr.docChanged ? tr : null;
 };
 const wrapTextInRunsPlugin = (editor) => {
@@ -58489,12 +58676,18 @@ function findParagraphContext($pos, cache2, helpers2) {
   return null;
 }
 function extractParagraphContext(node, startPos, helpers2, depth = 0) {
-  const paragraphProperties = superEditor_converter.getResolvedParagraphProperties(node) ?? {};
+  const paragraphProperties = superEditor_converter.getResolvedParagraphProperties(node) ?? node.attrs?.paragraphProperties ?? {};
   const alignmentAliases = { left: "start", right: "end" };
   let tabStops = [];
   if (Array.isArray(paragraphProperties.tabStops)) {
     tabStops = paragraphProperties.tabStops.map((stop) => {
       const ref = stop?.tab;
+      if (!ref && stop?.pos != null) {
+        return {
+          ...stop,
+          pos: twipsToPixels(Number(stop.pos) || 0)
+        };
+      }
       if (!ref) return stop || null;
       const rawType = ref.tabType || "start";
       const mappedVal = alignmentAliases[rawType] || rawType;
@@ -59760,6 +59953,13 @@ function createLayoutRequest(doc2, paragraphPos, view, helpers2, revision, parag
         pos: entry.pos,
         nodeSize: node.nodeSize
       });
+    } else if (node.type.name === "lineBreak" || node.type.name === "hardBreak") {
+      spans.push({
+        type: node.type.name,
+        spanId,
+        pos: entry.pos,
+        nodeSize: node.nodeSize
+      });
     } else if (node.type.name === "text") {
       spans.push({
         type: "text",
@@ -59809,6 +60009,7 @@ function calculateTabLayout(request, measurement, view) {
     paragraphNode
   } = request;
   const tabs = {};
+  const leftIndentPx = request.indents?.left ?? 0;
   let currentX = indentWidth;
   const measureText2 = (span) => {
     if (view && typeof span.from === "number" && typeof span.to === "number") {
@@ -59821,6 +60022,8 @@ function calculateTabLayout(request, measurement, view) {
     const span = spans[i];
     if (span.type === "text") {
       currentX += measureText2(span);
+    } else if (span.type === "lineBreak" || span.type === "hardBreak") {
+      currentX = leftIndentPx;
     } else if (span.type === "tab") {
       const followingText = collectFollowingText(spans, i + 1);
       let measureTextCallback;
@@ -59916,7 +60119,7 @@ function collectFollowingText(spans, startIndex) {
   let text = "";
   for (let i = startIndex; i < spans.length; i++) {
     const span = spans[i];
-    if (span.type === "tab") break;
+    if (span.type === "tab" || span.type === "lineBreak" || span.type === "hardBreak") break;
     if (span.type === "text") text += span.text || "";
   }
   return text;
@@ -59926,7 +60129,7 @@ function getFollowingTextRange(spans, startIndex) {
   let to = null;
   for (let i = startIndex; i < spans.length; i++) {
     const span = spans[i];
-    if (span.type === "tab") break;
+    if (span.type === "tab" || span.type === "lineBreak" || span.type === "hardBreak") break;
     if (span.type === "text" && typeof span.from === "number" && typeof span.to === "number") {
       if (from3 === null) from3 = span.from;
       to = span.to;
@@ -64344,6 +64547,10 @@ const Image = Node$1.create({
     }
     const hasAnchorData = Boolean(anchorData);
     const hasMarginOffsets = marginOffset?.horizontal != null || marginOffset?.top != null;
+    const isWrapBehindDoc = wrap?.attrs?.behindDoc;
+    const isAnchorBehindDoc = anchorData?.behindDoc;
+    const isBehindDocAnchor = wrap?.type === "None" && (isWrapBehindDoc || isAnchorBehindDoc);
+    const isAbsolutelyPositioned = style2.includes("position: absolute;");
     if (hasAnchorData) {
       switch (anchorData.hRelativeFrom) {
         case "page":
@@ -64371,7 +64578,6 @@ const Image = Node$1.create({
               style2 += "float: left;";
             }
           } else if (!anchorData.alignH && marginOffset?.horizontal != null) {
-            const isAbsolutelyPositioned = style2.includes("position: absolute;");
             if (isAbsolutelyPositioned) {
               style2 += `left: ${baseHorizontal}px;`;
               style2 += "max-width: none;";
@@ -64385,7 +64591,8 @@ const Image = Node$1.create({
       const relativeFromPageV = anchorData?.vRelativeFrom === "page";
       const relativeFromMarginV = anchorData?.vRelativeFrom === "margin";
       const maxMarginV = 500;
-      const baseTop = Math.max(0, marginOffset?.top ?? 0);
+      const allowNegativeTopOffset = isBehindDocAnchor;
+      const baseTop = allowNegativeTopOffset ? marginOffset?.top ?? 0 : Math.max(0, marginOffset?.top ?? 0);
       let rotationHorizontal = 0;
       let rotationTop = 0;
       const { rotation: rotation2 } = transformData ?? {};
@@ -64404,7 +64611,10 @@ const Image = Node$1.create({
           margin.left += horizontal;
         }
       }
-      if (top2 && !relativeFromMarginV) {
+      const appliedTopViaStyle = isAbsolutelyPositioned && allowNegativeTopOffset && !relativeFromMarginV;
+      if (appliedTopViaStyle) {
+        style2 += `top: ${top2}px;`;
+      } else if (top2 && !relativeFromMarginV) {
         if (relativeFromPageV && top2 >= maxMarginV) margin.top += maxMarginV;
         else margin.top += top2;
       }
@@ -64417,6 +64627,9 @@ const Image = Node$1.create({
     }
     if (margin.top) style2 += `margin-top: ${margin.top}px;`;
     if (margin.bottom) style2 += `margin-bottom: ${margin.bottom}px;`;
+    if (isBehindDocAnchor) {
+      style2 += "max-width: none;";
+    }
     const finalAttributes = { ...htmlAttributes };
     if (style2) {
       const existingStyle = finalAttributes.style || "";
@@ -72921,6 +73134,7 @@ const useToolbarItem = (options) => {
   const parentItem = vue.ref(null);
   const iconColor = vue.ref(options.iconColor);
   const hasCaret = vue.ref(options.hasCaret);
+  const restoreEditorFocus = Boolean(options.restoreEditorFocus);
   const dropdownStyles = vue.ref(options.dropdownStyles);
   const tooltip = vue.ref(options.tooltip);
   const tooltipVisible = vue.ref(options.tooltipVisible);
@@ -72996,6 +73210,7 @@ const useToolbarItem = (options) => {
     hideLabel,
     inlineTextInputVisible,
     hasInlineTextInput,
+    restoreEditorFocus,
     markName,
     labelAttr,
     childItem,
@@ -75309,6 +75524,7 @@ const makeDefaultItems = ({
     command: "toggleBulletList",
     icon: toolbarIcons2.bulletList,
     tooltip: toolbarTexts2.bulletList,
+    restoreEditorFocus: true,
     attributes: {
       ariaLabel: "Bullet list"
     }
@@ -75319,6 +75535,7 @@ const makeDefaultItems = ({
     command: "toggleOrderedList",
     icon: toolbarIcons2.numberedList,
     tooltip: toolbarTexts2.numberedList,
+    restoreEditorFocus: true,
     attributes: {
       ariaLabel: "Numbered list"
     }
@@ -78870,7 +79087,7 @@ var ResizeObserverController = (function() {
   };
   return ResizeObserverController2;
 })();
-var ResizeObserver = (function() {
+var ResizeObserver$1 = (function() {
   function ResizeObserver2(callback) {
     if (arguments.length === 0) {
       throw new TypeError("Failed to construct 'ResizeObserver': 1 argument required, but only 0 present.");
@@ -78909,7 +79126,7 @@ var ResizeObserver = (function() {
 class ResizeObserverDelegate {
   constructor() {
     this.handleResize = this.handleResize.bind(this);
-    this.observer = new (typeof window !== "undefined" && window.ResizeObserver || ResizeObserver)(this.handleResize);
+    this.observer = new (typeof window !== "undefined" && window.ResizeObserver || ResizeObserver$1)(this.handleResize);
     this.elHandlersMap = /* @__PURE__ */ new Map();
   }
   handleResize(entries) {
@@ -86189,6 +86406,7 @@ class SuperToolbar extends eventemitter3.EventEmitter {
       selectionUpdate: null,
       focus: null
     };
+    this._restoreFocusTimeoutId = null;
     if (!this.config.selector && this.config.element) {
       this.config.selector = this.config.element;
     }
@@ -86854,6 +87072,7 @@ class SuperToolbar extends eventemitter3.EventEmitter {
     const wasFocused = Boolean(typeof hasFocusFn === "function" && hasFocusFn.call(this.activeEditor.view));
     const { command: command2 } = item;
     const isMarkToggle = this.isMarkToggle(item);
+    const shouldRestoreFocus = Boolean(item?.restoreEditorFocus);
     if (!wasFocused && isMarkToggle) {
       this.pendingMarkCommands.push({ command: command2, argument, item });
       item?.activate?.();
@@ -86884,6 +87103,13 @@ class SuperToolbar extends eventemitter3.EventEmitter {
     }
     if (isMarkToggle) this.#syncStickyMarksFromState();
     this.updateToolbarState();
+    if (shouldRestoreFocus && this.activeEditor && !this.activeEditor.options.isHeaderOrFooter) {
+      this._restoreFocusTimeoutId = setTimeout(() => {
+        this._restoreFocusTimeoutId = null;
+        if (!this.activeEditor || this.activeEditor.options.isHeaderOrFooter) return;
+        this.activeEditor.focus();
+      }, 0);
+    }
   }
   /**
    * Processes and executes pending mark commands when editor selection updates.
@@ -87026,6 +87252,17 @@ class SuperToolbar extends eventemitter3.EventEmitter {
     const tr = state.tr.setStoredMarks([mark]);
     view.dispatch(tr);
   }
+  /**
+   * Cleans up resources when the toolbar is destroyed.
+   * Clears any pending timeouts to prevent callbacks firing after unmount.
+   * @returns {void}
+   */
+  destroy() {
+    if (this._restoreFocusTimeoutId !== null) {
+      clearTimeout(this._restoreFocusTimeoutId);
+      this._restoreFocusTimeoutId = null;
+    }
+  }
 }
 const onMarginClickCursorChange = (event, editor) => {
   const y = event.clientY;
@@ -89778,6 +90015,31 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
       },
       { immediate: true, deep: true }
     );
+    vue.watch(
+      () => props.options?.rulerContainer,
+      () => {
+        vue.nextTick(() => {
+          syncRulerOffset();
+          setupRulerObservers();
+        });
+      },
+      { immediate: true }
+    );
+    vue.watch(
+      rulersVisible,
+      (visible) => {
+        vue.nextTick(() => {
+          if (visible) {
+            syncRulerOffset();
+            setupRulerObservers();
+          } else {
+            rulerHostStyle.value = {};
+            cleanupRulerObservers();
+          }
+        });
+      },
+      { immediate: true }
+    );
     const containerStyle = vue.computed(() => {
       let maxWidth = 8.5 * 96;
       const ed = editor.value;
@@ -89802,6 +90064,71 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
         minWidth: `${scaledWidth}px`
       };
     });
+    const rulerHostStyle = vue.ref({});
+    const rulerContainerEl = vue.ref(null);
+    let editorResizeObserver = null;
+    let rulerContainerResizeObserver = null;
+    let layoutUpdatedHandler = null;
+    const resolveRulerContainer = () => {
+      const container = props.options?.rulerContainer;
+      if (!container) return null;
+      if (typeof container === "string") {
+        const doc2 = editorWrapper.value?.ownerDocument ?? document;
+        return doc2.querySelector(container);
+      }
+      return container instanceof HTMLElement ? container : null;
+    };
+    const getViewportRect2 = () => {
+      const host = editorWrapper.value;
+      if (!host) return null;
+      const viewport2 = host.querySelector(".presentation-editor__viewport");
+      const target = viewport2 ?? host;
+      return target.getBoundingClientRect();
+    };
+    const syncRulerOffset = () => {
+      if (!rulersVisible.value) {
+        rulerHostStyle.value = {};
+        return;
+      }
+      rulerContainerEl.value = resolveRulerContainer();
+      if (!rulerContainerEl.value) {
+        rulerHostStyle.value = {};
+        return;
+      }
+      const viewportRect = getViewportRect2();
+      if (!viewportRect) return;
+      const hostRect = rulerContainerEl.value.getBoundingClientRect();
+      const paddingLeft = Math.max(0, viewportRect.left - hostRect.left);
+      const paddingRight = Math.max(0, hostRect.right - viewportRect.right);
+      rulerHostStyle.value = {
+        paddingLeft: `${paddingLeft}px`,
+        paddingRight: `${paddingRight}px`
+      };
+    };
+    const cleanupRulerObservers = () => {
+      if (editorResizeObserver) {
+        editorResizeObserver.disconnect();
+        editorResizeObserver = null;
+      }
+      if (rulerContainerResizeObserver) {
+        rulerContainerResizeObserver.disconnect();
+        rulerContainerResizeObserver = null;
+      }
+    };
+    const setupRulerObservers = () => {
+      cleanupRulerObservers();
+      if (typeof ResizeObserver === "undefined") return;
+      const viewportHost = editorWrapper.value;
+      const rulerHost = resolveRulerContainer();
+      if (viewportHost) {
+        editorResizeObserver = new ResizeObserver(() => syncRulerOffset());
+        editorResizeObserver.observe(viewportHost);
+      }
+      if (rulerHost) {
+        rulerContainerResizeObserver = new ResizeObserver(() => syncRulerOffset());
+        rulerContainerResizeObserver.observe(rulerHost);
+      }
+    };
     const message = useMessage();
     const editorWrapper = vue.ref(null);
     const editorElem = vue.ref(null);
@@ -90113,7 +90440,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
         presentationEditor.on("imageDeselected", () => {
           clearSelectedImage();
         });
-        presentationEditor.on("layoutUpdated", () => {
+        layoutUpdatedHandler = () => {
           if (imageResizeState.visible && imageResizeState.blockId) {
             const escapedBlockId = CSS.escape(imageResizeState.blockId);
             const newElement = editorElem.value?.querySelector(
@@ -90146,13 +90473,17 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
               clearSelectedImage();
             }
           }
-        });
+          vue.nextTick(() => syncRulerOffset());
+        };
+        presentationEditor.on("layoutUpdated", layoutUpdatedHandler);
         zoomChangeHandler = ({ zoom }) => {
           currentZoom.value = zoom;
+          vue.nextTick(() => syncRulerOffset());
         };
         presentationEditor.on("zoomChange", zoomChangeHandler);
         if (typeof presentationEditor.zoom === "number") {
           currentZoom.value = presentationEditor.zoom;
+          vue.nextTick(() => syncRulerOffset());
         }
       }
       editor.value.on("paginationUpdate", () => {
@@ -90212,6 +90543,11 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
     vue.onMounted(() => {
       initializeData();
       if (props.options?.suppressSkeletonLoader || !props.options?.collaborationProvider) editorReady.value = true;
+      window.addEventListener("resize", syncRulerOffset, { passive: true });
+      vue.nextTick(() => {
+        syncRulerOffset();
+        setupRulerObservers();
+      });
     });
     const handleMarginClick = (event) => {
       if (event.button !== 0) {
@@ -90226,10 +90562,14 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
     const handleMarginChange = ({ side, value }) => {
       const base2 = activeEditor.value;
       if (!base2) return;
-      const pageStyles2 = base2.getPageStyles();
-      const { pageMargins } = pageStyles2;
-      const update = { ...pageMargins, [side]: value };
-      base2?.updatePageStyle({ pageMargins: update });
+      const payload = side === "left" ? { leftInches: value } : side === "right" ? { rightInches: value } : side === "top" ? { topInches: value } : side === "bottom" ? { bottomInches: value } : {};
+      const didUpdateSection = typeof base2.commands?.setSectionPageMarginsAtSelection === "function" ? base2.commands.setSectionPageMarginsAtSelection(payload) : false;
+      if (!didUpdateSection) {
+        const pageStyles2 = base2.getPageStyles();
+        const { pageMargins } = pageStyles2;
+        const update = { ...pageMargins, [side]: value };
+        base2?.updatePageStyle({ pageMargins: update });
+      }
     };
     vue.onBeforeUnmount(() => {
       stopPolling();
@@ -90238,6 +90578,12 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
         editor.value.off("zoomChange", zoomChangeHandler);
         zoomChangeHandler = null;
       }
+      if (editor.value instanceof PresentationEditor && layoutUpdatedHandler) {
+        editor.value.off("layoutUpdated", layoutUpdatedHandler);
+        layoutUpdatedHandler = null;
+      }
+      cleanupRulerObservers();
+      window.removeEventListener("resize", syncRulerOffset);
       editor.value?.destroy();
       editor.value = null;
     });
@@ -90249,18 +90595,28 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
         __props.options.rulerContainer && rulersVisible.value && !!activeEditor.value ? (vue.openBlock(), vue.createBlock(vue.Teleport, {
           key: 0,
           to: __props.options.rulerContainer
+        }, [
+          vue.createBaseVNode("div", {
+            class: "ruler-host",
+            style: vue.normalizeStyle(rulerHostStyle.value)
+          }, [
+            vue.createVNode(Ruler, {
+              class: "ruler superdoc-ruler",
+              editor: activeEditor.value,
+              onMarginChange: handleMarginChange
+            }, null, 8, ["editor"])
+          ], 4)
+        ], 8, ["to"])) : rulersVisible.value && !!activeEditor.value ? (vue.openBlock(), vue.createElementBlock("div", {
+          key: 1,
+          class: "ruler-host",
+          style: vue.normalizeStyle(rulerHostStyle.value)
         }, [
           vue.createVNode(Ruler, {
-            class: "ruler superdoc-ruler",
+            class: "ruler",
             editor: activeEditor.value,
             onMarginChange: handleMarginChange
           }, null, 8, ["editor"])
-        ], 8, ["to"])) : rulersVisible.value && !!activeEditor.value ? (vue.openBlock(), vue.createBlock(Ruler, {
-          key: 1,
-          class: "ruler",
-          editor: activeEditor.value,
-          onMarginChange: handleMarginChange
-        }, null, 8, ["editor"])) : vue.createCommentVNode("", true),
+        ], 4)) : vue.createCommentVNode("", true),
         vue.createBaseVNode("div", {
           class: "super-editor",
           ref_key: "editorWrapper",
@@ -90365,7 +90721,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const SuperEditor = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-8dd4cf59"]]);
+const SuperEditor = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-f5c4f915"]]);
 const _hoisted_1 = ["innerHTML"];
 const _sfc_main = {
   __name: "SuperInput",