superdoc 1.0.0-beta.5 → 1.0.0-beta.6

package/dist/chunks/{super-editor.es-Bt9VCC9D.cjs → super-editor.es-0GatZWs9.cjs}

@@ -35580,7 +35580,7 @@ const _SuperConverter = class _SuperConverter2 {
   static getStoredSuperdocVersion(docx) {
     return _SuperConverter2.getStoredCustomProperty(docx, "SuperdocVersion");
   }
-  static setStoredSuperdocVersion(docx = this.convertedXml, version2 = "1.0.0-beta.5") {
+  static setStoredSuperdocVersion(docx = this.convertedXml, version2 = "1.0.0-beta.6") {
     return _SuperConverter2.setStoredCustomProperty(docx, "SuperdocVersion", version2, false);
   }
   /**
@@ -52287,7 +52287,7 @@ const isHeadless = (editor) => {
 const shouldSkipNodeView = (editor) => {
   return isHeadless(editor);
 };
-const summaryVersion = "1.0.0-beta.5";
+const summaryVersion = "1.0.0-beta.6";
 const nodeKeys = ["group", "content", "marks", "inline", "atom", "defining", "code", "tableRole", "summary"];
 const markKeys = ["group", "inclusive", "excludes", "spanning", "code"];
 function mapAttributes(attrs) {
@@ -53066,7 +53066,7 @@ const _Editor = class _Editor2 extends EventEmitter$1 {
       { default: remarkStringify },
       { default: remarkGfm }
     ] = await Promise.all([
-      Promise.resolve().then(() => require("./index-D653XgvV-BN--CbY4.cjs")),
+      Promise.resolve().then(() => require("./index-hjUbJ86s-BLl65XJn.cjs")),
       Promise.resolve().then(() => require("./index-DRCvimau-H4Ck3S9a.cjs")),
       Promise.resolve().then(() => require("./index-C_x_N6Uh-Db3CUJMX.cjs")),
       Promise.resolve().then(() => require("./index-D_sWOSiG-BtDZzJ6I.cjs")),
@@ -53271,7 +53271,7 @@ const _Editor = class _Editor2 extends EventEmitter$1 {
    * Process collaboration migrations
    */
   processCollaborationMigrations() {
-    console.debug("[checkVersionMigrations] Current editor version", "1.0.0-beta.5");
+    console.debug("[checkVersionMigrations] Current editor version", "1.0.0-beta.6");
     if (!this.options.ydoc) return;
     const metaMap = this.options.ydoc.getMap("meta");
     let docVersion = metaMap.get("version");
@@ -55403,9 +55403,10 @@ function extractTableBorders(bordersInput) {
 }
 function extractCellBorders(cellAttrs) {
   if (!cellAttrs?.borders) return void 0;
+  const bordersData = cellAttrs.borders;
   const borders = {};
   for (const side of ["top", "right", "bottom", "left"]) {
-    const spec = convertBorderSpec(cellAttrs.borders[side]);
+    const spec = convertBorderSpec(bordersData[side]);
     if (spec) {
       borders[side] = spec;
     }
@@ -55509,7 +55510,7 @@ const normalizeString = (value) => {
   return trimmed ? trimmed : void 0;
 };
 const MAX_AUTO_LINE_MULTIPLIER = 10;
-const TWIPS_THRESHOLD = 50;
+const TWIPS_THRESHOLD$1 = 50;
 const spacingPxToPt = (spacing) => {
   const result = {};
   if (spacing.before != null) result.before = pxToPt(spacing.before);
@@ -55649,7 +55650,7 @@ const normalizeParagraphIndent = (value) => {
   const convert = (value2) => {
     const num = pickNumber(value2);
     if (num == null) return void 0;
-    if (Math.abs(num) <= TWIPS_THRESHOLD) {
+    if (Math.abs(num) <= TWIPS_THRESHOLD$1) {
       return num;
     }
     return twipsToPx$1(Number(num));
@@ -55664,24 +55665,18 @@ const normalizeParagraphIndent = (value) => {
   if (hanging != null) indent.hanging = hanging;
   return Object.keys(indent).length > 0 ? indent : void 0;
 };
+const PX_TO_TWIPS = 15;
+const TWIPS_THRESHOLD = 1e3;
 const normalizeOoxmlTabs = (tabs) => {
   if (!Array.isArray(tabs)) return void 0;
   const normalized = [];
   for (const entry of tabs) {
     if (!entry || typeof entry !== "object") continue;
-    const source = entry;
-    let posTwips;
-    const originalPos = pickNumber(source.originalPos);
-    if (originalPos != null) {
-      posTwips = originalPos;
-    } else {
-      const posPx = pickNumber(source.pos ?? source.position ?? source.offset);
-      if (posPx != null) {
-        posTwips = Math.round(posPx * 15);
-      }
-    }
+    const rawEntry = entry;
+    const source = rawEntry.tab && typeof rawEntry.tab === "object" ? rawEntry.tab : rawEntry;
+    const posTwips = resolveTabPosition(source);
     if (posTwips == null) continue;
-    const val = normalizeTabVal(source.val ?? source.align ?? source.alignment ?? source.type);
+    const val = normalizeTabVal(source.val ?? source.align ?? source.alignment ?? source.type ?? source.tabType);
     if (!val) continue;
     const tab = {
       val,
@@ -55693,6 +55688,21 @@ const normalizeOoxmlTabs = (tabs) => {
   }
   return normalized.length > 0 ? normalized : void 0;
 };
+const resolveTabPosition = (source) => {
+  const originalPos = pickNumber(source.originalPos);
+  if (originalPos != null) {
+    return originalPos;
+  }
+  const posValue = pickNumber(source.pos ?? source.position ?? source.offset);
+  if (posValue == null) {
+    return void 0;
+  }
+  if (posValue > TWIPS_THRESHOLD) {
+    return posValue;
+  } else {
+    return Math.round(posValue * PX_TO_TWIPS);
+  }
+};
 const normalizeTabVal = (value) => {
   switch (value) {
     case "start":
@@ -55704,12 +55714,13 @@ const normalizeTabVal = (value) => {
       return value;
     case "left":
       return "start";
-    // Legacy mapping
+    // Legacy mapping for RTL support
     case "right":
       return "end";
-    // Legacy mapping
+    // Legacy mapping for RTL support
     case "dec":
       return "decimal";
+    // Abbreviation mapping
     default:
       return void 0;
   }
@@ -55725,7 +55736,7 @@ const normalizeTabLeader = (value) => {
       return value;
     case "thick":
       return "heavy";
-    // Map legacy 'thick' to OOXML 'heavy'
+    // Legacy mapping
     default:
       return void 0;
   }
@@ -56653,29 +56664,6 @@ const normalizeSuffix = (suffix2) => {
   }
   return void 0;
 };
-function resolveSpacingIndent$1(style2, numbering) {
-  const spacing = {
-    before: style2.spacing?.before ?? 0,
-    after: style2.spacing?.after ?? 0,
-    line: style2.spacing?.line ?? 12,
-    // Default line spacing
-    lineRule: style2.spacing?.lineRule ?? "auto"
-  };
-  let indent = {
-    left: style2.indent?.left ?? 0,
-    right: style2.indent?.right ?? 0,
-    firstLine: style2.indent?.firstLine ?? 0,
-    hanging: style2.indent?.hanging ?? 0
-  };
-  if (numbering?.indent) {
-    indent = {
-      ...indent,
-      left: numbering.indent.left ?? indent.left,
-      hanging: numbering.indent.hanging ?? indent.hanging
-    };
-  }
-  return { spacing, indent };
-}
 function computeTabStops$1(context) {
   const { explicitStops, defaultTabInterval, paragraphIndent } = context;
   const leftIndent = paragraphIndent.left ?? 0;
@@ -56787,6 +56775,90 @@ function computeEndAlignedX(entry, stop) {
   const targetX = stop.pos - width;
   return targetX < 0 ? 0 : targetX;
 }
+function calculateTabWidth(params2) {
+  const {
+    currentX,
+    tabStops,
+    paragraphWidth,
+    defaultTabDistance: defaultTabDistance2,
+    defaultLineLength: defaultLineLength2,
+    followingText = "",
+    measureText: measureText2,
+    decimalSeparator = "."
+  } = params2;
+  const nextStop = tabStops.find((stop) => stop.val !== "clear" && stop.pos > currentX);
+  const fallbackWidth = () => {
+    let tabWidth = defaultTabDistance2 - currentX % defaultLineLength2 % defaultTabDistance2;
+    if (tabWidth <= 0) tabWidth = defaultTabDistance2;
+    return {
+      width: tabWidth,
+      alignment: "default",
+      tabStopPosUsed: "default"
+    };
+  };
+  if (!nextStop) {
+    return fallbackWidth();
+  }
+  let width = Math.min(nextStop.pos, paragraphWidth) - currentX;
+  const alignment2 = nextStop.val;
+  if (alignment2 === "bar") {
+    return {
+      width: 0,
+      leader: nextStop.leader,
+      alignment: alignment2,
+      tabStopPosUsed: nextStop.pos
+    };
+  }
+  if (alignment2 === "center" || alignment2 === "end") {
+    const textWidth = measureText2 ? measureText2(followingText) : 0;
+    if (alignment2 === "center") {
+      width -= textWidth / 2;
+    } else {
+      width -= textWidth;
+    }
+  } else if (alignment2 === "decimal") {
+    const decimalIndex = followingText.indexOf(decimalSeparator);
+    if (decimalIndex >= 0) {
+      const before = followingText.slice(0, decimalIndex);
+      const beforeWidth = measureText2 ? measureText2(before) : 0;
+      width -= beforeWidth;
+    }
+  } else if (alignment2 === "bar") {
+    width = 0;
+  }
+  if (width < 1) {
+    return fallbackWidth();
+  }
+  return {
+    width,
+    leader: nextStop.leader,
+    alignment: alignment2,
+    tabStopPosUsed: nextStop.pos
+  };
+}
+function resolveSpacingIndent$1(style2, numbering) {
+  const spacing = {
+    before: style2.spacing?.before ?? 0,
+    after: style2.spacing?.after ?? 0,
+    line: style2.spacing?.line ?? 12,
+    // Default line spacing
+    lineRule: style2.spacing?.lineRule ?? "auto"
+  };
+  let indent = {
+    left: style2.indent?.left ?? 0,
+    right: style2.indent?.right ?? 0,
+    firstLine: style2.indent?.firstLine ?? 0,
+    hanging: style2.indent?.hanging ?? 0
+  };
+  if (numbering?.indent) {
+    indent = {
+      ...indent,
+      left: numbering.indent.left ?? indent.left,
+      hanging: numbering.indent.hanging ?? indent.hanging
+    };
+  }
+  return { spacing, indent };
+}
 function formatListLabel(level, indices) {
   const { format, text: template, start: start2 } = level;
   if (format === "bullet" || format === "custom") {
@@ -56952,6 +57024,7 @@ function measureRowHeights(cells, _columnWidths) {
 }
 const Engines = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
+  calculateTabWidth,
   computeListIndent,
   computeTabStops: computeTabStops$1,
   computeWrapExclusion,
@@ -57000,17 +57073,18 @@ const hydrateParagraphStyleAttrs = (para, context, preResolved) => {
     return null;
   }
   const resolvedExtended = resolved;
+  const resolvedAsRecord = resolved;
   const hydrated = {
     resolved,
-    spacing: cloneIfObject(resolved.spacing),
-    indent: cloneIfObject(resolved.indent),
+    spacing: cloneIfObject(resolvedAsRecord.spacing),
+    indent: cloneIfObject(resolvedAsRecord.indent),
     borders: cloneIfObject(resolvedExtended.borders),
     shading: cloneIfObject(resolvedExtended.shading),
     alignment: resolvedExtended.justification,
     tabStops: cloneIfObject(resolvedExtended.tabStops),
     keepLines: resolvedExtended.keepLines,
     keepNext: resolvedExtended.keepNext,
-    numberingProperties: cloneIfObject(resolved.numberingProperties)
+    numberingProperties: cloneIfObject(resolvedAsRecord.numberingProperties)
   };
   return hydrated;
 };
@@ -57223,6 +57297,9 @@ const normalizeResolvedTabAlignment = (value) => {
   }
 };
 const computeWordLayoutForParagraph = (paragraphAttrs, numberingProps, styleContext) => {
+  if (numberingProps === null) {
+    return null;
+  }
   try {
     let effectiveIndent = paragraphAttrs.indent;
     if (numberingProps?.resolvedLevelIndent) {
@@ -57257,7 +57334,7 @@ const computeWordLayoutForParagraph = (paragraphAttrs, numberingProps, styleCont
     return computeWordParagraphLayout({
       paragraph: resolvedParagraph,
       numbering: numberingProps,
-      markerRun: numberingProps.resolvedMarkerRpr,
+      markerRun: numberingProps?.resolvedMarkerRpr,
       // Use cached if available
       docDefaults
     });
@@ -57703,7 +57780,7 @@ function processImageChild(child, sectionMetadata, context, output, converters)
 function processNestedStructuredContent(child, sectionMetadata, context, output, converters) {
   const { getListCounter, incrementListCounter, resetListCounter } = context.listCounterContext;
   const nestedMetadata = resolveNodeSdtMetadata(child, "structuredContentBlock");
-  child.content.forEach((grandchild) => {
+  child.content?.forEach((grandchild) => {
     if (grandchild.type === "paragraph") {
       const paragraphBlocks = converters.paragraphToFlowBlocks(
         grandchild,
@@ -57755,7 +57832,7 @@ function processDocumentPartObject(child, sectionMetadata, context, output, conv
   if (docPartGallery === "Table of Contents") {
     const blocksBeforeToc = output.blocks.length;
     processTocChildren(
-      Array.from(child.content),
+      Array.from(child.content ?? []),
       { docPartGallery, docPartObjectId, tocInstruction, sdtMetadata: docPartSdtMetadata },
       {
         nextBlockId: context.nextBlockId,
@@ -58433,7 +58510,8 @@ function paragraphToFlowBlocks$1(para, nextBlockId, positions, defaultFont, defa
           trackedChanges,
           bookmarks,
           hyperlinkConfig,
-          converterContext
+          themeColors,
+          ...converterContext !== void 0 ? [converterContext] : []
         );
         if (tableBlock) {
           blocks.push(tableBlock);
@@ -58559,6 +58637,8 @@ function handleParagraphNode(node, context) {
     trackedChangesConfig,
     bookmarks,
     hyperlinkConfig,
+    void 0,
+    // themeColors - not available in NodeHandlerContext
     context.converterContext
   );
   paragraphBlocks.forEach((block) => {
@@ -59068,9 +59148,9 @@ const parseTableCell = (args) => {
   const paragraph = paragraphBlocks.find((b2) => b2.kind === "paragraph");
   if (!paragraph) return null;
   const cellAttrs = {};
-  const borders = extractCellBorders(cellNode.attrs);
+  const borders = extractCellBorders(cellNode.attrs ?? {});
   if (borders) cellAttrs.borders = borders;
-  const padding = extractCellPadding(cellNode.attrs) ?? (defaultCellPadding ? { ...defaultCellPadding } : void 0);
+  const padding = extractCellPadding(cellNode.attrs ?? {}) ?? (defaultCellPadding ? { ...defaultCellPadding } : void 0);
   if (padding) cellAttrs.padding = padding;
   const verticalAlign = cellNode.attrs?.verticalAlign;
   if (verticalAlign === "top" || verticalAlign === "middle" || verticalAlign === "bottom") {
@@ -59407,7 +59487,7 @@ function toFlowBlocks(pmDoc, options) {
     themeColors,
     converterContext
   );
-  const tableConverter = (node, nextBlockId2, positions2, defaultFont2, defaultSize2, context, trackedChanges, bookmarks2, hyperlinkConfig2) => tableNodeToBlock(
+  const tableConverter = (node, nextBlockId2, positions2, defaultFont2, defaultSize2, context, trackedChanges, bookmarks2, hyperlinkConfig2, themeColorsParam, converterCtx) => tableNodeToBlock(
     node,
     nextBlockId2,
     positions2,
@@ -59417,8 +59497,8 @@ function toFlowBlocks(pmDoc, options) {
     trackedChanges,
     bookmarks2,
     hyperlinkConfig2,
-    themeColors,
-    converterContext
+    themeColorsParam ?? themeColors,
+    converterCtx ?? converterContext
   );
   const handlerContext = {
     blocks,
@@ -66100,7 +66180,7 @@ const _DomPainter = class _DomPainter2 {
         markerEl.style.display = "inline-block";
         markerEl.style.width = `${Math.max(0, fragment.markerWidth - LIST_MARKER_GAP$1)}px`;
         markerEl.style.paddingRight = `${LIST_MARKER_GAP$1}px`;
-        markerEl.style.textAlign = marker.justification ?? "";
+        markerEl.style.textAlign = marker.justification ?? "left";
         markerEl.style.fontFamily = marker.run.fontFamily;
         markerEl.style.fontSize = `${marker.run.fontSize}px`;
         if (marker.run.bold) markerEl.style.fontWeight = "bold";
@@ -66488,7 +66568,7 @@ const _DomPainter = class _DomPainter2 {
   buildLinkRenderData(link) {
     const dataset = buildLinkDataset(link);
     const sanitized = typeof link.href === "string" ? sanitizeHref(link.href) : null;
-    const anchorHref = normalizeAnchor(link.anchor ?? link.name ?? null);
+    const anchorHref = normalizeAnchor(link.anchor ?? link.name ?? "");
     let href = sanitized?.href ?? anchorHref;
     if (link.version === 2) {
       href = appendDocLocation(href, link.docLocation ?? null);
@@ -66666,6 +66746,10 @@ const _DomPainter = class _DomPainter2 {
     const el = this.doc.createElement("div");
     el.classList.add(CLASS_NAMES.line);
     applyStyles$2(el, lineStyles(line.lineHeight));
+    const styleId = block.attrs?.styleId;
+    if (styleId) {
+      el.setAttribute("styleid", styleId);
+    }
     const lineRange = computeLinePmRange(block, line);
     if (lineRange.pmStart != null) {
       el.dataset.pmStart = String(lineRange.pmStart);
@@ -66693,7 +66777,7 @@ const _DomPainter = class _DomPainter2 {
         leaderEl.style.height = ld.style === "heavy" ? "2px" : "1px";
         leaderEl.style.pointerEvents = "none";
         leaderEl.style.zIndex = "0";
-        if (ld.style === "dot") {
+        if (ld.style === "dot" || ld.style === "middleDot") {
           leaderEl.style.borderBottom = "1px dotted currentColor";
         } else if (ld.style === "hyphen") {
           leaderEl.style.borderBottom = "1px dashed currentColor";
@@ -66730,6 +66814,9 @@ const _DomPainter = class _DomPainter2 {
         const segmentRun = { ...baseRun, text: segmentText };
         const elem = this.renderRun(segmentRun, context, trackedConfig);
         if (elem) {
+          if (styleId) {
+            elem.setAttribute("styleid", styleId);
+          }
           let xPos;
           if (segment.x !== void 0) {
             xPos = segment.x;
@@ -66755,6 +66842,9 @@ const _DomPainter = class _DomPainter2 {
       runs.forEach((run2) => {
         const elem = this.renderRun(run2, context, trackedConfig);
         if (elem) {
+          if (styleId) {
+            elem.setAttribute("styleid", styleId);
+          }
           el.appendChild(elem);
         }
       });
@@ -67174,6 +67264,9 @@ const applyRunDataAttributes = (element, dataAttrs) => {
 };
 const applyParagraphBlockStyles = (element, attrs) => {
   if (!attrs) return;
+  if (attrs.styleId) {
+    element.setAttribute("styleid", attrs.styleId);
+  }
   if (attrs.alignment) {
     element.style.textAlign = attrs.alignment;
   }
@@ -67395,6 +67488,7 @@ const pxToTwips = (px) => Math.round(px * TWIPS_PER_PX);
 const DEFAULT_TAB_INTERVAL_PX = twipsToPx(DEFAULT_TAB_INTERVAL_TWIPS);
 const TAB_EPSILON = 0.1;
 const DEFAULT_DECIMAL_SEPARATOR = ".";
+const ALLOWED_TAB_VALS = /* @__PURE__ */ new Set(["start", "center", "end", "decimal", "bar", "clear"]);
 const roundValue = (value) => value;
 function getCanvasContext() {
   if (!canvasContext) {
@@ -67517,6 +67611,14 @@ async function measureParagraphBlock(block, maxWidth) {
   let tabStopCursor = 0;
   let pendingTabAlignment = null;
   let lastAppliedTabAlign = null;
+  const warnedTabVals = /* @__PURE__ */ new Set();
+  const validateTabStopVal = (stop) => {
+    if (!ALLOWED_TAB_VALS.has(stop.val) && !warnedTabVals.has(stop.val)) {
+      warnedTabVals.add(stop.val);
+      return false;
+    }
+    return true;
+  };
   const alignSegmentAtTab = (segmentText, font, runContext) => {
     if (!pendingTabAlignment || !currentLine) return;
     const { target, val } = pendingTabAlignment;
@@ -67565,8 +67667,13 @@ async function measureParagraphBlock(block, maxWidth) {
       currentLine.maxFontSize = Math.max(currentLine.maxFontSize, 12);
       currentLine.toRun = runIndex;
       currentLine.toChar = 1;
-      pendingTabAlignment = stop ? { target, val: stop.val } : null;
-      if (stop && stop.leader && stop.leader !== "none" && stop.leader !== "middleDot") {
+      if (stop) {
+        validateTabStopVal(stop);
+        pendingTabAlignment = { target, val: stop.val };
+      } else {
+        pendingTabAlignment = null;
+      }
+      if (stop && stop.leader && stop.leader !== "none") {
         const leaderStyle = stop.leader;
         const from2 = Math.min(originX, target);
         const to = Math.max(originX, target);
@@ -67712,7 +67819,12 @@ async function measureParagraphBlock(block, maxWidth) {
         currentLine.toRun = runIndex;
         currentLine.toChar = charPosInRun;
         charPosInRun += 1;
-        pendingTabAlignment = stop ? { target, val: stop.val } : null;
+        if (stop) {
+          validateTabStopVal(stop);
+          pendingTabAlignment = { target, 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, target);
@@ -67764,10 +67876,6 @@ async function measureParagraphBlock(block, maxWidth) {
       markerTextWidth: glyphWidth,
       indentLeft: wordLayout.indentLeftPx ?? 0
     };
-    console.log(
-      "[measure] Marker:",
-      JSON.stringify({ text: markerText, width: markerInfo.markerWidth, indent: markerInfo.indentLeft })
-    );
   }
   return {
     kind: "paragraph",
@@ -74596,29 +74704,6 @@ const restartNumbering = ({ editor, tr, state: state2, dispatch }) => {
 };
 const defaultTabDistance = 48;
 const defaultLineLength = 816;
-const getTabDecorations = (doc2, view, helpers2, from2 = 0, to = null) => {
-  const decorations = [];
-  const paragraphCache = /* @__PURE__ */ new Map();
-  const coordCache = /* @__PURE__ */ new Map();
-  const domPosCache = /* @__PURE__ */ new Map();
-  const end2 = to ?? doc2.content.size;
-  doc2.nodesBetween(from2, end2, (node, pos) => {
-    if (node.type.name !== "tab") return;
-    const $pos = doc2.resolve(pos);
-    const paragraphContext = findParagraphContext($pos, paragraphCache, helpers2);
-    if (!paragraphContext) return;
-    const blockParent2 = $pos.node(paragraphContext.paragraphDepth);
-    const style2 = calculateTabStyle(node.nodeSize, view, pos, blockParent2, paragraphContext, coordCache, domPosCache);
-    if (style2) {
-      decorations.push(
-        Decoration.node(pos, pos + node.nodeSize, {
-          style: style2
-        })
-      );
-    }
-  });
-  return decorations;
-};
 function calculateTabStyle(nodeSize2, view, pos, blockParent2, paragraphContext, coordCache = null, domPosCache = null) {
   let extraStyles = "";
   try {
@@ -74670,14 +74755,14 @@ function calculateTabStyle(nodeSize2, view, pos, blockParent2, paragraphContext,
           tabWidth -= integralWidth;
         }
         if (tabStop.leader) {
-          const leaderStyles = {
+          const leaderStyles2 = {
             dot: "border-bottom: 1px dotted black;",
             heavy: "border-bottom: 2px solid black;",
             hyphen: "border-bottom: 1px solid black;",
             middleDot: "border-bottom: 1px dotted black; margin-bottom: 2px;",
             underscore: "border-bottom: 1px solid black;"
           };
-          extraStyles += leaderStyles[tabStop.leader] || "";
+          extraStyles += leaderStyles2[tabStop.leader] || "";
         }
       }
     }
@@ -74689,7 +74774,7 @@ function calculateTabStyle(nodeSize2, view, pos, blockParent2, paragraphContext,
     paragraphContext.accumulatedTabWidth = accumulatedTabWidth + tabWidth;
     return `width: ${tabWidth}px; height: ${tabHeight}; ${extraStyles}`;
   } catch (error) {
-    console.error("tab decoration error", error);
+    return null;
   }
 }
 function findParagraphContext($pos, cache2, helpers2) {
@@ -74708,13 +74793,16 @@ function findParagraphContext($pos, cache2, helpers2) {
 }
 function extractParagraphContext(node, startPos, helpers2, depth = 0) {
   const paragraphProperties = getResolvedParagraphProperties(node);
+  const alignmentAliases = { left: "start", right: "end" };
   let tabStops = [];
   if (Array.isArray(paragraphProperties.tabStops)) {
     tabStops = paragraphProperties.tabStops.map((stop) => {
       const ref2 = stop?.tab;
       if (!ref2) return stop || null;
+      const rawType = ref2.tabType || "start";
+      const mappedVal = alignmentAliases[rawType] || rawType;
       return {
-        val: ref2.tabType || "start",
+        val: mappedVal,
         pos: twipsToPixels(Number(ref2.pos) || 0),
         leader: ref2.leader
       };
@@ -75779,6 +75867,184 @@ const CommentsMark = Mark2.create({
     return [CommentMarkName, Attribute2.mergeAttributes(this.options.htmlAttributes, htmlAttributes)];
   }
 });
+const leaderStyles = {
+  dot: "border-bottom: 1px dotted black;",
+  heavy: "border-bottom: 2px solid black;",
+  hyphen: "border-bottom: 1px solid black;",
+  middleDot: "border-bottom: 1px dotted black; margin-bottom: 2px;",
+  underscore: "border-bottom: 1px solid black;"
+};
+const paragraphIdFromPos = (startPos) => `para-${startPos}`;
+const tabIdForIndex = (paragraphId, index2) => `${paragraphId}-tab-${index2}`;
+function createLayoutRequest(doc2, paragraphPos, view, helpers2, revision, paragraphWidthOverride) {
+  const $pos = doc2.resolve(paragraphPos);
+  const paragraphCache = /* @__PURE__ */ new Map();
+  const paragraphContext = findParagraphContext($pos, paragraphCache, helpers2);
+  if (!paragraphContext) return null;
+  const paragraphId = paragraphIdFromPos(paragraphContext.startPos);
+  const paragraphNode = paragraphContext.paragraph;
+  const { entries } = flattenParagraph(paragraphNode, paragraphContext.startPos);
+  const spans = [];
+  let tabIndex = 0;
+  entries.forEach((entry, idx) => {
+    const node = entry.node;
+    const spanId = `${paragraphId}-span-${idx}`;
+    const from2 = entry.pos;
+    const to = entry.pos + node.nodeSize;
+    if (node.type.name === "tab") {
+      spans.push({
+        type: "tab",
+        spanId,
+        tabId: tabIdForIndex(paragraphId, tabIndex++),
+        pos: entry.pos,
+        nodeSize: node.nodeSize
+      });
+    } else if (node.type.name === "text") {
+      spans.push({
+        type: "text",
+        spanId,
+        text: node.text || "",
+        style: node.marks?.find((mark) => mark.type.name === "textStyle")?.attrs || {},
+        from: from2,
+        to
+      });
+    }
+  });
+  const tabStops = Array.isArray(paragraphContext.tabStops) ? [...paragraphContext.tabStops] : [];
+  const hangingPx = twipsToPixels(Number(paragraphContext.indent?.hanging) || 0);
+  if (hangingPx > 0 && paragraphContext.indentWidth != null) {
+    tabStops.unshift({ val: "start", pos: paragraphContext.indentWidth + hangingPx, leader: "none" });
+  }
+  const paragraphWidth = getBlockNodeWidth(view, paragraphContext.startPos) ?? defaultLineLength;
+  const indentWidth = paragraphContext.indentWidth ?? getIndentWidth(view, paragraphContext.startPos, paragraphContext.indent);
+  return {
+    paragraphId,
+    revision,
+    paragraphWidth,
+    defaultTabDistance,
+    defaultLineLength,
+    indents: {
+      left: twipsToPixels(Number(paragraphContext.indent?.left) || 0),
+      right: twipsToPixels(Number(paragraphContext.indent?.right) || 0),
+      firstLine: twipsToPixels(Number(paragraphContext.indent?.firstLine) || 0),
+      hanging: hangingPx
+    },
+    tabStops,
+    spans,
+    indentWidth,
+    paragraphNode
+  };
+}
+function calculateTabLayout(request, measurement, view) {
+  const {
+    spans,
+    tabStops,
+    paragraphWidth,
+    defaultTabDistance: defaultTabDistance2,
+    defaultLineLength: defaultLineLength2,
+    paragraphId,
+    revision,
+    indentWidth = 0,
+    paragraphNode
+  } = request;
+  const tabs = {};
+  let currentX = indentWidth;
+  const measureText2 = (span) => {
+    if (view && typeof span.from === "number" && typeof span.to === "number") {
+      return measureRangeWidth(view, span.from, span.to);
+    }
+    return 0;
+  };
+  const tabHeight = paragraphNode ? calcTabHeight(paragraphNode) : void 0;
+  for (let i = 0; i < spans.length; i++) {
+    const span = spans[i];
+    if (span.type === "text") {
+      currentX += measureText2(span);
+    } else if (span.type === "tab") {
+      const followingText = collectFollowingText(spans, i + 1);
+      let measureTextCallback;
+      if (view) {
+        const followingRange = getFollowingTextRange(spans, i + 1);
+        if (followingRange) {
+          const fullWidth = measureRangeWidth(view, followingRange.from, followingRange.to);
+          const fullText = followingText;
+          measureTextCallback = (text) => {
+            if (text === fullText) return fullWidth;
+            if (fullText.length > 0) {
+              return text.length / fullText.length * fullWidth;
+            }
+            return 0;
+          };
+        }
+      }
+      const result = calculateTabWidth({
+        currentX,
+        tabStops,
+        paragraphWidth,
+        defaultTabDistance: defaultTabDistance2,
+        defaultLineLength: defaultLineLength2,
+        followingText,
+        measureText: measureTextCallback
+      });
+      tabs[span.tabId] = {
+        width: result.width,
+        height: tabHeight,
+        leader: result.leader,
+        alignment: result.alignment,
+        tabStopPosUsed: result.tabStopPosUsed
+      };
+      currentX += result.width;
+    }
+  }
+  return {
+    paragraphId,
+    revision,
+    tabs
+  };
+}
+function applyLayoutResult(result, paragraph, paragraphPos) {
+  const decorations = [];
+  let tabIndex = 0;
+  paragraph.forEach((node, offset2) => {
+    if (node.type.name !== "tab") return;
+    const pos = paragraphPos + offset2 + 1;
+    const tabId = tabIdForIndex(result.paragraphId, tabIndex++);
+    const layout = result.tabs[tabId];
+    if (!layout) return;
+    let style2 = `width: ${layout.width}px;`;
+    if (layout.height) style2 += ` height: ${layout.height};`;
+    if (layout.leader && leaderStyles[layout.leader]) {
+      style2 += ` ${leaderStyles[layout.leader]}`;
+    }
+    decorations.push(Decoration.node(pos, pos + node.nodeSize, { style: style2 }));
+  });
+  return decorations;
+}
+function collectFollowingText(spans, startIndex) {
+  let text = "";
+  for (let i = startIndex; i < spans.length; i++) {
+    const span = spans[i];
+    if (span.type === "tab") break;
+    if (span.type === "text") text += span.text || "";
+  }
+  return text;
+}
+function getFollowingTextRange(spans, startIndex) {
+  let from2 = null;
+  let to = null;
+  for (let i = startIndex; i < spans.length; i++) {
+    const span = spans[i];
+    if (span.type === "tab") break;
+    if (span.type === "text" && typeof span.from === "number" && typeof span.to === "number") {
+      if (from2 === null) from2 = span.from;
+      to = span.to;
+    }
+  }
+  if (from2 !== null && to !== null) {
+    return { from: from2, to };
+  }
+  return null;
+}
 const TabNode = Node$1.create({
   name: "tab",
   group: "inline",
@@ -75820,87 +76086,24 @@ const TabNode = Node$1.create({
       return [];
     }
     const { view, helpers: helpers2 } = this.editor;
-    const mergeRanges2 = (ranges) => {
-      if (ranges.length === 0) return [];
-      const sorted = ranges.slice().sort((a, b2) => a[0] - b2[0]);
-      const merged = [sorted[0]];
-      for (let i = 1; i < sorted.length; i++) {
-        const [start2, end2] = sorted[i];
-        const last = merged[merged.length - 1];
-        if (start2 <= last[1]) {
-          last[1] = Math.max(last[1], end2);
-        } else {
-          merged.push([start2, end2]);
-        }
-      }
-      return merged;
-    };
     const tabPlugin = new Plugin({
       name: "tabPlugin",
       key: new PluginKey("tabPlugin"),
       state: {
         init() {
-          return { decorations: false };
+          return { decorations: false, revision: 0 };
         },
-        apply(tr, { decorations }, _oldState, newState) {
+        apply(tr, { decorations, revision }, _oldState, newState) {
           if (!decorations) {
-            decorations = DecorationSet.create(newState.doc, getTabDecorations(newState.doc, view, helpers2));
-            return { decorations };
+            const newDecorations2 = buildDecorations(newState.doc, view, helpers2, 0);
+            return { decorations: newDecorations2, revision: 0 };
           }
           if (!tr.docChanged || tr.getMeta("blockNodeInitialUpdate")) {
-            return { decorations };
+            return { decorations, revision };
           }
-          decorations = decorations.map(tr.mapping, tr.doc);
-          const rangesToRecalculate = [];
-          const containsTab = (node) => node.type.name === "tab";
-          tr.steps.forEach((step, index2) => {
-            if (!(step instanceof ReplaceStep || step instanceof ReplaceAroundStep$1)) {
-              return;
-            }
-            let hasTabInRange = false;
-            if (step.slice?.content) {
-              step.slice.content.descendants((node) => {
-                if (containsTab(node)) {
-                  hasTabInRange = true;
-                  return false;
-                }
-              });
-            }
-            if (!hasTabInRange) {
-              tr.docs[index2].nodesBetween(step.from, step.to, (node) => {
-                if (containsTab(node)) {
-                  hasTabInRange = true;
-                  return false;
-                }
-              });
-            }
-            if (!hasTabInRange) {
-              return;
-            }
-            let fromPos = step.from;
-            let toPos = step.to;
-            for (let i = index2; i < tr.steps.length; i++) {
-              const stepMap = tr.steps[i].getMap();
-              fromPos = stepMap.map(fromPos, -1);
-              toPos = stepMap.map(toPos, 1);
-            }
-            const $from = newState.doc.resolve(fromPos);
-            const $to = newState.doc.resolve(toPos);
-            const start2 = $from.start(Math.min($from.depth, 1));
-            const end2 = $to.end(Math.min($to.depth, 1));
-            rangesToRecalculate.push([start2, end2]);
-          });
-          if (rangesToRecalculate.length === 0) {
-            return { decorations };
-          }
-          const mergedRanges = mergeRanges2(rangesToRecalculate);
-          mergedRanges.forEach(([start2, end2]) => {
-            const oldDecorations = decorations.find(start2, end2);
-            decorations = decorations.remove(oldDecorations);
-            const newDecorations = getTabDecorations(newState.doc, view, helpers2, start2, end2);
-            decorations = decorations.add(newState.doc, newDecorations);
-          });
-          return { decorations };
+          const nextRevision = revision + 1;
+          const newDecorations = buildDecorations(newState.doc, view, helpers2, nextRevision);
+          return { decorations: newDecorations, revision: nextRevision };
         }
       },
       props: {
@@ -75912,6 +76115,27 @@ const TabNode = Node$1.create({
     return [tabPlugin];
   }
 });
+function buildDecorations(doc2, view, helpers2, revision) {
+  const decorations = [];
+  doc2.descendants((node, pos) => {
+    if (node.type.name !== "paragraph") return;
+    let hasTab = false;
+    node.descendants((child) => {
+      if (child.type.name === "tab") {
+        hasTab = true;
+        return false;
+      }
+      return true;
+    });
+    if (!hasTab) return;
+    const request = createLayoutRequest(doc2, pos + 1, view, helpers2, revision);
+    if (!request) return;
+    const result = calculateTabLayout(request, void 0, view);
+    const paragraphDecorations = applyLayoutResult(result, node, pos);
+    decorations.push(...paragraphDecorations);
+  });
+  return DecorationSet.create(doc2, decorations);
+}
 const LineBreak = Node$1.create({
   name: "lineBreak",
   group: "inline",
@@ -103896,14 +104120,19 @@ deactivateAll_fn = function() {
   });
 };
 updateToolbarHistory_fn = function() {
-  if (!this.activeEditor) return;
-  if (this.activeEditor.options.ydoc) {
-    const undoManager = yUndoPluginKey.getState(this.activeEditor.state)?.undoManager;
-    this.undoDepth = undoManager?.undoStack.length || 0;
-    this.redoDepth = undoManager?.redoStack.length || 0;
-  } else {
-    this.undoDepth = undoDepth(this.activeEditor.state);
-    this.redoDepth = redoDepth(this.activeEditor.state);
+  if (!this.activeEditor?.state) return;
+  try {
+    if (this.activeEditor.options.ydoc) {
+      const undoManager = yUndoPluginKey.getState(this.activeEditor.state)?.undoManager;
+      this.undoDepth = undoManager?.undoStack.length || 0;
+      this.redoDepth = undoManager?.redoStack.length || 0;
+    } else {
+      this.undoDepth = undoDepth(this.activeEditor.state);
+      this.redoDepth = redoDepth(this.activeEditor.state);
+    }
+  } catch {
+    this.undoDepth = 0;
+    this.redoDepth = 0;
   }
 };
 enrichTrackedChanges_fn = function(trackedChanges = []) {