@superdoc-dev/cli 0.17.0-next.37 → 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();
@@ -180566,157 +180648,6 @@ var __plugin_vue_export_helper_default = (sfc, props) => {
 };
 var init__plugin_vue_export_helper_HmhZBO0u_es = () => {};
 
-// ../../packages/superdoc/dist/chunks/ui-BMYSpkne.es.js
-function buildAnnotationSelector() {
-  return `.${DOM_CLASS_NAMES.ANNOTATION}[${DATA_ATTRS.PM_START}]`;
-}
-function findRenderedCommentElements(host, commentId, storyKey) {
-  if (!host || !commentId)
-    return [];
-  return Array.from(host.querySelectorAll("[data-comment-ids]")).filter((el) => {
-    const raw = el.dataset.commentIds;
-    if (!raw)
-      return false;
-    if (!raw.split(",").some((token) => token.trim() === commentId))
-      return false;
-    if (!storyKey)
-      return true;
-    const elStoryKey = el.dataset.storyKey;
-    if (elStoryKey)
-      return elStoryKey === storyKey;
-    return storyKey === BODY_STORY_KEY;
-  });
-}
-function findRenderedTrackedChangeElementsStrict(host, entityId, escapeAttrValue, storyKey) {
-  if (!host || !entityId)
-    return [];
-  const baseSelector = `[data-track-change-id="${escapeAttrValue(entityId)}"]`;
-  if (!storyKey)
-    return Array.from(host.querySelectorAll(baseSelector));
-  const storySelector = `${baseSelector}[data-story-key="${escapeAttrValue(storyKey)}"]`;
-  return Array.from(host.querySelectorAll(storySelector));
-}
-function findRenderedContentControlElements(host, entityId, escapeAttrValue, _storyKey) {
-  if (!host || !entityId)
-    return [];
-  const id2 = escapeAttrValue(entityId);
-  const selector = `.${DOM_CLASS_NAMES.INLINE_SDT_WRAPPER}[data-sdt-id="${id2}"][data-sdt-type="structuredContent"],.${DOM_CLASS_NAMES.BLOCK_SDT}[data-sdt-id="${id2}"][data-sdt-type="structuredContent"]`;
-  return Array.from(host.querySelectorAll(selector));
-}
-function elementsToRangeRects(elements) {
-  const result = [];
-  for (const element of elements) {
-    const rect = element.getBoundingClientRect();
-    if (![
-      rect.top,
-      rect.left,
-      rect.right,
-      rect.bottom,
-      rect.width,
-      rect.height
-    ].every(Number.isFinite))
-      continue;
-    const pageEl = element.closest(".superdoc-page");
-    const pageIndexAttr = Number(pageEl?.dataset?.pageIndex ?? 0);
-    result.push({
-      pageIndex: Number.isFinite(pageIndexAttr) ? pageIndexAttr : 0,
-      left: rect.left,
-      top: rect.top,
-      right: rect.right,
-      bottom: rect.bottom,
-      width: rect.width,
-      height: rect.height
-    });
-  }
-  return result;
-}
-var DOM_CLASS_NAMES, STRUCTURED_CONTENT_CHROME_LABEL_CLASS_NAMES, DATA_ATTRS, DATASET_KEYS, encodeLayoutStoryDataset = (story) => story.kind === "body" ? "body" : story.id ? `${story.kind}:${story.id}` : story.kind, decodeLayoutStoryDataset = (raw) => {
-  if (!raw)
-    return { kind: "unknown" };
-  if (raw === "body")
-    return { kind: "body" };
-  const idx = raw.indexOf(":");
-  const kind = idx === -1 ? raw : raw.slice(0, idx);
-  const id2 = idx === -1 ? undefined : raw.slice(idx + 1);
-  switch (kind) {
-    case "body":
-    case "header":
-    case "footer":
-    case "footnote":
-    case "endnote":
-      return id2 ? {
-        kind,
-        id: id2
-      } : { kind };
-    default:
-      return { kind: "unknown" };
-  }
-}, DRAGGABLE_SELECTOR;
-var init_ui_BMYSpkne_es = __esm(() => {
-  init_SuperConverter_Du0apG1R_es();
-  DOM_CLASS_NAMES = {
-    PAGE: "superdoc-page",
-    FRAGMENT: "superdoc-fragment",
-    LINE: "superdoc-line",
-    INLINE_SDT_WRAPPER: "superdoc-structured-content-inline",
-    INLINE_SDT_LABEL: "superdoc-structured-content-inline__label",
-    BLOCK_SDT: "superdoc-structured-content-block",
-    BLOCK_SDT_LABEL: "superdoc-structured-content__label",
-    TABLE_FRAGMENT: "superdoc-table-fragment",
-    DOCUMENT_SECTION: "superdoc-document-section",
-    SDT_GROUP_HOVER: "sdt-group-hover",
-    TOC_ENTRY: "superdoc-toc-entry",
-    TOC_GROUP_HOVER: "toc-group-hover",
-    IMAGE_FRAGMENT: "superdoc-image-fragment",
-    INLINE_IMAGE: "superdoc-inline-image",
-    LIST_MARKER: "superdoc-list-marker",
-    INLINE_IMAGE_CLIP_WRAPPER: "superdoc-inline-image-clip-wrapper",
-    ANNOTATION: "annotation",
-    ANNOTATION_CONTENT: "annotation-content",
-    ANNOTATION_CARET_ANCHOR: "annotation-caret-anchor"
-  };
-  STRUCTURED_CONTENT_CHROME_LABEL_CLASS_NAMES = [DOM_CLASS_NAMES.INLINE_SDT_LABEL, DOM_CLASS_NAMES.BLOCK_SDT_LABEL];
-  DATA_ATTRS = {
-    PM_START: "data-pm-start",
-    PM_END: "data-pm-end",
-    LAYOUT_EPOCH: "data-layout-epoch",
-    TABLE_BOUNDARIES: "data-table-boundaries",
-    SDT_ID: "data-sdt-id",
-    SDT_TYPE: "data-sdt-type",
-    FIELD_ID: "data-field-id",
-    FIELD_TYPE: "data-field-type",
-    DRAGGABLE: "data-draggable",
-    DISPLAY_LABEL: "data-display-label",
-    VARIANT: "data-variant",
-    TYPE: "data-type",
-    LAYOUT_BOUNDARY_SCHEMA: "data-layout-boundary-schema",
-    LAYOUT_FRAGMENT_ID: "data-layout-fragment-id",
-    LAYOUT_STORY: "data-layout-story",
-    LAYOUT_BLOCK_REF: "data-layout-block-ref"
-  };
-  DATASET_KEYS = {
-    PM_START: "pmStart",
-    PM_END: "pmEnd",
-    LAYOUT_EPOCH: "layoutEpoch",
-    TABLE_BOUNDARIES: "tableBoundaries",
-    SDT_ID: "sdtId",
-    SDT_TYPE: "sdtType",
-    FIELD_ID: "fieldId",
-    FIELD_TYPE: "fieldType",
-    DRAGGABLE: "draggable",
-    DISPLAY_LABEL: "displayLabel",
-    VARIANT: "variant",
-    TYPE: "type",
-    LAYOUT_BOUNDARY_SCHEMA: "layoutBoundarySchema",
-    LAYOUT_FRAGMENT_ID: "layoutFragmentId",
-    LAYOUT_STORY: "layoutStory",
-    LAYOUT_BLOCK_REF: "layoutBlockRef"
-  };
-  `${DOM_CLASS_NAMES.BLOCK_SDT}${DATA_ATTRS.SDT_ID}`;
-  DRAGGABLE_SELECTOR = `[${DATA_ATTRS.DRAGGABLE}="true"]`;
-  DATA_ATTRS.LAYOUT_EPOCH;
-});
-
 // ../../packages/superdoc/dist/chunks/eventemitter3-UwU_CLPU.es.js
 var import_eventemitter3;
 var init_eventemitter3_UwU_CLPU_es = __esm(() => {
@@ -227233,7 +227164,7 @@ var init_remark_gfm_DCND_V_3_es = __esm(() => {
   init_remark_gfm_BUJjZJLy_es();
 });
 
-// ../../packages/superdoc/dist/chunks/src-bGJhSgx_.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) => {
@@ -236683,6 +236614,9 @@ function replaceCommand(wrap5, moveForward) {
     return true;
   };
 }
+function buildAnnotationSelector() {
+  return `.${DOM_CLASS_NAMES.ANNOTATION}[${DATA_ATTRS.PM_START}]`;
+}
 function isPresenting(editor) {
   const presentationCtx = editor?.presentationEditor;
   if (!presentationCtx)
@@ -251846,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))
@@ -275105,7 +275036,7 @@ function getMeasurementContext() {
 function getRunFontString(run2) {
   if (run2.kind === "tab" || run2.kind === "lineBreak" || run2.kind === "break" || run2.kind === "fieldAnnotation" || run2.kind === "math" || "src" in run2)
     return "normal normal 16px Arial";
-  return `${run2.italic ? "italic" : "normal"} ${run2.bold ? "bold" : "normal"} ${run2.fontSize ?? 16}px ${DEFAULT_FONT_MEASURE_CONTEXT.resolvePhysical(run2.fontFamily ?? "Arial", faceOf$1(run2))}`;
+  return `${run2.italic ? "italic" : "normal"} ${run2.bold ? "bold" : "normal"} ${run2.fontSize ?? 16}px ${run2.fontFamily ?? "Arial"}`;
 }
 function measureCharacterX(block, line, charOffset, availableWidthOverride, alignmentOverride) {
   const ctx$1 = getMeasurementContext();
@@ -275245,43 +275176,97 @@ function charOffsetToPm(block, line, charOffset, fallbackPmStart) {
   return lastPm;
 }
 function findCharacterAtX(block, line, x, pmStart, availableWidthOverride, alignmentOverride) {
-  const maxOffset = lineCharLength(block, line);
-  const xAtOffset = (offset$1) => measureCharacterX(block, line, offset$1, availableWidthOverride, alignmentOverride);
-  const charOffset = nearestOffsetToX(x, maxOffset, xAtOffset);
-  return {
-    charOffset,
-    pmPosition: charOffsetToPm(block, line, charOffset, pmStart)
-  };
-}
-function lineCharLength(block, line) {
-  let length$12 = 0;
-  for (const run2 of sliceRunsForLine(block, line)) {
+  const ctx$1 = getMeasurementContext();
+  const availableWidth = availableWidthOverride ?? line.maxWidth ?? line.width;
+  const justify = getJustifyAdjustment({
+    block,
+    line,
+    availableWidthOverride: availableWidth,
+    alignmentOverride
+  });
+  const alignment$1 = alignmentOverride ?? (block.kind === "paragraph" ? block.attrs?.alignment : undefined);
+  const renderedLineWidth = alignment$1 === "justify" ? line.width + Math.max(0, availableWidth - line.width) : line.width;
+  const hasExplicitPositioning = line.segments?.some((seg) => seg.x !== undefined);
+  const alignmentOffset = !hasExplicitPositioning && alignment$1 === "center" ? Math.max(0, (availableWidth - renderedLineWidth) / 2) : !hasExplicitPositioning && alignment$1 === "right" ? Math.max(0, availableWidth - renderedLineWidth) : 0;
+  if (!ctx$1) {
+    const runs$1 = sliceRunsForLine(block, line);
+    const charsInLine = Math.max(1, runs$1.reduce((sum, run2) => {
+      if (isTabRun$1(run2))
+        return sum + TAB_CHAR_LENGTH;
+      if ("src" in run2 || run2.kind === "lineBreak" || run2.kind === "break" || run2.kind === "fieldAnnotation" || run2.kind === "math")
+        return sum;
+      return sum + (run2.text ?? "").length;
+    }, 0));
+    const ratio = Math.max(0, Math.min(1, (x - alignmentOffset) / renderedLineWidth));
+    const charOffset = Math.round(ratio * charsInLine);
+    return {
+      charOffset,
+      pmPosition: charOffsetToPm(block, line, charOffset, pmStart)
+    };
+  }
+  const runs2 = sliceRunsForLine(block, line);
+  const safeX = Math.max(0, Math.min(renderedLineWidth, x - alignmentOffset));
+  let currentX = 0;
+  let currentCharOffset = 0;
+  let spaceTally = 0;
+  for (const run2 of runs2) {
     if (isTabRun$1(run2)) {
-      length$12 += TAB_CHAR_LENGTH;
+      const tabWidth = run2.width ?? 0;
+      const startX = currentX;
+      const endX = currentX + tabWidth;
+      if (safeX <= endX) {
+        const offsetInRun = safeX < startX + tabWidth / 2 ? 0 : TAB_CHAR_LENGTH;
+        const charOffset = currentCharOffset + offsetInRun;
+        return {
+          charOffset,
+          pmPosition: charOffsetToPm(block, line, charOffset, pmStart)
+        };
+      }
+      currentX = endX;
+      currentCharOffset += TAB_CHAR_LENGTH;
       continue;
     }
-    if ("src" in run2 || run2.kind === "lineBreak" || run2.kind === "break" || run2.kind === "fieldAnnotation" || run2.kind === "math")
+    const text5 = "src" in run2 || run2.kind === "lineBreak" || run2.kind === "break" || run2.kind === "fieldAnnotation" || run2.kind === "math" ? "" : run2.text ?? "";
+    const runLength = text5.length;
+    const displayText = applyTextTransform$3(text5, isTabRun$1(run2) || "src" in run2 || run2.kind === "lineBreak" || run2.kind === "break" || run2.kind === "fieldAnnotation" || run2.kind === "math" ? undefined : run2.textTransform);
+    if (runLength === 0)
       continue;
-    length$12 += (run2.text ?? "").length;
-  }
-  return length$12;
-}
-function nearestOffsetToX(x, maxOffset, xAtOffset) {
-  if (maxOffset <= 0 || x <= xAtOffset(0))
-    return 0;
-  if (x >= xAtOffset(maxOffset))
-    return maxOffset;
-  let lo = 0;
-  let hi = maxOffset;
-  while (lo < hi) {
-    const mid = lo + hi + 1 >> 1;
-    if (xAtOffset(mid) <= x)
-      lo = mid;
-    else
-      hi = mid - 1;
+    ctx$1.font = getRunFontString(run2);
+    for (let i3 = 0;i3 <= runLength; i3++) {
+      const textUpToChar = displayText.slice(0, i3);
+      const measured$1 = ctx$1.measureText(textUpToChar);
+      const spacesInPortion = justify.extraPerSpace > 0 ? countSpaces(text5.slice(0, i3)) : 0;
+      const charX = currentX + measured$1.width + computeLetterSpacingWidth(run2, i3, runLength) + justify.extraPerSpace * (spaceTally + spacesInPortion);
+      if (charX >= safeX) {
+        if (i3 === 0) {
+          const pmPosition$1 = charOffsetToPm(block, line, currentCharOffset, pmStart);
+          return {
+            charOffset: currentCharOffset,
+            pmPosition: pmPosition$1
+          };
+        }
+        const prevText = displayText.slice(0, i3 - 1);
+        const prevMeasured = ctx$1.measureText(prevText);
+        const prevX = currentX + prevMeasured.width + computeLetterSpacingWidth(run2, i3 - 1, runLength);
+        const charOffset = Math.abs(safeX - prevX) < Math.abs(safeX - charX) ? currentCharOffset + i3 - 1 : currentCharOffset + i3;
+        return {
+          charOffset,
+          pmPosition: charOffsetToPm(block, line, charOffset, pmStart)
+        };
+      }
+    }
+    const measured = ctx$1.measureText(displayText);
+    const runLetterSpacing = computeLetterSpacingWidth(run2, runLength, runLength);
+    const spacesInRun = justify.extraPerSpace > 0 ? countSpaces(text5) : 0;
+    currentX += measured.width + runLetterSpacing + justify.extraPerSpace * spacesInRun;
+    spaceTally += spacesInRun;
+    currentCharOffset += runLength;
   }
-  const upper = Math.min(lo + 1, maxOffset);
-  return x - xAtOffset(lo) < xAtOffset(upper) - x ? lo : upper;
+  const pmPosition = charOffsetToPm(block, line, currentCharOffset, pmStart);
+  return {
+    charOffset: currentCharOffset,
+    pmPosition
+  };
 }
 function getWordLayoutConfig(block) {
   if (!block || block.kind !== "paragraph")
@@ -280911,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");
@@ -280938,6 +280932,66 @@ function createHiddenHost(doc$12, widthPx) {
     host
   };
 }
+function findRenderedCommentElements(host, commentId, storyKey) {
+  if (!host || !commentId)
+    return [];
+  return Array.from(host.querySelectorAll("[data-comment-ids]")).filter((el) => {
+    const raw = el.dataset.commentIds;
+    if (!raw)
+      return false;
+    if (!raw.split(",").some((token$1) => token$1.trim() === commentId))
+      return false;
+    if (!storyKey)
+      return true;
+    const elStoryKey = el.dataset.storyKey;
+    if (elStoryKey)
+      return elStoryKey === storyKey;
+    return storyKey === BODY_STORY_KEY;
+  });
+}
+function findRenderedTrackedChangeElementsStrict(host, entityId, escapeAttrValue$1, storyKey) {
+  if (!host || !entityId)
+    return [];
+  const baseSelector = `[data-track-change-id="${escapeAttrValue$1(entityId)}"]`;
+  if (!storyKey)
+    return Array.from(host.querySelectorAll(baseSelector));
+  const storySelector = `${baseSelector}[data-story-key="${escapeAttrValue$1(storyKey)}"]`;
+  return Array.from(host.querySelectorAll(storySelector));
+}
+function findRenderedContentControlElements(host, entityId, escapeAttrValue$1, _storyKey) {
+  if (!host || !entityId)
+    return [];
+  const id2 = escapeAttrValue$1(entityId);
+  const selector = `.${DOM_CLASS_NAMES.INLINE_SDT_WRAPPER}[data-sdt-id="${id2}"][data-sdt-type="structuredContent"],.${DOM_CLASS_NAMES.BLOCK_SDT}[data-sdt-id="${id2}"][data-sdt-type="structuredContent"]`;
+  return Array.from(host.querySelectorAll(selector));
+}
+function elementsToRangeRects(elements) {
+  const result = [];
+  for (const element3 of elements) {
+    const rect = element3.getBoundingClientRect();
+    if (![
+      rect.top,
+      rect.left,
+      rect.right,
+      rect.bottom,
+      rect.width,
+      rect.height
+    ].every(Number.isFinite))
+      continue;
+    const pageEl = element3.closest(".superdoc-page");
+    const pageIndexAttr = Number(pageEl?.dataset?.pageIndex ?? 0);
+    result.push({
+      pageIndex: Number.isFinite(pageIndexAttr) ? pageIndexAttr : 0,
+      left: rect.left,
+      top: rect.top,
+      right: rect.right,
+      bottom: rect.bottom,
+      width: rect.width,
+      height: rect.height
+    });
+  }
+  return result;
+}
 function getFallbackCursorColor(clientId, fallbackColors) {
   return fallbackColors[clientId % fallbackColors.length];
 }
@@ -282073,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) {
@@ -288200,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")
@@ -299600,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;
@@ -302516,7 +302582,28 @@ var Node$13 = class Node$14 {
   if (!allowedRanges?.length)
     return false;
   return allowedRanges.some((allowed) => range.from >= allowed.from && range.to <= allowed.to);
-}, PermissionRanges, Protection, VerticalNavigationPluginKey, createDefaultState = () => ({
+}, PermissionRanges, Protection, DOM_CLASS_NAMES, STRUCTURED_CONTENT_CHROME_LABEL_CLASS_NAMES, DATA_ATTRS, DATASET_KEYS, encodeLayoutStoryDataset = (story) => story.kind === "body" ? "body" : story.id ? `${story.kind}:${story.id}` : story.kind, decodeLayoutStoryDataset = (raw) => {
+  if (!raw)
+    return { kind: "unknown" };
+  if (raw === "body")
+    return { kind: "body" };
+  const idx = raw.indexOf(":");
+  const kind = idx === -1 ? raw : raw.slice(0, idx);
+  const id2 = idx === -1 ? undefined : raw.slice(idx + 1);
+  switch (kind) {
+    case "body":
+    case "header":
+    case "footer":
+    case "footnote":
+    case "endnote":
+      return id2 ? {
+        kind,
+        id: id2
+      } : { kind };
+    default:
+      return { kind: "unknown" };
+  }
+}, DRAGGABLE_SELECTOR, VerticalNavigationPluginKey, createDefaultState = () => ({
   goalX: null,
   goalClientX: null
 }), VerticalNavigation, STRONG_RTL_CHAR_RE$1, STRONG_LTR_CHAR_RE, isStrongRtl = (char) => STRONG_RTL_CHAR_RE$1.test(char), isStrongLtr = (char) => STRONG_LTR_CHAR_RE.test(char), hasMixedDirectionBoundary = (leftChar, rightChar) => isStrongRtl(leftChar) && isStrongLtr(rightChar) || isStrongLtr(leftChar) && isStrongRtl(rightChar), resolveCaretPoint = (doc$12, range) => {
@@ -304504,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 }) => [
@@ -304515,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 }) => [
@@ -304541,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 }) => [
@@ -304610,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;
   }
@@ -306610,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;
@@ -306625,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)
@@ -306696,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 {
@@ -307410,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);
   }
