superdoc 1.0.0-beta.4 → 1.0.0-beta.6

package/dist/chunks/{super-editor.es-CtCHBIPE.es.js → super-editor.es-BYVEYLjl.es.js}

@@ -35563,7 +35563,7 @@ const _SuperConverter = class _SuperConverter2 {
   static getStoredSuperdocVersion(docx) {
     return _SuperConverter2.getStoredCustomProperty(docx, "SuperdocVersion");
   }
-  static setStoredSuperdocVersion(docx = this.convertedXml, version2 = "1.0.0-beta.4") {
+  static setStoredSuperdocVersion(docx = this.convertedXml, version2 = "1.0.0-beta.6") {
     return _SuperConverter2.setStoredCustomProperty(docx, "SuperdocVersion", version2, false);
   }
   /**
@@ -52270,7 +52270,7 @@ const isHeadless = (editor) => {
 const shouldSkipNodeView = (editor) => {
   return isHeadless(editor);
 };
-const summaryVersion = "1.0.0-beta.4";
+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) {
@@ -53049,7 +53049,7 @@ const _Editor = class _Editor2 extends EventEmitter$1 {
       { default: remarkStringify },
       { default: remarkGfm }
     ] = await Promise.all([
-      import("./index-BNGaD3Up-CQuoo1EF.es.js"),
+      import("./index-hjUbJ86s-BMiwCR8J.es.js"),
       import("./index-DRCvimau-Cw339678.es.js"),
       import("./index-C_x_N6Uh-DJn8hIEt.es.js"),
       import("./index-D_sWOSiG-DE96TaT5.es.js"),
@@ -53254,7 +53254,7 @@ const _Editor = class _Editor2 extends EventEmitter$1 {
    * Process collaboration migrations
    */
   processCollaborationMigrations() {
-    console.debug("[checkVersionMigrations] Current editor version", "1.0.0-beta.4");
+    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");
@@ -55386,9 +55386,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;
     }
@@ -55492,7 +55493,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);
@@ -55632,7 +55633,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));
@@ -55647,24 +55648,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,
@@ -55676,6 +55671,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":
@@ -55687,12 +55697,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;
   }
@@ -55708,7 +55719,7 @@ const normalizeTabLeader = (value) => {
       return value;
     case "thick":
       return "heavy";
-    // Map legacy 'thick' to OOXML 'heavy'
+    // Legacy mapping
     default:
       return void 0;
   }
@@ -56636,29 +56647,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;
@@ -56770,6 +56758,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") {
@@ -56935,6 +57007,7 @@ function measureRowHeights(cells, _columnWidths) {
 }
 const Engines = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
+  calculateTabWidth,
   computeListIndent,
   computeTabStops: computeTabStops$1,
   computeWrapExclusion,
@@ -56983,17 +57056,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;
 };
@@ -57206,6 +57280,9 @@ const normalizeResolvedTabAlignment = (value) => {
   }
 };
 const computeWordLayoutForParagraph = (paragraphAttrs, numberingProps, styleContext) => {
+  if (numberingProps === null) {
+    return null;
+  }
   try {
     let effectiveIndent = paragraphAttrs.indent;
     if (numberingProps?.resolvedLevelIndent) {
@@ -57240,7 +57317,7 @@ const computeWordLayoutForParagraph = (paragraphAttrs, numberingProps, styleCont
     return computeWordParagraphLayout({
       paragraph: resolvedParagraph,
       numbering: numberingProps,
-      markerRun: numberingProps.resolvedMarkerRpr,
+      markerRun: numberingProps?.resolvedMarkerRpr,
       // Use cached if available
       docDefaults
     });
@@ -57686,7 +57763,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,
@@ -57738,7 +57815,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,
@@ -58416,7 +58493,8 @@ function paragraphToFlowBlocks$1(para, nextBlockId, positions, defaultFont, defa
           trackedChanges,
           bookmarks,
           hyperlinkConfig,
-          converterContext
+          themeColors,
+          ...converterContext !== void 0 ? [converterContext] : []
         );
         if (tableBlock) {
           blocks.push(tableBlock);
@@ -58542,6 +58620,8 @@ function handleParagraphNode(node, context) {
     trackedChangesConfig,
     bookmarks,
     hyperlinkConfig,
+    void 0,
+    // themeColors - not available in NodeHandlerContext
     context.converterContext
   );
   paragraphBlocks.forEach((block) => {
@@ -59051,9 +59131,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") {
@@ -59390,7 +59470,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,
@@ -59400,8 +59480,8 @@ function toFlowBlocks(pmDoc, options) {
     trackedChanges,
     bookmarks2,
     hyperlinkConfig2,
-    themeColors,
-    converterContext
+    themeColorsParam ?? themeColors,
+    converterCtx ?? converterContext
   );
   const handlerContext = {
     blocks,
@@ -66083,7 +66163,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";
@@ -66471,7 +66551,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);
@@ -66649,6 +66729,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);
@@ -66676,7 +66760,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";
@@ -66713,6 +66797,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;
@@ -66738,6 +66825,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);
         }
       });
@@ -67157,6 +67247,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;
   }
@@ -67378,6 +67471,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) {
@@ -67500,6 +67594,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;
@@ -67548,8 +67650,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);
@@ -67695,7 +67802,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);
@@ -67747,10 +67859,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",
@@ -74579,29 +74687,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 {
@@ -74653,14 +74738,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] || "";
         }
       }
     }
@@ -74672,7 +74757,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) {
@@ -74691,13 +74776,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
       };
