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

package/dist/superdoc.umd.js

@@ -36435,7 +36435,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     static getStoredSuperdocVersion(docx) {
       return SuperConverter.getStoredCustomProperty(docx, "SuperdocVersion");
     }
-    static setStoredSuperdocVersion(docx = this.convertedXml, version2 = "1.3.0-next.9") {
+    static setStoredSuperdocVersion(docx = this.convertedXml, version2 = "1.3.1-next.1") {
       return SuperConverter.setStoredCustomProperty(docx, "SuperdocVersion", version2, false);
     }
     /**
@@ -47282,6 +47282,105 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     tr.setNodeMarkup(pos, void 0, nextAttrs, node2.marks);
     return true;
   };
+  function findGoverningSectPrParagraph(doc2, selectionPos) {
+    const candidates = [];
+    doc2.descendants((node2, nodePos) => {
+      if (node2.type?.name === "paragraph" && node2.attrs?.paragraphProperties?.sectPr) {
+        candidates.push({ node: node2, 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: from2 } = state.selection;
+    const governing = findGoverningSectPrParagraph(state.doc, from2);
+    if (governing) {
+      const { node: node2, pos } = governing;
+      const paraProps = node2.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 = {
+        ...node2.attrs,
+        paragraphProperties: newParagraphProperties,
+        sectionMargins: normalizedSectionMargins
+      };
+      tr.setNodeMarkup(pos, void 0, nextAttrs, node2.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");
@@ -47813,6 +47912,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     setMeta,
     setNode,
     setSectionHeaderFooterAtSelection,
+    setSectionPageMarginsAtSelection,
     setTextIndentation,
     setTextSelection,
     skipTab,
@@ -62145,7 +62245,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       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) {
@@ -64148,9 +64248,8 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       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;
         }
@@ -64779,7 +64878,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
      * 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");
@@ -71644,7 +71743,7 @@ ${l}
     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";
@@ -72678,7 +72777,7 @@ ${l}
                 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;
                 }
@@ -72830,7 +72929,7 @@ ${l}
                   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;
                   }
@@ -74178,6 +74277,13 @@ ${l}
       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);
       }
@@ -77422,7 +77528,6 @@ ${l}
   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) {
@@ -77456,9 +77561,13 @@ ${l}
       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;
@@ -77470,12 +77579,12 @@ ${l}
           }
         }
       }
-      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;
       }
@@ -77484,14 +77593,21 @@ ${l}
       }
       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") {
@@ -77520,21 +77636,45 @@ ${l}
     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;
     }
@@ -78385,12 +78525,16 @@ ${l}
     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);
@@ -78429,10 +78573,12 @@ ${l}
         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);
@@ -78474,6 +78620,9 @@ ${l}
         const newLines = normalizeLines(newMeasure);
         lines = newLines;
         didRemeasureForFloats = true;
+        if (newMeasure.marker) {
+          remeasuredMarkerInfo = newMeasure.marker;
+        }
       }
     }
     while (fromLine < lines.length) {
@@ -78545,13 +78694,16 @@ ${l}
       if (didRemeasureForColumnWidth) {
         fragment.lines = lines.slice(fromLine, slice.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;
@@ -81994,16 +82146,19 @@ ${l}
     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;
@@ -82094,7 +82249,14 @@ ${l}
       }
     }
     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(run2) {
     return "comments" in run2 && Array.isArray(run2.comments) && run2.comments.length > 0;
@@ -84146,6 +84308,7 @@ ${l}
               isFirstLine,
               isListItem: isListItemFlag,
               markerWidth,
+              markerTextWidth: fragment.markerTextWidth ?? measure.marker?.markerTextWidth ?? void 0,
               paraIndentLeft: indent2.left,
               firstLineIndent: indent2.firstLine,
               hangingIndent: indent2.hanging,
@@ -84283,6 +84446,7 @@ ${l}
                     isFirstLine,
                     isListItem: cellIsListItem,
                     markerWidth: paragraphMarkerWidth,
+                    markerTextWidth: info.measure?.marker?.markerTextWidth ?? void 0,
                     paraIndentLeft: cellIndent.left,
                     firstLineIndent: cellIndent.firstLine,
                     hangingIndent: cellIndent.hanging,
@@ -84534,25 +84698,36 @@ ${l}
     const range2 = computeLinePmRange(block, line);
     if (range2.pmStart == null || range2.pmEnd == null) return null;
     const result = findCharacterAtX(block, line, x2, range2.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, range2.pmStart);
+      pmPosition = charOffsetToPm(block, line, reversedOffset, range2.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(
@@ -85884,16 +86059,26 @@ ${l}
   }
   function computeCaretLayoutRectGeometry({ layout, blocks: blocks2, measures, painterHost, viewportHost, visibleHost, zoom }, pos, includeDomFallback = true) {
     if (!layout) return null;
-    const hit = getFragmentAtPosition(layout, blocks2, measures, pos);
+    let effectivePos = pos;
+    let hit = getFragmentAtPosition(layout, blocks2, 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, blocks2, 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,
@@ -85901,92 +86086,32 @@ ${l}
       );
     }
     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 range2 = computeLinePmRange(block, line);
     if (range2.pmStart == null || range2.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 indent2 = extractParagraphIndent(block.attrs?.indent);
-    const availableWidth = Math.max(0, fragment.width - (indent2.left + indent2.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: indent2.left,
-        firstLineIndent: indent2.firstLine,
-        hangingIndent: indent2.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 indent2 = extractParagraphIndent(block.attrs?.indent);
     const indentAdjust = calculateTextStartIndent({
       isFirstLine,
       isListItem: isListItemFlag,
       markerWidth,
+      markerTextWidth,
       paraIndentLeft: indent2.left,
       firstLineIndent: indent2.firstLine,
       hangingIndent: indent2.hanging,
       wordLayout
     });
+    const availableWidth = Math.max(0, fragment.width - (indentAdjust + indent2.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;
@@ -86004,9 +86129,9 @@ ${l}
     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);
@@ -87066,6 +87191,13 @@ ${l}
           );
         }
       });
+      if ((config2.mode === "original" || config2.mode === "final") && config2.enabled) {
+        filtered.forEach((run2) => {
+          if (isTextRun$1(run2) && run2.trackedChange && (run2.trackedChange.kind === "insert" || run2.trackedChange.kind === "delete")) {
+            delete run2.trackedChange;
+          }
+        });
+      }
     }
     return filtered;
   };
@@ -90091,7 +90223,16 @@ ${l}
       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 ? combineIndentProperties(indentChain).indent : void 0;
     const unwrapTabStops = (tabStops) => {
       if (!Array.isArray(tabStops)) {
         return void 0;
@@ -95370,10 +95511,13 @@ ${l}
           };
         }
         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);
         run2.width = tabAdvance;
         currentLine.maxFontSize = Math.max(currentLine.maxFontSize, 12);
@@ -95381,8 +95525,9 @@ ${l}
         currentLine.toChar = 1;
         if (stop && stop.leader && stop.leader !== "none") {
           const leaderStyle = stop.leader;
-          const from2 = Math.min(originX, clampedTarget);
-          const to = Math.max(originX, clampedTarget);
+          const relativeTarget = clampedTarget - effectiveIndent;
+          const from2 = Math.min(originX, relativeTarget);
+          const to = Math.max(originX, relativeTarget);
           if (!currentLine.leaders) currentLine.leaders = [];
           currentLine.leaders.push({ from: from2, to, style: leaderStyle });
         }
@@ -95391,27 +95536,28 @@ ${l}
           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;
@@ -96052,10 +96198,13 @@ ${l}
             };
           }
           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, run2);
           currentLine.maxFontSize = Math.max(currentLine.maxFontSize, run2.fontSize);
@@ -96064,14 +96213,15 @@ ${l}
           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 from2 = Math.min(originX, clampedTarget);
-            const to = Math.max(originX, clampedTarget);
+            const relativeTarget = clampedTarget - effectiveIndent;
+            const from2 = Math.min(originX, relativeTarget);
+            const to = Math.max(originX, relativeTarget);
             if (!currentLine.leaders) currentLine.leaders = [];
             currentLine.leaders.push({ from: from2, to, style: leaderStyle });
           }
@@ -96347,7 +96497,11 @@ ${l}
   }
   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;
@@ -97514,9 +97668,10 @@ ${l}
         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") {
@@ -99128,7 +99283,12 @@ ${l}
       }
       if (!handledByDepth) {
         try {
-          const tr = this.#editor.state.tr.setSelection(TextSelection$1.create(this.#editor.state.doc, hit.pos));
+          const doc22 = this.#editor.state.doc;
+          let nextSelection = TextSelection$1.create(doc22, hit.pos);
+          if (!nextSelection.$from.parent.inlineContent) {
+            nextSelection = Selection.near(doc22.resolve(hit.pos), 1);
+          }
+          const tr = this.#editor.state.tr.setSelection(nextSelection);
           this.#editor.view?.dispatch(tr);
         } catch {
         }
@@ -100106,6 +100266,7 @@ ${l}
       if (!layout) {
         return;
       }
+      const { from: from2, to } = selection;
       const docEpoch = this.#epochMapper.getCurrentEpoch();
       if (this.#layoutEpoch < docEpoch) {
         return;
@@ -100120,7 +100281,6 @@ ${l}
         }
         return;
       }
-      const { from: from2, to } = selection;
       if (from2 === to) {
         const caretLayout = this.#computeCaretLayoutRect(from2);
         if (!caretLayout) {
@@ -101423,7 +101583,7 @@ ${l}
       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;
@@ -104531,7 +104691,11 @@ ${l}
          */
         clearDocument: () => ({ commands: commands2 }) => {
           return commands2.setContent("<p></p>");
-        }
+        },
+        /**
+         * Set section page margins (top/right/bottom/left) for the section at the current selection.
+         */
+        setSectionPageMarginsAtSelection
       };
     }
   });
