superdoc 1.0.0-beta.5 → 1.0.0-beta.7

package/dist/chunks/{super-editor.es-0TS__OEc.es.js → super-editor.es-CcaD69pQ.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.5") {
+  static setStoredSuperdocVersion(docx = this.convertedXml, version2 = "1.0.0-beta.7") {
     return _SuperConverter2.setStoredCustomProperty(docx, "SuperdocVersion", version2, false);
   }
   /**
@@ -38763,7 +38763,7 @@ var __privateGet$1 = (obj, member, getter) => (__accessCheck$1(obj, member, "rea
 var __privateAdd$1 = (obj, member, value) => member.has(obj) ? __typeError$1("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
 var __privateSet = (obj, member, value, setter) => (__accessCheck$1(obj, member, "write to private field"), member.set(obj, value), value);
 var __privateMethod$1 = (obj, member, method) => (__accessCheck$1(obj, member, "access private method"), method);
-var _Attribute_static, getGlobalAttributes_fn, getNodeAndMarksAttributes_fn, _Schema_static, createNodesSchema_fn, createMarksSchema_fn, _events, _ExtensionService_instances, setupExtensions_fn, attachEditorEvents_fn, _editor, _stateValidators, _xmlValidators, _requiredNodeTypes, _requiredMarkTypes, _SuperValidator_instances, initializeValidators_fn, collectValidatorRequirements_fn, analyzeDocument_fn, dispatchWithFallback_fn, _commandService, _Editor_instances, initContainerElement_fn, init_fn, initRichText_fn, onFocus_fn, checkHeadless_fn, registerCopyHandler_fn, insertNewFileData_fn, getPluginKeyName_fn, createExtensionService_fn, createCommandService_fn, createConverter_fn, initMedia_fn, initFonts_fn, checkFonts_fn, determineUnsupportedFonts_fn, createSchema_fn, generatePmData_fn, createView_fn, onCollaborationReady_fn, initComments_fn, dispatchTransaction_fn, handleNodeSelection_fn, prepareDocumentForImport_fn, prepareDocumentForExport_fn, endCollaboration_fn, validateDocumentInit_fn, validateDocumentExport_fn, initDevTools_fn, _map, _editor2, _descriptors, _collections, _editorEntries, _maxCachedEditors, _editorAccessOrder, _pendingCreations, _cacheHits, _cacheMisses, _evictions, _HeaderFooterEditorManager_instances, hasConverter_fn, extractCollections_fn, collectDescriptors_fn, teardownMissingEditors_fn, teardownEditors_fn, createEditor_fn, createEditorContainer_fn, registerConverterEditor_fn, unregisterConverterEditor_fn, updateAccessOrder_fn, enforceCacheSizeLimit_fn, _manager, _mediaFiles, _blockCache, _HeaderFooterLayoutAdapter_instances, getBlocks_fn, getConverterContext_fn, _instances, _options, _editor3, _visibleHost, _viewportHost, _painterHost, _selectionOverlay, _hiddenHost, _layoutOptions, _layoutState, _domPainter, _layoutError, _layoutErrorState, _errorBanner, _errorBannerMessage, _telemetryEmitter, _renderScheduled, _pendingDocChange, _isRerendering, _selectionUpdateScheduled, _remoteCursorUpdateScheduled, _rafHandle, _editorListeners, _sectionMetadata, _documentMode, _inputBridge, _trackedChangesMode, _trackedChangesEnabled, _trackedChangesOverrides, _headerFooterManager, _headerFooterAdapter, _headerFooterIdentifier, _headerLayoutResults, _footerLayoutResults, _headerDecorationProvider, _footerDecorationProvider, _headerFooterManagerCleanups, _headerRegions, _footerRegions, _session, _activeHeaderFooterEditor, _hoverOverlay, _hoverTooltip, _modeBanner, _ariaLiveRegion, _hoverRegion, _clickCount, _lastClickTime, _lastClickPosition, _remoteCursorState, _remoteCursorDirty, _remoteCursorOverlay, _localSelectionLayer, _awarenessCleanup, _scrollCleanup, _remoteCursorRafHandle, _scrollTimeout, _PresentationEditor_instances, aggregateLayoutBounds_fn, safeCleanup_fn, setupEditorListeners_fn, setupCollaborationCursors_fn, normalizeAwarenessStates_fn, getFallbackColor_fn, getValidatedColor_fn, scheduleRemoteCursorUpdate_fn, scheduleRemoteCursorReRender_fn, updateRemoteCursors_fn, renderRemoteCursors_fn, renderRemoteCaret_fn, renderRemoteCursorLabel_fn, renderRemoteSelection_fn, setupPointerHandlers_fn, setupInputBridge_fn, initHeaderFooterRegistry_fn, _handlePointerDown, getFirstTextPosition_fn, registerPointerClick_fn, selectWordAt_fn, selectParagraphAt_fn, isWordCharacter_fn, _handlePointerMove, _handlePointerLeave, _handleDoubleClick, _handleKeyDown, focusHeaderFooterShortcut_fn, scheduleRerender_fn, flushRerenderQueue_fn, rerender_fn, ensurePainter_fn, scheduleSelectionUpdate_fn, updateSelection_fn, resolveLayoutOptions_fn, buildHeaderFooterInput_fn, computeHeaderFooterConstraints_fn, updateDecorationProviders_fn, createDecorationProvider_fn, computeDecorationBox_fn, rebuildHeaderFooterRegions_fn, hitTestHeaderFooterRegion_fn, pointInRegion_fn, activateHeaderFooterRegion_fn, enterHeaderFooterMode_fn, exitHeaderFooterMode_fn, getActiveDomTarget_fn, emitHeaderFooterModeChanged_fn, emitHeaderFooterEditingContext_fn, updateAwarenessSession_fn, updateModeBanner_fn, announce_fn, validateHeaderFooterEditPermission_fn, emitHeaderFooterEditBlocked_fn, resolveDescriptorForRegion_fn, getBodyPageHeight_fn, getHeaderFooterPageHeight_fn, renderSelectionRects_fn, renderHoverRegion_fn, clearHoverRegion_fn, renderCaretOverlay_fn, getHeaderFooterContext_fn, computeHeaderFooterSelectionRects_fn, computeHeaderFooterCaretRect_fn, syncTrackedChangesPreferences_fn, deriveTrackedChangesMode_fn, deriveTrackedChangesEnabled_fn, getTrackChangesPluginState_fn, computeDefaultLayoutDefaults_fn, parseColumns_fn, inchesToPx_fn, applyZoom_fn, createLayoutMetrics_fn, convertPageLocalToOverlayCoords_fn, normalizeClientPoint_fn, computeCaretLayoutRect_fn, findLineContainingPos_fn, lineHeightBeforeIndex_fn, getCurrentPageIndex_fn, findRegionForPage_fn, handleLayoutError_fn, decorateError_fn, showLayoutErrorBanner_fn, dismissErrorBanner_fn, createHiddenHost_fn, _windowRoot, _visibleHost2, _getTargetDom, _onTargetChanged, _listeners, _currentTarget, _destroyed, _PresentationInputBridge_instances, addListener_fn, dispatchToTarget_fn, forwardKeyboardEvent_fn, forwardTextEvent_fn, forwardCompositionEvent_fn, forwardContextMenu_fn, isEventOnActiveTarget_fn, _DocumentSectionView_instances, init_fn2, addToolTip_fn, _ParagraphNodeView_instances, updateHTMLAttributes_fn, updateDOMStyles_fn, updateListStyles_fn, initList_fn, checkIsList_fn, createMarker_fn, createSeparator_fn, calculateTabSeparatorStyle_fn, calculateMarkerStyle_fn, removeList_fn, getParagraphContext_fn, scheduleAnimation_fn, cancelScheduledAnimation_fn, _FieldAnnotationView_instances, createAnnotation_fn, _AutoPageNumberNodeView_instances, renderDom_fn, scheduleUpdateNodeStyle_fn;
+var _Attribute_static, getGlobalAttributes_fn, getNodeAndMarksAttributes_fn, _Schema_static, createNodesSchema_fn, createMarksSchema_fn, _events, _ExtensionService_instances, setupExtensions_fn, attachEditorEvents_fn, _editor, _stateValidators, _xmlValidators, _requiredNodeTypes, _requiredMarkTypes, _SuperValidator_instances, initializeValidators_fn, collectValidatorRequirements_fn, analyzeDocument_fn, dispatchWithFallback_fn, _commandService, _Editor_instances, initContainerElement_fn, init_fn, initRichText_fn, onFocus_fn, checkHeadless_fn, registerCopyHandler_fn, insertNewFileData_fn, getPluginKeyName_fn, createExtensionService_fn, createCommandService_fn, createConverter_fn, initMedia_fn, initFonts_fn, checkFonts_fn, determineUnsupportedFonts_fn, createSchema_fn, generatePmData_fn, createView_fn, onCollaborationReady_fn, initComments_fn, dispatchTransaction_fn, handleNodeSelection_fn, prepareDocumentForImport_fn, prepareDocumentForExport_fn, endCollaboration_fn, validateDocumentInit_fn, validateDocumentExport_fn, initDevTools_fn, _map, _editor2, _descriptors, _collections, _editorEntries, _maxCachedEditors, _editorAccessOrder, _pendingCreations, _cacheHits, _cacheMisses, _evictions, _HeaderFooterEditorManager_instances, hasConverter_fn, extractCollections_fn, collectDescriptors_fn, teardownMissingEditors_fn, teardownEditors_fn, createEditor_fn, createEditorContainer_fn, registerConverterEditor_fn, unregisterConverterEditor_fn, updateAccessOrder_fn, enforceCacheSizeLimit_fn, _manager, _mediaFiles, _blockCache, _HeaderFooterLayoutAdapter_instances, getBlocks_fn, getConverterContext_fn, _instances, _options, _editor3, _visibleHost, _viewportHost, _painterHost, _selectionOverlay, _hiddenHost, _layoutOptions, _layoutState, _domPainter, _layoutError, _layoutErrorState, _errorBanner, _errorBannerMessage, _telemetryEmitter, _renderScheduled, _pendingDocChange, _isRerendering, _selectionUpdateScheduled, _remoteCursorUpdateScheduled, _rafHandle, _editorListeners, _sectionMetadata, _documentMode, _inputBridge, _trackedChangesMode, _trackedChangesEnabled, _trackedChangesOverrides, _headerFooterManager, _headerFooterAdapter, _headerFooterIdentifier, _headerLayoutResults, _footerLayoutResults, _headerDecorationProvider, _footerDecorationProvider, _headerFooterManagerCleanups, _headerRegions, _footerRegions, _session, _activeHeaderFooterEditor, _hoverOverlay, _hoverTooltip, _modeBanner, _ariaLiveRegion, _hoverRegion, _clickCount, _lastClickTime, _lastClickPosition, _remoteCursorState, _remoteCursorDirty, _remoteCursorOverlay, _localSelectionLayer, _awarenessCleanup, _scrollCleanup, _remoteCursorRafHandle, _scrollTimeout, _PresentationEditor_instances, aggregateLayoutBounds_fn, safeCleanup_fn, setupEditorListeners_fn, setupCollaborationCursors_fn, normalizeAwarenessStates_fn, getFallbackColor_fn, getValidatedColor_fn, scheduleRemoteCursorUpdate_fn, scheduleRemoteCursorReRender_fn, updateRemoteCursors_fn, renderRemoteCursors_fn, renderRemoteCaret_fn, renderRemoteCursorLabel_fn, renderRemoteSelection_fn, setupPointerHandlers_fn, setupInputBridge_fn, initHeaderFooterRegistry_fn, _handlePointerDown, getFirstTextPosition_fn, registerPointerClick_fn, selectWordAt_fn, selectParagraphAt_fn, isWordCharacter_fn, _handlePointerMove, _handlePointerLeave, _handleDoubleClick, _handleKeyDown, focusHeaderFooterShortcut_fn, scheduleRerender_fn, flushRerenderQueue_fn, rerender_fn, ensurePainter_fn, scheduleSelectionUpdate_fn, updateSelection_fn, resolveLayoutOptions_fn, buildHeaderFooterInput_fn, computeHeaderFooterConstraints_fn, updateDecorationProviders_fn, createDecorationProvider_fn, computeDecorationBox_fn, rebuildHeaderFooterRegions_fn, hitTestHeaderFooterRegion_fn, pointInRegion_fn, activateHeaderFooterRegion_fn, enterHeaderFooterMode_fn, exitHeaderFooterMode_fn, getActiveDomTarget_fn, emitHeaderFooterModeChanged_fn, emitHeaderFooterEditingContext_fn, updateAwarenessSession_fn, updateModeBanner_fn, announce_fn, validateHeaderFooterEditPermission_fn, emitHeaderFooterEditBlocked_fn, resolveDescriptorForRegion_fn, getBodyPageHeight_fn, getHeaderFooterPageHeight_fn, renderSelectionRects_fn, renderHoverRegion_fn, clearHoverRegion_fn, renderCaretOverlay_fn, getHeaderFooterContext_fn, computeHeaderFooterSelectionRects_fn, computeHeaderFooterCaretRect_fn, syncTrackedChangesPreferences_fn, deriveTrackedChangesMode_fn, deriveTrackedChangesEnabled_fn, getTrackChangesPluginState_fn, computeDefaultLayoutDefaults_fn, parseColumns_fn, inchesToPx_fn, applyZoom_fn, createLayoutMetrics_fn, convertPageLocalToOverlayCoords_fn, normalizeClientPoint_fn, computeCaretLayoutRect_fn, findLineContainingPos_fn, lineHeightBeforeIndex_fn, getCurrentPageIndex_fn, findRegionForPage_fn, handleLayoutError_fn, decorateError_fn, showLayoutErrorBanner_fn, dismissErrorBanner_fn, createHiddenHost_fn, _windowRoot, _layoutSurfaces, _getTargetDom, _onTargetChanged, _listeners, _currentTarget, _destroyed, _useWindowFallback, _PresentationInputBridge_instances, addListener_fn, dispatchToTarget_fn, forwardKeyboardEvent_fn, forwardTextEvent_fn, forwardCompositionEvent_fn, forwardContextMenu_fn, isEventOnActiveTarget_fn, shouldSkipSurface_fn, isInLayoutSurface_fn, getListenerTargets_fn, isPlainCharacterKey_fn, _DocumentSectionView_instances, init_fn2, addToolTip_fn, _ParagraphNodeView_instances, updateHTMLAttributes_fn, updateDOMStyles_fn, updateListStyles_fn, initList_fn, checkIsList_fn, createMarker_fn, createSeparator_fn, calculateTabSeparatorStyle_fn, calculateMarkerStyle_fn, removeList_fn, getParagraphContext_fn, scheduleAnimation_fn, cancelScheduledAnimation_fn, _FieldAnnotationView_instances, createAnnotation_fn, _AutoPageNumberNodeView_instances, renderDom_fn, scheduleUpdateNodeStyle_fn;
 var GOOD_LEAF_SIZE = 200;
 var RopeSequence = function RopeSequence2() {
 };
@@ -52270,7 +52270,7 @@ const isHeadless = (editor) => {
 const shouldSkipNodeView = (editor) => {
   return isHeadless(editor);
 };
-const summaryVersion = "1.0.0-beta.5";
+const summaryVersion = "1.0.0-beta.7";
 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-D653XgvV-B-4_BIjA.es.js"),
+      import("./index-DV613LhK-BY095UD2.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.5");
+    console.debug("[checkVersionMigrations] Current editor version", "1.0.0-beta.7");
     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",
@@ -68858,6 +68966,24 @@ getConverterContext_fn = function() {
   }
   return Object.keys(context).length > 0 ? context : void 0;
 };
+const uiSurfaces = /* @__PURE__ */ new WeakSet();
+function isInRegisteredSurface(event) {
+  const path = typeof event.composedPath === "function" ? event.composedPath() : [];
+  if (path.length > 0) {
+    for (const node2 of path) {
+      if (uiSurfaces.has(node2)) return true;
+      if (node2?.hasAttribute?.("data-editor-ui-surface")) return true;
+    }
+    return false;
+  }
+  let node = event.target;
+  while (node) {
+    if (uiSurfaces.has(node)) return true;
+    if (node.hasAttribute?.("data-editor-ui-surface")) return true;
+    node = node.parentElement;
+  }
+  return false;
+}
 const DEFAULT_PAGE_SIZE = { w: 612, h: 792 };
 const DEFAULT_MARGINS = { top: 72, right: 72, bottom: 72, left: 72 };
 const WORD_CHARACTER_REGEX = /[\p{L}\p{N}''_~-]/u;
@@ -71634,39 +71760,49 @@ _PresentationEditor.CURSOR_STYLES = {
 };
 let PresentationEditor = _PresentationEditor;
 class PresentationInputBridge {
-  constructor(windowRoot, visibleHost, getTargetDom, onTargetChanged) {
+  constructor(windowRoot, layoutSurface, getTargetDom, onTargetChanged, options) {
     __privateAdd$1(this, _PresentationInputBridge_instances);
     __privateAdd$1(this, _windowRoot);
-    __privateAdd$1(this, _visibleHost2);
+    __privateAdd$1(this, _layoutSurfaces);
     __privateAdd$1(this, _getTargetDom);
     __privateAdd$1(this, _onTargetChanged);
     __privateAdd$1(this, _listeners);
     __privateAdd$1(this, _currentTarget, null);
     __privateAdd$1(this, _destroyed, false);
+    __privateAdd$1(this, _useWindowFallback);
     __privateSet(this, _windowRoot, windowRoot);
-    __privateSet(this, _visibleHost2, visibleHost);
+    __privateSet(this, _layoutSurfaces, /* @__PURE__ */ new Set([layoutSurface]));
     __privateSet(this, _getTargetDom, getTargetDom);
     __privateSet(this, _onTargetChanged, onTargetChanged);
     __privateSet(this, _listeners, []);
+    __privateSet(this, _useWindowFallback, options?.useWindowFallback ?? false);
   }
   bind() {
-    __privateMethod$1(this, _PresentationInputBridge_instances, addListener_fn).call(this, "keydown", __privateMethod$1(this, _PresentationInputBridge_instances, forwardKeyboardEvent_fn), __privateGet$1(this, _windowRoot));
-    __privateMethod$1(this, _PresentationInputBridge_instances, addListener_fn).call(this, "keypress", __privateMethod$1(this, _PresentationInputBridge_instances, forwardKeyboardEvent_fn), __privateGet$1(this, _windowRoot));
-    __privateMethod$1(this, _PresentationInputBridge_instances, addListener_fn).call(this, "keyup", __privateMethod$1(this, _PresentationInputBridge_instances, forwardKeyboardEvent_fn), __privateGet$1(this, _windowRoot));
-    __privateMethod$1(this, _PresentationInputBridge_instances, addListener_fn).call(this, "compositionstart", __privateMethod$1(this, _PresentationInputBridge_instances, forwardCompositionEvent_fn), __privateGet$1(this, _windowRoot));
-    __privateMethod$1(this, _PresentationInputBridge_instances, addListener_fn).call(this, "compositionupdate", __privateMethod$1(this, _PresentationInputBridge_instances, forwardCompositionEvent_fn), __privateGet$1(this, _windowRoot));
-    __privateMethod$1(this, _PresentationInputBridge_instances, addListener_fn).call(this, "compositionend", __privateMethod$1(this, _PresentationInputBridge_instances, forwardCompositionEvent_fn), __privateGet$1(this, _windowRoot));
-    __privateMethod$1(this, _PresentationInputBridge_instances, addListener_fn).call(this, "contextmenu", __privateMethod$1(this, _PresentationInputBridge_instances, forwardContextMenu_fn), __privateGet$1(this, _windowRoot));
-    __privateMethod$1(this, _PresentationInputBridge_instances, addListener_fn).call(this, "beforeinput", __privateMethod$1(this, _PresentationInputBridge_instances, forwardTextEvent_fn), __privateGet$1(this, _visibleHost2));
-    __privateMethod$1(this, _PresentationInputBridge_instances, addListener_fn).call(this, "input", __privateMethod$1(this, _PresentationInputBridge_instances, forwardTextEvent_fn), __privateGet$1(this, _visibleHost2));
-    __privateMethod$1(this, _PresentationInputBridge_instances, addListener_fn).call(this, "textInput", __privateMethod$1(this, _PresentationInputBridge_instances, forwardTextEvent_fn), __privateGet$1(this, _visibleHost2));
-    __privateMethod$1(this, _PresentationInputBridge_instances, addListener_fn).call(this, "beforeinput", __privateMethod$1(this, _PresentationInputBridge_instances, forwardTextEvent_fn), __privateGet$1(this, _windowRoot));
-    __privateMethod$1(this, _PresentationInputBridge_instances, addListener_fn).call(this, "input", __privateMethod$1(this, _PresentationInputBridge_instances, forwardTextEvent_fn), __privateGet$1(this, _windowRoot));
-    __privateMethod$1(this, _PresentationInputBridge_instances, addListener_fn).call(this, "textInput", __privateMethod$1(this, _PresentationInputBridge_instances, forwardTextEvent_fn), __privateGet$1(this, _windowRoot));
+    const keyboardTargets = __privateMethod$1(this, _PresentationInputBridge_instances, getListenerTargets_fn).call(this);
+    keyboardTargets.forEach((target) => {
+      __privateMethod$1(this, _PresentationInputBridge_instances, addListener_fn).call(this, "keydown", __privateMethod$1(this, _PresentationInputBridge_instances, forwardKeyboardEvent_fn), target);
+      __privateMethod$1(this, _PresentationInputBridge_instances, addListener_fn).call(this, "keyup", __privateMethod$1(this, _PresentationInputBridge_instances, forwardKeyboardEvent_fn), target);
+    });
+    const compositionTargets = __privateMethod$1(this, _PresentationInputBridge_instances, getListenerTargets_fn).call(this);
+    compositionTargets.forEach((target) => {
+      __privateMethod$1(this, _PresentationInputBridge_instances, addListener_fn).call(this, "compositionstart", __privateMethod$1(this, _PresentationInputBridge_instances, forwardCompositionEvent_fn), target);
+      __privateMethod$1(this, _PresentationInputBridge_instances, addListener_fn).call(this, "compositionupdate", __privateMethod$1(this, _PresentationInputBridge_instances, forwardCompositionEvent_fn), target);
+      __privateMethod$1(this, _PresentationInputBridge_instances, addListener_fn).call(this, "compositionend", __privateMethod$1(this, _PresentationInputBridge_instances, forwardCompositionEvent_fn), target);
+    });
+    const textTargets = __privateMethod$1(this, _PresentationInputBridge_instances, getListenerTargets_fn).call(this);
+    textTargets.forEach((target) => {
+      __privateMethod$1(this, _PresentationInputBridge_instances, addListener_fn).call(this, "beforeinput", __privateMethod$1(this, _PresentationInputBridge_instances, forwardTextEvent_fn), target);
+      __privateMethod$1(this, _PresentationInputBridge_instances, addListener_fn).call(this, "input", __privateMethod$1(this, _PresentationInputBridge_instances, forwardTextEvent_fn), target);
+      __privateMethod$1(this, _PresentationInputBridge_instances, addListener_fn).call(this, "textInput", __privateMethod$1(this, _PresentationInputBridge_instances, forwardTextEvent_fn), target);
+    });
+    const contextTargets = __privateMethod$1(this, _PresentationInputBridge_instances, getListenerTargets_fn).call(this);
+    contextTargets.forEach((target) => {
+      __privateMethod$1(this, _PresentationInputBridge_instances, addListener_fn).call(this, "contextmenu", __privateMethod$1(this, _PresentationInputBridge_instances, forwardContextMenu_fn), target);
+    });
   }
   destroy() {
-    __privateGet$1(this, _listeners).forEach(({ type: type2, handler: handler2, target }) => {
-      target.removeEventListener(type2, handler2, true);
+    __privateGet$1(this, _listeners).forEach(({ type: type2, handler: handler2, target, useCapture }) => {
+      target.removeEventListener(type2, handler2, useCapture);
     });
     __privateSet(this, _listeners, []);
     __privateSet(this, _currentTarget, null);
@@ -71701,17 +71837,18 @@ class PresentationInputBridge {
   }
 }
 _windowRoot = /* @__PURE__ */ new WeakMap();
-_visibleHost2 = /* @__PURE__ */ new WeakMap();
+_layoutSurfaces = /* @__PURE__ */ new WeakMap();
 _getTargetDom = /* @__PURE__ */ new WeakMap();
 _onTargetChanged = /* @__PURE__ */ new WeakMap();
 _listeners = /* @__PURE__ */ new WeakMap();
 _currentTarget = /* @__PURE__ */ new WeakMap();
 _destroyed = /* @__PURE__ */ new WeakMap();
+_useWindowFallback = /* @__PURE__ */ new WeakMap();
 _PresentationInputBridge_instances = /* @__PURE__ */ new WeakSet();
-addListener_fn = function(type2, handler2, target) {
+addListener_fn = function(type2, handler2, target, useCapture = false) {
   const bound = handler2.bind(this);
-  __privateGet$1(this, _listeners).push({ type: type2, handler: bound, target });
-  target.addEventListener(type2, bound, true);
+  __privateGet$1(this, _listeners).push({ type: type2, handler: bound, target, useCapture });
+  target.addEventListener(type2, bound, useCapture);
 };
 dispatchToTarget_fn = function(originalEvent, synthetic) {
   if (__privateGet$1(this, _destroyed)) return;
@@ -71732,7 +71869,16 @@ dispatchToTarget_fn = function(originalEvent, synthetic) {
   }
 };
 forwardKeyboardEvent_fn = function(event) {
-  if (__privateMethod$1(this, _PresentationInputBridge_instances, isEventOnActiveTarget_fn).call(this, event)) {
+  if (__privateMethod$1(this, _PresentationInputBridge_instances, shouldSkipSurface_fn).call(this, event)) {
+    return;
+  }
+  if (event.defaultPrevented) {
+    return;
+  }
+  if (event.isComposing || event.keyCode === 229) {
+    return;
+  }
+  if (__privateMethod$1(this, _PresentationInputBridge_instances, isPlainCharacterKey_fn).call(this, event)) {
     return;
   }
   const synthetic = new KeyboardEvent(event.type, {
@@ -71750,26 +71896,40 @@ forwardKeyboardEvent_fn = function(event) {
   __privateMethod$1(this, _PresentationInputBridge_instances, dispatchToTarget_fn).call(this, event, synthetic);
 };
 forwardTextEvent_fn = function(event) {
-  if (__privateMethod$1(this, _PresentationInputBridge_instances, isEventOnActiveTarget_fn).call(this, event)) {
+  if (__privateMethod$1(this, _PresentationInputBridge_instances, shouldSkipSurface_fn).call(this, event)) {
     return;
   }
-  let synthetic;
-  if (typeof InputEvent !== "undefined") {
-    synthetic = new InputEvent(event.type, {
-      data: event.data ?? event.data ?? null,
-      inputType: event.inputType ?? "insertText",
-      dataTransfer: event.dataTransfer ?? null,
-      isComposing: event.isComposing ?? false,
-      bubbles: true,
-      cancelable: true
-    });
-  } else {
-    synthetic = new Event(event.type, { bubbles: true, cancelable: true });
+  if (event.defaultPrevented) {
+    return;
   }
-  __privateMethod$1(this, _PresentationInputBridge_instances, dispatchToTarget_fn).call(this, event, synthetic);
+  if (event.isComposing) {
+    return;
+  }
+  queueMicrotask(() => {
+    if (event.defaultPrevented) {
+      return;
+    }
+    let synthetic;
+    if (typeof InputEvent !== "undefined") {
+      synthetic = new InputEvent(event.type, {
+        data: event.data ?? event.data ?? null,
+        inputType: event.inputType ?? "insertText",
+        dataTransfer: event.dataTransfer ?? null,
+        isComposing: event.isComposing ?? false,
+        bubbles: true,
+        cancelable: true
+      });
+    } else {
+      synthetic = new Event(event.type, { bubbles: true, cancelable: true });
+    }
+    __privateMethod$1(this, _PresentationInputBridge_instances, dispatchToTarget_fn).call(this, event, synthetic);
+  });
 };
 forwardCompositionEvent_fn = function(event) {
-  if (__privateMethod$1(this, _PresentationInputBridge_instances, isEventOnActiveTarget_fn).call(this, event)) {
+  if (__privateMethod$1(this, _PresentationInputBridge_instances, shouldSkipSurface_fn).call(this, event)) {
+    return;
+  }
+  if (event.defaultPrevented) {
     return;
   }
   let synthetic;
@@ -71785,7 +71945,10 @@ forwardCompositionEvent_fn = function(event) {
   __privateMethod$1(this, _PresentationInputBridge_instances, dispatchToTarget_fn).call(this, event, synthetic);
 };
 forwardContextMenu_fn = function(event) {
-  if (__privateMethod$1(this, _PresentationInputBridge_instances, isEventOnActiveTarget_fn).call(this, event)) {
+  if (__privateMethod$1(this, _PresentationInputBridge_instances, shouldSkipSurface_fn).call(this, event)) {
+    return;
+  }
+  if (event.defaultPrevented) {
     return;
   }
   const synthetic = new MouseEvent("contextmenu", {
@@ -71819,6 +71982,36 @@ isEventOnActiveTarget_fn = function(event) {
   }
   return false;
 };
+shouldSkipSurface_fn = function(event) {
+  if (__privateMethod$1(this, _PresentationInputBridge_instances, isEventOnActiveTarget_fn).call(this, event)) {
+    return true;
+  }
+  if (!__privateMethod$1(this, _PresentationInputBridge_instances, isInLayoutSurface_fn).call(this, event)) {
+    return true;
+  }
+  if (isInRegisteredSurface(event)) {
+    return true;
+  }
+  return false;
+};
+isInLayoutSurface_fn = function(event) {
+  const path = typeof event.composedPath === "function" ? event.composedPath() : [];
+  if (path.length) {
+    return path.some((node) => __privateGet$1(this, _layoutSurfaces).has(node));
+  }
+  const origin = event.target;
+  return origin ? __privateGet$1(this, _layoutSurfaces).has(origin) : false;
+};
+getListenerTargets_fn = function() {
+  const targets = new Set(__privateGet$1(this, _layoutSurfaces));
+  if (__privateGet$1(this, _useWindowFallback)) {
+    targets.add(__privateGet$1(this, _windowRoot));
+  }
+  return Array.from(targets);
+};
+isPlainCharacterKey_fn = function(event) {
+  return event.key.length === 1 && !event.ctrlKey && !event.metaKey && !event.altKey;
+};
 const Color = Extension.create({
   name: "color",
   addOptions() {
@@ -74579,29 +74772,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 +74823,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 +74842,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 +74861,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 +75935,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 +76154,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 +76183,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",
@@ -100090,7 +100399,8 @@ const _sfc_main$h = {
         class: "superdoc-toolbar",
         key: unref(toolbarKey),
         role: "toolbar",
-        "aria-label": "Toolbar"
+        "aria-label": "Toolbar",
+        "data-editor-ui-surface": ""
       }, [
         unref(showLeftSide) ? (openBlock(), createBlock(ButtonGroup, {
           key: 0,
@@ -100122,7 +100432,7 @@ const _sfc_main$h = {
     };
   }
 };
-const Toolbar = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-639f50b4"]]);
+const Toolbar = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-3f5ec271"]]);
 const DEFAULT_API_ENDPOINT = "https://sd-dev-express-gateway-i6xtm.ondigitalocean.app/insights";
 const SYSTEM_PROMPT = "You are an expert copywriter and you are immersed in a document editor. You are to provide document related text responses based on the user prompts. Only write what is asked for. Do not provide explanations. Try to keep placeholders as short as possible. Do not output your prompt. Your instructions are: ";
 async function baseInsightsFetch(payload, options = {}) {
@@ -101134,7 +101444,8 @@ const _sfc_main$e = {
 const DocumentMode = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-8730b752"]]);
 const _hoisted_1$c = {
   key: 0,
-  class: "linked-style-buttons"
+  class: "linked-style-buttons",
+  "data-editor-ui-surface": ""
 };
 const _hoisted_2$8 = ["onClick", "onKeydown", "aria-label"];
 const _sfc_main$d = {
@@ -101213,7 +101524,7 @@ const _sfc_main$d = {
     };
   }
 };
-const LinkedStyle = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-b53508a8"]]);
+const LinkedStyle = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-ecb78965"]]);
 const _hoisted_1$b = {
   key: 0,
   class: "link-title"
@@ -103879,14 +104190,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 = []) {