@@ -75762,6 +75850,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",
@@ -75803,87 +76069,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: {
@@ -75895,6 +76098,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",
@@ -89371,13 +89595,22 @@ function checkWordBoundary(state2, pos) {
   return !/\p{L}$/u.test(before.text) || !/^\p{L}/u.test(after.text);
 }
 class SearchState {
-  constructor(query, range2, deco) {
+  /**
+   * Create a new SearchState instance.
+   *
+   * @param {SearchQuery} query - The search query to execute
+   * @param {{from: number, to: number}|null} range - Optional range to restrict search to, or null for entire document
+   * @param {boolean} highlight - Whether to apply CSS classes for visual highlighting of matches
+   * @param {DecorationSet} deco - The decoration set containing match highlights
+   */
+  constructor(query, range2, highlight, deco) {
     this.query = query;
     this.range = range2;
+    this.highlight = highlight;
     this.deco = deco;
   }
 }
-function buildMatchDeco(state2, query, range2) {
+function buildMatchDeco(state2, query, range2, highlight = true) {
   if (!query.valid) return DecorationSet.empty;
   let deco = [];
   let sel = state2.selection;
@@ -89385,7 +89618,8 @@ function buildMatchDeco(state2, query, range2) {
     let next = query.findNext(state2, pos, end2);
     if (!next) break;
     let cls = next.from == sel.from && next.to == sel.to ? "ProseMirror-active-search-match" : "ProseMirror-search-match";
-    deco.push(Decoration.inline(next.from, next.to, { class: cls }));
+    const attrs = highlight ? { class: cls } : {};
+    deco.push(Decoration.inline(next.from, next.to, attrs));
     pos = next.to;
   }
   return DecorationSet.create(state2.doc, deco);
@@ -89398,11 +89632,20 @@ function search(options = {}) {
       init(_config, state2) {
         let query = options.initialQuery || new SearchQuery({ search: "" });
         let range2 = options.initialRange || null;
-        return new SearchState(query, range2, buildMatchDeco(state2, query, range2));
+        const highlight = options.initialHighlight ?? true;
+        return new SearchState(query, range2, highlight, buildMatchDeco(state2, query, range2, highlight));
       },
       apply(tr, search2, _oldState, state2) {
         let set = tr.getMeta(searchKey);
-        if (set) return new SearchState(set.query, set.range, buildMatchDeco(state2, set.query, set.range));
+        if (set) {
+          const highlight = typeof set.highlight === "boolean" ? set.highlight : true;
+          return new SearchState(
+            set.query,
+            set.range,
+            highlight,
+            buildMatchDeco(state2, set.query, set.range, highlight)
+          );
+        }
         if (tr.docChanged || tr.selectionSet) {
           let range2 = search2.range;
           if (range2) {
@@ -89410,7 +89653,13 @@ function search(options = {}) {
             let to = tr.mapping.map(range2.to, -1);
             range2 = from2 < to ? { from: from2, to } : null;
           }
-          search2 = new SearchState(search2.query, range2, buildMatchDeco(state2, search2.query, range2));
+          const highlight = typeof search2.highlight === "boolean" ? search2.highlight : true;
+          search2 = new SearchState(
+            search2.query,
+            range2,
+            highlight,
+            buildMatchDeco(state2, search2.query, range2, highlight)
+          );
         }
         return search2;
       }
@@ -89424,8 +89673,12 @@ function getMatchHighlights(state2) {
   let search2 = searchKey.getState(state2);
   return search2 ? search2.deco : DecorationSet.empty;
 }
-function setSearchState(tr, query, range2 = null) {
-  return tr.setMeta(searchKey, { query, range: range2 });
+function setSearchState(tr, query, range2 = null, options = {}) {
+  if (options != null && (typeof options !== "object" || Array.isArray(options))) {
+    throw new TypeError("setSearchState options must be an object");
+  }
+  const highlight = typeof options?.highlight === "boolean" ? options.highlight : true;
+  return tr.setMeta(searchKey, { query, range: range2, highlight });
 }
 const isRegExp = (value) => Object.prototype.toString.call(value) === "[object RegExp]";
 const Search = Extension.create({
@@ -89486,14 +89739,25 @@ const Search = Extension.create({
        * Search for string matches in editor content
        * @category Command
        * @param {String|RegExp} patternInput - Search string or pattern
+       * @param {SearchCommandOptions} [options={}] - Options to control search behavior
        * @example
+       * // Basic search with highlighting (default)
        * const matches = editor.commands.search('test string')
+       *
+       * // Regex search
        * const regexMatches = editor.commands.search(/test/i)
+       *
+       * // Search without visual highlighting
+       * const silentMatches = editor.commands.search('test', { highlight: false })
        * @note Returns array of SearchMatch objects with positions and IDs
        */
-      search: (patternInput) => (
+      search: (patternInput, options = {}) => (
         /** @returns {SearchMatch[]} */
         (({ state: state2, dispatch }) => {
+          if (options != null && (typeof options !== "object" || Array.isArray(options))) {
+            throw new TypeError("Search options must be an object");
+          }
+          const highlight = typeof options?.highlight === "boolean" ? options.highlight : true;
           let pattern;
           let caseSensitive = false;
           let regexp = false;
@@ -89520,7 +89784,7 @@ const Search = Extension.create({
             regexp,
             wholeWord
           });
-          const tr = setSearchState(state2.tr, query);
+          const tr = setSearchState(state2.tr, query, null, { highlight });
           dispatch(tr);
           const newState = state2.apply(tr);
           const decoSet = getMatchHighlights(newState);
@@ -103839,14 +104103,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 = []) {