@@ -104703,6 +104867,28 @@ ${l}
     }
     return markDefs;
   };
+  const normalizeSelectionIntoRun = (tr, runType) => {
+    const selection = tr.selection;
+    if (!(selection instanceof TextSelection$1)) 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(TextSelection$1.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(TextSelection$1.create(tr.doc, prevPos));
+      }
+    }
+  };
   const buildWrapTransaction = (state, ranges, runType, editor, markDefsFromMeta = []) => {
     if (!ranges.length) return null;
     const replacements = [];
@@ -104736,6 +104922,7 @@ ${l}
     if (!replacements.length) return null;
     const tr = state.tr;
     replacements.sort((a2, b2) => b2.from - a2.from).forEach(({ from: from2, to, runNode }) => tr.replaceWith(from2, to, runNode));
+    normalizeSelectionIntoRun(tr, runType);
     return tr.docChanged ? tr : null;
   };
   const wrapTextInRunsPlugin = (editor) => {
@@ -105185,12 +105372,18 @@ ${l}
     return null;
   }
   function extractParagraphContext(node2, startPos, helpers2, depth = 0) {
-    const paragraphProperties = getResolvedParagraphProperties(node2) ?? {};
+    const paragraphProperties = getResolvedParagraphProperties(node2) ?? node2.attrs?.paragraphProperties ?? {};
     const alignmentAliases = { left: "start", right: "end" };
     let tabStops = [];
     if (Array.isArray(paragraphProperties.tabStops)) {
       tabStops = paragraphProperties.tabStops.map((stop) => {
         const ref2 = stop?.tab;
+        if (!ref2 && stop?.pos != null) {
+          return {
+            ...stop,
+            pos: twipsToPixels(Number(stop.pos) || 0)
+          };
+        }
         if (!ref2) return stop || null;
         const rawType = ref2.tabType || "start";
         const mappedVal = alignmentAliases[rawType] || rawType;
@@ -106456,6 +106649,13 @@ ${l}
           pos: entry.pos,
           nodeSize: node2.nodeSize
         });
+      } else if (node2.type.name === "lineBreak" || node2.type.name === "hardBreak") {
+        spans.push({
+          type: node2.type.name,
+          spanId,
+          pos: entry.pos,
+          nodeSize: node2.nodeSize
+        });
       } else if (node2.type.name === "text") {
         spans.push({
           type: "text",
@@ -106505,6 +106705,7 @@ ${l}
       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") {
@@ -106517,6 +106718,8 @@ ${l}
       const span = spans[i2];
       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, i2 + 1);
         let measureTextCallback;
@@ -106612,7 +106815,7 @@ ${l}
     let text2 = "";
     for (let i2 = startIndex; i2 < spans.length; i2++) {
       const span = spans[i2];
-      if (span.type === "tab") break;
+      if (span.type === "tab" || span.type === "lineBreak" || span.type === "hardBreak") break;
       if (span.type === "text") text2 += span.text || "";
     }
     return text2;
@@ -106622,7 +106825,7 @@ ${l}
     let to = null;
     for (let i2 = startIndex; i2 < spans.length; i2++) {
       const span = spans[i2];
-      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 (from2 === null) from2 = span.from;
         to = span.to;
@@ -111040,6 +111243,10 @@ ${l}
       }
       const hasAnchorData = Boolean(anchorData);
       const hasMarginOffsets = marginOffset?.horizontal != null || marginOffset?.top != null;
+      const isWrapBehindDoc = wrap2?.attrs?.behindDoc;
+      const isAnchorBehindDoc = anchorData?.behindDoc;
+      const isBehindDocAnchor = wrap2?.type === "None" && (isWrapBehindDoc || isAnchorBehindDoc);
+      const isAbsolutelyPositioned = style2.includes("position: absolute;");
       if (hasAnchorData) {
         switch (anchorData.hRelativeFrom) {
           case "page":
@@ -111067,7 +111274,6 @@ ${l}
                 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;";
@@ -111081,7 +111287,8 @@ ${l}
         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 ?? {};
@@ -111100,7 +111307,10 @@ ${l}
             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;
         }
@@ -111113,6 +111323,9 @@ ${l}
       }
       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 || "";
@@ -119658,6 +119871,7 @@ ${l}
     const parentItem = ref(null);
     const iconColor = ref(options.iconColor);
     const hasCaret = ref(options.hasCaret);
+    const restoreEditorFocus = Boolean(options.restoreEditorFocus);
     const dropdownStyles = ref(options.dropdownStyles);
     const tooltip = ref(options.tooltip);
     const tooltipVisible = ref(options.tooltipVisible);
@@ -119733,6 +119947,7 @@ ${l}
       hideLabel,
       inlineTextInputVisible,
       hasInlineTextInput,
+      restoreEditorFocus,
       markName,
       labelAttr,
       childItem,
@@ -122046,6 +122261,7 @@ ${l}
       command: "toggleBulletList",
       icon: toolbarIcons2.bulletList,
       tooltip: toolbarTexts2.bulletList,
+      restoreEditorFocus: true,
       attributes: {
         ariaLabel: "Bullet list"
       }
@@ -122056,6 +122272,7 @@ ${l}
       command: "toggleOrderedList",
       icon: toolbarIcons2.numberedList,
       tooltip: toolbarTexts2.numberedList,
+      restoreEditorFocus: true,
       attributes: {
         ariaLabel: "Numbered list"
       }
@@ -125601,7 +125818,7 @@ ${style2}
     };
     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.");
@@ -125640,7 +125857,7 @@ ${style2}
   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) {
@@ -134955,6 +135172,7 @@ ${style2}
         selectionUpdate: null,
         focus: null
       };
+      this._restoreFocusTimeoutId = null;
       if (!this.config.selector && this.config.element) {
         this.config.selector = this.config.element;
       }
@@ -135620,6 +135838,7 @@ ${style2}
       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?.();
@@ -135650,6 +135869,13 @@ ${style2}
       }
       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.