@@ -314672,7 +314790,7 @@ menclose::after {
       container.style.width = `${Math.max(0, data.contentWidth)}px`;
     else
       container.style.width = `calc(100% - ${marginLeft + marginRight}px)`;
-    container.style.pointerEvents = "auto";
+    container.style.pointerEvents = "none";
     container.style.height = `${effectiveHeight}px`;
     container.style.top = `${Math.max(0, effectiveOffset)}px`;
     container.style.zIndex = "1";
@@ -317042,10 +317160,7 @@ menclose::after {
   return run2.text?.length ?? 0;
 }, isVisualOnlyRun = (run2) => {
   return getRunDataAttrs(run2)?.[FOOTNOTE_MARKER_DATA_ATTR$1] === "true";
-}, SPACE_CHARS$1, isTabRun$1 = (run2) => run2?.kind === "tab", faceOf$1 = (run2) => ({
-  weight: run2.bold ? "700" : "400",
-  style: run2.italic ? "italic" : "normal"
-}), isWordChar$3 = (char) => {
+}, SPACE_CHARS$1, isTabRun$1 = (run2) => run2?.kind === "tab", isWordChar$3 = (char) => {
   if (!char)
     return false;
   const code6 = char.charCodeAt(0);
@@ -320325,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;
@@ -326211,25 +326326,24 @@ 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_bGJhSgx__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();
   init_remark_stringify_BZvKOjUX_es();
   init_DocxZipper_BzS208BW_es();
   init__plugin_vue_export_helper_HmhZBO0u_es();
-  init_ui_BMYSpkne_es();
   init_eventemitter3_UwU_CLPU_es();
   init_errors_C_DoKMoN_es();
   init_blank_docx_CDDHd6CH_es();
@@ -351403,6 +351517,66 @@ function print() { __p += __j.call(arguments, '') }
       };
     }
   });
