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

package/dist/superdoc.umd.js

@@ -35581,7 +35581,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     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);
     }
     /**
@@ -60069,7 +60069,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
   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) {
@@ -60848,7 +60848,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
         { default: remarkStringify2 },
         { default: remarkGfm2 }
       ] = await Promise.all([
-        Promise.resolve().then(() => indexBNGaD3Up),
+        Promise.resolve().then(() => indexHjUbJ86s),
         Promise.resolve().then(() => indexDRCvimau),
         Promise.resolve().then(() => indexC_x_N6Uh),
         Promise.resolve().then(() => indexD_sWOSiG),
@@ -61053,7 +61053,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
      * 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");
@@ -63185,9 +63185,10 @@ Please report this to https://github.com/markedjs/marked.`, e) {
   }
   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;
       }
@@ -63291,7 +63292,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     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);
@@ -63431,7 +63432,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     const convert2 = (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));
@@ -63446,24 +63447,18 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     if (hanging != null) indent2.hanging = hanging;
     return Object.keys(indent2).length > 0 ? indent2 : 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,
@@ -63475,6 +63470,21 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     }
     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":
@@ -63486,12 +63496,13 @@ Please report this to https://github.com/markedjs/marked.`, e) {
         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;
     }
@@ -63507,7 +63518,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
         return value;
       case "thick":
         return "heavy";
-      // Map legacy 'thick' to OOXML 'heavy'
+      // Legacy mapping
       default:
         return void 0;
     }
@@ -64435,29 +64446,6 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     }
     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 indent2 = {
-      left: style2.indent?.left ?? 0,
-      right: style2.indent?.right ?? 0,
-      firstLine: style2.indent?.firstLine ?? 0,
-      hanging: style2.indent?.hanging ?? 0
-    };
-    if (numbering?.indent) {
-      indent2 = {
-        ...indent2,
-        left: numbering.indent.left ?? indent2.left,
-        hanging: numbering.indent.hanging ?? indent2.hanging
-      };
-    }
-    return { spacing, indent: indent2 };
-  }
   function computeTabStops$1(context) {
     const { explicitStops, defaultTabInterval, paragraphIndent } = context;
     const leftIndent = paragraphIndent.left ?? 0;
@@ -64569,6 +64557,90 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     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 indent2 = {
+      left: style2.indent?.left ?? 0,
+      right: style2.indent?.right ?? 0,
+      firstLine: style2.indent?.firstLine ?? 0,
+      hanging: style2.indent?.hanging ?? 0
+    };
+    if (numbering?.indent) {
+      indent2 = {
+        ...indent2,
+        left: numbering.indent.left ?? indent2.left,
+        hanging: numbering.indent.hanging ?? indent2.hanging
+      };
+    }
+    return { spacing, indent: indent2 };
+  }
   function formatListLabel(level, indices) {
     const { format, text: template, start: start2 } = level;
     if (format === "bullet" || format === "custom") {
@@ -64734,6 +64806,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
   }
   const Engines = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     __proto__: null,
+    calculateTabWidth,
     computeListIndent,
     computeTabStops: computeTabStops$1,
     computeWrapExclusion,
@@ -64782,17 +64855,18 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       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;
   };
@@ -65005,6 +65079,9 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     }
   };
   const computeWordLayoutForParagraph = (paragraphAttrs, numberingProps, styleContext) => {
+    if (numberingProps === null) {
+      return null;
+    }
     try {
       let effectiveIndent = paragraphAttrs.indent;
       if (numberingProps?.resolvedLevelIndent) {
@@ -65039,7 +65116,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       return computeWordParagraphLayout({
         paragraph: resolvedParagraph,
         numbering: numberingProps,
-        markerRun: numberingProps.resolvedMarkerRpr,
+        markerRun: numberingProps?.resolvedMarkerRpr,
         // Use cached if available
         docDefaults
       });
@@ -65485,7 +65562,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
   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,
@@ -65537,7 +65614,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     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,
@@ -66215,7 +66292,8 @@ Please report this to https://github.com/markedjs/marked.`, e) {
             trackedChanges,
             bookmarks,
             hyperlinkConfig,
-            converterContext
+            themeColors,
+            ...converterContext !== void 0 ? [converterContext] : []
           );
           if (tableBlock) {
             blocks2.push(tableBlock);
@@ -66341,6 +66419,8 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       trackedChangesConfig,
       bookmarks,
       hyperlinkConfig,
+      void 0,
+      // themeColors - not available in NodeHandlerContext
       context.converterContext
     );
     paragraphBlocks.forEach((block) => {
@@ -66850,9 +66930,9 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     const paragraph2 = paragraphBlocks.find((b2) => b2.kind === "paragraph");
     if (!paragraph2) 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") {
@@ -67189,7 +67269,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       themeColors,
       converterContext
     );
-    const tableConverter = (node2, nextBlockId2, positions2, defaultFont2, defaultSize2, context, trackedChanges, bookmarks2, hyperlinkConfig2) => tableNodeToBlock(
+    const tableConverter = (node2, nextBlockId2, positions2, defaultFont2, defaultSize2, context, trackedChanges, bookmarks2, hyperlinkConfig2, themeColorsParam, converterCtx) => tableNodeToBlock(
       node2,
       nextBlockId2,
       positions2,
@@ -67199,8 +67279,8 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       trackedChanges,
       bookmarks2,
       hyperlinkConfig2,
-      themeColors,
-      converterContext
+      themeColorsParam ?? themeColors,
+      converterCtx ?? converterContext
     );
     const handlerContext = {
       blocks: blocks2,
@@ -73882,7 +73962,7 @@ ${l}
           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";
@@ -74270,7 +74350,7 @@ ${l}
     buildLinkRenderData(link2) {
       const dataset = buildLinkDataset(link2);
       const sanitized = typeof link2.href === "string" ? sanitizeHref(link2.href) : null;
-      const anchorHref = normalizeAnchor(link2.anchor ?? link2.name ?? null);
+      const anchorHref = normalizeAnchor(link2.anchor ?? link2.name ?? "");
       let href = sanitized?.href ?? anchorHref;
       if (link2.version === 2) {
         href = appendDocLocation(href, link2.docLocation ?? null);
@@ -74448,6 +74528,10 @@ ${l}
       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);
@@ -74475,7 +74559,7 @@ ${l}
           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";
@@ -74512,6 +74596,9 @@ ${l}
           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;
@@ -74537,6 +74624,9 @@ ${l}
         runs2.forEach((run2) => {
           const elem = this.renderRun(run2, context, trackedConfig);
           if (elem) {
+            if (styleId) {
+              elem.setAttribute("styleid", styleId);
+            }
             el.appendChild(elem);
           }
         });
@@ -74956,6 +75046,9 @@ ${l}
   };
   const applyParagraphBlockStyles = (element2, attrs) => {
     if (!attrs) return;
+    if (attrs.styleId) {
+      element2.setAttribute("styleid", attrs.styleId);
+    }
     if (attrs.alignment) {
       element2.style.textAlign = attrs.alignment;
     }
@@ -75177,6 +75270,7 @@ ${l}
   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) {
@@ -75299,6 +75393,14 @@ ${l}
     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;
@@ -75347,8 +75449,13 @@ ${l}
         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);
@@ -75494,7 +75601,12 @@ ${l}
           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);
@@ -75546,10 +75658,6 @@ ${l}
         markerTextWidth: glyphWidth,
         indentLeft: wordLayout.indentLeftPx ?? 0
       };
-      console.log(
-        "[measure] Marker:",
-        JSON.stringify({ text: markerText, width: markerInfo.markerWidth, indent: markerInfo.indentLeft })
-      );
     }
     return {
       kind: "paragraph",
@@ -82378,29 +82486,6 @@ ${l}
   };
   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, (node2, pos) => {
-      if (node2.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(node2.nodeSize, view, pos, blockParent2, paragraphContext, coordCache, domPosCache);
-      if (style2) {
-        decorations.push(
-          Decoration.node(pos, pos + node2.nodeSize, {
-            style: style2
-          })
-        );
-      }
-    });
-    return decorations;
-  };
   function calculateTabStyle(nodeSize2, view, pos, blockParent2, paragraphContext, coordCache = null, domPosCache = null) {
     let extraStyles = "";
     try {
@@ -82452,14 +82537,14 @@ ${l}
             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] || "";
           }
         }
       }
@@ -82471,7 +82556,7 @@ ${l}
       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) {
@@ -82490,13 +82575,16 @@ ${l}
   }
   function extractParagraphContext(node2, startPos, helpers2, depth = 0) {
     const paragraphProperties = getResolvedParagraphProperties(node2);
+    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
         };
@@ -83561,6 +83649,184 @@ ${l}
       return [CommentMarkName, Attribute.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 node2 = entry.node;
+      const spanId = `${paragraphId}-span-${idx}`;
+      const from2 = entry.pos;
+      const to = entry.pos + node2.nodeSize;
+      if (node2.type.name === "tab") {
+        spans.push({
+          type: "tab",
+          spanId,
+          tabId: tabIdForIndex(paragraphId, tabIndex++),
+          pos: entry.pos,
+          nodeSize: node2.nodeSize
+        });
+      } else if (node2.type.name === "text") {
+        spans.push({
+          type: "text",
+          spanId,
+          text: node2.text || "",
+          style: node2.marks?.find((mark2) => mark2.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 i2 = 0; i2 < spans.length; i2++) {
+      const span = spans[i2];
+      if (span.type === "text") {
+        currentX += measureText2(span);
+      } else if (span.type === "tab") {
+        const followingText = collectFollowingText(spans, i2 + 1);
+        let measureTextCallback;
+        if (view) {
+          const followingRange = getFollowingTextRange(spans, i2 + 1);
+          if (followingRange) {
+            const fullWidth = measureRangeWidth(view, followingRange.from, followingRange.to);
+            const fullText = followingText;
+            measureTextCallback = (text2) => {
+              if (text2 === fullText) return fullWidth;
+              if (fullText.length > 0) {
+                return text2.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, paragraph2, paragraphPos) {
+    const decorations = [];
+    let tabIndex = 0;
+    paragraph2.forEach((node2, offset2) => {
+      if (node2.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 + node2.nodeSize, { style: style2 }));
+    });
+    return decorations;
+  }
+  function collectFollowingText(spans, startIndex) {
+    let text2 = "";
+    for (let i2 = startIndex; i2 < spans.length; i2++) {
+      const span = spans[i2];
+      if (span.type === "tab") break;
+      if (span.type === "text") text2 += span.text || "";
+    }
+    return text2;
+  }
+  function getFollowingTextRange(spans, startIndex) {
+    let from2 = null;
+    let to = null;
+    for (let i2 = startIndex; i2 < spans.length; i2++) {
+      const span = spans[i2];
+      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",
@@ -83602,87 +83868,24 @@ ${l}
         return [];
       }
       const { view, helpers: helpers2 } = this.editor;
-      const mergeRanges2 = (ranges) => {
-        if (ranges.length === 0) return [];
-        const sorted = ranges.slice().sort((a2, b2) => a2[0] - b2[0]);
-        const merged = [sorted[0]];
-        for (let i2 = 1; i2 < sorted.length; i2++) {
-          const [start2, end2] = sorted[i2];
-          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 = (node2) => node2.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((node2) => {
-                  if (containsTab(node2)) {
-                    hasTabInRange = true;
-                    return false;
-                  }
-                });
-              }
-              if (!hasTabInRange) {
-                tr.docs[index2].nodesBetween(step.from, step.to, (node2) => {
-                  if (containsTab(node2)) {
-                    hasTabInRange = true;
-                    return false;
-                  }
-                });
-              }
-              if (!hasTabInRange) {
-                return;
-              }
-              let fromPos = step.from;
-              let toPos = step.to;
-              for (let i2 = index2; i2 < tr.steps.length; i2++) {
-                const stepMap = tr.steps[i2].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: {
@@ -83694,6 +83897,27 @@ ${l}
       return [tabPlugin];
     }
   });
+  function buildDecorations(doc2, view, helpers2, revision) {
+    const decorations = [];
+    doc2.descendants((node2, pos) => {
+      if (node2.type.name !== "paragraph") return;
+      let hasTab = false;
+      node2.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, node2, pos);
+      decorations.push(...paragraphDecorations);
+    });
+    return DecorationSet.create(doc2, decorations);
+  }
   const LineBreak = Node$1.create({
     name: "lineBreak",
     group: "inline",
@@ -97170,13 +97394,22 @@ ${l}
     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;
@@ -97184,7 +97417,8 @@ ${l}
       let next2 = query.findNext(state2, pos, end2);
       if (!next2) break;
       let cls = next2.from == sel.from && next2.to == sel.to ? "ProseMirror-active-search-match" : "ProseMirror-search-match";
-      deco.push(Decoration.inline(next2.from, next2.to, { class: cls }));
+      const attrs = highlight ? { class: cls } : {};
+      deco.push(Decoration.inline(next2.from, next2.to, attrs));
       pos = next2.to;
     }
     return DecorationSet.create(state2.doc, deco);
@@ -97197,11 +97431,20 @@ ${l}
         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) {
@@ -97209,7 +97452,13 @@ ${l}
               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;
         }
@@ -97223,8 +97472,12 @@ ${l}
     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({
@@ -97285,14 +97538,25 @@ ${l}
          * 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;
@@ -97319,7 +97583,7 @@ ${l}
               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);
@@ -111638,14 +111902,19 @@ ${style2}
     });
   };
   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 = []) {
@@ -131174,7 +131443,7 @@ ${style2}
       this.config.colors = shuffleArray(this.config.colors);
       this.userColorMap = /* @__PURE__ */ new Map();
       this.colorIndex = 0;
-      this.version = "1.0.0-beta.4";
+      this.version = "1.0.0-beta.6";
       this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
       this.superdocId = config2.superdocId || v4();
       this.colors = this.config.colors;
@@ -133617,7 +133886,7 @@ ${style2}
       value && typeof value === "object" && "byteLength" in value && "byteOffset" in value
     );
   }
-  const indexBNGaD3Up = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  const indexHjUbJ86s = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     __proto__: null,
     unified
   }, Symbol.toStringTag, { value: "Module" }));