@@ -135792,6 +136018,17 @@ ${style2}
       const tr = state.tr.setStoredMarks([mark2]);
       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;
+      }
+    }
   }
   async function createZip(blobs, fileNames) {
     const zip = new JSZip();
@@ -138553,6 +138790,31 @@ ${style2}
         },
         { immediate: true, deep: true }
       );
+      watch(
+        () => props.options?.rulerContainer,
+        () => {
+          nextTick(() => {
+            syncRulerOffset();
+            setupRulerObservers();
+          });
+        },
+        { immediate: true }
+      );
+      watch(
+        rulersVisible,
+        (visible) => {
+          nextTick(() => {
+            if (visible) {
+              syncRulerOffset();
+              setupRulerObservers();
+            } else {
+              rulerHostStyle.value = {};
+              cleanupRulerObservers();
+            }
+          });
+        },
+        { immediate: true }
+      );
       const containerStyle = computed(() => {
         let maxWidth = 8.5 * 96;
         const ed = editor.value;
@@ -138577,6 +138839,71 @@ ${style2}
           minWidth: `${scaledWidth}px`
         };
       });
+      const rulerHostStyle = ref({});
+      const rulerContainerEl = 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 = ref(null);
       const editorElem = ref(null);
@@ -138888,7 +139215,7 @@ ${style2}
           presentationEditor.on("imageDeselected", () => {
             clearSelectedImage();
           });
