@superdoc-dev/cli 0.17.0-next.38 → 0.17.0-next.39

package/dist/index.js

@@ -69157,7 +69157,7 @@ var init_remark_gfm_BUJjZJLy_es = __esm(() => {
   emptyOptions2 = {};
 });
 
-// ../../packages/superdoc/dist/chunks/SuperConverter-Du0apG1R.es.js
+// ../../packages/superdoc/dist/chunks/SuperConverter-DQ2wMaLK.es.js
 function getExtensionConfigField(extension$1, field, context = { name: "" }) {
   const fieldValue = extension$1.config[field];
   if (typeof fieldValue === "function")
@@ -114147,6 +114147,91 @@ function getTrackedMarkText(editor, item) {
     return nodeText;
   return editor.state.doc.textBetween(item.from, item.to, " ", "");
 }
+function rawMarkMatchesChange(mark, change) {
+  return trackedMarkMatchesChange(mark.mark, change);
+}
+function trackedMarkMatchesChange(mark, change) {
+  const attrs = mark.attrs ?? {};
+  const rawId = toNonEmptyString(attrs.id);
+  if (!rawId)
+    return false;
+  const markType = mark.type.name;
+  const groupKey = getTrackedChangeGroupKey(attrs, markType, rawId);
+  return groupKey === change.rawId || groupKey === change.id || rawId === change.commandRawId || rawId === change.id;
+}
+function findMarkedTextNodeNavigationSelection(editor, change) {
+  let multiCharacterSelection = null;
+  let singleCharacterSelection = null;
+  try {
+    editor.state.doc.nodesBetween(change.from, change.to, (node3, pos) => {
+      if (multiCharacterSelection)
+        return false;
+      if (!node3.isText)
+        return true;
+      if (!(Array.isArray(node3.marks) ? node3.marks : []).some((mark) => trackedMarkMatchesChange(mark, change)))
+        return false;
+      const textLength = typeof node3.text === "string" ? node3.text.length : node3.nodeSize;
+      if (textLength > 1) {
+        const caret = pos + 1;
+        multiCharacterSelection = {
+          from: caret,
+          to: caret
+        };
+        return false;
+      }
+      if (!singleCharacterSelection && textLength > 0)
+        singleCharacterSelection = {
+          from: pos,
+          to: pos + textLength
+        };
+      return false;
+    });
+  } catch {
+    return null;
+  }
+  return multiCharacterSelection ?? singleCharacterSelection;
+}
+function resolveTrackedChangeNavigationSelection(editor, id2) {
+  const change = resolveTrackedChange(editor, id2);
+  if (!change || change.structural)
+    return null;
+  const markedTextSelection = findMarkedTextNodeNavigationSelection(editor, change);
+  if (markedTextSelection)
+    return markedTextSelection;
+  const matchingMarks = getRawTrackedMarks(editor).filter((mark) => rawMarkMatchesChange(mark, change)).filter((mark) => Number.isFinite(mark.from) && Number.isFinite(mark.to) && mark.to > mark.from).sort((a, b) => {
+    if (a.from !== b.from)
+      return a.from - b.from;
+    return a.to - b.to;
+  });
+  const multiCharacterMark = matchingMarks.find((mark) => mark.to - mark.from > 1);
+  if (multiCharacterMark) {
+    const pos = multiCharacterMark.from + 1;
+    return {
+      from: pos,
+      to: pos
+    };
+  }
+  const singleCharacterMark = matchingMarks[0];
+  if (singleCharacterMark)
+    return {
+      from: singleCharacterMark.from,
+      to: singleCharacterMark.to
+    };
+  if (change.to > change.from) {
+    if (change.to - change.from > 1) {
+      const pos = change.from + 1;
+      return {
+        from: pos,
+        to: pos
+      };
+    }
+    return {
+      from: change.from,
+      to: change.to
+    };
+  }
+  return null;
+}
 function groupTrackedChanges(editor) {
   const currentDoc = editor.state.doc;
   const cached = groupedCache.get(editor);
@@ -130804,15 +130889,12 @@ var isRegExp = (value) => {
   const originalElementsSource = originalXml.elements;
   const originalElements = originalElementsSource ? carbonCopy(originalElementsSource) : [];
   const childElements = Array.isArray(node3.elements) ? node3.elements : [];
-  let childContent = [];
-  if (childElements.length && params3.nodeListHandler?.handler) {
-    const childParams = {
+  if (childElements.length && params3.nodeListHandler?.handler)
+    params3.nodeListHandler.handler({
       ...params3,
       nodes: childElements,
       path: [...params3.path || [], node3]
-    };
-    childContent = params3.nodeListHandler.handler(childParams) || [];
-  }
+    });
   if (originalElements?.length)
     originalXml.elements = originalElements;
   return {
@@ -130823,7 +130905,7 @@ var isRegExp = (value) => {
         originalXml
       },
       marks: [],
-      content: childContent
+      content: undefined
     }],
     consumed: 1
   };
@@ -137234,7 +137316,7 @@ Docs: https://docs.superdoc.dev/getting-started/fonts`);
       state.kern = kernNode.attributes["w:val"];
   }
 }, SuperConverter;
