@superdoc-dev/cli 0.8.0-next.75 → 0.8.0-next.77

package/dist/index.js

@@ -155994,7 +155994,7 @@ var init_SuperConverter_ing_1fvK_es = __esm(() => {
   };
 });
 
-// ../../packages/superdoc/dist/chunks/create-headless-toolbar-B_1fvPL0.es.js
+// ../../packages/superdoc/dist/chunks/create-headless-toolbar-CUl2z6Fd.es.js
 function parseSizeUnit(val = "0") {
   const length3 = val.toString() || "0";
   const value = Number.parseFloat(length3);
@@ -157704,10 +157704,12 @@ var CSS_DIMENSION_REGEX, DOM_SIZE_UNITS, Extension = class Extension2 {
     return null;
   superdoc.on("editorCreate", onChange3);
   superdoc.on("document-mode-change", onChange3);
+  superdoc.on("formatting-marks-change", onChange3);
   superdoc.on("zoomChange", onChange3);
   return () => {
     superdoc.off?.("editorCreate", onChange3);
     superdoc.off?.("document-mode-change", onChange3);
+    superdoc.off?.("formatting-marks-change", onChange3);
     superdoc.off?.("zoomChange", onChange3);
   };
 }, subscribeToEditorEvents = (editor, onChange3) => {
@@ -157839,6 +157841,11 @@ var CSS_DIMENSION_REGEX, DOM_SIZE_UNITS, Extension = class Extension2 {
     active: Boolean(superdoc?.config?.rulers),
     disabled: isCommandDisabled(context)
   };
+}, createFormattingMarksStateDeriver = () => ({ superdoc }) => {
+  return {
+    active: Boolean(superdoc?.config?.layoutEngineOptions?.showFormattingMarks),
+    disabled: typeof superdoc?.toggleFormattingMarks !== "function"
+  };
 }, createZoomStateDeriver = () => ({ context, superdoc }) => {
   return {
     active: false,
@@ -157854,6 +157861,11 @@ var CSS_DIMENSION_REGEX, DOM_SIZE_UNITS, Extension = class Extension2 {
 }, createRulerExecute = () => ({ superdoc }) => {
   superdoc.toggleRuler?.();
   return true;
+}, createFormattingMarksExecute = () => ({ superdoc }) => {
+  if (typeof superdoc?.toggleFormattingMarks !== "function")
+    return false;
+  superdoc.toggleFormattingMarks();
+  return true;
 }, createZoomExecute = () => ({ superdoc, payload }) => {
   const normalizedPayload = Number.parseInt(String(payload), 10);
   if (!Number.isFinite(normalizedPayload) || normalizedPayload <= 0)
@@ -158453,6 +158465,11 @@ var CSS_DIMENSION_REGEX, DOM_SIZE_UNITS, Extension = class Extension2 {
       state: createRulerStateDeriver(),
       execute: createRulerExecute()
     },
+    "formatting-marks": {
+      id: "formatting-marks",
+      state: createFormattingMarksStateDeriver(),
+      execute: createFormattingMarksExecute()
+    },
     zoom: {
       id: "zoom",
       state: createZoomStateDeriver(),
@@ -158630,7 +158647,7 @@ var CSS_DIMENSION_REGEX, DOM_SIZE_UNITS, Extension = class Extension2 {
     }
   };
 };
-var init_create_headless_toolbar_B_1fvPL0_es = __esm(() => {
+var init_create_headless_toolbar_CUl2z6Fd_es = __esm(() => {
   init_SuperConverter_ing_1fvK_es();
   init_constants_DrU4EASo_es();
   init_dist_B8HfvhaK_es();
@@ -207317,7 +207334,7 @@ var init_remark_gfm_eZN6yzWQ_es = __esm(() => {
   init_remark_gfm_BhnWr3yf_es();
 });
 
-// ../../packages/superdoc/dist/chunks/src-DKka36--.es.js
+// ../../packages/superdoc/dist/chunks/src-deKdT-sq.es.js
 function deleteProps(obj, propOrProps) {
   const props = typeof propOrProps === "string" ? [propOrProps] : propOrProps;
   const removeNested = (target, pathParts, index2 = 0) => {
@@ -211096,6 +211113,98 @@ function createDropcapPlugin(editor) {
     } }
   });
 }
+function isListParagraph(node3) {
+  return node3?.type?.name === "paragraph" && node3.attrs?.paragraphProperties?.numberingProperties && node3.attrs?.listRendering;
+}
+function isRtlParagraph$1(node3) {
+  return node3?.attrs?.paragraphProperties?.rightToLeft === true || node3?.attrs?.direction === "rtl" || node3?.attrs?.rtl === true;
+}
+function getParagraphContext$1($pos) {
+  for (let depth = $pos.depth;depth >= 0; depth--) {
+    const node3 = $pos.node(depth);
+    if (node3.type.name !== "paragraph")
+      continue;
+    return {
+      node: node3,
+      pos: depth === 0 ? 0 : $pos.before(depth),
+      start: $pos.start(depth),
+      end: $pos.end(depth)
+    };
+  }
+  return null;
+}
+function getParagraphTextBounds2(paragraph2, paragraphStart) {
+  let first$1 = null;
+  let last2 = null;
+  paragraph2.descendants((node3, pos) => {
+    if (!node3.isText || !node3.text?.length)
+      return true;
+    const from$1 = paragraphStart + pos;
+    const to = from$1 + node3.text.length;
+    if (first$1 == null || from$1 < first$1)
+      first$1 = from$1;
+    if (last2 == null || to > last2)
+      last2 = to;
+    return true;
+  });
+  return first$1 == null || last2 == null ? null : {
+    first: first$1,
+    last: last2
+  };
+}
+function findAdjacentTextPosition(doc$12, boundary, direction) {
+  let target = null;
+  if (direction < 0) {
+    doc$12.nodesBetween(0, boundary, (node3, pos) => {
+      if (node3.isText && node3.text?.length)
+        target = pos + node3.text.length;
+      return true;
+    });
+    return target;
+  }
+  doc$12.nodesBetween(boundary, doc$12.content.size, (node3, pos) => {
+    if (target != null)
+      return false;
+    if (node3.isText && node3.text?.length) {
+      target = pos;
+      return false;
+    }
+    return true;
+  });
+  return target;
+}
+function shouldHandlePlainHorizontalArrow(event) {
+  return (event.key === "ArrowLeft" || event.key === "ArrowRight") && !event.shiftKey && !event.altKey && !event.ctrlKey && !event.metaKey;
+}
+function createListBoundaryNavigationPlugin() {
+  return new Plugin({ props: { handleKeyDown(view, event) {
+    if (!shouldHandlePlainHorizontalArrow(event))
+      return false;
+    const { state } = view;
+    const { selection } = state;
+    if (!selection.empty)
+      return false;
+    const paragraph2 = getParagraphContext$1(selection.$from);
+    if (!paragraph2 || !isListParagraph(paragraph2.node))
+      return false;
+    if (isRtlParagraph$1(paragraph2.node))
+      return false;
+    const bounds = getParagraphTextBounds2(paragraph2.node, paragraph2.start);
+    if (!bounds)
+      return false;
+    const direction = event.key === "ArrowLeft" ? -1 : 1;
+    const atLeftBoundary = direction < 0 && selection.from <= bounds.first;
+    const atRightBoundary = direction > 0 && selection.from >= bounds.last;
+    if (!atLeftBoundary && !atRightBoundary)
+      return false;
+    const target = findAdjacentTextPosition(state.doc, direction < 0 ? paragraph2.pos : paragraph2.end, direction);
+    if (target == null || target === selection.from)
+      return false;
+    event.preventDefault();
+    view.dispatch(state.tr.setSelection(TextSelection.create(state.doc, target)).scrollIntoView());
+    return true;
+  } } });
+}
 function parseCssLength(value) {
   if (!value)
     return null;
@@ -250385,15 +250494,19 @@ function renderListMarker(params$1) {
   const suffixType = markerLayout?.suffix ?? "tab";
   if (suffixType === "tab") {
     const tabEl = doc$12.createElement("span");
-    tabEl.className = "superdoc-tab";
+    tabEl.classList.add("superdoc-tab", "superdoc-marker-suffix-tab");
     tabEl.innerHTML = "&nbsp;";
     tabEl.style.display = "inline-block";
+    if (markerLayout?.run?.fontSize != null)
+      tabEl.style.fontSize = `${markerLayout.run.fontSize}px`;
     tabEl.style.wordSpacing = "0px";
     tabEl.style.width = `${listTabWidth}px`;
     lineEl.prepend(tabEl);
   } else if (suffixType === "space") {
     const spaceEl = doc$12.createElement("span");
     spaceEl.classList.add("superdoc-marker-suffix-space");
+    if (markerLayout?.run?.fontSize != null)
+      spaceEl.style.fontSize = `${markerLayout.run.fontSize}px`;
     spaceEl.style.wordSpacing = "0px";
     spaceEl.textContent = " ";
     lineEl.prepend(spaceEl);
@@ -251279,9 +251392,9 @@ function resolveParagraphContent(fragment2, block, measure) {
       const paragraphLineIndex = fragment2.fromLine + index2;
       const isFirstLineOfPara = paragraphLineIndex === 0;
       const firstLineOffsetForCumX = isFirstLineOfPara ? firstLine - hanging : 0;
-      const isListParagraph = Boolean(wordLayout?.marker);
+      const isListParagraph$1 = Boolean(wordLayout?.marker);
       const fallbackListTextStartPx = typeof wordLayout?.marker?.textStartX === "number" && Number.isFinite(wordLayout.marker.textStartX) ? wordLayout.marker.textStartX : typeof wordLayout?.textStartPx === "number" && Number.isFinite(wordLayout.textStartPx) ? wordLayout.textStartPx : undefined;
-      const indentOffset = isListParagraph ? isFirstLineOfPara ? (shouldUseResolvedListTextStart ? listFirstLineTextStartPx : undefined) ?? fallbackListTextStartPx ?? indentLeft : indentLeft : indentLeft + firstLineOffsetForCumX;
+      const indentOffset = isListParagraph$1 ? isFirstLineOfPara ? (shouldUseResolvedListTextStart ? listFirstLineTextStartPx : undefined) ?? fallbackListTextStartPx ?? indentLeft : indentLeft : indentLeft + firstLineOffsetForCumX;
       return {
         line,
         lineIndex: paragraphLineIndex,
@@ -259915,11 +260028,9 @@ function collectClientRectsByLine(doc$12, entries2, sliceFrom, sliceTo) {
 function setDomRangeStart(range, entry, pos) {
   const el = entry.el;
   const pmStart = entry.pmStart;
-  const firstChild = el.firstChild;
-  if (firstChild && firstChild.nodeType === Node.TEXT_NODE) {
-    const textNode = firstChild;
-    const charIndex = mapPmPosToCharIndex(pos, pmStart, entry.pmEnd, textNode.length);
-    range.setStart(textNode, charIndex);
+  const boundary = resolveTextBoundaryInElement(el, pos, pmStart, entry.pmEnd, "forward");
+  if (boundary) {
+    range.setStart(boundary.node, boundary.offset);
     return true;
   }
   if (!el.isConnected || !el.parentNode)
@@ -259934,11 +260045,9 @@ function setDomRangeStart(range, entry, pos) {
 function setDomRangeEnd(range, entry, pos) {
   const el = entry.el;
   const pmStart = entry.pmStart;
-  const firstChild = el.firstChild;
-  if (firstChild && firstChild.nodeType === Node.TEXT_NODE) {
-    const textNode = firstChild;
-    const charIndex = mapPmPosToCharIndex(pos, pmStart, entry.pmEnd, textNode.length);
-    range.setEnd(textNode, charIndex);
+  const boundary = resolveTextBoundaryInElement(el, pos, pmStart, entry.pmEnd, "backward");
+  if (boundary) {
+    range.setEnd(boundary.node, boundary.offset);
     return true;
   }
   if (!el.isConnected || !el.parentNode)
@@ -259968,8 +260077,8 @@ function computeDomCaretPageLocal(options, pos) {
     return null;
   const pageRect = page.getBoundingClientRect();
   const zoom = options.zoom;
-  const textNode = targetEl.firstChild;
-  if (!textNode || textNode.nodeType !== Node.TEXT_NODE) {
+  const boundary = resolveTextBoundaryInElement(targetEl, pos, entry.pmStart, entry.pmEnd, "forward");
+  if (!boundary) {
     const elRect = targetEl.getBoundingClientRect();
     const atEnd = pos >= entry.pmEnd;
     return {
@@ -259978,10 +260087,9 @@ function computeDomCaretPageLocal(options, pos) {
       y: (elRect.top - pageRect.top) / zoom
     };
   }
-  const charIndex = mapPmPosToCharIndex(pos, entry.pmStart, entry.pmEnd, textNode.length);
   const range = document.createRange();
-  range.setStart(textNode, charIndex);
-  range.setEnd(textNode, charIndex);
+  range.setStart(boundary.node, boundary.offset);
+  range.setEnd(boundary.node, boundary.offset);
   const rangeRect = range.getBoundingClientRect();
   const lineRect = targetEl.closest(".superdoc-line")?.getBoundingClientRect() ?? rangeRect;
   return {
@@ -259990,6 +260098,53 @@ function computeDomCaretPageLocal(options, pos) {
     y: (lineRect.top - pageRect.top) / zoom
   };
 }
+function resolveTextBoundaryInElement(element3, pos, pmStart, pmEnd, affinity) {
+  const textLength = element3.textContent?.length ?? 0;
+  if (textLength <= 0)
+    return null;
+  return resolveDescendantTextBoundary(element3, mapPmPosToCharIndex(pos, pmStart, pmEnd, textLength), affinity);
+}
+function resolveDescendantTextBoundary(element3, targetOffset, affinity) {
+  const walker = (element3.ownerDocument ?? document).createTreeWalker(element3, NodeFilter.SHOW_TEXT);
+  let consumed = 0;
+  let previous3 = null;
+  let current = walker.nextNode();
+  while (current) {
+    const textNode = current;
+    const textLength = textNode.textContent?.length ?? 0;
+    if (textLength <= 0) {
+      current = walker.nextNode();
+      continue;
+    }
+    const segmentEnd = consumed + textLength;
+    if (targetOffset < segmentEnd)
+      return {
+        node: textNode,
+        offset: Math.max(0, targetOffset - consumed)
+      };
+    if (targetOffset === segmentEnd) {
+      if (affinity === "backward")
+        return {
+          node: textNode,
+          offset: textLength
+        };
+      previous3 = {
+        node: textNode,
+        offset: textLength
+      };
+      consumed = segmentEnd;
+      current = walker.nextNode();
+      continue;
+    }
+    previous3 = {
+      node: textNode,
+      offset: textLength
+    };
+    consumed = segmentEnd;
+    current = walker.nextNode();
+  }
+  return previous3;
+}
 function mapPmPosToCharIndex(pos, pmStart, pmEnd, textLength) {
   if (!Number.isFinite(pos) || !Number.isFinite(pmStart) || !Number.isFinite(pmEnd))
     return 0;
@@ -281489,6 +281644,16 @@ var Node$13 = class Node$14 {
     tooltip: toolbarTexts$1.ruler,
     attributes: { ariaLabel: "Ruler" }
   });
+  const formattingMarks = useToolbarItem({
+    type: "button",
+    name: "formattingMarks",
+    command: "toggleFormattingMarks",
+    allowWithoutEditor: true,
+    icon: toolbarIcons$1.formattingMarks,
+    active: false,
+    tooltip: toolbarTexts$1.formattingMarks,
+    attributes: { ariaLabel: "Formatting marks" }
+  });
   const selectedLinkedStyle = exports_vue.ref(null);
   const linkedStyles = useToolbarItem({
     type: "dropdown",
@@ -281586,7 +281751,8 @@ var Node$13 = class Node$14 {
     "linkedStyles",
     "clearFormatting",
     "copyFormat",
-    "ruler"
+    "ruler",
+    "formattingMarks"
   ];
   const itemsToHideSM = [
     "zoom",
@@ -281637,6 +281803,7 @@ var Node$13 = class Node$14 {
     linkedStyles,
     separator,
     ruler,
+    formattingMarks,
     copyFormat,
     clearFormatting,
     aiButton,
@@ -281652,6 +281819,7 @@ var Node$13 = class Node$14 {
     toolbarItems.splice(getLinkedStylesIndex - 1, 2);
     const filterItems = [
       "ruler",
+      "formattingMarks",
       "zoom",
       "undo",
       "redo"
@@ -285242,6 +285410,82 @@ var Node$13 = class Node$14 {
 .superdoc-layout .track-format-dec.highlighted.track-change-focused {
   background-color: var(--sd-tracked-changes-format-background-focused, #ffd70033);
 }
+`, FORMATTING_MARKS_STYLES = `
+.superdoc-formatting-space-mark,
+.superdoc-marker-suffix-space {
+  position: relative;
+}
+
+.superdoc-formatting-space-mark {
+  white-space: pre;
+}
+
+.superdoc-layout.superdoc-show-formatting-marks .superdoc-tab {
+  position: relative;
+  visibility: visible !important;
+}
+
+.superdoc-layout.superdoc-show-formatting-marks .superdoc-tab::after {
+  content: "→";
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  color: var(--sd-formatting-mark-color, var(--sd-ui-action, currentColor));
+  font-size: 0.75em;
+  line-height: 1;
+  pointer-events: none;
+}
+
+.superdoc-layout.superdoc-show-formatting-marks [dir="rtl"] .superdoc-tab::after {
+  content: "←";
+}
+
+.superdoc-layout.superdoc-show-formatting-marks .superdoc-formatting-space-mark::after,
+.superdoc-layout.superdoc-show-formatting-marks .superdoc-marker-suffix-space::after {
+  content: "·";
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  color: var(--sd-formatting-mark-color, var(--sd-ui-action, currentColor));
+  font-size: 0.75em;
+  line-height: 1;
+  pointer-events: none;
+}
+
+.superdoc-formatting-paragraph-mark {
+  display: none;
+  position: absolute;
+  top: 0;
+  transform: translateX(var(--sd-formatting-paragraph-mark-gap, 0.2em));
+  color: var(--sd-formatting-mark-color, var(--sd-ui-action, currentColor));
+  pointer-events: none;
+  user-select: none;
+  white-space: pre;
+  z-index: 2;
+}
+
+.superdoc-layout.superdoc-show-formatting-marks .superdoc-formatting-paragraph-mark {
+  display: inline;
+}
+
+.superdoc-layout.superdoc-show-formatting-marks [dir="rtl"] .superdoc-formatting-paragraph-mark {
+  transform: translateX(calc(-100% - var(--sd-formatting-paragraph-mark-gap, 0.2em)));
+}
+
+@media print {
+  .superdoc-layout.superdoc-show-formatting-marks .superdoc-tab::after,
+  .superdoc-layout.superdoc-show-formatting-marks .superdoc-formatting-space-mark::after,
+  .superdoc-layout.superdoc-show-formatting-marks .superdoc-marker-suffix-space::after {
+    content: "";
+    display: none;
+  }
+
+  .superdoc-layout.superdoc-show-formatting-marks .superdoc-formatting-paragraph-mark {
+    display: none;
+  }
+}
 `, SDT_CONTAINER_STYLES = `
 /* Document Section - Block-level container with gray border and hover tooltip */
 .superdoc-document-section {
@@ -285613,7 +285857,7 @@ menclose::after {
   pointer-events: none;
   background: var(--sd-menclose-h), var(--sd-menclose-v), var(--sd-menclose-up), var(--sd-menclose-down);
 }
-`, printStylesInjected = false, linkStylesInjected = false, trackChangeStylesInjected = false, sdtContainerStylesInjected = false, fieldAnnotationStylesInjected = false, imageSelectionStylesInjected = false, mathMencloseStylesInjected = false, ensurePrintStyles = (doc$12) => {
+`, printStylesInjected = false, linkStylesInjected = false, trackChangeStylesInjected = false, formattingMarksStylesInjected = false, sdtContainerStylesInjected = false, fieldAnnotationStylesInjected = false, imageSelectionStylesInjected = false, mathMencloseStylesInjected = false, ensurePrintStyles = (doc$12) => {
   if (printStylesInjected || !doc$12)
     return;
   const styleEl = doc$12.createElement("style");
@@ -285637,6 +285881,14 @@ menclose::after {
   styleEl.textContent = TRACK_CHANGE_STYLES;
   doc$12.head?.appendChild(styleEl);
   trackChangeStylesInjected = true;
+}, ensureFormattingMarksStyles = (doc$12) => {
+  if (formattingMarksStylesInjected || !doc$12)
+    return;
+  const styleEl = doc$12.createElement("style");
+  styleEl.setAttribute("data-superdoc-formatting-marks-styles", "true");
+  styleEl.textContent = FORMATTING_MARKS_STYLES;
+  doc$12.head?.appendChild(styleEl);
+  formattingMarksStylesInjected = true;
 }, ensureSdtContainerStyles = (doc$12) => {
   if (sdtContainerStylesInjected || !doc$12)
     return;
@@ -286125,6 +286377,12 @@ menclose::after {
     if (value != null && value !== "" && key2 in el.style)
       el.style[key2] = String(value);
   });
+}, convertParagraphMarkToCellMark = (lineEl) => {
+  const mark2 = lineEl.querySelector(".superdoc-formatting-paragraph-mark");
+  if (!mark2)
+    return;
+  mark2.classList.add("superdoc-formatting-cell-mark");
+  mark2.textContent = "¤";
 }, renderEmbeddedTable = (params$1) => {
   const { doc: doc$12, table: table2, measure, availableWidth, context, renderLine, captureLineSnapshot, renderDrawingContent, applySdtDataset, fromRow: paramFromRow, toRow: paramToRow, partialRow: paramPartialRow } = params$1;
   const effectiveFromRow = paramFromRow ?? 0;
@@ -286399,6 +286657,7 @@ menclose::after {
         const paragraphMeasure = blockMeasure;
         const lines = paragraphMeasure.lines;
         const blockLineCount = lines?.length || 0;
+        const isLastBlockInCell = i4 === Math.min(blockMeasures.length, cellBlocks.length) - 1;
         const wordLayout = block.attrs?.wordLayout ?? null;
         const markerLayout = wordLayout?.marker;
         const markerMeasure = paragraphMeasure.marker;
@@ -286453,6 +286712,8 @@ menclose::after {
             ...context,
             section: "body"
           }, lineIdx, isLastLine, lineIdx === 0 && localStartLine === 0 ? listFirstLineTextStartPx : undefined);
+          if (isLastBlockInCell && isLastLine)
+            convertParagraphMarkToCellMark(lineEl);
           lineEl.style.paddingLeft = "";
           lineEl.style.paddingRight = "";
           lineEl.style.textIndent = "";
@@ -287872,6 +288133,9 @@ menclose::after {
     },
     setScrollContainer(el) {
       painter.setScrollContainer(el);
+    },
+    setShowFormattingMarks(showFormattingMarks) {
+      painter.setShowFormattingMarks(showFormattingMarks);
     }
   };
 }, PresentationPaintIndex = class {
@@ -287955,13 +288219,16 @@ menclose::after {
   #zoom = 1;
   #scrollContainer = null;
   #virtualizationPins = [];
+  #showFormattingMarks = false;
   get hasPainter() {
     return this.#painter !== null;
   }
   ensurePainter(options) {
     if (!this.#painter) {
+      this.#showFormattingMarks = Boolean(options.showFormattingMarks ?? this.#showFormattingMarks);
       this.#painter = createDomPainter({
         ...options,
+        showFormattingMarks: this.#showFormattingMarks,
         onPaintSnapshot: (snapshot2) => {
           this.#lastPaintSnapshot = snapshot2;
           this.#paintIndex.update(snapshot2);
@@ -287985,6 +288252,13 @@ menclose::after {
     this.#footerProvider = footer;
     this.#applyProviders();
   }
+  setShowFormattingMarks(showFormattingMarks) {
+    const next2 = Boolean(showFormattingMarks);
+    if (this.#showFormattingMarks === next2)
+      return;
+    this.#showFormattingMarks = next2;
+    this.#applyShowFormattingMarks();
+  }
   setZoom(zoom) {
     if (this.#zoom === zoom)
       return;
@@ -288039,6 +288313,7 @@ menclose::after {
     this.#applyZoom();
     this.#applyScrollContainer();
     this.#applyVirtualizationPins();
+    this.#applyShowFormattingMarks();
   }
   #applyProviders() {
     this.#painter?.setProviders(this.#headerProvider, this.#footerProvider);
@@ -288052,6 +288327,9 @@ menclose::after {
   #applyVirtualizationPins() {
     this.#painter?.setVirtualizationPins(this.#virtualizationPins);
   }
+  #applyShowFormattingMarks() {
+    this.#painter?.setShowFormattingMarks(this.#showFormattingMarks);
+  }
 }, hashParagraphBorder$1 = (border) => {
   const parts = [];
   if (border.style !== undefined)
@@ -291203,7 +291481,7 @@ menclose::after {
   let paraIndentLeft = 0;
   let paraIndentRight = 0;
   let effectiveLeft = 0;
-  let isListParagraph = false;
+  let isListParagraph$1 = false;
   let wl;
   if (block.kind === "paragraph") {
     const indentLeft = typeof block.attrs?.indent?.left === "number" ? block.attrs.indent.left : 0;
@@ -291212,8 +291490,8 @@ menclose::after {
     paraIndentRight = Number.isFinite(indentRight) ? indentRight : 0;
     effectiveLeft = paraIndentLeft;
     wl = getWordLayoutConfig(block);
-    isListParagraph = Boolean(block.attrs?.numberingProperties) || Boolean(wl?.marker);
-    if (isListParagraph) {
+    isListParagraph$1 = Boolean(block.attrs?.numberingProperties) || Boolean(wl?.marker);
+    if (isListParagraph$1) {
       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 : undefined;
       if (typeof explicitTextStart === "number" && explicitTextStart > paraIndentLeft)
         effectiveLeft = explicitTextStart;
@@ -291223,7 +291501,7 @@ menclose::after {
   let availableWidth = Math.max(0, fragmentWidth - totalIndent);
   if (totalIndent > fragmentWidth)
     console.warn(`[mapPmToX] Paragraph indents (${totalIndent}px) exceed fragment width (${fragmentWidth}px) for block ${block.id}. This may indicate a layout miscalculation. Available width clamped to 0.`);
-  const hasRenderedMarkerText = isListParagraph && (markerTextWidth ?? 0) > 0;
+  const hasRenderedMarkerText = isListParagraph$1 && (markerTextWidth ?? 0) > 0;
   if (isFirstLine && block.kind === "paragraph" && !hasRenderedMarkerText) {
     const suppressFLI = block.attrs?.suppressFirstLineIndent === true;
     const firstLineOffset = getFirstLineIndentOffset(block.attrs?.indent, suppressFLI);
@@ -298930,12 +299208,12 @@ menclose::after {
     return;
   console.log(...args$1);
 }, HEADER_FOOTER_INIT_BUDGET_MS = 200, MAX_ZOOM_WARNING_THRESHOLD = 10, MAX_SELECTION_RECTS_PER_USER = 100, SEMANTIC_RESIZE_DEBOUNCE_MS = 120, MIN_SEMANTIC_CONTENT_WIDTH_PX = 1, GLOBAL_PERFORMANCE, PresentationEditor, ICONS, TEXTS, tableActionsOptions;
-var init_src_DKka36_es = __esm(() => {
+var init_src_deKdT_sq_es = __esm(() => {
   init_rolldown_runtime_Bg48TavK_es();
   init_SuperConverter_ing_1fvK_es();
   init_jszip_C49i9kUs_es();
   init_uuid_qzgm05fK_es();
-  init_create_headless_toolbar_B_1fvPL0_es();
+  init_create_headless_toolbar_CUl2z6Fd_es();
   init_constants_DrU4EASo_es();
   init_dist_B8HfvhaK_es();
   init_unified_Dsuw2be5_es();
@@ -301980,7 +302258,8 @@ ${err.toString()}`);
           event.preventDefault();
           return true;
         } } } }),
-        createLeadingCaretPlugin()
+        createLeadingCaretPlugin(),
+        createListBoundaryNavigationPlugin()
       ];
     }
   });
@@ -317730,7 +318009,9 @@ function print() { __p += __j.call(arguments, '') }
     cut: scissors_solid_default,
     copy: copy_solid_default,
     paste: paste_solid_default,
-    strikethrough: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M161.3 144c3.2-17.2 14-30.1 33.7-38.6c21.1-9 51.8-12.3 88.6-6.5c11.9 1.9 48.8 9.1 60.1 12c17.1 4.5 34.6-5.6 39.2-22.7s-5.6-34.6-22.7-39.2c-14.3-3.8-53.6-11.4-66.6-13.4c-44.7-7-88.3-4.2-123.7 10.9c-36.5 15.6-64.4 44.8-71.8 87.3c-.1 .6-.2 1.1-.2 1.7c-2.8 23.9 .5 45.6 10.1 64.6c4.5 9 10.2 16.9 16.7 23.9L32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l448 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-209.9 0-.4-.1-1.1-.3c-36-10.8-65.2-19.6-85.2-33.1c-9.3-6.3-15-12.6-18.2-19.1c-3.1-6.1-5.2-14.6-3.8-27.4zM348.9 337.2c2.7 6.5 4.4 15.8 1.9 30.1c-3 17.6-13.8 30.8-33.9 39.4c-21.1 9-51.7 12.3-88.5 6.5c-18-2.9-49.1-13.5-74.4-22.1c-5.6-1.9-11-3.7-15.9-5.4c-16.8-5.6-34.9 3.5-40.5 20.3s3.5 34.9 20.3 40.5c3.6 1.2 7.9 2.7 12.7 4.3c0 0 0 0 0 0s0 0 0 0c24.9 8.5 63.6 21.7 87.6 25.6c0 0 0 0 0 0l.2 0c44.7 7 88.3 4.2 123.7-10.9c36.5-15.6 64.4-44.8 71.8-87.3c3.6-21 2.7-40.4-3.1-58.1l-75.7 0c7 5.6 11.4 11.2 13.9 17.2z"/></svg>\n'
+    strikethrough: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M161.3 144c3.2-17.2 14-30.1 33.7-38.6c21.1-9 51.8-12.3 88.6-6.5c11.9 1.9 48.8 9.1 60.1 12c17.1 4.5 34.6-5.6 39.2-22.7s-5.6-34.6-22.7-39.2c-14.3-3.8-53.6-11.4-66.6-13.4c-44.7-7-88.3-4.2-123.7 10.9c-36.5 15.6-64.4 44.8-71.8 87.3c-.1 .6-.2 1.1-.2 1.7c-2.8 23.9 .5 45.6 10.1 64.6c4.5 9 10.2 16.9 16.7 23.9L32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l448 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-209.9 0-.4-.1-1.1-.3c-36-10.8-65.2-19.6-85.2-33.1c-9.3-6.3-15-12.6-18.2-19.1c-3.1-6.1-5.2-14.6-3.8-27.4zM348.9 337.2c2.7 6.5 4.4 15.8 1.9 30.1c-3 17.6-13.8 30.8-33.9 39.4c-21.1 9-51.7 12.3-88.5 6.5c-18-2.9-49.1-13.5-74.4-22.1c-5.6-1.9-11-3.7-15.9-5.4c-16.8-5.6-34.9 3.5-40.5 20.3s3.5 34.9 20.3 40.5c3.6 1.2 7.9 2.7 12.7 4.3c0 0 0 0 0 0s0 0 0 0c24.9 8.5 63.6 21.7 87.6 25.6c0 0 0 0 0 0l.2 0c44.7 7 88.3 4.2 123.7-10.9c36.5-15.6 64.4-44.8 71.8-87.3c3.6-21 2.7-40.4-3.1-58.1l-75.7 0c7 5.6 11.4 11.2 13.9 17.2z"/></svg>\n',
+    formattingMarks: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true"><text x="12" y="18" text-anchor="middle" font-family="Arial, Helvetica, sans-serif" font-size="20" font-weight="700" fill="currentColor">¶</text></svg>
+`
   };
   _hoisted_1$20 = [
     "onClick",
@@ -318907,6 +319188,7 @@ function print() { __p += __j.call(arguments, '') }
     acceptTrackedChangeBySelection: "track-changes-accept-selection",
     rejectTrackedChangeOnSelection: "track-changes-reject-selection",
     ruler: "ruler",
+    formattingMarks: "formatting-marks",
     zoom: "zoom",
     documentMode: "document-mode",
     link: "link",
@@ -320394,6 +320676,7 @@ function print() { __p += __j.call(arguments, '') }
     lineHeight: "Line height",
     formatText: "Format text",
     ruler: "Show or hide ruler",
+    formattingMarks: "Show or hide formatting marks",
     pageBreak: "Insert page break",
     documentEditingMode: "Editing",
     documentSuggestingMode: "Suggesting",
@@ -320773,6 +321056,10 @@ function print() { __p += __j.call(arguments, '') }
       const currentMode = this.snapshot?.commands?.["document-mode"]?.value || "editing";
       if (!this.activeEditor || currentMode === "viewing") {
         this.#deactivateAll();
+        this.toolbarItems.forEach((item) => {
+          if (item.allowWithoutEditor?.value)
+            this.#applyHeadlessState(item);
+        });
         return;
       }
       const { state } = this.activeEditor;
@@ -325368,11 +325655,13 @@ function print() { __p += __j.call(arguments, '') }
       this.onPaintSnapshotCallback = null;
       this.mountedPageIndices = [];
       this.resolvedLayout = null;
+      this.showFormattingMarks = false;
       this.options = options;
       this.layoutMode = options.layoutMode ?? "vertical";
       this.isSemanticFlow = (options.flowMode ?? "paginated") === "semantic";
       this.headerProvider = options.headerProvider;
       this.footerProvider = options.footerProvider;
+      this.showFormattingMarks = options.showFormattingMarks === true;
       const defaultGap = this.layoutMode === "horizontal" ? 20 : 24;
       this.pageGap = typeof options.pageGap === "number" && Number.isFinite(options.pageGap) ? Math.max(0, options.pageGap) : defaultGap;
       if (!this.isSemanticFlow && this.layoutMode === "vertical" && options.virtualization?.enabled) {
@@ -325389,10 +325678,33 @@ function print() { __p += __j.call(arguments, '') }
       }
       this.onPaintSnapshotCallback = options.onPaintSnapshot ?? null;
     }
+    setShowFormattingMarks(showFormattingMarks) {
+      const next2 = showFormattingMarks === true;
+      if (this.showFormattingMarks === next2)
+        return;
+      this.showFormattingMarks = next2;
+      this.applyFormattingMarksClass();
+      this.invalidateRenderedContent();
+    }
     setProviders(header, footer) {
       this.headerProvider = header;
       this.footerProvider = footer;
     }
+    applyFormattingMarksClass(mount = this.mount) {
+      mount?.classList.toggle("superdoc-show-formatting-marks", this.showFormattingMarks);
+    }
+    invalidateRenderedContent() {
+      this.pageStates = [];
+      this.currentLayout = null;
+      this.pageIndexToState.clear();
+      this.virtualMountedKey = "";
+      this.clearGapSpacers();
+      this.topSpacerEl = null;
+      this.bottomSpacerEl = null;
+      this.virtualPagesEl = null;
+      this.processedLayoutVersion = -1;
+      this.layoutVersion += 1;
+    }
     setVirtualizationPins(pageIndices) {
       this.virtualPinnedPages = Array.from(new Set((pageIndices ?? []).filter((n) => Number.isInteger(n)))).sort((a2, b$1) => a2 - b$1);
       if (this.virtualEnabled && this.mount)
@@ -325575,6 +325887,7 @@ function print() { __p += __j.call(arguments, '') }
       ensurePrintStyles(doc$12);
       ensureLinkStyles(doc$12);
       ensureTrackChangeStyles(doc$12);
+      ensureFormattingMarksStyles(doc$12);
       ensureFieldAnnotationStyles(doc$12);
       ensureSdtContainerStyles(doc$12);
       ensureImageSelectionStyles(doc$12);
@@ -325582,8 +325895,11 @@ function print() { __p += __j.call(arguments, '') }
       if (!this.isSemanticFlow && this.options.ruler?.enabled)
         ensureRulerStyles(doc$12);
       mount.classList.add(CLASS_NAMES$1.container);
-      if (this.mount && this.mount !== mount)
+      this.applyFormattingMarksClass(mount);
+      if (this.mount && this.mount !== mount) {
         this.resetState();
+        this.applyFormattingMarksClass(mount);
+      }
       this.layoutVersion += 1;
       this.layoutEpoch = resolvedLayout.layoutEpoch ?? 0;
       this.mount = mount;
@@ -326574,7 +326890,8 @@ function print() { __p += __j.call(arguments, '') }
           const resolvedMarker = content3.marker;
           const expandedRunsForBlock = expandRunsForInlineNewlines(block.runs);
           content3.lines.forEach((resolvedLine) => {
-            const lineEl = this.renderLine(block, resolvedLine.line, context, resolvedLine.availableWidth, resolvedLine.lineIndex, resolvedLine.skipJustify, expandedRunsForBlock, resolvedLine.resolvedListTextStartPx, resolvedLine.indentOffset);
+            const paragraphMarkLeftOffset = this.resolveResolvedListParagraphMarkOffset(resolvedLine.isListFirstLine ? resolvedMarker : undefined, fragment2.markerTextWidth, resolvedLine.indentOffset);
+            const lineEl = this.renderLine(block, resolvedLine.line, context, resolvedLine.availableWidth, resolvedLine.lineIndex, resolvedLine.skipJustify, expandedRunsForBlock, resolvedLine.resolvedListTextStartPx, resolvedLine.indentOffset, paragraphMarkLeftOffset);
             if (!resolvedLine.isListFirstLine) {
               if (resolvedLine.paddingLeftPx > 0)
                 lineEl.style.paddingLeft = `${resolvedLine.paddingLeftPx}px`;
@@ -326619,15 +326936,17 @@ function print() { __p += __j.call(arguments, '') }
                 markerContainer.appendChild(markerEl);
                 if (resolvedMarker.suffix === "tab") {
                   const tabEl = this.doc.createElement("span");
-                  tabEl.className = "superdoc-tab";
+                  tabEl.classList.add("superdoc-tab", "superdoc-marker-suffix-tab");
                   tabEl.innerHTML = "&nbsp;";
                   tabEl.style.display = "inline-block";
+                  tabEl.style.fontSize = `${resolvedMarker.run.fontSize}px`;
                   tabEl.style.wordSpacing = "0px";
                   tabEl.style.width = `${resolvedMarker.suffixWidthPx}px`;
                   lineEl.prepend(tabEl);
                 } else if (resolvedMarker.suffix === "space") {
                   const spaceEl = this.doc.createElement("span");
                   spaceEl.classList.add("superdoc-marker-suffix-space");
+                  spaceEl.style.fontSize = `${resolvedMarker.run.fontSize}px`;
                   spaceEl.style.wordSpacing = "0px";
                   spaceEl.textContent = " ";
                   lineEl.prepend(spaceEl);
@@ -326758,15 +327077,17 @@ function print() { __p += __j.call(arguments, '') }
                 const suffix = marker.suffix ?? "tab";
                 if (suffix === "tab") {
                   const tabEl = this.doc.createElement("span");
-                  tabEl.className = "superdoc-tab";
+                  tabEl.classList.add("superdoc-tab", "superdoc-marker-suffix-tab");
                   tabEl.innerHTML = "&nbsp;";
                   tabEl.style.display = "inline-block";
+                  tabEl.style.fontSize = `${marker.run.fontSize}px`;
                   tabEl.style.wordSpacing = "0px";
                   tabEl.style.width = `${listTabWidth}px`;
                   lineEl.prepend(tabEl);
                 } else if (suffix === "space") {
                   const spaceEl = this.doc.createElement("span");
                   spaceEl.classList.add("superdoc-marker-suffix-space");
+                  spaceEl.style.fontSize = `${marker.run.fontSize}px`;
                   spaceEl.style.wordSpacing = "0px";
                   spaceEl.textContent = " ";
                   lineEl.prepend(spaceEl);
@@ -327978,6 +328299,87 @@ function print() { __p += __j.call(arguments, '') }
         wrapper.dataset.pmEnd = String(run2.pmEnd);
       return wrapper;
     }
+    setTextContentWithFormattingSpaceMarks(element3, text5) {
+      if (!this.showFormattingMarks || !text5.includes(" ") || !this.doc) {
+        element3.textContent = text5;
+        return;
+      }
+      element3.textContent = "";
+      let chunkStart = 0;
+      for (let index2 = 0;index2 < text5.length; index2 += 1) {
+        if (text5[index2] !== " ")
+          continue;
+        if (index2 > chunkStart)
+          element3.appendChild(this.doc.createTextNode(text5.slice(chunkStart, index2)));
+        const space = this.doc.createElement("span");
+        space.classList.add("superdoc-formatting-space-mark");
+        space.textContent = " ";
+        element3.appendChild(space);
+        chunkStart = index2 + 1;
+      }
+      if (chunkStart < text5.length)
+        element3.appendChild(this.doc.createTextNode(text5.slice(chunkStart)));
+    }
+    findLastTextRun(runs2) {
+      for (let index2 = runs2.length - 1;index2 >= 0; index2 -= 1) {
+        const run2 = runs2[index2];
+        if (run2 && (run2.kind === "text" || run2.kind === undefined) && "text" in run2)
+          return {
+            run: run2,
+            index: index2
+          };
+      }
+      return null;
+    }
+    appendFormattingParagraphMark(lineEl, line, runs2, leftOffsetPx, availableWidth, hasExplicitPositioning) {
+      if (!this.showFormattingMarks || !this.doc)
+        return;
+      const lastRun = runs2.length > 0 ? runs2[runs2.length - 1] : null;
+      if (lastRun) {
+        const lastRunIndex = runs2.length - 1;
+        if (line.toRun < lastRunIndex)
+          return;
+        if (line.toRun === lastRunIndex && (lastRun.kind === "text" || lastRun.kind === undefined) && "text" in lastRun && line.toChar < lastRun.text.length)
+          return;
+      }
+      const lastTextRun = this.findLastTextRun(runs2);
+      const mark2 = this.doc.createElement("span");
+      mark2.classList.add("superdoc-formatting-paragraph-mark");
+      mark2.setAttribute("aria-hidden", "true");
+      mark2.textContent = "¶";
+      const run2 = lastTextRun?.run;
+      if (run2) {
+        if (run2.fontFamily)
+          mark2.style.fontFamily = toCssFontFamily(run2.fontFamily) ?? run2.fontFamily;
+        if (typeof run2.fontSize === "number")
+          mark2.style.fontSize = `${run2.fontSize}px`;
+        if (run2.bold)
+          mark2.style.fontWeight = "bold";
+        if (run2.italic)
+          mark2.style.fontStyle = "italic";
+        if (run2.letterSpacing != null)
+          mark2.style.letterSpacing = `${run2.letterSpacing}px`;
+      }
+      mark2.style.lineHeight = `${line.lineHeight}px`;
+      const lineWidth = line.naturalWidth ?? line.width ?? 0;
+      const alignmentSlack = Math.max(0, availableWidth - lineWidth);
+      const textAlign = lineEl.style.textAlign;
+      const alignmentOffset = !hasExplicitPositioning && textAlign === "center" ? alignmentSlack / 2 : !hasExplicitPositioning && textAlign === "right" ? alignmentSlack : 0;
+      const visualTextEndOffset = lineEl.dir === "rtl" || lineEl.style.direction === "rtl" ? alignmentOffset : alignmentOffset + lineWidth;
+      mark2.style.left = `${Math.max(0, leftOffsetPx + visualTextEndOffset)}px`;
+      lineEl.appendChild(mark2);
+    }
+    resolveResolvedListParagraphMarkOffset(marker, markerTextWidth, fallbackOffset) {
+      if (typeof fallbackOffset === "number" && Number.isFinite(fallbackOffset) && fallbackOffset > 0)
+        return fallbackOffset;
+      if (!marker || marker.vanish)
+        return fallbackOffset;
+      const paddingLeft = Number.isFinite(marker.firstLinePaddingLeftPx) ? marker.firstLinePaddingLeftPx : 0;
+      const suffixWidth = marker.suffix !== "nothing" && Number.isFinite(marker.suffixWidthPx) ? marker.suffixWidthPx : 0;
+      if (marker.justification === "left")
+        return paddingLeft + (typeof markerTextWidth === "number" && Number.isFinite(markerTextWidth) && markerTextWidth > 0 ? markerTextWidth : 0) + suffixWidth;
+      return paddingLeft + (marker.justification === "center" && Number.isFinite(marker.centerPaddingAdjustPx) ? marker.centerPaddingAdjustPx ?? 0 : 0) + suffixWidth;
+    }
     renderRun(run2, context, trackedConfig) {
       if (this.isImageRun(run2))
         return this.renderImageRun(run2);
@@ -327995,7 +328397,7 @@ function print() { __p += __j.call(arguments, '') }
       const isActiveLink = !!(linkData && !linkData.blocked && linkData.href);
       const elem = isActiveLink ? this.doc.createElement("a") : this.doc.createElement("span");
       const text5 = resolveRunText(run2, context);
-      elem.textContent = text5;
+      this.setTextContentWithFormattingSpaceMarks(elem, text5);
       if (linkData?.dataset)
         applyLinkDataset(elem, linkData.dataset);
       if (linkData?.blocked) {
@@ -328354,7 +328756,7 @@ function print() { __p += __j.call(arguments, '') }
       this.applySdtDataset(annotation, run2.sdt);
       return annotation;
     }
-    renderLine(block, line, context, availableWidthOverride, lineIndex, skipJustify, preExpandedRuns, resolvedListTextStartPx, indentOffsetOverride) {
+    renderLine(block, line, context, availableWidthOverride, lineIndex, skipJustify, preExpandedRuns, resolvedListTextStartPx, indentOffsetOverride, paragraphMarkLeftOffsetOverride) {
       if (!this.doc)
         throw new Error("DomPainter: document is not available");
       const expandedBlock = {
@@ -328569,25 +328971,27 @@ function print() { __p += __j.call(arguments, '') }
         spaceCount,
         shouldJustify: justifyShouldApply
       });
+      const resolveLineIndentOffset = () => {
+        if (indentOffsetOverride != null)
+          return indentOffsetOverride;
+        const paraIndent = block.attrs?.indent;
+        const indentLeft = paraIndent?.left ?? 0;
+        const firstLine = paraIndent?.firstLine ?? 0;
+        const hanging = paraIndent?.hanging ?? 0;
+        const isFirstLineOfPara = lineIndex === 0 || lineIndex === undefined;
+        const firstLineOffsetForCumX = isFirstLineOfPara ? firstLine - hanging : 0;
+        const wordLayoutValue = block.attrs?.wordLayout;
+        const wordLayout = isMinimalWordLayout$1(wordLayoutValue) ? wordLayoutValue : undefined;
+        const isListParagraph$1 = Boolean(wordLayout?.marker);
+        const fallbackListTextStartPx = typeof wordLayout?.marker?.textStartX === "number" && Number.isFinite(wordLayout.marker.textStartX) ? wordLayout.marker.textStartX : typeof wordLayout?.textStartPx === "number" && Number.isFinite(wordLayout.textStartPx) ? wordLayout.textStartPx : undefined;
+        return isListParagraph$1 ? isFirstLineOfPara ? resolvedListTextStartPx ?? fallbackListTextStartPx ?? indentLeft : indentLeft : indentLeft + firstLineOffsetForCumX;
+      };
+      const lineTextStartOffsetPx = paragraphMarkLeftOffsetOverride != null ? paragraphMarkLeftOffsetOverride : resolveLineIndentOffset();
+      const paragraphMarkLeftOffsetPx = lineTextStartOffsetPx;
       if (spacingPerSpace !== 0)
         el.style.wordSpacing = `${spacingPerSpace}px`;
       if (shouldUseSegmentPositioning(hasExplicitPositioning ?? false, Boolean(line.segments), isRtl)) {
-        let indentOffset;
-        if (indentOffsetOverride != null)
-          indentOffset = indentOffsetOverride;
-        else {
-          const paraIndent = block.attrs?.indent;
-          const indentLeft = paraIndent?.left ?? 0;
-          const firstLine = paraIndent?.firstLine ?? 0;
-          const hanging = paraIndent?.hanging ?? 0;
-          const isFirstLineOfPara = lineIndex === 0 || lineIndex === undefined;
-          const firstLineOffsetForCumX = isFirstLineOfPara ? firstLine - hanging : 0;
-          const wordLayoutValue = block.attrs?.wordLayout;
-          const wordLayout = isMinimalWordLayout$1(wordLayoutValue) ? wordLayoutValue : undefined;
-          const isListParagraph = Boolean(wordLayout?.marker);
-          const fallbackListTextStartPx = typeof wordLayout?.marker?.textStartX === "number" && Number.isFinite(wordLayout.marker.textStartX) ? wordLayout.marker.textStartX : typeof wordLayout?.textStartPx === "number" && Number.isFinite(wordLayout.textStartPx) ? wordLayout.textStartPx : undefined;
-          indentOffset = isListParagraph ? isFirstLineOfPara ? resolvedListTextStartPx ?? fallbackListTextStartPx ?? indentLeft : indentLeft : indentLeft + firstLineOffsetForCumX;
-        }
+        const indentOffset = lineTextStartOffsetPx;
         let cumulativeX = 0;
         const segments = line.segments;
         const segmentsByRun = /* @__PURE__ */ new Map;
@@ -328833,6 +329237,7 @@ function print() { __p += __j.call(arguments, '') }
         });
         closeCurrentWrapper();
       }
+      this.appendFormattingParagraphMark(el, line, expandedBlock.runs, paragraphMarkLeftOffsetPx, availableWidth, hasExplicitPositioning ?? false);
       el.querySelectorAll("a[href]").forEach((anchor) => {
         const pendingTooltip = this.pendingTooltips.get(anchor);
         if (pendingTooltip) {
@@ -330464,7 +330869,8 @@ function print() { __p += __j.call(arguments, '') }
         emitCommentPositionsInViewing: options.layoutEngineOptions?.emitCommentPositionsInViewing,
         enableCommentsInViewing: options.layoutEngineOptions?.enableCommentsInViewing,
         presence: validatedPresence,
-        showBookmarks: options.layoutEngineOptions?.showBookmarks ?? false
+        showBookmarks: options.layoutEngineOptions?.showBookmarks ?? false,
+        showFormattingMarks: options.layoutEngineOptions?.showFormattingMarks ?? false
       };
       this.#trackedChangesOverrides = options.layoutEngineOptions?.trackedChanges;
       this.#viewportHost = doc$12.createElement("div");
@@ -331686,6 +332092,47 @@ function print() { __p += __j.call(arguments, '') }
       this.#pendingDocChange = true;
       this.#scheduleRerender();
     }
+    setShowFormattingMarks(showFormattingMarks) {
+      const next2 = !!showFormattingMarks;
+      if (this.#layoutOptions.showFormattingMarks === next2)
+        return;
+      this.#layoutOptions.showFormattingMarks = next2;
+      this.#painterAdapter.setShowFormattingMarks(next2);
+      if (!this.#repaintCurrentLayout()) {
+        this.#pendingDocChange = true;
+        this.#scheduleRerender();
+      }
+    }
+    #repaintCurrentLayout() {
+      const layout = this.#layoutState.layout;
+      if (!layout)
+        return false;
+      const blocks2 = this.#layoutLookupBlocks.length > 0 ? this.#layoutLookupBlocks : this.#layoutState.blocks;
+      const measures = this.#layoutLookupMeasures.length > 0 ? this.#layoutLookupMeasures : this.#layoutState.measures;
+      if (blocks2.length === 0 || blocks2.length !== measures.length)
+        return false;
+      const resolvedLayout = resolveLayout({
+        layout,
+        flowMode: this.#layoutOptions.flowMode ?? "paginated",
+        blocks: blocks2,
+        measures
+      });
+      const isSemanticFlow = this.#layoutOptions.flowMode === "semantic";
+      this.#ensurePainter();
+      if (!isSemanticFlow)
+        this.#painterAdapter.setProviders(this.#headerFooterSession?.headerDecorationProvider, this.#headerFooterSession?.footerDecorationProvider);
+      this.#domIndexObserverManager?.pause();
+      try {
+        this.#painterAdapter.paint({ resolvedLayout }, this.#painterHost);
+        this.#refreshEditorDomAugmentations();
+      } finally {
+        this.#domIndexObserverManager?.resume();
+      }
+      this.#revalidateScrollContainer();
+      this.#updatePermissionOverlay();
+      this.#applyZoom();
+      return true;
+    }
     hitTest(clientX, clientY) {
       const normalized = this.#normalizeClientPoint(clientX, clientY);
       if (!normalized)
@@ -333821,7 +334268,8 @@ function print() { __p += __j.call(arguments, '') }
         headerProvider: this.#headerFooterSession?.headerDecorationProvider,
         footerProvider: this.#headerFooterSession?.footerDecorationProvider,
         ruler: this.#layoutOptions.ruler,
-        pageGap: this.#layoutState.layout?.pageGap ?? effectiveGap
+        pageGap: this.#layoutState.layout?.pageGap ?? effectiveGap,
+        showFormattingMarks: this.#layoutOptions.showFormattingMarks ?? false
       });
       const currentZoom = this.#layoutOptions.zoom ?? 1;
       if (currentZoom !== 1)
@@ -336303,11 +336751,11 @@ function print() { __p += __j.call(arguments, '') }
   ];
 });
 
-// ../../packages/superdoc/dist/chunks/create-super-doc-ui-D34Mg4v-.es.js
+// ../../packages/superdoc/dist/chunks/create-super-doc-ui-C-wMmL5m.es.js
 var MOD_ALIASES, ALT_ALIASES, CTRL_ALIASES, SHIFT_ALIASES, BUILTIN_CONTEXT_MENU_GROUPS, BUILTIN_GROUP_ORDER, RESERVED_PROXY_PROPERTY_NAMES, ALL_TOOLBAR_COMMAND_IDS, EMPTY_ACTIVE_IDS;
-var init_create_super_doc_ui_D34Mg4v_es = __esm(() => {
+var init_create_super_doc_ui_C_wMmL5m_es = __esm(() => {
   init_SuperConverter_ing_1fvK_es();
-  init_create_headless_toolbar_B_1fvPL0_es();
+  init_create_headless_toolbar_CUl2z6Fd_es();
   MOD_ALIASES = new Set([
     "Mod",
     "Meta",
@@ -336349,16 +336797,16 @@ var init_zipper_BxRAi0_5_es = __esm(() => {
 
 // ../../packages/superdoc/dist/super-editor.es.js
 var init_super_editor_es = __esm(() => {
-  init_src_DKka36_es();
+  init_src_deKdT_sq_es();
   init_SuperConverter_ing_1fvK_es();
   init_jszip_C49i9kUs_es();
   init_xml_js_CqGKpaft_es();
-  init_create_headless_toolbar_B_1fvPL0_es();
+  init_create_headless_toolbar_CUl2z6Fd_es();
   init_constants_DrU4EASo_es();
   init_dist_B8HfvhaK_es();
   init_unified_Dsuw2be5_es();
   init_DocxZipper_CUX64E5K_es();
-  init_create_super_doc_ui_D34Mg4v_es();
+  init_create_super_doc_ui_C_wMmL5m_es();
   init_ui_CGB3qmy3_es();
   init_eventemitter3_UwU_CLPU_es();
   init_errors_C_DoKMoN_es();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@superdoc-dev/cli",
-  "version": "0.8.0-next.75",
+  "version": "0.8.0-next.77",
   "type": "module",
   "bin": {
     "superdoc": "./dist/index.js"
@@ -24,21 +24,21 @@
     "@types/node": "22.19.2",
     "@types/ws": "^8.5.13",
     "typescript": "^5.9.2",
-    "@superdoc/pm-adapter": "0.0.0",
+    "@superdoc/document-api": "0.0.1",
     "superdoc": "1.31.0",
     "@superdoc/super-editor": "0.0.1",
-    "@superdoc/document-api": "0.0.1"
+    "@superdoc/pm-adapter": "0.0.0"
   },
   "module": "src/index.ts",
   "publishConfig": {
     "access": "public"
   },
   "optionalDependencies": {
-    "@superdoc-dev/cli-darwin-arm64": "0.8.0-next.75",
-    "@superdoc-dev/cli-darwin-x64": "0.8.0-next.75",
-    "@superdoc-dev/cli-linux-arm64": "0.8.0-next.75",
-    "@superdoc-dev/cli-windows-x64": "0.8.0-next.75",
-    "@superdoc-dev/cli-linux-x64": "0.8.0-next.75"
+    "@superdoc-dev/cli-darwin-arm64": "0.8.0-next.77",
+    "@superdoc-dev/cli-linux-x64": "0.8.0-next.77",
+    "@superdoc-dev/cli-linux-arm64": "0.8.0-next.77",
+    "@superdoc-dev/cli-darwin-x64": "0.8.0-next.77",
+    "@superdoc-dev/cli-windows-x64": "0.8.0-next.77"
   },
   "scripts": {
     "predev": "node scripts/ensure-superdoc-build.js",