-          presentationEditor.on("layoutUpdated", () => {
+          layoutUpdatedHandler = () => {
             if (imageResizeState.visible && imageResizeState.blockId) {
               const escapedBlockId = CSS.escape(imageResizeState.blockId);
               const newElement = editorElem.value?.querySelector(
@@ -138921,13 +139248,17 @@ ${style2}
                 clearSelectedImage();
               }
             }
-          });
+            nextTick(() => syncRulerOffset());
+          };
+          presentationEditor.on("layoutUpdated", layoutUpdatedHandler);
           zoomChangeHandler = ({ zoom }) => {
             currentZoom.value = zoom;
+            nextTick(() => syncRulerOffset());
           };
           presentationEditor.on("zoomChange", zoomChangeHandler);
           if (typeof presentationEditor.zoom === "number") {
             currentZoom.value = presentationEditor.zoom;
+            nextTick(() => syncRulerOffset());
           }
         }
         editor.value.on("paginationUpdate", () => {
@@ -138987,6 +139318,11 @@ ${style2}
       onMounted(() => {
         initializeData();
         if (props.options?.suppressSkeletonLoader || !props.options?.collaborationProvider) editorReady.value = true;
+        window.addEventListener("resize", syncRulerOffset, { passive: true });
+        nextTick(() => {
+          syncRulerOffset();
+          setupRulerObservers();
+        });
       });
       const handleMarginClick = (event) => {
         if (event.button !== 0) {
@@ -139001,10 +139337,14 @@ ${style2}
       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 });
+        }
       };
       onBeforeUnmount(() => {
         stopPolling();
@@ -139013,6 +139353,12 @@ ${style2}
           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;
       });