-var init_SuperConverter_Du0apG1R_es = __esm(() => {
+var init_SuperConverter_DQ2wMaLK_es = __esm(() => {
   init_rolldown_runtime_Bg48TavK_es();
   init_jszip_C49i9kUs_es();
   init_xml_js_CqGKpaft_es();
@@ -166243,7 +166325,7 @@ var init_SuperConverter_Du0apG1R_es = __esm(() => {
   };
 });
 
-// ../../packages/superdoc/dist/chunks/create-headless-toolbar-BNcguDpP.es.js
+// ../../packages/superdoc/dist/chunks/create-headless-toolbar-BhSfQYaO.es.js
 function parseSizeUnit(val = "0") {
   const length3 = val.toString() || "0";
   const value = Number.parseFloat(length3);
@@ -176986,9 +177068,9 @@ var CSS_DIMENSION_REGEX, DOM_SIZE_UNITS, MARK_KEYS, STEP_OP_CATALOG_UNFROZEN2, P
     }
   };
 };
-var init_create_headless_toolbar_BNcguDpP_es = __esm(() => {
+var init_create_headless_toolbar_BhSfQYaO_es = __esm(() => {
   init_rolldown_runtime_Bg48TavK_es();
-  init_SuperConverter_Du0apG1R_es();
+  init_SuperConverter_DQ2wMaLK_es();
   init_jszip_C49i9kUs_es();
   init_uuid_B2wVPhPi_es();
   init_constants_D9qj59G2_es();
@@ -227082,7 +227164,7 @@ var init_remark_gfm_DCND_V_3_es = __esm(() => {
   init_remark_gfm_BUJjZJLy_es();
 });
 
-// ../../packages/superdoc/dist/chunks/src-DfMY3HP9.es.js
+// ../../packages/superdoc/dist/chunks/src-CR8eXLKh.es.js
 function deleteProps(obj, propOrProps) {
   const props = typeof propOrProps === "string" ? [propOrProps] : propOrProps;
   const removeNested = (target, pathParts, index2 = 0) => {
@@ -251698,19 +251780,16 @@ function readBlockId(node3) {
 function mapRawChangeIdsToCanonical(editor, rawIds) {
   if (rawIds.length === 0)
     return rawIds;
-  let grouped;
+  let canonicalIdByAlias;
   try {
-    grouped = groupTrackedChanges(editor);
+    canonicalIdByAlias = buildTrackedChangeCanonicalIdMap(editor);
   } catch {
     return [];
   }
-  const rawToCanonical = /* @__PURE__ */ new Map;
-  for (const change of grouped)
-    rawToCanonical.set(change.rawId, change.id);
   const seen = /* @__PURE__ */ new Set;
   const out = [];
   for (const raw of rawIds) {
-    const canonical = rawToCanonical.get(raw);
+    const canonical = canonicalIdByAlias.get(raw);
     if (!canonical)
       continue;
     if (seen.has(canonical))
@@ -280817,7 +280896,16 @@ function safeCleanup(fn2, context) {
     console.warn(`[PresentationEditor] ${context} cleanup failed:`, error3);
   }
 }
+function ensureHiddenHostStylesheet(doc$12) {
+  if (doc$12.getElementById(HIDDEN_HOST_STYLE_ID))
+    return;
+  const style2 = doc$12.createElement("style");
+  style2.id = HIDDEN_HOST_STYLE_ID;
+  style2.textContent = ".presentation-editor__hidden-host .sd-paragraph-content { display: block; }";
+  (doc$12.head ?? doc$12.documentElement)?.appendChild(style2);
+}
 function createHiddenHost(doc$12, widthPx) {
+  ensureHiddenHostStylesheet(doc$12);
   const wrapper = doc$12.createElement("div");
   wrapper.className = "presentation-editor__hidden-host-wrapper";
   wrapper.style.setProperty("position", "fixed");
@@ -282039,24 +282127,33 @@ function renderSelectionRects({ localSelectionLayer, rects, pageHeight, pageGap,
     localSelectionLayer.appendChild(highlight);
   });
 }
-function renderCaretOverlay({ localSelectionLayer, caretLayout, convertPageLocalToOverlayCoords: convertPageLocalToOverlayCoords$1 }) {
-  const coords = convertPageLocalToOverlayCoords$1(caretLayout.pageIndex, caretLayout.x, caretLayout.y);
-  if (!coords)
-    return;
-  const finalHeight = Math.max(1, caretLayout.height);
-  const caretEl = localSelectionLayer.ownerDocument?.createElement("div");
+function createCaretElement(doc$12, { left: left$1, top: top$1, height }) {
+  const caretEl = doc$12?.createElement("div");
   if (!caretEl)
-    return;
+    return null;
   caretEl.className = "presentation-editor__selection-caret";
   caretEl.style.position = "absolute";
-  caretEl.style.left = `${coords.x}px`;
-  caretEl.style.top = `${coords.y}px`;
+  caretEl.style.left = `${left$1}px`;
+  caretEl.style.top = `${top$1}px`;
   caretEl.style.width = "2px";
-  caretEl.style.height = `${finalHeight}px`;
+  caretEl.style.height = `${Math.max(1, height)}px`;
   caretEl.style.backgroundColor = "#000000";
   caretEl.style.borderRadius = "1px";
   caretEl.style.boxShadow = "0 0 0 1px rgba(255, 255, 255, 0.92)";
   caretEl.style.pointerEvents = "none";
+  return caretEl;
+}
+function renderCaretOverlay({ localSelectionLayer, caretLayout, convertPageLocalToOverlayCoords: convertPageLocalToOverlayCoords$1 }) {
+  const coords = convertPageLocalToOverlayCoords$1(caretLayout.pageIndex, caretLayout.x, caretLayout.y);
+  if (!coords)
+    return;
+  const caretEl = createCaretElement(localSelectionLayer.ownerDocument, {
+    left: coords.x,
+    top: coords.y,
+    height: caretLayout.height
+  });
+  if (!caretEl)
+    return;
   localSelectionLayer.appendChild(caretEl);
 }
 function computeTableCaretLayoutRectFromDom({ viewportHost, visibleHost, zoom }, pos, _fragment, _tableBlock, _tableMeasure, pageIndex) {
@@ -288166,6 +288263,9 @@ function serializePerIdNumbering(order$1, numberById, formatById) {
   }
   return parts.join(";");
 }
+function shouldContinueNavigation(options) {
+  return options.shouldContinue?.() !== false;
+}
 function escapeAttrValue(value) {
   const cssApi = typeof globalThis === "object" && globalThis && "CSS" in globalThis ? globalThis.CSS : undefined;
   if (typeof cssApi?.escape === "function")
@@ -299566,7 +299666,7 @@ var Node$13 = class Node$14 {
   const pendingDeadKeyPlaceholder = TrackChangesBasePluginKey.getState(state)?.pendingDeadKeyPlaceholder ?? null;
   const hasDisallowedMeta = tr.meta && Object.keys(tr.meta).some((meta2) => !ALLOWED_META_KEYS.has(meta2));
   const isBlockIdentityRepair = Boolean(tr.getMeta("superdoc/block-identity-repair"));
-  if (ySyncMeta?.isChangeOrigin || !tr.steps.length || isBlockIdentityRepair || hasDisallowedMeta && !isProgrammaticInput || notAllowedMeta.includes(tr.getMeta("inputType")) || tr.getMeta(CommentsPluginKey)) {
+  if (ySyncMeta?.isChangeOrigin || !tr.steps.length || isBlockIdentityRepair || hasDisallowedMeta && !isProgrammaticInput || notAllowedMeta.includes(tr.getMeta("inputType")) || tr.getMeta(CommentsPluginKey) || tr.getMeta("compositionTrackingFlush") === true) {
     if (pendingDeadKeyPlaceholder && !isCompositionTransaction(tr))
       mergeTrackChangesMeta(tr, { pendingDeadKeyPlaceholder: null });
     return tr;
@@ -304491,7 +304591,9 @@ var Node$13 = class Node$14 {
   if (!tr)
     return;
   view.dispatch?.(closeHistory(tr));
-}, handleEnter = (editor) => {
+}, isComposing = (editor) => editor?.view?.composing === true, handleEnter = (editor) => {
+  if (isComposing(editor))
+    return false;
   const { view } = editor;
   dispatchHistoryBoundary(view);
   return editor.commands.first(({ commands: commands$1 }) => [
@@ -304502,6 +304604,8 @@ var Node$13 = class Node$14 {
     () => commands$1.splitBlock()
   ]);
 }, handleBackspace = (editor) => {
+  if (isComposing(editor))
+    return false;
   const { view } = editor;
   dispatchHistoryBoundary(view);
   return editor.commands.first(({ commands: commands$1, tr }) => [
@@ -304528,6 +304632,8 @@ var Node$13 = class Node$14 {
     () => commands$1.selectNodeBackward()
   ]);
 }, handleDelete2 = (editor) => {
+  if (isComposing(editor))
+    return false;
   const { view } = editor;
   dispatchHistoryBoundary(view);
   return editor.commands.first(({ commands: commands$1 }) => [
@@ -304597,13 +304703,13 @@ var Node$13 = class Node$14 {
 }, handleInsertTextBeforeInput = (view, event, editor) => {
   const isInsertTextInput = event?.inputType === "insertText";
   const hasTextData = typeof event?.data === "string" && event.data.length > 0;
-  const isComposing = event?.isComposing === true;
+  const isComposing$1 = event?.isComposing === true;
   recordStoryInputDebug(view, event, editor, "beforeinput:start", {
     isInsertTextInput,
     hasTextData,
-    isComposing
+    isComposing: isComposing$1
   });
-  if (!isInsertTextInput || !hasTextData || isComposing) {
+  if (!isInsertTextInput || !hasTextData || isComposing$1) {
     recordStoryInputDebug(view, event, editor, "beforeinput:skip");
     return false;
   }
@@ -306597,8 +306703,10 @@ var Node$13 = class Node$14 {
 }, Editor, token = (varName, fallback) => ({
   css: `var(${varName}, ${fallback})`,
   fallback
-}), H, TRACK_CHANGE_FOCUSED_CLASS = "track-change-focused", COMMENT_HIGHLIGHT_SELECTOR$1 = ".superdoc-comment-highlight", TRACK_CHANGE_SELECTOR$1 = "[data-track-change-id]", CommentHighlightDecorator = class {
+}), H, TRACK_CHANGE_FOCUSED_CLASS = "track-change-focused", COMMENT_HIGHLIGHT_SELECTOR$1 = ".superdoc-comment-highlight", TRACK_CHANGE_SELECTOR$1 = "[data-track-change-id], [data-track-change-ids]", CommentHighlightDecorator = class {
   #activeCommentId = null;
+  #activeTrackChangeIds = /* @__PURE__ */ new Set;
+  #activeTrackChangeIdsKey = "";
   #container = null;
   setContainer(container) {
     this.#container = container;
@@ -306612,6 +306720,15 @@ var Node$13 = class Node$14 {
     this.#activeCommentId = commentId;
     return true;
   }
+  setActiveTrackChangeIds(ids) {
+    const nextIds = Array.from(new Set(ids.filter((id2) => id2.length > 0)));
+    const nextKey = nextIds.join("\x00");
+    if (this.#activeTrackChangeIdsKey === nextKey)
+      return false;
+    this.#activeTrackChangeIdsKey = nextKey;
+    this.#activeTrackChangeIds = new Set(nextIds);
+    return true;
+  }
   apply() {
     const root3 = this.#container;
     if (!root3)
@@ -306683,16 +306800,27 @@ var Node$13 = class Node$14 {
     return null;
   }
   #applyTrackChangeFocus(root3) {
-    const activeId = this.#activeCommentId;
+    const legacyActiveId = this.#activeCommentId;
+    const activeTrackChangeIds = this.#activeTrackChangeIds;
     const elements = root3.querySelectorAll(TRACK_CHANGE_SELECTOR$1);
     for (let i3 = 0;i3 < elements.length; i3++) {
       const el = elements[i3];
-      if (activeId && el.dataset.trackChangeId === activeId)
+      if (this.#matchesActiveTrackChange(el, activeTrackChangeIds, legacyActiveId))
         el.classList.add(TRACK_CHANGE_FOCUSED_CLASS);
       else
         el.classList.remove(TRACK_CHANGE_FOCUSED_CLASS);
     }
   }
+  #matchesActiveTrackChange(el, activeTrackChangeIds, legacyActiveId) {
+    const ids = [
+      el.dataset.trackChangeId,
+      el.dataset.trackChangePreferredTargetId,
+      ...parseCommaSeparated(el.dataset.trackChangeIds)
+    ].filter((id2) => Boolean(id2));
+    if (legacyActiveId && ids.includes(legacyActiveId))
+      return true;
+    return ids.some((id2) => activeTrackChangeIds.has(id2));
+  }
 }, EXCLUDED_PLUGIN_KEY_REF_LIST, EXCLUDED_PLUGIN_KEY_REFS, EXCLUDED_PLUGIN_KEY_PREFIXES, TEXT_RANGE_BLOCK_SEP = `
 `, TEXT_RANGE_LEAF_SEP = `
 `, DecorationBridge = class DecorationBridge2 {
@@ -307397,6 +307525,9 @@ var Node$13 = class Node$14 {
   setActiveComment(commentId) {
     return this.#commentHighlightDecorator.setActiveComment(commentId);
   }
+  setActiveTrackChangeIds(ids) {
+    return this.#commentHighlightDecorator.setActiveTrackChangeIds(ids);
+  }
   recordDecorationTransaction(transaction) {
     this.#decorationBridge.recordTransaction(transaction);
   }
@@ -320309,7 +320440,7 @@ menclose::after {
       this.#onRebuild();
     });
   }
-}, Y_SORT_THRESHOLD_PX = 2, Y_SAME_LINE_THRESHOLD_PX = 3, HORIZONTAL_OVERLAP_THRESHOLD = 0.8, log2 = (...args$1) => {}, CLASS, FOOTNOTE_MARKER_DATA_ATTR = "data-sd-footnote-number", DEFAULT_MARKER_FONT_FAMILY$1 = "Arial", DEFAULT_MARKER_FONT_SIZE$1 = 12, SCROLL_DEBOUNCE_MS = 32, DEFAULT_STALE_TIMEOUT_MS, THROTTLE_MS = 16, RemoteCursorManager = class {
+}, Y_SORT_THRESHOLD_PX = 2, Y_SAME_LINE_THRESHOLD_PX = 3, HORIZONTAL_OVERLAP_THRESHOLD = 0.8, log2 = (...args$1) => {}, CLASS, FOOTNOTE_MARKER_DATA_ATTR = "data-sd-footnote-number", DEFAULT_MARKER_FONT_FAMILY$1 = "Arial", DEFAULT_MARKER_FONT_SIZE$1 = 12, HIDDEN_HOST_STYLE_ID = "sd-presentation-hidden-host-styles", SCROLL_DEBOUNCE_MS = 32, DEFAULT_STALE_TIMEOUT_MS, THROTTLE_MS = 16, RemoteCursorManager = class {
   #options;
   #remoteCursorState = /* @__PURE__ */ new Map;
   #remoteCursorElements = /* @__PURE__ */ new Map;
@@ -326195,18 +326326,18 @@ menclose::after {
 }
 `, movableObjectInteractionStylesInjected = false, INTERNAL_NOTE_COMMIT_SOURCES, isInternalNoteCommitSource = (event) => {
   return typeof event?.source === "string" && INTERNAL_NOTE_COMMIT_SOURCES.has(event.source);
-}, DOCUMENT_RELS_PART_ID = "word/_rels/document.xml.rels", DEFAULT_PAGE_SIZE, DEFAULT_MARGINS, DEFAULT_PAGE_GAP = 24, DEFAULT_HORIZONTAL_PAGE_GAP = 20, layoutDebugEnabled, perfLog = (...args$1) => {
+}, DOCUMENT_RELS_PART_ID = "word/_rels/document.xml.rels", DEFAULT_PAGE_SIZE, DEFAULT_MARGINS, DEFAULT_PAGE_GAP = 24, DEFAULT_HORIZONTAL_PAGE_GAP = 20, NAVIGATED_CARET_REPAIR_DELAYS_MS, NAVIGATED_CARET_DRIFT_TOLERANCE_PX = 3, NAVIGATED_CARET_MAX_REPAIR_ATTEMPTS = 3, SELECTION_SCROLL_SETTLE_RENDER_DELAY_MS = 120, SELECTION_SCROLL_SETTLE_FINALIZE_DELAY_MS = 900, layoutDebugEnabled, perfLog = (...args$1) => {
   if (!layoutDebugEnabled)
     return;
   console.log(...args$1);
 }, HEADER_FOOTER_INIT_BUDGET_MS = 200, MAX_ZOOM_WARNING_THRESHOLD = 10, MAX_SELECTION_RECTS_PER_USER = 100, SEMANTIC_RESIZE_DEBOUNCE_MS = 120, MIN_SEMANTIC_CONTENT_WIDTH_PX = 1, GLOBAL_PERFORMANCE, PresentationEditor, ICONS, TEXTS, tableActionsOptions, TRACKED_MARK_NAMES;
-var init_src_DfMY3HP9_es = __esm(() => {
+var init_src_CR8eXLKh_es = __esm(() => {
   init_rolldown_runtime_Bg48TavK_es();
-  init_SuperConverter_Du0apG1R_es();
+  init_SuperConverter_DQ2wMaLK_es();
   init_jszip_C49i9kUs_es();
   init_xml_js_CqGKpaft_es();
   init_uuid_B2wVPhPi_es();
-  init_create_headless_toolbar_BNcguDpP_es();
+  init_create_headless_toolbar_BhSfQYaO_es();
   init_constants_D9qj59G2_es();
   init_unified_BDuVPlMu_es();
   init_remark_gfm_BUJjZJLy_es();
@@ -354164,7 +354295,7 @@ function print() { __p += __j.call(arguments, '') }
       const activeIndex = exports_vue.ref(-1);
       const query2 = exports_vue.ref("");
       const inputDisplay = exports_vue.ref("");
-      const isComposing = exports_vue.ref(false);
+      const isComposing$1 = exports_vue.ref(false);
       const menuPosition = exports_vue.ref({
         top: "0px",
         left: "0px",
@@ -354307,7 +354438,7 @@ function print() { __p += __j.call(arguments, '') }
         resetToApplied();
       };
       const onInput = (event) => {
-        if (isComposing.value)
+        if (isComposing$1.value)
           return;
         const el = event.target;
         const typed = el.value;
@@ -354329,7 +354460,7 @@ function print() { __p += __j.call(arguments, '') }
         }
       };
       const onCompositionEnd = (event) => {
-        isComposing.value = false;
+        isComposing$1.value = false;
         onInput(event);
       };
       const moveActive = (direction) => {
@@ -354380,7 +354511,7 @@ function print() { __p += __j.call(arguments, '') }
         return false;
       };
       const onKeydown = (event) => {
-        if (event.isComposing || isComposing.value || event.keyCode === 229)
+        if (event.isComposing || isComposing$1.value || event.keyCode === 229)
           return;
         if (event.ctrlKey || event.metaKey || event.altKey)
           return;
@@ -354536,7 +354667,7 @@ function print() { __p += __j.call(arguments, '') }
             onBlur,
             onInput,
             onKeydown,
-            onCompositionstart: _cache[0] || (_cache[0] = ($event) => isComposing.value = true),
+            onCompositionstart: _cache[0] || (_cache[0] = ($event) => isComposing$1.value = true),
             onCompositionend: onCompositionEnd
           }, null, 44, _hoisted_1$7)], 32),
           exports_vue.createElementVNode("button", {
@@ -358314,6 +358445,11 @@ function print() { __p += __j.call(arguments, '') }
       this.#trackDocumentOpen();
     }
     unmount() {
+      this.view?.dom?.removeEventListener("compositionend", this.#handleDomCompositionEnd);
+      this.view?.dom?.removeEventListener("blur", this.#handleDomCompositionEnd);
+      this.#deferredCompositionRange = null;
+      this.#deferredCompositionDeletions = [];
+      this.#deferredCompositionId = undefined;
       if (this.#renderer)
         this.#renderer.destroy();
       else if (this.view)
@@ -358954,6 +359090,8 @@ function print() { __p += __j.call(arguments, '') }
         state: this.state,
         handleClick: this.#handleNodeSelection.bind(this)
       });
+      this.view?.dom?.addEventListener("compositionend", this.#handleDomCompositionEnd);
+      this.view?.dom?.addEventListener("blur", this.#handleDomCompositionEnd);
       this.createNodeViews();
     }
     createNodeViews() {
@@ -359064,6 +359202,223 @@ function print() { __p += __j.call(arguments, '') }
         this.#dispatchTransaction(tr);
       }, 50);
     }
+    #deferredCompositionRange = null;
+    #deferredCompositionDeletions = [];
+    #deferredCompositionId = undefined;
+    #canDeferCompositionTracking(tr, state) {
+      if (!tr.steps.length)
+        return false;
+      const range = this.#deferredCompositionRange;
+      for (let index2 = 0;index2 < tr.steps.length; index2 += 1) {
+        const step3 = tr.steps[index2];
+        if (!(step3 instanceof ReplaceStep))
+          return false;
+        if (step3.from < step3.to && (!range || step3.from < range.from || step3.to > range.to)) {
+          const sourceDoc = tr.docs[index2] ?? state.doc;
+          if (!this.#canRestoreDeferredCompositionDeletion(step3, sourceDoc))
+            return false;
+        }
+      }
+      return true;
+    }
+    #canRestoreDeferredCompositionDeletion(step3, doc$12) {
+      if (step3.slice.size === 0)
+        return false;
+      let hasText = false;
+      let hasUnsupportedContent = false;
+      doc$12.nodesBetween(step3.from, step3.to, (node3) => {
+        if (hasUnsupportedContent)
+          return false;
+        if (node3.type.name.includes("table") || node3.isLeaf && !node3.isText) {
+          hasUnsupportedContent = true;
+          return false;
+        }
+        if (node3.isText && node3.text)
+          hasText = true;
+        return true;
+      });
+      return hasText && !hasUnsupportedContent;
+    }
+    #collectDeferredCompositionDeletions(tr) {
+      const deletions = [];
+      const range = this.#deferredCompositionRange;
+      tr.steps.forEach((step3, index2) => {
+        if (!(step3 instanceof ReplaceStep) || step3.from >= step3.to)
+          return;
+        if (range && step3.from >= range.from && step3.to <= range.to)
+          return;
+        const sourceDoc = tr.docs[index2] ?? this.state.doc;
+        if (!this.#canRestoreDeferredCompositionDeletion(step3, sourceDoc))
+          return;
+        const rest = tr.mapping.slice(index2 + 1);
+        deletions.push({
+          pos: rest.map(step3.from + step3.slice.size, 1),
+          slice: sourceDoc.slice(step3.from, step3.to)
+        });
+      });
+      return deletions;
+    }
+    #replacesWithinDeferredRange(tr) {
+      const range = this.#deferredCompositionRange;
+      if (!range || !tr.steps.length)
+        return false;
+      return tr.steps.every((step3) => step3 instanceof ReplaceStep && step3.from < step3.to && step3.from >= range.from && step3.to <= range.to);
+    }
+    #updateDeferredCompositionRange(applied, deferredSource) {
+      if (!this.#deferredCompositionRange && !deferredSource)
+        return;
+      let range = this.#deferredCompositionRange;
+      for (const tr of applied) {
+        if (range) {
+          const from$1 = tr.mapping.map(range.from, -1);
+          const to = tr.mapping.map(range.to, 1);
+          range = from$1 < to ? {
+            from: from$1,
+            to
+          } : null;
+        }
+        if (tr === deferredSource)
+          tr.steps.forEach((step3, index2) => {
+            if (!(step3 instanceof ReplaceStep) || step3.slice.size === 0)
+              return;
+            const rest = tr.mapping.slice(index2 + 1);
+            const from$1 = rest.map(step3.from, -1);
+            const to = rest.map(step3.from + step3.slice.size, 1);
+            range = range ? {
+              from: Math.min(range.from, from$1),
+              to: Math.max(range.to, to)
+            } : {
+              from: from$1,
+              to
+            };
+          });
+      }
+      this.#deferredCompositionRange = range;
+    }
+    #mapDeferredCompositionDeletions(applied) {
+      if (!this.#deferredCompositionDeletions.length)
+        return;
+      this.#deferredCompositionDeletions = this.#mapCompositionDeletions(this.#deferredCompositionDeletions, applied);
+    }
+    #mapCompositionDeletions(deletions, applied) {
+      if (!deletions.length || !applied.length)
+        return deletions;
+      return deletions.map((deletion) => {
+        let pos = deletion.pos;
+        for (const tr of applied)
+          pos = tr.mapping.map(pos, -1);
+        return {
+          ...deletion,
+          pos
+        };
+      });
+    }
+    #flushDeferredCompositionTracking() {
+      const range = this.#deferredCompositionRange;
+      const deletions = this.#deferredCompositionDeletions;
+      const compositionId = this.#deferredCompositionId;
+      this.#deferredCompositionRange = null;
+      this.#deferredCompositionDeletions = [];
+      this.#deferredCompositionId = undefined;
+      if (!range || this.isDestroyed || !this.view)
+        return;
+      const state = this.state;
+      if (!TrackChangesBasePluginKey.getState(state)?.isTrackChangesActive)
+        return;
+      const from$1 = Math.max(0, Math.min(range.from, state.doc.content.size));
+      const to = Math.max(from$1, Math.min(range.to, state.doc.content.size));
+      if (from$1 >= to)
+        return;
+      const insertMarkType = state.schema.marks[TrackInsertMarkName];
+      if (!insertMarkType)
+        return;
+      let fullyMarked = true;
+      state.doc.nodesBetween(from$1, to, (node3) => {
+        if (node3.isText && !insertMarkType.isInSet(node3.marks))
+          fullyMarked = false;
+        return !node3.isText;
+      });
+      if (fullyMarked && !deletions.length)
+        return;
+      const tr = state.tr;
+      const fixedTimeTo10Mins = Math.floor(Date.now() / 600000) * 600000;
+      const date = new Date(fixedTimeTo10Mins).toISOString();
+      const user = this.options.user ?? {};
+      let insertedMark = fullyMarked ? null : markInsertion({
+        tr,
+        from: from$1,
+        to,
+        user,
+        date
+      });
+      const replacementGroupId = insertedMark && deletions.length && this.options.trackedChanges?.replacements !== "independent" ? insertedMark.attrs.id : "";
+      if (insertedMark && replacementGroupId) {
+        const replacementInsertMark = insertedMark.type.create({
+          ...insertedMark.attrs,
+          changeType: CanonicalChangeType.Replacement,
+          replacementGroupId,
+          replacementSideId: `${replacementGroupId}#inserted`
+        });
+        tr.removeMark(from$1, to, insertedMark);
+        tr.addMark(from$1, to, replacementInsertMark);
+        insertedMark = replacementInsertMark;
+      }
+      let deletionMeta = null;
+      deletions.forEach((deletion) => {
+        const deleteFrom = tr.mapping.map(deletion.pos, -1);
+        const beforeSize = tr.doc.content.size;
+        tr.replace(deleteFrom, deleteFrom, deletion.slice);
+        const deleteTo = deleteFrom + (tr.doc.content.size - beforeSize);
+        if (deleteTo <= deleteFrom)
+          return;
+        const deletionResult = markDeletion({
+          tr,
+          from: deleteFrom,
+          to: deleteTo,
+          user,
+          date,
+          id: replacementGroupId || undefined
+        });
+        const deletionMark = replacementGroupId ? deletionResult.deletionMark.type.create({
+          ...deletionResult.deletionMark.attrs,
+          changeType: CanonicalChangeType.Replacement,
+          replacementGroupId,
+          replacementSideId: `${replacementGroupId}#deleted`
+        }) : deletionResult.deletionMark;
+        if (deletionMark !== deletionResult.deletionMark) {
+          tr.removeMark(deleteFrom, deleteTo, deletionResult.deletionMark);
+          tr.addMark(deleteFrom, deleteTo, deletionMark);
+        }
+        deletionMeta = {
+          deletionMark,
+          deletionNodes: deletionResult.nodes
+        };
+      });
+      tr.setMeta("skipTrackChanges", true);
+      tr.setMeta("compositionTrackingFlush", true);
+      if (compositionId !== undefined)
+        tr.setMeta("composition", compositionId);
+      tr.setMeta(TrackChangesBasePluginKey, {
+        ...insertedMark ? { insertedMark } : {},
+        ...deletionMeta ?? {}
+      });
+      this.view.dispatch(tr);
+    }
+    #handleDomCompositionEnd = (event) => {
+      const forceFlush = event?.type === "blur";
+      queueMicrotask(() => {
+        if (!this.#deferredCompositionRange)
+          return;
+        if (this.view?.composing && !forceFlush)
+          return;
+        try {
+          this.view?.domObserver?.flush?.();
+        } catch {}
+        if (this.view?.composing && !forceFlush)
+          return;
+        this.#flushDeferredCompositionTracking();
+      });
+    };
     #dispatchTransaction(transaction) {
       if (this.isDestroyed)
         return;
@@ -359082,13 +359437,21 @@ function print() { __p += __j.call(arguments, '') }
         const protectsExistingTrackedReviewState = transactionTouchesTrackedReviewState(prevState, transactionToApply);
         if (protectsExistingTrackedReviewState && skipTrackChanges)
           transactionToApply.setMeta("protectTrackedReviewState", true);
-        const shouldTrack = (isTrackChangesActive$1 || forceTrackChanges) && !skipTrackChanges || protectsExistingTrackedReviewState;
+        const shouldTrackForComposition = (isTrackChangesActive$1 || forceTrackChanges) && !skipTrackChanges;
+        const shouldTrack = shouldTrackForComposition || protectsExistingTrackedReviewState;
         if (!shouldTrack && directInsertionMutationCommentMeta && !transactionToApply.getMeta(TrackChangesBasePluginKey))
           transactionToApply.setMeta(TrackChangesBasePluginKey, directInsertionMutationCommentMeta);
         if (shouldTrack && forceTrackChanges && !this.options.user)
           throw new Error("forceTrackChanges requires a user to be configured on the editor instance.");
+        const deferTrackingForComposition = shouldTrackForComposition && (isCompositionTransaction(transactionToApply) || this.view?.composing === true && this.#replacesWithinDeferredRange(transactionToApply)) && this.#canDeferCompositionTracking(transactionToApply, prevState);
+        const deferredCompositionDeletions = deferTrackingForComposition ? this.#collectDeferredCompositionDeletions(transactionToApply) : [];
+        if (deferTrackingForComposition) {
+          const compositionMeta = transactionToApply.getMeta("composition");
+          if (compositionMeta !== undefined)
+            this.#deferredCompositionId = compositionMeta;
+        }
         const trackedUser = this.options.user ?? {};
-        transactionToApply = shouldTrack ? trackedTransaction({
+        transactionToApply = shouldTrack && !deferTrackingForComposition ? trackedTransaction({
           tr: transactionToApply,
           state: prevState,
           user: trackedUser,
@@ -359096,6 +359459,12 @@ function print() { __p += __j.call(arguments, '') }
         }) : transactionToApply;
         const { state: appliedState, transactions: appliedTransactions } = prevState.applyTransaction(transactionToApply);
         nextState = appliedState;
+        this.#updateDeferredCompositionRange(appliedTransactions, deferTrackingForComposition ? transactionToApply : null);
+        this.#mapDeferredCompositionDeletions(appliedTransactions);
+        if (deferredCompositionDeletions.length)
+          this.#deferredCompositionDeletions.push(...this.#mapCompositionDeletions(deferredCompositionDeletions, appliedTransactions.slice(1)));
+        if (deferTrackingForComposition && this.view?.composing !== true)
+          this.#handleDomCompositionEnd();
         effectiveTransaction = appliedTransactions.find((t) => t.docChanged) ?? transactionToApply;
       } catch (error3) {
         if (forceTrackChanges)
@@ -361691,6 +362060,12 @@ function print() { __p += __j.call(arguments, '') }
     bottom: 72,
     left: 72
   };
+  NAVIGATED_CARET_REPAIR_DELAYS_MS = [
+    120,
+    360,
+    900,
+    1300
+  ];
   layoutDebugEnabled = typeof process$1 !== "undefined" && typeof process$1.env !== "undefined" && Boolean(process$1.env.SD_DEBUG_LAYOUT);
   GLOBAL_PERFORMANCE = typeof performance !== "undefined" ? performance : undefined;
   PresentationEditor = class PresentationEditor2 extends EventEmitter2 {
@@ -361765,8 +362140,15 @@ function print() { __p += __j.call(arguments, '') }
     #renderScheduled = false;
     #pendingDocChange = false;
     #focusScrollRafId = null;
+    #selectionScrollSettleCleanup = null;
+    #selectionNavigationToken = 0;
+    #activeSelectionNavigation = null;
     #pendingMapping = null;
     #isRerendering = false;
+    #isComposing = false;
+    #compositionDeferralCleanup = [];
+    #compositionTargetCleanup = [];
+    #compositionTargetDom = null;
     #selectionSync = new SelectionSyncCoordinator;
     #fontGate = null;
     #fontResolver = createFontResolver();
@@ -362107,6 +362489,8 @@ function print() { __p += __j.call(arguments, '') }
         this.#setupPointerHandlers();
         this.#setupDragHandlers();
         this.#setupInputBridge();
+        this.#setupCompositionDeferral();
+        this.#refreshCompositionDeferralTarget();
         this.#syncTrackedChangesPreferences();
         this.#syncHeaderFooterTrackedChangesRenderConfig();
         this.#setupSemanticResizeObserver();
@@ -363712,6 +364096,7 @@ function print() { __p += __j.call(arguments, '') }
             const targetEl = this.#findElementAtPosition(pageEl, clampedPos);
             const elToScroll = targetEl ?? pageEl;
             const block = options.ifNeeded && targetEl && this.#isElementFullyVisibleInScrollContainer(targetEl) ? "nearest" : requestedBlock;
+            this.#startSelectionNavigation(clampedPos);
             elToScroll.scrollIntoView({
               block,
               inline: "nearest",
@@ -363730,6 +364115,7 @@ function print() { __p += __j.call(arguments, '') }
                 });
                 this.#shouldScrollSelectionIntoView = false;
                 this.#suppressSelectionScrollUntilRaf = false;
+                this.#scheduleSelectionUpdateAfterScrollSettles();
               });
             }
             return true;
@@ -363812,6 +364198,164 @@ function print() { __p += __j.call(arguments, '') }
         }
       };
     }
+    #startSelectionNavigation(targetPos) {
+      const token$1 = ++this.#selectionNavigationToken;
+      this.#activeSelectionNavigation = {
+        token: token$1,
+        targetPos,
+        scrollSettled: false,
+        repairAttempts: 0
+      };
+      return token$1;
+    }
+    #markSelectionNavigationScrollSettled() {
+      if (this.#activeSelectionNavigation)
+        this.#activeSelectionNavigation.scrollSettled = true;
+    }
+    #finishSelectionNavigation(token$1) {
+      if (token$1 != null && this.#activeSelectionNavigation?.token !== token$1)
+        return;
+      this.#activeSelectionNavigation = null;
+    }
+    #scheduleNavigatedSelectionRender(targetPos) {
+      this.#startSelectionNavigation(targetPos);
+      this.#scheduleSelectionUpdateAfterScrollSettles();
+      this.#scheduleSelectionUpdate({ immediate: true });
+      this.#scheduleNavigatedCaretViewportRepairs(targetPos);
+    }
+    #scheduleNavigatedCaretViewportRepairs(targetPos) {
+      const win = this.#visibleHost.ownerDocument?.defaultView;
+      if (!win)
+        return;
+      for (const delay of NAVIGATED_CARET_REPAIR_DELAYS_MS)
+        win.setTimeout(() => {
+          if (!this.#localSelectionLayer?.isConnected)
+            return;
+          const selection = this.getActiveEditor()?.state?.selection;
+          if (!selection || selection.from !== targetPos || selection.to !== targetPos)
+            return;
+          this.#rebuildDomPositionIndex();
+          this.#renderNavigatedCaretFromViewportCoords(targetPos);
+        }, delay);
+    }
+    #queueSelectionNavigationCaretRepair(caretPos, navigation) {
+      if (this.#activeSelectionNavigation?.token !== navigation.token)
+        return false;
+      const caretEl = this.#localSelectionLayer.querySelector(".presentation-editor__selection-caret");
+      if (!(caretEl instanceof HTMLElement))
+        return false;
+      const expected = this.coordsAtPos(caretPos);
+      if (!expected)
+        return false;
+      const actual = caretEl.getBoundingClientRect();
+      if (Math.abs(actual.top - expected.top) <= NAVIGATED_CARET_DRIFT_TOLERANCE_PX)
+        return false;
+      if (navigation.repairAttempts >= NAVIGATED_CARET_MAX_REPAIR_ATTEMPTS)
+        return false;
+      navigation.repairAttempts += 1;
+      const win = this.#visibleHost.ownerDocument?.defaultView;
+      const repair = () => {
+        if (this.#activeSelectionNavigation?.token !== navigation.token)
+          return;
+        this.#rebuildDomPositionIndex();
+        this.#scheduleSelectionUpdate({ immediate: true });
+      };
+      if (win)
+        win.requestAnimationFrame(repair);
+      else
+        repair();
+      return true;
+    }
+    #renderNavigatedCaretFromViewportCoords(caretPos) {
+      const coords = this.coordsAtPos(caretPos);
+      if (!coords)
+        return false;
+      const zoom = Number.isFinite(this.#layoutOptions.zoom) && this.#layoutOptions.zoom > 0 ? this.#layoutOptions.zoom : 1;
+      const layerRect = this.#localSelectionLayer.getBoundingClientRect();
+      const caretEl = createCaretElement(this.#localSelectionLayer.ownerDocument, {
+        left: (coords.left - layerRect.left) / zoom,
+        top: (coords.top - layerRect.top) / zoom,
+        height: coords.height / zoom
+      });
+      if (!caretEl)
+        return false;
+      this.#localSelectionLayer.innerHTML = "";
+      this.#localSelectionLayer.appendChild(caretEl);
+      return true;
+    }
+    #scheduleSelectionUpdateAfterScrollSettles() {
+      const win = this.#visibleHost.ownerDocument?.defaultView;
+      if (!win) {
+        this.#scheduleSelectionUpdate();
+        return;
+      }
+      this.#selectionScrollSettleCleanup?.();
+      const scrollTarget = this.#scrollContainer instanceof Window || this.#scrollContainer instanceof Element ? this.#scrollContainer : win;
+      let timeoutId = null;
+      let finalTimeoutId = null;
+      let scrollRenderRafId = null;
+      let cleanedUp = false;
+      const cleanup = () => {
+        if (cleanedUp)
+          return;
+        cleanedUp = true;
+        scrollTarget.removeEventListener("scroll", onScroll);
+        scrollTarget.removeEventListener("scrollend", finalizeRender);
+        if (timeoutId != null) {
+          win.clearTimeout(timeoutId);
+          timeoutId = null;
+        }
+        if (finalTimeoutId != null) {
+          win.clearTimeout(finalTimeoutId);
+          finalTimeoutId = null;
+        }
+        if (scrollRenderRafId != null) {
+          win.cancelAnimationFrame(scrollRenderRafId);
+          scrollRenderRafId = null;
+        }
+        if (this.#selectionScrollSettleCleanup === cleanup)
+          this.#selectionScrollSettleCleanup = null;
+      };
+      const renderAfterPause = () => {
+        timeoutId = null;
+        this.#scheduleSelectionUpdate({ immediate: true });
+      };
+      const finalizeRender = () => {
+        if (cleanedUp)
+          return;
+        this.#markSelectionNavigationScrollSettled();
+        cleanup();
+        this.#scheduleSelectionUpdate({ immediate: true });
+      };
+      const queueRender = () => {
+        if (timeoutId != null)
+          win.clearTimeout(timeoutId);
+        timeoutId = win.setTimeout(renderAfterPause, SELECTION_SCROLL_SETTLE_RENDER_DELAY_MS);
+      };
+      const queueFinalize = () => {
+        if (finalTimeoutId != null)
+          win.clearTimeout(finalTimeoutId);
+        finalTimeoutId = win.setTimeout(finalizeRender, SELECTION_SCROLL_SETTLE_FINALIZE_DELAY_MS);
+      };
+      const requestScrollRender = () => {
+        if (scrollRenderRafId != null)
+          return;
+        scrollRenderRafId = win.requestAnimationFrame(() => {
+          scrollRenderRafId = null;
+          this.#scheduleSelectionUpdate({ immediate: true });
+        });
+      };
+      const onScroll = () => {
+        requestScrollRender();
+        queueRender();
+        queueFinalize();
+      };
+      scrollTarget.addEventListener("scroll", onScroll, { passive: true });
+      scrollTarget.addEventListener("scrollend", finalizeRender, { passive: true });
+      this.#selectionScrollSettleCleanup = cleanup;
+      queueRender();
+      queueFinalize();
+    }
     #findElementAtPosition(pageEl, pos) {
       const elements = Array.from(pageEl.querySelectorAll("[data-pm-start][data-pm-end]"));
       let bestMatch = null;
@@ -363835,6 +364379,8 @@ function print() { __p += __j.call(arguments, '') }
       return bestMatch;
     }
     async scrollToPositionAsync(pos, options = {}) {
+      if (!shouldContinueNavigation(options))
+        return false;
       if (this.scrollToPosition(pos, options))
         return true;
       const doc$12 = this.getActiveEditor()?.state?.doc;
@@ -363860,11 +364406,15 @@ function print() { __p += __j.call(arguments, '') }
       }
       if (pageIndex == null)
         return false;
+      if (!shouldContinueNavigation(options))
+        return false;
       this.#scrollPageIntoView(pageIndex);
       if (!await this.#waitForPageMount(pageIndex, { timeout: PresentationEditor2.ANCHOR_NAV_TIMEOUT_MS })) {
         console.warn(`[PresentationEditor] scrollToPositionAsync: Page ${pageIndex} failed to mount within timeout`);
         return false;
       }
+      if (!shouldContinueNavigation(options))
+        return false;
       return this.scrollToPosition(pos, {
         ...options,
         ifNeeded: false
@@ -364049,6 +364599,11 @@ function print() { __p += __j.call(arguments, '') }
           (this.#visibleHost?.ownerDocument?.defaultView ?? window).cancelAnimationFrame(this.#focusScrollRafId);
           this.#focusScrollRafId = null;
         }, "Focus scroll RAF");
+      if (this.#selectionScrollSettleCleanup)
+        safeCleanup(() => {
+          this.#selectionScrollSettleCleanup?.();
+        }, "Selection scroll settle");
+      this.#finishSelectionNavigation();
       if (this.#decorationSyncRafHandle != null)
         safeCleanup(() => {
           (this.#visibleHost?.ownerDocument?.defaultView ?? window).cancelAnimationFrame(this.#decorationSyncRafHandle);
@@ -364103,6 +364658,7 @@ function print() { __p += __j.call(arguments, '') }
       this.#inputBridge?.notifyTargetChanged();
       this.#inputBridge?.destroy();
       this.#inputBridge = null;
+      this.#teardownCompositionDeferral();
       if (this.#a11ySelectionAnnounceTimeout != null) {
         clearTimeout(this.#a11ySelectionAnnounceTimeout);
         this.#a11ySelectionAnnounceTimeout = null;
@@ -364236,6 +364792,12 @@ function print() { __p += __j.call(arguments, '') }
     #syncCommentHighlights() {
       this.#postPaintPipeline.applyCommentHighlights();
     }
+    setActiveTrackChangeIds(ids) {
+      const didChange = this.#postPaintPipeline.setActiveTrackChangeIds(ids);
+      if (didChange)
+        this.#syncInlineStyleLayers();
+      return didChange;
+    }
     #syncInlineStyleLayers() {
       const state = this.#editor?.view?.state;
       if (!state) {
@@ -364692,7 +365254,10 @@ function print() { __p += __j.call(arguments, '') }
     }
     #setupInputBridge() {
       this.#inputBridge?.destroy();
-      this.#inputBridge = new PresentationInputBridge(this.#visibleHost.ownerDocument?.defaultView ?? window, this.#visibleHost, () => this.#getActiveDomTarget(), () => !this.#isViewLocked(), () => this.#editorInputManager?.notifyTargetChanged(), {
+      this.#inputBridge = new PresentationInputBridge(this.#visibleHost.ownerDocument?.defaultView ?? window, this.#visibleHost, () => this.#getActiveDomTarget(), () => !this.#isViewLocked(), () => {
+        this.#refreshCompositionDeferralTarget();
+        this.#editorInputManager?.notifyTargetChanged();
+      }, {
         useWindowFallback: true,
         getTargetEditor: () => this.getActiveEditor()
       });
@@ -365328,6 +365893,70 @@ function print() { __p += __j.call(arguments, '') }
       this.#selectionSync.onLayoutStart();
       this.#scheduleRerender();
     }
+    #beginCompositionDeferral() {
+      this.#isComposing = true;
+    }
+    #endCompositionDeferral() {
+      if (!this.#isComposing)
+        return;
+      this.#isComposing = false;
+      if (this.#pendingDocChange && !this.#renderScheduled && !this.#isRerendering)
+        this.#scheduleRerender();
+    }
+    #resetCompositionDeferral() {
+      this.#isComposing = false;
+    }
+    #handleNonComposingInputForCompositionDeferral = (event) => {
+      if ("isComposing" in event && event.isComposing === false)
+        this.#endCompositionDeferral();
+    };
+    #setupCompositionDeferral() {
+      this.#teardownCompositionDeferral();
+      const add = (target, type, handler2) => {
+        if (!target)
+          return;
+        target.addEventListener(type, handler2);
+        this.#compositionDeferralCleanup.push(() => target.removeEventListener(type, handler2));
+      };
+      const begin = () => this.#beginCompositionDeferral();
+      const end$1 = () => this.#endCompositionDeferral();
+      add(this.#visibleHost, "compositionstart", begin);
+      add(this.#visibleHost, "compositionend", end$1);
+      add(this.#visibleHost, "input", this.#handleNonComposingInputForCompositionDeferral);
+      add(this.#visibleHost, "beforeinput", this.#handleNonComposingInputForCompositionDeferral);
+    }
+    #teardownCompositionDeferral() {
+      this.#compositionTargetCleanup.forEach((cleanup) => cleanup());
+      this.#compositionTargetCleanup = [];
+      this.#compositionTargetDom = null;
+      this.#compositionDeferralCleanup.forEach((cleanup) => cleanup());
+      this.#compositionDeferralCleanup = [];
+      this.#resetCompositionDeferral();
+    }
+    #refreshCompositionDeferralTarget() {
+      const nextTarget = this.#getActiveDomTarget();
+      if (nextTarget === this.#compositionTargetDom)
+        return;
+      this.#compositionTargetCleanup.forEach((cleanup) => cleanup());
+      this.#compositionTargetCleanup = [];
+      this.#compositionTargetDom = nextTarget;
+      if (!nextTarget) {
+        this.#endCompositionDeferral();
+        return;
+      }
+      const begin = () => this.#beginCompositionDeferral();
+      const end$1 = () => this.#endCompositionDeferral();
+      nextTarget.addEventListener("compositionstart", begin);
+      nextTarget.addEventListener("compositionend", end$1);
+      nextTarget.addEventListener("blur", end$1);
+      nextTarget.addEventListener("focusout", end$1);
+      nextTarget.addEventListener("beforeinput", this.#handleNonComposingInputForCompositionDeferral);
+      this.#compositionTargetCleanup.push(() => nextTarget.removeEventListener("compositionstart", begin));
+      this.#compositionTargetCleanup.push(() => nextTarget.removeEventListener("compositionend", end$1));
+      this.#compositionTargetCleanup.push(() => nextTarget.removeEventListener("blur", end$1));
+      this.#compositionTargetCleanup.push(() => nextTarget.removeEventListener("focusout", end$1));
+      this.#compositionTargetCleanup.push(() => nextTarget.removeEventListener("beforeinput", this.#handleNonComposingInputForCompositionDeferral));
+    }
     #scheduleRerender() {
       if (this.#renderScheduled)
         return;
@@ -365346,6 +365975,8 @@ function print() { __p += __j.call(arguments, '') }
       }
       if (!this.#pendingDocChange)
         return;
+      if (this.#isComposing)
+        return;
       this.#pendingDocChange = false;
       this.#isRerendering = true;
       const activeHfEditor = (this.#headerFooterSession?.session?.mode ?? "body") !== "body" ? this.#headerFooterSession?.activeEditor : null;
@@ -366132,9 +366763,22 @@ function print() { __p += __j.call(arguments, '') }
       }
       if (from$1 === to || isDragDropIndicatorActive) {
         const caretPos = this.#dragDropIndicatorPos ?? from$1;
+        const activeNavigation$1 = this.#activeSelectionNavigation;
+        const isRenderingNavigatedCaret = activeNavigation$1?.targetPos === caretPos;
+        if (isRenderingNavigatedCaret)
+          this.#rebuildDomPositionIndex();
+        else if (activeNavigation$1)
+          this.#finishSelectionNavigation(activeNavigation$1.token);
+        if (isRenderingNavigatedCaret && activeNavigation$1?.scrollSettled && this.#renderNavigatedCaretFromViewportCoords(caretPos)) {
+          this.#finishSelectionNavigation(activeNavigation$1.token);
+          return;
+        }
         const caretLayout = this.#computeCaretLayoutRect(caretPos);
-        if (!caretLayout)
+        if (!caretLayout) {
+          if (isRenderingNavigatedCaret)
+            this.#localSelectionLayer.innerHTML = "";
           return;
+        }
         try {
           this.#localSelectionLayer.innerHTML = "";
           renderCaretOverlay({
@@ -366142,6 +366786,9 @@ function print() { __p += __j.call(arguments, '') }
             caretLayout,
             convertPageLocalToOverlayCoords: (pageIndex, x, y$1) => this.#convertPageLocalToOverlayCoords(pageIndex, x, y$1)
           });
+          const queuedNavigationRepair = isRenderingNavigatedCaret && activeNavigation$1 ? this.#queueSelectionNavigationCaretRepair(caretPos, activeNavigation$1) : false;
+          if (isRenderingNavigatedCaret && activeNavigation$1?.scrollSettled && !queuedNavigationRepair)
+            this.#finishSelectionNavigation(activeNavigation$1?.token);
         } catch (error3) {
           if (process$1.env.NODE_ENV === "development")
             console.warn("[PresentationEditor] Failed to render caret overlay:", error3);
@@ -366150,8 +366797,16 @@ function print() { __p += __j.call(arguments, '') }
           this.#scrollActiveEndIntoView(caretLayout.pageIndex);
         return;
       }
+      const activeNavigation = this.#activeSelectionNavigation;
+      const selectionContainsNavigationTarget = activeNavigation != null && activeNavigation.targetPos >= from$1 && activeNavigation.targetPos <= to;
+      if (activeNavigation && !selectionContainsNavigationTarget)
+        this.#finishSelectionNavigation(activeNavigation.token);
+      if (selectionContainsNavigationTarget)
+        this.#rebuildDomPositionIndex();
       const domRects = this.#computeSelectionRectsFromDom(from$1, to);
       if (domRects == null) {
+        if (selectionContainsNavigationTarget)
+          this.#localSelectionLayer.innerHTML = "";
         debugLog("warn", "Local selection: DOM rect computation failed", {
           from: from$1,
           to
@@ -366168,7 +366823,7 @@ function print() { __p += __j.call(arguments, '') }
       try {
         this.#localSelectionLayer.innerHTML = "";
         const isFieldAnnotationSelection2 = selection instanceof NodeSelection && selection.node?.type?.name === "fieldAnnotation";
-        if (domRects.length > 0 && !isFieldAnnotationSelection2)
+        if (domRects.length > 0 && !isFieldAnnotationSelection2) {
           renderSelectionRects({
             localSelectionLayer: this.#localSelectionLayer,
             rects: domRects,
@@ -366176,6 +366831,9 @@ function print() { __p += __j.call(arguments, '') }
             pageGap: this.#layoutState.layout?.pageGap ?? 0,
             convertPageLocalToOverlayCoords: (pageIndex, x, y$1) => this.#convertPageLocalToOverlayCoords(pageIndex, x, y$1)
           });
+          if (selectionContainsNavigationTarget && activeNavigation?.scrollSettled)
+            this.#finishSelectionNavigation(activeNavigation?.token);
+        }
       } catch (error3) {
         if (process$1.env.NODE_ENV === "development")
           console.warn("[PresentationEditor] Failed to render selection rects:", error3);
@@ -367135,9 +367793,12 @@ function print() { __p += __j.call(arguments, '') }
         });
       if (!await this.scrollToPositionAsync(contentPos, {
         behavior: options.behavior ?? "auto",
-        block: options.block ?? "center"
+        block: options.block ?? "center",
+        shouldContinue: options.shouldContinue
       }))
         return false;
+      if (!shouldContinueNavigation(options))
+        return false;
       editor.commands?.setTextSelection?.({
         from: contentPos,
         to: contentPos
@@ -367159,9 +367820,10 @@ function print() { __p += __j.call(arguments, '') }
         return false;
       await this.scrollToPositionAsync(editor.state.selection.from, {
         behavior: options.behavior ?? "auto",
-        block: options.block ?? "center"
+        block: options.block ?? "center",
+        shouldContinue: options.shouldContinue
       });
-      return true;
+      return shouldContinueNavigation(options);
     }
     async#navigateToBookmark(target) {
       const editor = this.#editor;
@@ -367192,64 +367854,113 @@ function print() { __p += __j.call(arguments, '') }
       const behavior = options.behavior ?? "auto";
       const block = options.block ?? "center";
       const navigationIds = this.#resolveTrackedChangeNavigationIds(entityId, storyKey);
+      if (!shouldContinueNavigation(options))
+        return false;
       if (storyKey && storyKey !== "body") {
-        for (const id2 of navigationIds)
+        for (const id2 of navigationIds) {
+          if (!shouldContinueNavigation(options))
+            return false;
           if (this.#navigateToActiveStoryTrackedChange(id2, storyKey))
             return true;
+        }
         for (const id2 of navigationIds)
-          if (await this.#activateTrackedChangeStorySurface(id2, storyKey, preferredPageIndex)) {
-            for (const activeId of navigationIds)
+          if (await this.#activateTrackedChangeStorySurface(id2, storyKey, preferredPageIndex, options)) {
+            if (!shouldContinueNavigation(options))
+              return false;
+            for (const activeId of navigationIds) {
+              if (!shouldContinueNavigation(options))
+                return false;
               if (this.#navigateToActiveStoryTrackedChange(activeId, storyKey))
                 return true;
+            }
           }
-        for (const id2 of navigationIds)
+        for (const id2 of navigationIds) {
+          if (!shouldContinueNavigation(options))
+            return false;
           if (await this.#scrollToRenderedTrackedChange(id2, storyKey, preferredPageIndex, {
             behavior,
-            block
+            block,
+            shouldContinue: options.shouldContinue
           }))
             return true;
+        }
         return false;
       }
+      this.exitActiveStorySurface();
       const setCursorById = editor.commands?.setCursorById;
-      if (typeof setCursorById === "function") {
-        for (const id2 of navigationIds)
+      for (const id2 of navigationIds) {
+        if (!shouldContinueNavigation(options))
+          return false;
+        const selection = resolveTrackedChangeNavigationSelection(editor, id2);
+        if (!selection)
+          continue;
+        const setTextSelection$1 = editor.commands?.setTextSelection;
+        if (!await this.scrollToPositionAsync(selection.from, {
+          behavior,
+          block,
+          shouldContinue: options.shouldContinue
+        }) || !shouldContinueNavigation(options))
+          return false;
+        if (typeof setTextSelection$1 !== "function" || setTextSelection$1(selection) !== true)
+          continue;
+        editor.view?.focus?.();
+        this.#scheduleNavigatedSelectionRender(selection.from);
+        return true;
+      }
+      if (typeof setCursorById === "function")
+        for (const id2 of navigationIds) {
+          if (!shouldContinueNavigation(options))
+            return false;
           if (setCursorById(id2, { preferredActiveThreadId: id2 })) {
-            await this.scrollToPositionAsync(editor.state.selection.from, {
+            if (!await this.scrollToPositionAsync(editor.state.selection.from, {
               behavior,
-              block
-            });
+              block,
+              shouldContinue: options.shouldContinue
+            }) || !shouldContinueNavigation(options))
+              return false;
+            editor.view?.focus?.();
+            this.#scheduleNavigatedSelectionRender(editor.state.selection.from);
             return true;
           }
-      }
+        }
       const resolved = navigationIds.map((id2) => resolveTrackedChange(editor, id2)).find(Boolean);
       if (!resolved) {
         for (const id2 of navigationIds)
           if (await this.#scrollToRenderedTrackedChange(id2, undefined, preferredPageIndex, {
             behavior,
-            block
+            block,
+            shouldContinue: options.shouldContinue
           }))
             return true;
         return false;
       }
       if (typeof setCursorById === "function" && resolved.rawId !== entityId) {
+        if (!shouldContinueNavigation(options))
+          return false;
         if (setCursorById(resolved.rawId, { preferredActiveThreadId: resolved.rawId })) {
-          await this.scrollToPositionAsync(editor.state.selection.from, {
+          if (!await this.scrollToPositionAsync(editor.state.selection.from, {
             behavior,
-            block
-          });
+            block,
+            shouldContinue: options.shouldContinue
+          }) || !shouldContinueNavigation(options))
+            return false;
+          editor.view?.focus?.();
+          this.#scheduleNavigatedSelectionRender(editor.state.selection.from);
           return true;
         }
       }
       if (!await this.scrollToPositionAsync(resolved.from, {
         behavior,
-        block
-      }))
+        block,
+        shouldContinue: options.shouldContinue
+      }) || !shouldContinueNavigation(options))
         return false;
       editor.commands?.setTextSelection?.({
         from: resolved.from,
         to: resolved.from
       });
       editor.view?.focus?.();
+      this.#scheduleNavigatedSelectionRender(resolved.from);
       return true;
     }
     #resolveTrackedChangeNavigationIds(entityId, storyKey) {
@@ -367285,7 +367996,7 @@ function print() { __p += __j.call(arguments, '') }
       } catch {}
       return ids;
     }
-    async#activateTrackedChangeStorySurface(entityId, storyKey, preferredPageIndex) {
+    async#activateTrackedChangeStorySurface(entityId, storyKey, preferredPageIndex, options = {}) {
       let locator = null;
       try {
         locator = parseStoryKey(storyKey);
@@ -367294,15 +368005,23 @@ function print() { __p += __j.call(arguments, '') }
       }
       if (!locator || locator.storyType === "body")
         return false;
+      if (!shouldContinueNavigation(options))
+        return false;
       const candidate = this.#findRenderedTrackedChangeElement(entityId, storyKey, preferredPageIndex);
       if (!candidate)
         return false;
+      if (!shouldContinueNavigation(options))
+        return false;
       const rect = candidate.getBoundingClientRect();
       const clientX = rect.left + Math.max(rect.width / 2, 1);
       const clientY = rect.top + Math.max(rect.height / 2, 1);
       const pageIndex = this.#resolveRenderedPageIndexForElement(candidate);
+      if (!shouldContinueNavigation(options))
+        return false;
       if (locator.storyType === "footnote" || locator.storyType === "endnote") {
         try {
+          if (!shouldContinueNavigation(options))
+            return false;
           if (!this.#activateRenderedNoteSession({
             storyType: locator.storyType,
             noteId: locator.noteId
@@ -367315,7 +368034,7 @@ function print() { __p += __j.call(arguments, '') }
         } catch {
           return false;
         }
-        return this.#waitForTrackedChangeStorySurface(storyKey);
+        return this.#waitForTrackedChangeStorySurface(storyKey, undefined, options);
       }
       if (locator.storyType !== "headerFooterPart")
         return false;
@@ -367324,21 +368043,27 @@ function print() { __p += __j.call(arguments, '') }
       const region = this.#hitTestHeaderFooterRegion(clientX, clientY, pageIndex, pageLocalY);
       if (!region)
         return false;
+      if (!shouldContinueNavigation(options))
+        return false;
       this.#activateHeaderFooterRegion(region, {
         clientX,
         clientY,
         pageIndex,
         source: "programmatic"
       });
-      return this.#waitForTrackedChangeStorySurface(storyKey);
+      return this.#waitForTrackedChangeStorySurface(storyKey, undefined, options);
     }
-    async#waitForTrackedChangeStorySurface(storyKey, timeoutMs = 500) {
+    async#waitForTrackedChangeStorySurface(storyKey, timeoutMs = 500, options = {}) {
       const deadline = Date.now() + timeoutMs;
       while (Date.now() < deadline) {
+        if (!shouldContinueNavigation(options))
+          return false;
         if (this.#getActiveTrackedChangeStorySurface()?.storyKey === storyKey)
           return true;
         await new Promise((resolve3) => setTimeout(resolve3, 16));
       }
+      if (!shouldContinueNavigation(options))
+        return false;
       return this.#getActiveTrackedChangeStorySurface()?.storyKey === storyKey;
     }
     async#activateBookmarkStorySurface(storyKey) {
@@ -367476,6 +368201,12 @@ function print() { __p += __j.call(arguments, '') }
         return false;
       const sessionEditor = activeSurface.editor;
       const setCursorById = sessionEditor.commands?.setCursorById;
+      const navigationSelection = resolveTrackedChangeNavigationSelection(sessionEditor, entityId);
+      const setTextSelection$1 = sessionEditor.commands?.setTextSelection;
+      if (navigationSelection && typeof setTextSelection$1 === "function" && setTextSelection$1(navigationSelection) === true) {
+        this.#focusAndRevealActiveStorySelection(sessionEditor);
+        return true;
+      }
       if (typeof setCursorById === "function" && setCursorById(entityId, { preferredActiveThreadId: entityId })) {
         this.#focusAndRevealActiveStorySelection(sessionEditor);
         return true;
@@ -367513,6 +368244,8 @@ function print() { __p += __j.call(arguments, '') }
       const candidate = this.#findRenderedTrackedChangeElement(entityId, storyKey, preferredPageIndex);
       if (!candidate)
         return false;
+      if (!shouldContinueNavigation(options))
+        return false;
       try {
         candidate.scrollIntoView({
           behavior: options.behavior ?? "auto",
@@ -368454,11 +369187,11 @@ function print() { __p += __j.call(arguments, '') }
   ]);
 });
 
-// ../../packages/superdoc/dist/chunks/create-super-doc-ui-oSlpT6HI.es.js
+// ../../packages/superdoc/dist/chunks/create-super-doc-ui-BjToI9WN.es.js
 var DEFAULT_TEXT_ALIGN_OPTIONS, DEFAULT_LINE_HEIGHT_OPTIONS, DEFAULT_ZOOM_OPTIONS, DEFAULT_DOCUMENT_MODE_OPTIONS, DEFAULT_FONT_SIZE_OPTIONS, headlessToolbarConstants, MOD_ALIASES, ALT_ALIASES, CTRL_ALIASES, SHIFT_ALIASES, BUILTIN_CONTEXT_MENU_GROUPS, BUILTIN_GROUP_ORDER, RESERVED_PROXY_PROPERTY_NAMES, ALL_TOOLBAR_COMMAND_IDS, EMPTY_ACTIVE_IDS, FONT_SIZE_OPTIONS;
-var init_create_super_doc_ui_oSlpT6HI_es = __esm(() => {
-  init_SuperConverter_Du0apG1R_es();
-  init_create_headless_toolbar_BNcguDpP_es();
+var init_create_super_doc_ui_BjToI9WN_es = __esm(() => {
+  init_SuperConverter_DQ2wMaLK_es();
+  init_create_headless_toolbar_BhSfQYaO_es();
   DEFAULT_TEXT_ALIGN_OPTIONS = [
     {
       label: "Left",
@@ -368749,15 +369482,15 @@ var init_zipper_BxRAi0_5_es = __esm(() => {
 
 // ../../packages/superdoc/dist/super-editor.es.js
 var init_super_editor_es = __esm(() => {
-  init_src_DfMY3HP9_es();
-  init_SuperConverter_Du0apG1R_es();
+  init_src_CR8eXLKh_es();
+  init_SuperConverter_DQ2wMaLK_es();
   init_jszip_C49i9kUs_es();
   init_xml_js_CqGKpaft_es();
-  init_create_headless_toolbar_BNcguDpP_es();
+  init_create_headless_toolbar_BhSfQYaO_es();
   init_constants_D9qj59G2_es();
   init_unified_BDuVPlMu_es();
   init_DocxZipper_BzS208BW_es();
-  init_create_super_doc_ui_oSlpT6HI_es();
+  init_create_super_doc_ui_BjToI9WN_es();
   init_ui_CGB3qmy3_es();
   init_eventemitter3_UwU_CLPU_es();
   init_errors_C_DoKMoN_es();