+  DOM_CLASS_NAMES = {
+    PAGE: "superdoc-page",
+    FRAGMENT: "superdoc-fragment",
+    LINE: "superdoc-line",
+    INLINE_SDT_WRAPPER: "superdoc-structured-content-inline",
+    INLINE_SDT_LABEL: "superdoc-structured-content-inline__label",
+    BLOCK_SDT: "superdoc-structured-content-block",
+    BLOCK_SDT_LABEL: "superdoc-structured-content__label",
+    TABLE_FRAGMENT: "superdoc-table-fragment",
+    DOCUMENT_SECTION: "superdoc-document-section",
+    SDT_GROUP_HOVER: "sdt-group-hover",
+    TOC_ENTRY: "superdoc-toc-entry",
+    TOC_GROUP_HOVER: "toc-group-hover",
+    IMAGE_FRAGMENT: "superdoc-image-fragment",
+    INLINE_IMAGE: "superdoc-inline-image",
+    LIST_MARKER: "superdoc-list-marker",
+    INLINE_IMAGE_CLIP_WRAPPER: "superdoc-inline-image-clip-wrapper",
+    ANNOTATION: "annotation",
+    ANNOTATION_CONTENT: "annotation-content",
+    ANNOTATION_CARET_ANCHOR: "annotation-caret-anchor"
+  };
+  STRUCTURED_CONTENT_CHROME_LABEL_CLASS_NAMES = [DOM_CLASS_NAMES.INLINE_SDT_LABEL, DOM_CLASS_NAMES.BLOCK_SDT_LABEL];
+  DATA_ATTRS = {
+    PM_START: "data-pm-start",
+    PM_END: "data-pm-end",
+    LAYOUT_EPOCH: "data-layout-epoch",
+    TABLE_BOUNDARIES: "data-table-boundaries",
+    SDT_ID: "data-sdt-id",
+    SDT_TYPE: "data-sdt-type",
+    FIELD_ID: "data-field-id",
+    FIELD_TYPE: "data-field-type",
+    DRAGGABLE: "data-draggable",
+    DISPLAY_LABEL: "data-display-label",
+    VARIANT: "data-variant",
+    TYPE: "data-type",
+    LAYOUT_BOUNDARY_SCHEMA: "data-layout-boundary-schema",
+    LAYOUT_FRAGMENT_ID: "data-layout-fragment-id",
+    LAYOUT_STORY: "data-layout-story",
+    LAYOUT_BLOCK_REF: "data-layout-block-ref"
+  };
+  DATASET_KEYS = {
+    PM_START: "pmStart",
+    PM_END: "pmEnd",
+    LAYOUT_EPOCH: "layoutEpoch",
+    TABLE_BOUNDARIES: "tableBoundaries",
+    SDT_ID: "sdtId",
+    SDT_TYPE: "sdtType",
+    FIELD_ID: "fieldId",
+    FIELD_TYPE: "fieldType",
+    DRAGGABLE: "draggable",
+    DISPLAY_LABEL: "displayLabel",
+    VARIANT: "variant",
+    TYPE: "type",
+    LAYOUT_BOUNDARY_SCHEMA: "layoutBoundarySchema",
+    LAYOUT_FRAGMENT_ID: "layoutFragmentId",
+    LAYOUT_STORY: "layoutStory",
+    LAYOUT_BLOCK_REF: "layoutBlockRef"
+  };
+  `${DOM_CLASS_NAMES.BLOCK_SDT}${DATA_ATTRS.SDT_ID}`;
+  DRAGGABLE_SELECTOR = `[${DATA_ATTRS.DRAGGABLE}="true"]`;
   VerticalNavigationPluginKey = new PluginKey("verticalNavigation");
   VerticalNavigation = Extension.create({
     name: "verticalNavigation",
@@ -354121,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",
@@ -354264,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;
@@ -354286,7 +354460,7 @@ function print() { __p += __j.call(arguments, '') }
         }
       };
       const onCompositionEnd = (event) => {
-        isComposing.value = false;
+        isComposing$1.value = false;
         onInput(event);
       };
       const moveActive = (direction) => {
@@ -354337,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;
@@ -354493,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", {
@@ -358271,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)
@@ -358911,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() {
@@ -359021,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;
@@ -359039,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,
@@ -359053,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)
@@ -361648,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 {
@@ -361722,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();
@@ -362064,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();
@@ -363669,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",
@@ -363687,6 +364115,7 @@ function print() { __p += __j.call(arguments, '') }
                 });
                 this.#shouldScrollSelectionIntoView = false;
                 this.#suppressSelectionScrollUntilRaf = false;