@@ -139024,18 +139370,28 @@ ${style2}
           __props.options.rulerContainer && rulersVisible.value && !!activeEditor.value ? (openBlock(), createBlock(Teleport, {
             key: 0,
             to: __props.options.rulerContainer
+          }, [
+            createBaseVNode("div", {
+              class: "ruler-host",
+              style: normalizeStyle(rulerHostStyle.value)
+            }, [
+              createVNode(Ruler, {
+                class: "ruler superdoc-ruler",
+                editor: activeEditor.value,
+                onMarginChange: handleMarginChange
+              }, null, 8, ["editor"])
+            ], 4)
+          ], 8, ["to"])) : rulersVisible.value && !!activeEditor.value ? (openBlock(), createElementBlock("div", {
+            key: 1,
+            class: "ruler-host",
+            style: normalizeStyle(rulerHostStyle.value)
           }, [
             createVNode(Ruler, {
-              class: "ruler superdoc-ruler",
+              class: "ruler",
               editor: activeEditor.value,
               onMarginChange: handleMarginChange
             }, null, 8, ["editor"])
-          ], 8, ["to"])) : rulersVisible.value && !!activeEditor.value ? (openBlock(), createBlock(Ruler, {
-            key: 1,
-            class: "ruler",
-            editor: activeEditor.value,
-            onMarginChange: handleMarginChange
-          }, null, 8, ["editor"])) : createCommentVNode("", true),
+          ], 4)) : createCommentVNode("", true),
           createBaseVNode("div", {
             class: "super-editor",
             ref_key: "editorWrapper",
@@ -139140,7 +139496,7 @@ ${style2}
       };
     }
   });
-  const SuperEditor = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-8dd4cf59"]]);
+  const SuperEditor = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-f5c4f915"]]);
   const _hoisted_1$h = ["innerHTML"];
   const _sfc_main$i = {
     __name: "SuperInput",
@@ -143313,6 +143669,7 @@ ${reason}`);
       commentsStore.proxy = proxy;
       const { isHighContrastMode: isHighContrastMode2 } = useHighContrastMode();
       const { uiFontFamily } = useUiFontFamily();
+      const isViewingMode = () => proxy?.$superdoc?.config?.documentMode === "viewing";
       const commentsModuleConfig = computed(() => {
         const config2 = modules.comments;
         if (config2 === false || config2 == null) return null;
@@ -143407,6 +143764,10 @@ ${reason}`);
           const commentsConfig = proxy.$superdoc.config.modules?.comments;
           if (!commentsConfig || commentsConfig === false) return;
           if (!positions || Object.keys(positions).length === 0) return;
+          if (isViewingMode()) {
+            commentsStore.clearEditorCommentPositions?.();
+            return;
+          }
           const mappedPositions = presentationEditor.getCommentBounds(positions, layers.value);
           handleEditorLocationsUpdate(mappedPositions);
         });
@@ -143426,6 +143787,13 @@ ${reason}`);
       const onEditorSelectionChange = ({ editor, transaction }) => {
         if (skipSelectionUpdate.value) {
           skipSelectionUpdate.value = false;
+          if (isViewingMode()) {
+            resetSelection();
+          }
+          return;
+        }
+        if (isViewingMode()) {
+          resetSelection();
           return;
         }
         const { documentId } = editor.options;
@@ -143604,6 +143972,10 @@ ${reason}`);
       const onEditorCommentLocationsUpdate = (doc2, { allCommentIds: activeThreadId, allCommentPositions } = {}) => {
         const commentsConfig = proxy.$superdoc.config.modules?.comments;
         if (!commentsConfig || commentsConfig === false) return;
+        if (isViewingMode()) {
+          commentsStore.clearEditorCommentPositions?.();
+          return;
+        }
         const presentation = PresentationEditor.getInstance(doc2.id);
         if (!presentation) {
           handleEditorLocationsUpdate(allCommentPositions, activeThreadId);
@@ -143659,11 +144031,12 @@ ${reason}`);
       };
       const isCommentsEnabled = computed(() => Boolean(commentsModuleConfig.value));
       const showCommentsSidebar = computed(() => {
+        if (isViewingMode()) return false;
         return pendingComment.value || getFloatingComments.value?.length > 0 && isReady.value && layers.value && isCommentsEnabled.value && !isCommentsListVisible.value;
       });
       const showToolsFloatingMenu = computed(() => {
         if (!isCommentsEnabled.value) return false;
-        return toolsMenuPosition.top && !getConfig2.value?.readOnly;
+        return selectionPosition.value && toolsMenuPosition.top && !getConfig2.value?.readOnly;
       });
       computed(() => {
         if (!isCommentsEnabled.value) return false;
@@ -143711,6 +144084,10 @@ ${reason}`);
         return style2;
       });
       const handleSelectionChange = (selection) => {
+        if (isViewingMode()) {
+          resetSelection();
+          return;
+        }
         if (!selection.selectionBounds || !isCommentsEnabled.value) return;
         resetSelection();
         const isMobileView = window.matchMedia("(max-width: 768px)").matches;
@@ -143736,12 +144113,14 @@ ${reason}`);
       };
       const resetSelection = () => {
         selectionPosition.value = null;
+        toolsMenuPosition.top = null;
       };
       const updateSelection2 = ({ startX, startY, x: x2, y: y2, source }) => {
         const hasStartCoords = typeof startX === "number" || typeof startY === "number";
         const hasEndCoords = typeof x2 === "number" || typeof y2 === "number";
         if (!hasStartCoords && !hasEndCoords) {
-          return selectionPosition.value = null;
+          resetSelection();
+          return;
         }
         if (!selectionPosition.value) {
           if (startY == null || startX == null) return;
@@ -143994,7 +144373,7 @@ ${reason}`);
       };
     }
   };
-  const App = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-1e96f708"]]);
+  const App = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-5196811d"]]);
   const createSuperdocVueApp = () => {
     const app = createApp(App);
     const pinia = createPinia();
@@ -144178,7 +144557,7 @@ ${reason}`);
       this.config.colors = shuffleArray(this.config.colors);
       this.userColorMap = /* @__PURE__ */ new Map();
       this.colorIndex = 0;
-      this.version = "1.3.0-next.9";
+      this.version = "1.3.1-next.1";
       this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
       this.superdocId = config2.superdocId || v4();
       this.colors = this.config.colors;