+                this.#scheduleSelectionUpdateAfterScrollSettles();
               });
             }
             return true;
@@ -363769,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;
@@ -363792,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;
@@ -363817,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
@@ -364006,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);
@@ -364060,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;
@@ -364193,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) {
@@ -364649,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()
       });
@@ -365285,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;
@@ -365303,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;
@@ -366089,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({
@@ -366099,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);
@@ -366107,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
@@ -366125,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,
@@ -366133,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);
@@ -367092,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
@@ -367116,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;
@@ -367149,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) {
@@ -367242,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);
@@ -367251,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
@@ -367272,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;
@@ -367281,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) {
@@ -367433,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;
@@ -367470,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",
@@ -368411,11 +369187,11 @@ function print() { __p += __j.call(arguments, '') }
   ]);
 });
 
-// ../../packages/superdoc/dist/chunks/create-super-doc-ui-NCPalg_h.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_NCPalg_h_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",
@@ -368693,6 +369469,9 @@ var init_create_super_doc_ui_NCPalg_h_es = __esm(() => {
   }));
 });
 
+// ../../packages/superdoc/dist/chunks/ui-CGB3qmy3.es.js
+var init_ui_CGB3qmy3_es = () => {};
+
 // ../../packages/superdoc/dist/chunks/zipper-BxRAi0-5.es.js
 var import_jszip_min3;
 var init_zipper_BxRAi0_5_es = __esm(() => {
@@ -368703,16 +369482,16 @@ var init_zipper_BxRAi0_5_es = __esm(() => {
 
 // ../../packages/superdoc/dist/super-editor.es.js
 var init_super_editor_es = __esm(() => {
-  init_src_bGJhSgx__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_ui_BMYSpkne_es();
-  init_create_super_doc_ui_NCPalg_h_es();
+  init_create_super_doc_ui_BjToI9WN_es();
+  init_ui_CGB3qmy3_es();
   init_eventemitter3_UwU_CLPU_es();
   init_errors_C_DoKMoN_es();
   init_zipper_BxRAi0_5_es();