@superdoc-dev/cli 0.5.0-next.42 → 0.5.0-next.43

package/dist/index.js

@@ -173461,7 +173461,7 @@ var init_remark_gfm_DCND_V_3_es = __esm(() => {
   init_remark_gfm_BUJjZJLy_es();
 });
 
-// ../../packages/superdoc/dist/chunks/src-fbRRkK8t.es.js
+// ../../packages/superdoc/dist/chunks/src-DIxjKbQ9.es.js
 function deleteProps(obj, propOrProps) {
   const props = typeof propOrProps === "string" ? [propOrProps] : propOrProps;
   const removeNested = (target, pathParts, index2 = 0) => {
@@ -182066,10 +182066,11 @@ function replaceCommand(wrap5, moveForward) {
     return true;
   };
 }
-function buildInlineImagePmSelector(pmStart) {
-  const v = String(pmStart);
-  const attr = DATA_ATTRS.PM_START;
-  return [`.${DOM_CLASS_NAMES.INLINE_IMAGE_CLIP_WRAPPER}[${attr}="${v}"]`, `.${DOM_CLASS_NAMES.INLINE_IMAGE}[${attr}="${v}"]`].join(", ");
+function buildSdtBlockSelector(escapedSdtId) {
+  return `.${DOM_CLASS_NAMES.BLOCK_SDT}[${DATA_ATTRS.SDT_ID}="${escapedSdtId}"]`;
+}
+function buildAnnotationSelector() {
+  return `.${DOM_CLASS_NAMES.ANNOTATION}[${DATA_ATTRS.PM_START}]`;
 }
 function isPresenting(editor) {
   const presentationCtx = editor?.presentationEditor;
@@ -211889,289 +211890,22 @@ function preferFullRestoredWhenPartial(current, previousRanges, doc$12, docSize)
     return current;
   return currentSpan.from >= restoredSpan.from && currentSpan.to <= restoredSpan.to && restoredSpan.to - restoredSpan.from > currentSpan.to - currentSpan.from ? restored : current;
 }
-function isSuppressed(issue, normalizedIgnored) {
-  if (normalizedIgnored.size === 0)
-    return false;
-  const raw = issue.word ?? issue.message;
-  if (!raw)
-    return false;
-  const normalized = raw.normalize("NFC").toLowerCase();
-  return normalizedIgnored.has(normalized);
-}
-function resolveSegmentLanguage(paraNode, defaultLanguage) {
-  const runLanguage = findFirstRunLanguage(paraNode);
-  if (runLanguage)
-    return runLanguage;
-  const paraLang = extractParagraphLanguage(paraNode);
-  if (paraLang)
-    return paraLang;
-  return defaultLanguage;
-}
-function findFirstRunLanguage(paraNode) {
-  let lang = null;
-  paraNode.descendants((node3) => {
-    if (lang)
-      return false;
-    if (node3.type.name === "run") {
-      const runProps = node3.attrs.runProperties;
-      if (runProps?.lang?.val) {
-        lang = runProps.lang.val;
-        return false;
-      }
-    }
-    return true;
-  });
-  return lang;
-}
-function extractParagraphLanguage(paraNode) {
-  return paraNode.attrs.paragraphProperties?.lang?.val ?? null;
-}
-function extractSegmentsWithMaps(doc$12, defaultLanguage, pageResolver) {
-  const segments = [];
-  const offsetMaps = /* @__PURE__ */ new Map;
-  const segmentPositions = /* @__PURE__ */ new Map;
-  walkParagraphs(doc$12, (paraNode, paraPos, surface) => {
-    const { text: text5, slices } = extractParagraphText(paraNode, paraPos);
-    if (text5.length === 0)
-      return;
-    const segmentId = buildSegmentId(paraNode, paraPos);
-    const language = resolveSegmentLanguage(paraNode, defaultLanguage ?? null);
-    const pageIndex = pageResolver?.(paraPos);
-    segments.push({
-      id: segmentId,
-      text: text5,
-      language,
-      metadata: {
-        blockId: paraNode.attrs.sdBlockId,
-        pageIndex,
-        surface
-      }
-    });
-    offsetMaps.set(segmentId, {
-      segmentId,
-      slices
-    });
-    segmentPositions.set(segmentId, paraPos);
-  });
-  return {
-    segments,
-    offsetMaps,
-    segmentPositions
-  };
-}
-function walkParagraphs(doc$12, visitor) {
-  doc$12.descendants((node3, pos) => {
-    const typeName = node3.type.name;
-    if (typeName === "header" || typeName === "footer")
-      return false;
-    if (typeName === "paragraph") {
-      visitor(node3, pos, isInsideTableCell(doc$12, pos) ? "table-cell" : "body");
-      return false;
-    }
-    return true;
-  });
-}
-function isInsideTableCell(doc$12, pos) {
-  const resolved = doc$12.resolve(pos);
-  for (let depth = resolved.depth;depth > 0; depth--) {
-    const ancestor = resolved.node(depth);
-    if (ancestor.type.name === "tableCell" || ancestor.type.name === "tableHeader")
-      return true;
-  }
-  return false;
-}
-function extractParagraphText(paraNode, paraPos) {
-  const parts = [];
-  const slices = [];
-  let textOffset = 0;
-  const contentStart = paraPos + 1;
-  paraNode.forEach((child, offset$1) => {
-    processNode(child, contentStart + offset$1);
-  });
-  return {
-    text: parts.join(""),
-    slices
-  };
-  function processNode(node3, pos) {
-    const typeName = node3.type.name;
-    if (typeName === "run") {
-      const runProps = node3.attrs.runProperties;
-      if (runProps?.vanish === true) {
-        emitBoundary();
-        return;
-      }
-      if (runProps?.noProof === true) {
-        emitBoundary();
-        return;
-      }
-      const runContentStart = pos + 1;
-      node3.forEach((child, childOff) => {
-        processNode(child, runContentStart + childOff);
-      });
-      return;
-    }
-    if (node3.isText && node3.text) {
-      if (hasTrackDeleteMark(node3))
-        return;
-      const text5 = node3.text;
-      const pmFrom = pos;
-      const pmTo = pos + text5.length;
-      slices.push({
-        textStart: textOffset,
-        textEnd: textOffset + text5.length,
-        pmFrom,
-        pmTo
-      });
-      parts.push(text5);
-      textOffset += text5.length;
-      return;
-    }
-    if (isNonTextInlineNode(typeName)) {
-      emitBoundary();
-      return;
-    }
-    if (node3.childCount > 0) {
-      const contentStart$1 = pos + 1;
-      node3.forEach((child, childOff) => {
-        processNode(child, contentStart$1 + childOff);
-      });
-    }
-  }
-  function emitBoundary() {
-    if (parts.length > 0 && !parts[parts.length - 1].endsWith(" ")) {
-      parts.push(" ");
-      textOffset += 1;
-    }
-  }
-}
-function hasTrackDeleteMark(node3) {
-  return node3.marks?.some((m$1) => m$1.type.name === "trackDelete") ?? false;
-}
-function isNonTextInlineNode(typeName) {
-  return NON_TEXT_INLINE_NODES.has(typeName);
-}
-function buildSegmentId(paraNode, paraPos) {
-  const blockId = paraNode.attrs.sdBlockId;
-  return blockId ? `blk-${blockId}` : `pos-${paraPos}`;
-}
-function resolveIssuePmRangeFromSlices(issue, slices) {
-  const pmFrom = textOffsetToPmPos(issue.start, slices);
-  const pmTo = textOffsetToPmPos(issue.end, slices);
-  if (pmFrom === null || pmTo === null || pmFrom >= pmTo)
+function resolveAnnotationDisplayLabel(annotation, contentEl) {
+  const existingLabel = annotation.dataset[DATASET_KEYS.DISPLAY_LABEL];
+  const existingLabelSource = annotation.dataset[DISPLAY_LABEL_SOURCE_KEY];
+  if (existingLabel !== undefined && existingLabelSource !== DISPLAY_LABEL_SOURCE.DERIVED)
+    return {
+      source: DISPLAY_LABEL_SOURCE.CANONICAL,
+      value: existingLabel
+    };
+  const derivedLabel = contentEl?.textContent?.trim() ?? "";
+  if (derivedLabel.length === 0)
     return null;
   return {
-    ...issue,
-    pmFrom,
-    pmTo
+    source: DISPLAY_LABEL_SOURCE.DERIVED,
+    value: derivedLabel
   };
 }
-function textOffsetToPmPos(textOffset, slices) {
-  for (const slice2 of slices)
-    if (textOffset >= slice2.textStart && textOffset <= slice2.textEnd) {
-      const delta = textOffset - slice2.textStart;
-      return slice2.pmFrom + delta;
-    }
-  for (const slice2 of slices)
-    if (slice2.textStart >= textOffset)
-      return slice2.pmFrom;
-  if (slices.length > 0) {
-    const last2 = slices[slices.length - 1];
-    if (textOffset >= last2.textEnd)
-      return last2.pmTo;
-  }
-  return null;
-}
-function computeDirtySegmentIds(segments, segmentPositions, changedRanges) {
-  if (changedRanges.length === 0)
-    return /* @__PURE__ */ new Set;
-  const dirty = /* @__PURE__ */ new Set;
-  const sorted = segments.map((seg) => ({
-    id: seg.id,
-    pos: segmentPositions.get(seg.id) ?? -1
-  })).filter((s2) => s2.pos >= 0).sort((a2, b$1) => a2.pos - b$1.pos);
-  for (const range of changedRanges)
-    for (let i4 = 0;i4 < sorted.length; i4++) {
-      const seg = sorted[i4];
-      const segEnd = sorted[i4 + 1]?.pos ?? Infinity;
-      if (seg.pos < range.to && segEnd > range.from)
-        dirty.add(seg.id);
-      if (seg.pos <= range.from && segEnd >= range.from && i4 > 0)
-        dirty.add(sorted[i4 - 1].id);
-    }
-  return dirty;
-}
-function hashSegmentText(text5) {
-  let hash$3 = 2166136261;
-  for (let i4 = 0;i4 < text5.length; i4++) {
-    hash$3 ^= text5.charCodeAt(i4);
-    hash$3 = Math.imul(hash$3, 16777619);
-  }
-  return (hash$3 >>> 0).toString(16);
-}
-function prioritizeByVisibility(segments, visibilitySource) {
-  const visiblePages = visibilitySource.getVisiblePageIndices();
-  if (!visiblePages || visiblePages.length === 0)
-    return segments;
-  const visibleSet = new Set(visiblePages);
-  const visible = [];
-  const rest = [];
-  for (const seg of segments) {
-    const pageIndex = seg.metadata.pageIndex;
-    if (pageIndex !== undefined && visibleSet.has(pageIndex))
-      visible.push(seg);
-    else
-      rest.push(seg);
-  }
-  return [...visible, ...rest];
-}
-function buildPaintSlices(issues) {
-  const spellingIssues = issues.filter((i4) => i4.kind === "spelling");
-  if (spellingIssues.length === 0)
-    return [];
-  const sorted = [...spellingIssues].sort((a2, b$1) => a2.pmFrom - b$1.pmFrom || a2.pmTo - b$1.pmTo);
-  const slices = [];
-  let current = null;
-  for (const issue of sorted) {
-    if (!current) {
-      current = {
-        pmFrom: issue.pmFrom,
-        pmTo: issue.pmTo,
-        kind: "spelling",
-        issue
-      };
-      continue;
-    }
-    if (issue.pmFrom <= current.pmTo)
-      current.pmTo = Math.max(current.pmTo, issue.pmTo);
-    else {
-      slices.push(current);
-      current = {
-        pmFrom: issue.pmFrom,
-        pmTo: issue.pmTo,
-        kind: "spelling",
-        issue
-      };
-    }
-  }
-  if (current)
-    slices.push(current);
-  return slices;
-}
-function findSliceAtPosition(slices, pmPos) {
-  let lo = 0;
-  let hi = slices.length - 1;
-  while (lo <= hi) {
-    const mid = lo + hi >>> 1;
-    const slice2 = slices[mid];
-    if (pmPos < slice2.pmFrom)
-      hi = mid - 1;
-    else if (pmPos >= slice2.pmTo)
-      lo = mid + 1;
-    else
-      return slice2;
-  }
-  return null;
-}
 function mapWordFamilyFallback(wordFamily) {
   if (!wordFamily)
     return DEFAULT_GENERIC_FALLBACK2;
@@ -214075,9 +213809,6 @@ function applyParagraphBordersAndShading(paraWrapper, block) {
   if (shadingFill)
     paraWrapper.style.backgroundColor = shadingFill;
 }
-function sdtElementsById(root3, sdtId) {
-  return root3.querySelectorAll(`.${DOM_CLASS_NAMES.BLOCK_SDT}[data-sdt-id="${sdtId}"]`);
-}
 function classifyMathText(text5) {
   if (/^\d*\.?\d+$/.test(text5))
     return "mn";
@@ -214182,6 +213913,26 @@ function readSnapshotStyleValue(styleValue2) {
     return null;
   return styleValue2;
 }
+function createEmptyPaintSnapshotEntities() {
+  return {
+    annotations: [],
+    structuredContentBlocks: [],
+    structuredContentInlines: [],
+    images: []
+  };
+}
+function readSnapshotDatasetNumber(value) {
+  if (typeof value !== "string" || value.length === 0)
+    return null;
+  const parsed = Number(value);
+  return Number.isFinite(parsed) ? parsed : null;
+}
+function resolveSnapshotPageIndex(element3) {
+  const pageEl = element3.closest(`.${DOM_CLASS_NAMES.PAGE}`);
+  if (!pageEl)
+    return null;
+  return readSnapshotDatasetNumber(pageEl.dataset.pageIndex);
+}
 function compactSnapshotObject(input2) {
   const out = {};
   for (const [key$1, value] of Object.entries(input2)) {
@@ -214193,6 +213944,89 @@ function compactSnapshotObject(input2) {
   }
   return out;
 }
+function shouldIncludeInlineImageSnapshotElement(element3) {
+  if (element3.classList.contains(DOM_CLASS_NAMES.INLINE_IMAGE_CLIP_WRAPPER))
+    return true;
+  if (!element3.classList.contains(DOM_CLASS_NAMES.INLINE_IMAGE))
+    return false;
+  return !element3.closest(`.${DOM_CLASS_NAMES.INLINE_IMAGE_CLIP_WRAPPER}`);
+}
+function collectPaintSnapshotEntitiesFromDomRoot(rootEl) {
+  const entities = createEmptyPaintSnapshotEntities();
+  const annotationElements = Array.from(rootEl.querySelectorAll(`.${DOM_CLASS_NAMES.ANNOTATION}[data-pm-start]`));
+  for (const element3 of annotationElements) {
+    const pageIndex = resolveSnapshotPageIndex(element3);
+    if (pageIndex == null)
+      continue;
+    entities.annotations.push(compactSnapshotObject({
+      element: element3,
+      pageIndex,
+      pmStart: readSnapshotDatasetNumber(element3.dataset.pmStart),
+      pmEnd: readSnapshotDatasetNumber(element3.dataset.pmEnd),
+      fieldId: element3.dataset.fieldId || null,
+      fieldType: element3.dataset.fieldType || null,
+      type: element3.dataset.type || null
+    }));
+  }
+  const blockSdtElements = Array.from(rootEl.querySelectorAll(`.${DOM_CLASS_NAMES.BLOCK_SDT}[data-sdt-id]`));
+  for (const element3 of blockSdtElements) {
+    const pageIndex = resolveSnapshotPageIndex(element3);
+    const sdtId = element3.dataset.sdtId;
+    if (pageIndex == null || !sdtId)
+      continue;
+    entities.structuredContentBlocks.push(compactSnapshotObject({
+      element: element3,
+      pageIndex,
+      sdtId,
+      pmStart: readSnapshotDatasetNumber(element3.dataset.pmStart),
+      pmEnd: readSnapshotDatasetNumber(element3.dataset.pmEnd)
+    }));
+  }
+  const inlineSdtElements = Array.from(rootEl.querySelectorAll(`.${DOM_CLASS_NAMES.INLINE_SDT_WRAPPER}[data-sdt-id]`));
+  for (const element3 of inlineSdtElements) {
+    const pageIndex = resolveSnapshotPageIndex(element3);
+    const sdtId = element3.dataset.sdtId;
+    if (pageIndex == null || !sdtId)
+      continue;
+    entities.structuredContentInlines.push(compactSnapshotObject({
+      element: element3,
+      pageIndex,
+      sdtId,
+      pmStart: readSnapshotDatasetNumber(element3.dataset.pmStart),
+      pmEnd: readSnapshotDatasetNumber(element3.dataset.pmEnd)
+    }));
+  }
+  const inlineImageElements = Array.from(rootEl.querySelectorAll(`.${DOM_CLASS_NAMES.INLINE_IMAGE_CLIP_WRAPPER}[data-pm-start], .${DOM_CLASS_NAMES.INLINE_IMAGE}[data-pm-start]`));
+  for (const element3 of inlineImageElements) {
+    if (!shouldIncludeInlineImageSnapshotElement(element3))
+      continue;
+    const pageIndex = resolveSnapshotPageIndex(element3);
+    if (pageIndex == null)
+      continue;
+    entities.images.push(compactSnapshotObject({
+      element: element3,
+      pageIndex,
+      kind: "inline",
+      pmStart: readSnapshotDatasetNumber(element3.dataset.pmStart),
+      pmEnd: readSnapshotDatasetNumber(element3.dataset.pmEnd)
+    }));
+  }
+  const fragmentImageElements = Array.from(rootEl.querySelectorAll(`.${DOM_CLASS_NAMES.IMAGE_FRAGMENT}[data-pm-start]`));
+  for (const element3 of fragmentImageElements) {
+    const pageIndex = resolveSnapshotPageIndex(element3);
+    if (pageIndex == null)
+      continue;
+    entities.images.push(compactSnapshotObject({
+      element: element3,
+      pageIndex,
+      kind: "fragment",
+      pmStart: readSnapshotDatasetNumber(element3.dataset.pmStart),
+      pmEnd: readSnapshotDatasetNumber(element3.dataset.pmEnd),
+      blockId: element3.getAttribute("data-sd-block-id")
+    }));
+  }
+  return entities;
+}
 function snapshotLineStyleFromElement(lineEl) {
   const style2 = lineEl?.style;
   if (!style2)
@@ -214534,6 +214368,323 @@ function buildLegacyPaintInput(layout, legacyState, flowMode, pageGap) {
     footerMeasures: legacyState.footerMeasures
   };
 }
+function isSuppressed(issue, normalizedIgnored) {
+  if (normalizedIgnored.size === 0)
+    return false;
+  const raw = issue.word ?? issue.message;
+  if (!raw)
+    return false;
+  const normalized = raw.normalize("NFC").toLowerCase();
+  return normalizedIgnored.has(normalized);
+}
+function resolveSegmentLanguage(paraNode, defaultLanguage) {
+  const runLanguage = findFirstRunLanguage(paraNode);
+  if (runLanguage)
+    return runLanguage;
+  const paraLang = extractParagraphLanguage(paraNode);
+  if (paraLang)
+    return paraLang;
+  return defaultLanguage;
+}
+function findFirstRunLanguage(paraNode) {
+  let lang = null;
+  paraNode.descendants((node3) => {
+    if (lang)
+      return false;
+    if (node3.type.name === "run") {
+      const runProps = node3.attrs.runProperties;
+      if (runProps?.lang?.val) {
+        lang = runProps.lang.val;
+        return false;
+      }
+    }
+    return true;
+  });
+  return lang;
+}
+function extractParagraphLanguage(paraNode) {
+  return paraNode.attrs.paragraphProperties?.lang?.val ?? null;
+}
+function extractSegmentsWithMaps(doc$12, defaultLanguage, pageResolver) {
+  const segments = [];
+  const offsetMaps = /* @__PURE__ */ new Map;
+  const segmentPositions = /* @__PURE__ */ new Map;
+  walkParagraphs(doc$12, (paraNode, paraPos, surface) => {
+    const { text: text5, slices } = extractParagraphText(paraNode, paraPos);
+    if (text5.length === 0)
+      return;
+    const segmentId = buildSegmentId(paraNode, paraPos);
+    const language = resolveSegmentLanguage(paraNode, defaultLanguage ?? null);
+    const pageIndex = pageResolver?.(paraPos);
+    segments.push({
+      id: segmentId,
+      text: text5,
+      language,
+      metadata: {
+        blockId: paraNode.attrs.sdBlockId,
+        pageIndex,
+        surface
+      }
+    });
+    offsetMaps.set(segmentId, {
+      segmentId,
+      slices
+    });
+    segmentPositions.set(segmentId, paraPos);
+  });
+  return {
+    segments,
+    offsetMaps,
+    segmentPositions
+  };
+}
+function walkParagraphs(doc$12, visitor) {
+  doc$12.descendants((node3, pos) => {
+    const typeName = node3.type.name;
+    if (typeName === "header" || typeName === "footer")
+      return false;
+    if (typeName === "paragraph") {
+      visitor(node3, pos, isInsideTableCell(doc$12, pos) ? "table-cell" : "body");
+      return false;
+    }
+    return true;
+  });
+}
+function isInsideTableCell(doc$12, pos) {
+  const resolved = doc$12.resolve(pos);
+  for (let depth = resolved.depth;depth > 0; depth--) {
+    const ancestor = resolved.node(depth);
+    if (ancestor.type.name === "tableCell" || ancestor.type.name === "tableHeader")
+      return true;
+  }
+  return false;
+}
+function extractParagraphText(paraNode, paraPos) {
+  const parts = [];
+  const slices = [];
+  let textOffset = 0;
+  const contentStart = paraPos + 1;
+  paraNode.forEach((child, offset$1) => {
+    processNode(child, contentStart + offset$1);
+  });
+  return {
+    text: parts.join(""),
+    slices
+  };
+  function processNode(node3, pos) {
+    const typeName = node3.type.name;
+    if (typeName === "run") {
+      const runProps = node3.attrs.runProperties;
+      if (runProps?.vanish === true) {
+        emitBoundary();
+        return;
+      }
+      if (runProps?.noProof === true) {
+        emitBoundary();
+        return;
+      }
+      const runContentStart = pos + 1;
+      node3.forEach((child, childOff) => {
+        processNode(child, runContentStart + childOff);
+      });
+      return;
+    }
+    if (node3.isText && node3.text) {
+      if (hasTrackDeleteMark(node3))
+        return;
+      const text5 = node3.text;
+      const pmFrom = pos;
+      const pmTo = pos + text5.length;
+      slices.push({
+        textStart: textOffset,
+        textEnd: textOffset + text5.length,
+        pmFrom,
+        pmTo
+      });
+      parts.push(text5);
+      textOffset += text5.length;
+      return;
+    }
+    if (isNonTextInlineNode(typeName)) {
+      emitBoundary();
+      return;
+    }
+    if (node3.childCount > 0) {
+      const contentStart$1 = pos + 1;
+      node3.forEach((child, childOff) => {
+        processNode(child, contentStart$1 + childOff);
+      });
+    }
+  }
+  function emitBoundary() {
+    if (parts.length > 0 && !parts[parts.length - 1].endsWith(" ")) {
+      parts.push(" ");
+      textOffset += 1;
+    }
+  }
+}
+function hasTrackDeleteMark(node3) {
+  return node3.marks?.some((m$1) => m$1.type.name === "trackDelete") ?? false;
+}
+function isNonTextInlineNode(typeName) {
+  return NON_TEXT_INLINE_NODES.has(typeName);
+}
+function buildSegmentId(paraNode, paraPos) {
+  const blockId = paraNode.attrs.sdBlockId;
+  return blockId ? `blk-${blockId}` : `pos-${paraPos}`;
+}
+function resolveIssuePmRangeFromSlices(issue, slices) {
+  const pmFrom = textOffsetToPmPos(issue.start, slices);
+  const pmTo = textOffsetToPmPos(issue.end, slices);
+  if (pmFrom === null || pmTo === null || pmFrom >= pmTo)
+    return null;
+  return {
+    ...issue,
+    pmFrom,
+    pmTo
+  };
+}
+function textOffsetToPmPos(textOffset, slices) {
+  for (const slice2 of slices)
+    if (textOffset >= slice2.textStart && textOffset <= slice2.textEnd) {
+      const delta = textOffset - slice2.textStart;
+      return slice2.pmFrom + delta;
+    }
+  for (const slice2 of slices)
+    if (slice2.textStart >= textOffset)
+      return slice2.pmFrom;
+  if (slices.length > 0) {
+    const last2 = slices[slices.length - 1];
+    if (textOffset >= last2.textEnd)
+      return last2.pmTo;
+  }
+  return null;
+}
+function computeDirtySegmentIds(segments, segmentPositions, changedRanges) {
+  if (changedRanges.length === 0)
+    return /* @__PURE__ */ new Set;
+  const dirty = /* @__PURE__ */ new Set;
+  const sorted = segments.map((seg) => ({
+    id: seg.id,
+    pos: segmentPositions.get(seg.id) ?? -1
+  })).filter((s2) => s2.pos >= 0).sort((a2, b$1) => a2.pos - b$1.pos);
+  for (const range of changedRanges)
+    for (let i4 = 0;i4 < sorted.length; i4++) {
+      const seg = sorted[i4];
+      const segEnd = sorted[i4 + 1]?.pos ?? Infinity;
+      if (seg.pos < range.to && segEnd > range.from)
+        dirty.add(seg.id);
+      if (seg.pos <= range.from && segEnd >= range.from && i4 > 0)
+        dirty.add(sorted[i4 - 1].id);
+    }
+  return dirty;
+}
+function hashSegmentText(text5) {
+  let hash$3 = 2166136261;
+  for (let i4 = 0;i4 < text5.length; i4++) {
+    hash$3 ^= text5.charCodeAt(i4);
+    hash$3 = Math.imul(hash$3, 16777619);
+  }
+  return (hash$3 >>> 0).toString(16);
+}
+function prioritizeByVisibility(segments, visibilitySource) {
+  const visiblePages = visibilitySource.getVisiblePageIndices();
+  if (!visiblePages || visiblePages.length === 0)
+    return segments;
+  const visibleSet = new Set(visiblePages);
+  const visible = [];
+  const rest = [];
+  for (const seg of segments) {
+    const pageIndex = seg.metadata.pageIndex;
+    if (pageIndex !== undefined && visibleSet.has(pageIndex))
+      visible.push(seg);
+    else
+      rest.push(seg);
+  }
+  return [...visible, ...rest];
+}
+function buildPaintSlices(issues) {
+  const spellingIssues = issues.filter((i4) => i4.kind === "spelling");
+  if (spellingIssues.length === 0)
+    return [];
+  const sorted = [...spellingIssues].sort((a2, b$1) => a2.pmFrom - b$1.pmFrom || a2.pmTo - b$1.pmTo);
+  const slices = [];
+  let current = null;
+  for (const issue of sorted) {
+    if (!current) {
+      current = {
+        pmFrom: issue.pmFrom,
+        pmTo: issue.pmTo,
+        kind: "spelling",
+        issue
+      };
+      continue;
+    }
+    if (issue.pmFrom <= current.pmTo)
+      current.pmTo = Math.max(current.pmTo, issue.pmTo);
+    else {
+      slices.push(current);
+      current = {
+        pmFrom: issue.pmFrom,
+        pmTo: issue.pmTo,
+        kind: "spelling",
+        issue
+      };
+    }
+  }
+  if (current)
+    slices.push(current);
+  return slices;
+}
+function findSliceAtPosition(slices, pmPos) {
+  let lo = 0;
+  let hi = slices.length - 1;
+  while (lo <= hi) {
+    const mid = lo + hi >>> 1;
+    const slice2 = slices[mid];
+    if (pmPos < slice2.pmFrom)
+      hi = mid - 1;
+    else if (pmPos >= slice2.pmTo)
+      lo = mid + 1;
+    else
+      return slice2;
+  }
+  return null;
+}
+function appendToArrayMap(map$12, key$1, value) {
+  const existing = map$12.get(key$1);
+  if (existing) {
+    existing.push(value);
+    return;
+  }
+  map$12.set(key$1, [value]);
+}
+function isMountedElement(element3) {
+  return element3 instanceof HTMLElement && element3.isConnected;
+}
+function isInlineImageWrapperElement(element3) {
+  return element3.classList.contains(DOM_CLASS_NAMES.INLINE_IMAGE_CLIP_WRAPPER);
+}
+function shouldReplaceInlineImageEntity(existing, candidate) {
+  if (!existing)
+    return true;
+  const existingIsWrapper = isInlineImageWrapperElement(existing.element);
+  const candidateIsWrapper = isInlineImageWrapperElement(candidate.element);
+  if (existingIsWrapper && !candidateIsWrapper)
+    return false;
+  return true;
+}
+function normalizePinnedPageIndices(pageIndices) {
+  return Array.from(new Set((pageIndices ?? []).filter((pageIndex) => Number.isInteger(pageIndex)))).sort((a2, b$1) => a2 - b$1);
+}
+function areNumberListsEqual(left$1, right$1) {
+  if (left$1.length !== right$1.length)
+    return false;
+  for (let index2 = 0;index2 < left$1.length; index2 += 1)
+    if (left$1[index2] !== right$1[index2])
+      return false;
+  return true;
+}
 function resolveMarkerTextWidth(markerTextWidthPx, marker) {
   const val = (v) => typeof v === "number" && Number.isFinite(v) && v >= 0 ? v : undefined;
   return val(markerTextWidthPx) ?? val(marker.glyphWidthPx) ?? val(marker.markerBoxWidthPx) ?? 0;
@@ -229438,6 +229589,24 @@ function splitRunsAtDecorationBoundaries(blocks2, ranges) {
   const boundaries = getBoundaries(ranges);
   return blocks2.map((block) => splitRunsInBlock(block, boundaries));
 }
+function ensureEditorNativeSelectionStyles(doc$12) {
+  if (nativeSelectionStylesInjected || !doc$12)
+    return;
+  const styleEl = doc$12.createElement("style");
+  styleEl.setAttribute("data-superdoc-editor-native-selection-styles", "true");
+  styleEl.textContent = NATIVE_SELECTION_STYLES;
+  doc$12.head?.appendChild(styleEl);
+  nativeSelectionStylesInjected = true;
+}
+function ensureEditorFieldAnnotationInteractionStyles(doc$12) {
+  if (fieldAnnotationInteractionStylesInjected || !doc$12)
+    return;
+  const styleEl = doc$12.createElement("style");
+  styleEl.setAttribute("data-superdoc-editor-field-annotation-interaction-styles", "true");
+  styleEl.textContent = FIELD_ANNOTATION_INTERACTION_STYLES;
+  doc$12.head?.appendChild(styleEl);
+  fieldAnnotationInteractionStylesInjected = true;
+}
 var Node$13 = class Node$14 {
   constructor(config2) {
     this.type = "node";
@@ -240837,7 +241006,7 @@ 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, DOM_CLASS_NAMES, DATA_ATTRS, VerticalNavigationPluginKey, createDefaultState = () => ({ goalX: null }), VerticalNavigation, createPermissionBlockMarkerNode = ({ name, attributes }) => Node$13.create({
+}, PermissionRanges, Protection, DOM_CLASS_NAMES, DATA_ATTRS, DATASET_KEYS, DRAGGABLE_SELECTOR, VerticalNavigationPluginKey, createDefaultState = () => ({ goalX: null }), VerticalNavigation, createPermissionBlockMarkerNode = ({ name, attributes }) => Node$13.create({
   name,
   group: "block",
   inline: false,
@@ -244052,480 +244221,77 @@ var Node$13 = class Node$14 {
     }
     this.#applied.delete(el);
   }
-}, ProofingStore = class {
-  #issuesBySegment = /* @__PURE__ */ new Map;
-  addIssue(issue) {
-    const list5 = this.#issuesBySegment.get(issue.segmentId);
-    if (list5)
-      list5.push(issue);
-    else
-      this.#issuesBySegment.set(issue.segmentId, [issue]);
+}, INTERACTION_EPOCH_KEY = "interactionEpoch", DISPLAY_LABEL_SOURCE_KEY = "displayLabelSource", DISPLAY_LABEL_SOURCE, FieldAnnotationInteractionLayer = class {
+  #container = null;
+  setContainer(container) {
+    this.#container = container;
   }
-  remapIssues(segmentIds, mapping, recheckId) {
-    for (const id2 of segmentIds) {
-      const list5 = this.#issuesBySegment.get(id2);
-      if (!list5)
+  apply(layoutEpoch) {
+    if (!this.#container)
+      return;
+    const epochStr = String(layoutEpoch);
+    const annotations = this.#container.querySelectorAll(buildAnnotationSelector());
+    for (let index2 = 0;index2 < annotations.length; index2 += 1) {
+      const annotation = annotations[index2];
+      if (annotation.dataset[INTERACTION_EPOCH_KEY] === epochStr)
         continue;
-      const surviving = [];
-      for (const issue of list5) {
-        const fromResult = mapping.mapResult(issue.pmFrom, -1);
-        const toResult2 = mapping.mapResult(issue.pmTo, 1);
-        if (fromResult.deleted || toResult2.deleted)
-          continue;
-        if (fromResult.pos >= toResult2.pos)
-          continue;
-        issue.pmFrom = fromResult.pos;
-        issue.pmTo = toResult2.pos;
-        issue.state = "mapped";
-        issue.recheckId = recheckId;
-        surviving.push(issue);
+      annotation.dataset[INTERACTION_EPOCH_KEY] = epochStr;
+      annotation.draggable = true;
+      annotation.dataset[DATASET_KEYS.DRAGGABLE] = "true";
+      const displayLabel = resolveAnnotationDisplayLabel(annotation, annotation.querySelector(`.${DOM_CLASS_NAMES.ANNOTATION_CONTENT}`));
+      if (displayLabel !== null) {
+        annotation.dataset[DATASET_KEYS.DISPLAY_LABEL] = displayLabel.value;
+        annotation.dataset[DISPLAY_LABEL_SOURCE_KEY] = displayLabel.source;
       }
-      if (surviving.length > 0)
-        this.#issuesBySegment.set(id2, surviving);
-      else
-        this.#issuesBySegment.delete(id2);
-    }
-  }
-  replaceBatchResults(recheckIds, coveredSegmentIds, freshIssues) {
-    for (const segId of coveredSegmentIds) {
-      const list5 = this.#issuesBySegment.get(segId);
-      if (!list5)
-        continue;
-      const filtered = list5.filter((issue) => issue.recheckId === null || !recheckIds.has(issue.recheckId));
-      if (filtered.length > 0)
-        this.#issuesBySegment.set(segId, filtered);
-      else
-        this.#issuesBySegment.delete(segId);
+      const variantType = annotation.dataset[DATASET_KEYS.TYPE];
+      if (variantType)
+        annotation.dataset[DATASET_KEYS.VARIANT] = variantType;
+      this.#ensureCaretAnchor(annotation);
     }
-    for (const issue of freshIssues)
-      this.addIssue(issue);
-  }
-  removeBySegmentIds(ids) {
-    for (const id2 of ids)
-      this.#issuesBySegment.delete(id2);
-  }
-  removeOrphanedSegments(currentSegmentIds) {
-    for (const segId of this.#issuesBySegment.keys())
-      if (!currentSegmentIds.has(segId))
-        this.#issuesBySegment.delete(segId);
   }
   clear() {
-    this.#issuesBySegment.clear();
-  }
-  getAllIssues() {
-    const result = [];
-    for (const list5 of this.#issuesBySegment.values())
-      result.push(...list5);
-    return result;
-  }
-  getDisplayIssues(ignoredWords) {
-    const normalizedIgnored = new Set(ignoredWords.map((w) => w.normalize("NFC").toLowerCase()));
-    const result = [];
-    for (const list5 of this.#issuesBySegment.values())
-      for (const issue of list5) {
-        if (issue.kind !== "spelling")
-          continue;
-        if (isSuppressed(issue, normalizedIgnored))
-          continue;
-        result.push(issue);
-      }
-    return result;
-  }
-  getActiveRecheckIds() {
-    const ids = /* @__PURE__ */ new Set;
-    for (const list5 of this.#issuesBySegment.values())
-      for (const issue of list5)
-        if (issue.state === "mapped" && issue.recheckId !== null)
-          ids.add(issue.recheckId);
-    return ids;
-  }
-  get isEmpty() {
-    return this.#issuesBySegment.size === 0;
-  }
-  get size() {
-    let count2 = 0;
-    for (const list5 of this.#issuesBySegment.values())
-      count2 += list5.length;
-    return count2;
-  }
-}, NON_TEXT_INLINE_NODES, DEFAULT_DEBOUNCE_MS = 500, DEFAULT_MAX_WAIT_MS = 2000, DEFAULT_TIMEOUT_MS = 1e4, DEFAULT_MAX_CONCURRENT = 2, DEFAULT_MAX_SEGMENTS_PER_BATCH = 20, DEFAULT_MAX_SUGGESTIONS = 5, ProofingSessionManager = class {
-  #config;
-  #provider = null;
-  #capabilities = null;
-  #status = "disabled";
-  #store = new ProofingStore;
-  #offsetMaps = /* @__PURE__ */ new Map;
-  #segmentHashes = /* @__PURE__ */ new Map;
-  #debounceTimer = null;
-  #pendingAbortControllers = /* @__PURE__ */ new Set;
-  #inFlightCount = 0;
-  #documentEpoch = 0;
-  #disposed = false;
-  #pendingSegments = [];
-  #nextRecheckId = 0;
-  #isComposing = false;
-  #lastCheckFiredAt = 0;
-  #visibilitySource = null;
-  #documentId = null;
-  #pageResolver = null;
-  #lastDoc = null;
-  #lastSegments = [];
-  constructor(config2 = {}) {
-    this.onResultsChanged = null;
-    this.#config = {
-      enabled: config2.enabled ?? false,
-      debounceMs: config2.debounceMs ?? DEFAULT_DEBOUNCE_MS,
-      maxSuggestions: config2.maxSuggestions ?? DEFAULT_MAX_SUGGESTIONS,
-      visibleFirst: config2.visibleFirst ?? true,
-      allowIgnoreWord: config2.allowIgnoreWord ?? true,
-      defaultLanguage: config2.defaultLanguage ?? null,
-      ignoredWords: config2.ignoredWords ?? [],
-      timeoutMs: config2.timeoutMs ?? DEFAULT_TIMEOUT_MS,
-      maxConcurrentRequests: config2.maxConcurrentRequests ?? DEFAULT_MAX_CONCURRENT,
-      maxSegmentsPerBatch: config2.maxSegmentsPerBatch ?? DEFAULT_MAX_SEGMENTS_PER_BATCH,
-      onProofingError: config2.onProofingError ?? null,
-      onStatusChange: config2.onStatusChange ?? null
-    };
-    if (config2.provider)
-      this.#provider = config2.provider;
-    if (this.#config.enabled && this.#provider)
-      this.#setStatus("idle");
-  }
-  get status() {
-    return this.#status;
-  }
-  get isEnabled() {
-    return this.#config.enabled && this.#provider !== null;
-  }
-  get config() {
-    return this.#config;
-  }
-  setVisibilitySource(source) {
-    this.#visibilitySource = source;
-  }
-  setDocumentId(id2) {
-    this.#documentId = id2;
-  }
-  setPageResolver(resolver2) {
-    this.#pageResolver = resolver2;
-  }
-  setComposing(composing) {
-    this.#isComposing = composing;
-    if (!composing && this.#lastSegments.length > 0 && this.isEnabled)
-      this.#scheduleDebouncedCheck(this.#lastSegments);
-  }
-  getPaintSlices(activeWordRange) {
-    if (!this.isEnabled)
-      return [];
-    const slices = buildPaintSlices(this.#store.getDisplayIssues(this.#config.ignoredWords));
-    if (!activeWordRange)
-      return slices;
-    return slices.filter((s2) => s2.pmTo <= activeWordRange.from || s2.pmFrom >= activeWordRange.to);
-  }
-  getIssueAtPosition(pmPos, activeWordRange) {
-    return findSliceAtPosition(this.getPaintSlices(activeWordRange), pmPos)?.issue ?? null;
-  }
-  updateConfig(patch3, doc$12) {
-    const prevEnabled = this.#config.enabled;
-    const prevProvider = this.#provider;
-    const needsRecheck = patch3.provider !== undefined || patch3.defaultLanguage !== undefined;
-    if (patch3.debounceMs !== undefined)
-      this.#config.debounceMs = patch3.debounceMs;
-    if (patch3.maxSuggestions !== undefined)
-      this.#config.maxSuggestions = patch3.maxSuggestions;
-    if (patch3.visibleFirst !== undefined)
-      this.#config.visibleFirst = patch3.visibleFirst;
-    if (patch3.allowIgnoreWord !== undefined)
-      this.#config.allowIgnoreWord = patch3.allowIgnoreWord;
-    if (patch3.timeoutMs !== undefined)
-      this.#config.timeoutMs = patch3.timeoutMs;
-    if (patch3.maxConcurrentRequests !== undefined)
-      this.#config.maxConcurrentRequests = patch3.maxConcurrentRequests;
-    if (patch3.maxSegmentsPerBatch !== undefined)
-      this.#config.maxSegmentsPerBatch = patch3.maxSegmentsPerBatch;
-    if (patch3.onProofingError !== undefined)
-      this.#config.onProofingError = patch3.onProofingError ?? null;
-    if (patch3.onStatusChange !== undefined)
-      this.#config.onStatusChange = patch3.onStatusChange ?? null;
-    if (patch3.defaultLanguage !== undefined)
-      this.#config.defaultLanguage = patch3.defaultLanguage ?? null;
-    if (patch3.ignoredWords !== undefined) {
-      this.#config.ignoredWords = patch3.ignoredWords ?? [];
-      this.onResultsChanged?.();
-    }
-    if (patch3.provider !== undefined) {
-      if (prevProvider && prevProvider !== patch3.provider)
-        prevProvider.dispose?.();
-      this.#provider = patch3.provider ?? null;
-      this.#capabilities = null;
-    }
-    if (patch3.enabled !== undefined) {
-      this.#config.enabled = patch3.enabled;
-      if (!patch3.enabled) {
-        this.#cancelAll();
-        this.#store.clear();
-        this.#segmentHashes.clear();
-        this.#offsetMaps.clear();
-        this.#setStatus("disabled");
-        this.onResultsChanged?.();
-        return;
-      }
-      if (patch3.enabled && !prevEnabled && doc$12) {
-        this.#setStatus("idle");
-        this.#scheduleFullCheck(doc$12);
-        return;
-      }
-    }
-    if (needsRecheck && this.isEnabled && doc$12) {
-      this.#cancelAll();
-      this.#documentEpoch++;
-      this.#store.clear();
-      this.#segmentHashes.clear();
-      this.onResultsChanged?.();
-      this.#scheduleFullCheck(doc$12);
-    }
-  }
-  onDocumentChanged(doc$12, changedRanges, mapping) {
-    if (!this.isEnabled)
-      return;
-    this.#documentEpoch++;
-    this.#lastDoc = doc$12;
-    const { segments, offsetMaps, segmentPositions } = extractSegmentsWithMaps(doc$12, this.#config.defaultLanguage, this.#pageResolver ?? undefined);
-    this.#lastSegments = segments;
-    this.#offsetMaps = offsetMaps;
-    const dirtyIds = computeDirtySegmentIds(segments, segmentPositions, changedRanges);
-    for (const id2 of dirtyIds)
-      this.#segmentHashes.delete(id2);
-    if (dirtyIds.size > 0) {
-      const recheckId = this.#nextRecheckId++;
-      this.#store.remapIssues(dirtyIds, mapping, recheckId);
-      this.#store.removeOrphanedSegments(new Set(segments.map((s2) => s2.id)));
-    }
-    this.#scheduleDebouncedCheck(segments);
-  }
-  runInitialCheck(doc$12) {
-    if (!this.isEnabled)
-      return;
-    this.#scheduleFullCheck(doc$12);
-  }
-  ignoreWord(word$1) {
-    const normalized = word$1.normalize("NFC").toLowerCase();
-    if (!this.#config.ignoredWords.includes(normalized)) {
-      this.#config.ignoredWords = [...this.#config.ignoredWords, normalized];
-      this.onResultsChanged?.();
-    }
-  }
-  removeIgnoredWord(word$1) {
-    const normalized = word$1.normalize("NFC").toLowerCase();
-    this.#config.ignoredWords = this.#config.ignoredWords.filter((w) => w !== normalized);
-    this.onResultsChanged?.();
-  }
-  dispose() {
-    this.#disposed = true;
-    this.#cancelAll();
-    this.#store.clear();
-    this.#offsetMaps.clear();
-    this.#segmentHashes.clear();
-    this.#lastDoc = null;
-    this.#lastSegments = [];
-    this.#pendingSegments = [];
-    this.#provider?.dispose?.();
-    this.#provider = null;
-    this.#setStatus("disabled");
-  }
-  #scheduleFullCheck(doc$12) {
-    this.#lastDoc = doc$12;
-    const { segments, offsetMaps } = extractSegmentsWithMaps(doc$12, this.#config.defaultLanguage, this.#pageResolver ?? undefined);
-    this.#lastSegments = segments;
-    this.#offsetMaps = offsetMaps;
-    this.#segmentHashes.clear();
-    this.#store.clear();
-    this.#scheduleDebouncedCheck(segments);
-  }
-  #scheduleDebouncedCheck(segments) {
-    if (this.#isComposing)
-      return;
-    if (this.#debounceTimer !== null)
-      clearTimeout(this.#debounceTimer);
-    const msSinceLastCheck = Date.now() - this.#lastCheckFiredAt;
-    if (this.#lastCheckFiredAt > 0 && msSinceLastCheck >= DEFAULT_MAX_WAIT_MS)
-      this.#fireCheck(segments);
-    else
-      this.#debounceTimer = setTimeout(() => {
-        this.#debounceTimer = null;
-        this.#fireCheck(segments);
-      }, this.#config.debounceMs);
-  }
-  #fireCheck(segments) {
-    this.#lastCheckFiredAt = Date.now();
-    this.#runCheck(segments);
-  }
-  async#runCheck(segments) {
-    if (this.#disposed || !this.#provider)
-      return;
-    if (!this.#capabilities && this.#provider.getCapabilities)
-      try {
-        this.#capabilities = await this.#provider.getCapabilities();
-      } catch {}
-    const unchecked = segments.filter((seg) => {
-      const hash$3 = hashSegmentText(seg.text);
-      return this.#segmentHashes.get(seg.id) !== hash$3;
-    });
-    if (unchecked.length === 0) {
-      this.#setStatus("idle");
-      return;
-    }
-    const activeRecheckIds = this.#store.getActiveRecheckIds();
-    const ordered = this.#config.visibleFirst && this.#visibilitySource ? prioritizeByVisibility(unchecked, this.#visibilitySource) : unchecked;
-    const batches = this.#batchSegments(ordered);
-    const epoch = this.#documentEpoch;
-    this.#pendingSegments = [];
-    for (let i4 = 0;i4 < batches.length; i4++) {
-      if (this.#disposed || epoch !== this.#documentEpoch)
-        return;
-      if (this.#inFlightCount >= this.#config.maxConcurrentRequests) {
-        for (let j = i4;j < batches.length; j++)
-          this.#pendingSegments.push(...batches[j]);
-        break;
-      }
-      this.#sendBatch(batches[i4], epoch, activeRecheckIds);
-    }
-  }
-  async#sendBatch(segments, epoch, recheckIds) {
-    if (!this.#provider || this.#disposed)
-      return;
-    const controller = new AbortController;
-    this.#pendingAbortControllers.add(controller);
-    this.#inFlightCount++;
-    this.#setStatus("checking");
-    const timeoutId = setTimeout(() => controller.abort(), this.#config.timeoutMs);
-    const request = {
-      documentId: this.#documentId,
-      defaultLanguage: this.#config.defaultLanguage,
-      maxSuggestions: this.#config.maxSuggestions,
-      segments,
-      signal: controller.signal
-    };
-    try {
-      const result = await this.#provider.check(request);
-      clearTimeout(timeoutId);
-      if (!this.#pendingAbortControllers.delete(controller))
-        return;
-      this.#inFlightCount--;
-      if (epoch !== this.#documentEpoch || this.#disposed) {
-        this.#drainPendingSegments();
-        return;
-      }
-      const validSegmentIds = new Set(segments.map((s2) => s2.id));
-      const segmentTextMap = new Map(segments.map((s2) => [s2.id, s2]));
-      const freshIssues = [];
-      for (const issue of result.issues) {
-        if (!this.#validateIssue(issue, validSegmentIds, segmentTextMap))
-          continue;
-        const offsetMap = this.#offsetMaps.get(issue.segmentId);
-        if (!offsetMap)
-          continue;
-        const resolved = resolveIssuePmRangeFromSlices(issue, offsetMap.slices);
-        if (!resolved)
-          continue;
-        const segment = segmentTextMap.get(issue.segmentId);
-        const storedIssue = {
-          ...resolved,
-          state: "confirmed",
-          recheckId: null
-        };
-        if (segment)
-          storedIssue.word = segment.text.slice(issue.start, issue.end);
-        freshIssues.push(storedIssue);
-      }
-      this.#store.replaceBatchResults(recheckIds, validSegmentIds, freshIssues);
-      for (const seg of segments)
-        this.#segmentHashes.set(seg.id, hashSegmentText(seg.text));
-      this.#setStatus(this.#inFlightCount > 0 ? "checking" : "idle");
-      this.onResultsChanged?.();
-      this.#schedulePendingSegments(epoch, recheckIds);
-    } catch (err) {
-      clearTimeout(timeoutId);
-      if (!this.#pendingAbortControllers.delete(controller))
-        return;
-      this.#inFlightCount--;
-      if (this.#disposed)
-        return;
-      if (epoch !== this.#documentEpoch) {
-        this.#drainPendingSegments();
-        return;
-      }
-      const isTimeout = controller.signal.aborted;
-      const proofingError = {
-        kind: isTimeout ? "timeout" : "provider-error",
-        message: isTimeout ? "Provider request timed out" : String(err),
-        segmentIds: segments.map((s2) => s2.id),
-        cause: err
-      };
-      this.#config.onProofingError?.(proofingError);
-      this.#setStatus(this.#inFlightCount > 0 ? "checking" : "degraded");
-      this.#schedulePendingSegments(epoch, recheckIds);
-    }
-  }
-  #schedulePendingSegments(epoch, recheckIds) {
-    if (this.#disposed || epoch !== this.#documentEpoch)
+    if (!this.#container)
       return;
-    if (this.#pendingSegments.length === 0)
+    const annotations = this.#container.querySelectorAll(buildAnnotationSelector());
+    for (let index2 = 0;index2 < annotations.length; index2 += 1) {
+      const annotation = annotations[index2];
+      annotation.removeAttribute("draggable");
+      delete annotation.dataset[DATASET_KEYS.DRAGGABLE];
+      delete annotation.dataset[DATASET_KEYS.DISPLAY_LABEL];
+      delete annotation.dataset[DATASET_KEYS.VARIANT];
+      delete annotation.dataset[INTERACTION_EPOCH_KEY];
+      delete annotation.dataset[DISPLAY_LABEL_SOURCE_KEY];
+      annotation.querySelector(`.${DOM_CLASS_NAMES.ANNOTATION_CARET_ANCHOR}`)?.remove();
+    }
+  }
+  #ensureCaretAnchor(annotation) {
+    if (annotation.querySelector(`.${DOM_CLASS_NAMES.ANNOTATION_CARET_ANCHOR}`))
       return;
-    if (this.#inFlightCount >= this.#config.maxConcurrentRequests)
+    const pmEnd = annotation.dataset[DATASET_KEYS.PM_END];
+    const layoutEpoch = annotation.dataset[DATASET_KEYS.LAYOUT_EPOCH];
+    if (pmEnd == null)
       return;
-    const nextBatch = this.#pendingSegments.splice(0, this.#config.maxSegmentsPerBatch);
-    if (nextBatch.length > 0)
-      this.#sendBatch(nextBatch, epoch, recheckIds);
-  }
-  #drainPendingSegments() {
-    if (this.#disposed || this.#pendingSegments.length === 0)
+    const doc$12 = this.#container?.ownerDocument;
+    if (!doc$12)
       return;
-    this.#schedulePendingSegments(this.#documentEpoch, this.#store.getActiveRecheckIds());
-  }
-  #validateIssue(issue, validSegmentIds, segmentTextMap) {
-    if (!validSegmentIds.has(issue.segmentId)) {
-      this.#reportValidationError(`Unknown segmentId: ${issue.segmentId}`, [issue.segmentId]);
-      return false;
-    }
-    const segment = segmentTextMap.get(issue.segmentId);
-    if (!segment)
-      return false;
-    if (issue.start < 0 || issue.end <= issue.start || issue.end > segment.text.length) {
-      this.#reportValidationError(`Invalid offsets [${issue.start}, ${issue.end}) for segment "${issue.segmentId}" (length ${segment.text.length})`, [issue.segmentId]);
-      return false;
-    }
-    return true;
-  }
-  #reportValidationError(message, segmentIds) {
-    this.#config.onProofingError?.({
-      kind: "validation-error",
-      message,
-      segmentIds
-    });
-  }
-  #batchSegments(segments) {
-    const batches = [];
-    for (let i4 = 0;i4 < segments.length; i4 += this.#config.maxSegmentsPerBatch)
-      batches.push(segments.slice(i4, i4 + this.#config.maxSegmentsPerBatch));
-    return batches;
-  }
-  #cancelAll() {
-    if (this.#debounceTimer !== null) {
-      clearTimeout(this.#debounceTimer);
-      this.#debounceTimer = null;
-    }
-    for (const controller of this.#pendingAbortControllers)
-      controller.abort();
-    this.#pendingAbortControllers.clear();
-    this.#inFlightCount = 0;
-    this.#pendingSegments = [];
-  }
-  #setStatus(status) {
-    if (this.#status !== status) {
-      this.#status = status;
-      this.#config.onStatusChange?.(status);
-    }
+    const caretAnchor = doc$12.createElement("span");
+    caretAnchor.dataset[DATASET_KEYS.PM_START] = pmEnd;
+    caretAnchor.dataset[DATASET_KEYS.PM_END] = pmEnd;
+    caretAnchor.dataset[DATASET_KEYS.LAYOUT_EPOCH] = layoutEpoch ?? "";
+    caretAnchor.classList.add(DOM_CLASS_NAMES.ANNOTATION_CARET_ANCHOR);
+    caretAnchor.style.position = "absolute";
+    caretAnchor.style.left = "100%";
+    caretAnchor.style.top = "0";
+    caretAnchor.style.width = "0";
+    caretAnchor.style.height = "1em";
+    caretAnchor.style.overflow = "hidden";
+    caretAnchor.style.pointerEvents = "none";
+    caretAnchor.style.userSelect = "none";
+    caretAnchor.style.opacity = "0";
+    caretAnchor.textContent = "​";
+    if (!annotation.style.position)
+      annotation.style.position = "relative";
+    annotation.appendChild(caretAnchor);
   }
 }, FONT_FAMILY_FALLBACKS2, DEFAULT_GENERIC_FALLBACK2 = "sans-serif", normalizeParts = (value) => (value || "").split(",").map((part) => part.trim()).filter(Boolean), splitOutsideQuotes = (str, delimiter) => {
   if (!str.includes('"') && !str.includes("'"))
@@ -244983,9 +244749,8 @@ var Node$13 = class Node$14 {
   border-color: transparent;
 }
 
-/* Group hover (JavaScript-coordinated) */
-.superdoc-structured-content-block.sdt-group-hover:not(.ProseMirror-selectednode),
-.superdoc-structured-content-block.sdt-hover:not(.ProseMirror-selectednode) {
+/* Group hover (JavaScript-coordinated via PresentationEditor) */
+.superdoc-structured-content-block.sdt-group-hover:not(.ProseMirror-selectednode) {
   background-color: var(--sd-content-controls-block-hover-bg, #f2f2f2);
   border-color: transparent;
 }
@@ -245029,7 +244794,7 @@ var Node$13 = class Node$14 {
 }
 
 .superdoc-structured-content-block.ProseMirror-selectednode .superdoc-structured-content__label,
-.superdoc-structured-content-block.sdt-hover:not(.ProseMirror-selectednode) .superdoc-structured-content__label {
+.superdoc-structured-content-block.sdt-group-hover:not(.ProseMirror-selectednode) .superdoc-structured-content__label {
   display: inline-flex;
 }
 
@@ -245117,10 +244882,10 @@ var Node$13 = class Node$14 {
 
 /* Hover highlight for SDT containers.
  * Hover adds background highlight and z-index boost.
- * Block SDTs use .sdt-hover class (event delegation for multi-fragment coordination).
+ * Block SDTs use .sdt-group-hover class (event delegation for multi-fragment coordination).
  * Inline SDTs use :hover (single element, no coordination needed).
  * Hover is suppressed when the node is selected (SD-1584). */
-.superdoc-structured-content-block[data-lock-mode].sdt-hover:not(.ProseMirror-selectednode),
+.superdoc-structured-content-block[data-lock-mode].sdt-group-hover:not(.ProseMirror-selectednode),
 .superdoc-structured-content-inline[data-lock-mode]:hover:not(.ProseMirror-selectednode) {
   background-color: var(--sd-content-controls-lock-hover-bg, rgba(98, 155, 231, 0.08));
   z-index: 9999999;
@@ -245140,8 +244905,7 @@ var Node$13 = class Node$14 {
 }
 
 .presentation-editor--viewing .superdoc-structured-content-block.sdt-group-hover,
-.presentation-editor--viewing .superdoc-structured-content-block.sdt-hover,
-.presentation-editor--viewing .superdoc-structured-content-block[data-lock-mode].sdt-hover {
+.presentation-editor--viewing .superdoc-structured-content-block[data-lock-mode].sdt-group-hover {
   background: none;
   border: none;
 }
@@ -245178,11 +244942,8 @@ var Node$13 = class Node$14 {
   }
 }
 `, FIELD_ANNOTATION_STYLES = `
-/* Field annotation draggable styles */
-.superdoc-layout .annotation[data-draggable="true"] {
-  user-select: text;
-}
-
+/* Field annotation visual styles — suppress native selection artifacts.
+ * Annotations are atomic inline nodes; native selection and caret look broken. */
 .superdoc-layout .annotation::selection,
 .superdoc-layout .annotation *::selection {
   background: transparent;
@@ -245197,41 +244958,7 @@ var Node$13 = class Node$14 {
 .superdoc-layout .annotation * {
   caret-color: transparent;
 }
-
-.superdoc-layout .annotation[data-draggable="true"]:hover {
-  opacity: 0.9;
-}
-
-.superdoc-layout .annotation[data-draggable="true"]:active {
-  cursor: grabbing;
-}
-
-/* Drag over indicator for drop targets */
-.superdoc-layout.drag-over {
-  outline: 2px dashed #b015b3;
-  outline-offset: -2px;
-}
-
-/* Drop zone indicator */
-.superdoc-layout .superdoc-drop-indicator {
-  position: absolute;
-  width: 2px;
-  background-color: #b015b3;
-  pointer-events: none;
-  z-index: 1000;
-}
-`, IMAGE_SELECTION_STYLES, NATIVE_SELECTION_STYLES = `
-/* Hide native browser selection on layout engine content.
- * We render our own selection overlay via PresentationEditor's #localSelectionLayer
- * for precise control over selection geometry across pages and zoom levels. */
-.superdoc-layout *::selection {
-  background: transparent;
-}
-
-.superdoc-layout *::-moz-selection {
-  background: transparent;
-}
-`, printStylesInjected = false, linkStylesInjected = false, trackChangeStylesInjected = false, sdtContainerStylesInjected = false, fieldAnnotationStylesInjected = false, imageSelectionStylesInjected = false, nativeSelectionStylesInjected = false, ensurePrintStyles = (doc$12) => {
+`, IMAGE_SELECTION_STYLES, printStylesInjected = false, linkStylesInjected = false, trackChangeStylesInjected = false, sdtContainerStylesInjected = false, fieldAnnotationStylesInjected = false, imageSelectionStylesInjected = false, ensurePrintStyles = (doc$12) => {
   if (printStylesInjected || !doc$12)
     return;
   const styleEl = doc$12.createElement("style");
@@ -245279,14 +245006,6 @@ var Node$13 = class Node$14 {
   styleEl.textContent = IMAGE_SELECTION_STYLES;
   doc$12.head?.appendChild(styleEl);
   imageSelectionStylesInjected = true;
-}, ensureNativeSelectionStyles = (doc$12) => {
-  if (nativeSelectionStylesInjected || !doc$12)
-    return;
-  const styleEl = doc$12.createElement("style");
-  styleEl.setAttribute("data-superdoc-native-selection-styles", "true");
-  styleEl.textContent = NATIVE_SELECTION_STYLES;
-  doc$12.head?.appendChild(styleEl);
-  nativeSelectionStylesInjected = true;
 }, gradientIdCounter = 0, getFragmentParagraphBorders = (fragment2, blockLookup) => {
   const lookup3 = blockLookup.get(fragment2.blockId);
   if (!lookup3)
@@ -246673,57 +246392,6 @@ var Node$13 = class Node$14 {
     y$1 += actualRowHeight + cellSpacingPx;
   }
   return container;
-}, SDT_BLOCK_SELECTOR, HOVER_CLASS, SdtGroupedHover = class {
-  constructor() {
-    this.hoveredSdtId = null;
-    this.mount = null;
-    this.onMouseOver = null;
-    this.onMouseLeave = null;
-  }
-  bind(mount) {
-    this.destroy();
-    this.mount = mount;
-    this.onMouseOver = (e) => {
-      const sdtId = e.target.closest?.(SDT_BLOCK_SELECTOR)?.dataset.sdtId ?? null;
-      if (sdtId === this.hoveredSdtId)
-        return;
-      if (this.hoveredSdtId)
-        sdtElementsById(mount, this.hoveredSdtId).forEach((el) => el.classList.remove(HOVER_CLASS));
-      this.hoveredSdtId = sdtId;
-      if (sdtId)
-        sdtElementsById(mount, sdtId).forEach((el) => {
-          if (!el.classList.contains("ProseMirror-selectednode"))
-            el.classList.add(HOVER_CLASS);
-        });
-    };
-    this.onMouseLeave = () => {
-      if (this.hoveredSdtId) {
-        sdtElementsById(mount, this.hoveredSdtId).forEach((el) => el.classList.remove(HOVER_CLASS));
-        this.hoveredSdtId = null;
-      }
-    };
-    mount.addEventListener("mouseover", this.onMouseOver);
-    mount.addEventListener("mouseleave", this.onMouseLeave);
-  }
-  reapply() {
-    if (this.hoveredSdtId && this.mount)
-      sdtElementsById(this.mount, this.hoveredSdtId).forEach((el) => {
-        if (!el.classList.contains("ProseMirror-selectednode"))
-          el.classList.add(HOVER_CLASS);
-      });
-  }
-  destroy() {
-    if (this.mount) {
-      if (this.onMouseOver)
-        this.mount.removeEventListener("mouseover", this.onMouseOver);
-      if (this.onMouseLeave)
-        this.mount.removeEventListener("mouseleave", this.onMouseLeave);
-    }
-    this.mount = null;
-    this.onMouseOver = null;
-    this.onMouseLeave = null;
-    this.hoveredSdtId = null;
-  }
 }, isRtlParagraph = (attrs) => attrs?.direction === "rtl" || attrs?.rtl === true, resolveTextAlign = (alignment$1, isRtl) => {
   switch (alignment$1) {
     case "center":
@@ -247597,6 +247265,9 @@ var Node$13 = class Node$14 {
     setVirtualizationPins(pageIndices) {
       painter.setVirtualizationPins(pageIndices);
     },
+    getMountedPageIndices() {
+      return painter.getMountedPageIndices();
+    },
     onScroll() {
       painter.onScroll();
     },
@@ -247607,46 +247278,737 @@ var Node$13 = class Node$14 {
       painter.setScrollContainer(el);
     }
   };
+}, PresentationProofingDecorator = class {
+  #container = null;
+  setContainer(container) {
+    this.#container = container;
+  }
+  applyAnnotations(annotations) {
+    const container = this.#container;
+    if (!container)
+      return false;
+    if (!annotations || annotations.length === 0)
+      return clearProofingDecorations(container);
+    return applyProofingDecorations(container, annotations);
+  }
+  clear() {
+    const container = this.#container;
+    if (!container)
+      return false;
+    return clearProofingDecorations(container);
+  }
+}, PresentationPostPaintPipeline = class {
+  #fieldAnnotationLayer;
+  #commentHighlightDecorator;
+  #decorationBridge;
+  #proofingDecorator;
+  constructor(deps = {}) {
+    this.#fieldAnnotationLayer = deps.fieldAnnotationLayer ?? new FieldAnnotationInteractionLayer;
+    this.#commentHighlightDecorator = deps.commentHighlightDecorator ?? new CommentHighlightDecorator;
+    this.#decorationBridge = deps.decorationBridge ?? new DecorationBridge;
+    this.#proofingDecorator = deps.proofingDecorator ?? new PresentationProofingDecorator;
+  }
+  setContainer(container) {
+    this.#fieldAnnotationLayer.setContainer(container);
+    this.#commentHighlightDecorator.setContainer(container);
+    this.#proofingDecorator.setContainer(container);
+  }
+  setActiveComment(commentId) {
+    return this.#commentHighlightDecorator.setActiveComment(commentId);
+  }
+  recordDecorationTransaction(transaction) {
+    this.#decorationBridge.recordTransaction(transaction);
+  }
+  hasDecorationChanges(editorState) {
+    return this.#decorationBridge.hasChanges(editorState);
+  }
+  collectDecorationRanges(editorState) {
+    return this.#decorationBridge.collectDecorationRanges(editorState);
+  }
+  syncDecorations(editorState, domPositionIndex, options) {
+    if (!editorState)
+      return false;
+    return this.#decorationBridge.sync(editorState, domPositionIndex, options);
+  }
+  applyCommentHighlights() {
+    this.#commentHighlightDecorator.apply();
+  }
+  syncInlineStyleLayers(editorState, domPositionIndex) {
+    this.applyCommentHighlights();
+    return this.syncDecorations(editorState, domPositionIndex);
+  }
+  applyProofingAnnotations(annotations, rebuildDomPositionIndex) {
+    const mutated = this.#proofingDecorator.applyAnnotations(annotations);
+    if (mutated)
+      rebuildDomPositionIndex();
+    return mutated;
+  }
+  refreshAfterPaint(options) {
+    this.#fieldAnnotationLayer.apply(options.layoutEpoch);
+    options.rebuildDomPositionIndex();
+    this.syncInlineStyleLayers(options.editorState, options.domPositionIndex);
+    this.applyProofingAnnotations(options.proofingAnnotations, options.rebuildDomPositionIndex);
+    options.reapplyStructuredContentHover?.();
+  }
+  destroy() {
+    this.#proofingDecorator.clear();
+    this.#fieldAnnotationLayer.clear();
+    this.#commentHighlightDecorator.destroy();
+    this.#decorationBridge.destroy();
+  }
+}, ProofingStore = class {
+  #issuesBySegment = /* @__PURE__ */ new Map;
+  addIssue(issue) {
+    const list5 = this.#issuesBySegment.get(issue.segmentId);
+    if (list5)
+      list5.push(issue);
+    else
+      this.#issuesBySegment.set(issue.segmentId, [issue]);
+  }
+  remapIssues(segmentIds, mapping, recheckId) {
+    for (const id2 of segmentIds) {
+      const list5 = this.#issuesBySegment.get(id2);
+      if (!list5)
+        continue;
+      const surviving = [];
+      for (const issue of list5) {
+        const fromResult = mapping.mapResult(issue.pmFrom, -1);
+        const toResult2 = mapping.mapResult(issue.pmTo, 1);
+        if (fromResult.deleted || toResult2.deleted)
+          continue;
+        if (fromResult.pos >= toResult2.pos)
+          continue;
+        issue.pmFrom = fromResult.pos;
+        issue.pmTo = toResult2.pos;
+        issue.state = "mapped";
+        issue.recheckId = recheckId;
+        surviving.push(issue);
+      }
+      if (surviving.length > 0)
+        this.#issuesBySegment.set(id2, surviving);
+      else
+        this.#issuesBySegment.delete(id2);
+    }
+  }
+  replaceBatchResults(recheckIds, coveredSegmentIds, freshIssues) {
+    for (const segId of coveredSegmentIds) {
+      const list5 = this.#issuesBySegment.get(segId);
+      if (!list5)
+        continue;
+      const filtered = list5.filter((issue) => issue.recheckId === null || !recheckIds.has(issue.recheckId));
+      if (filtered.length > 0)
+        this.#issuesBySegment.set(segId, filtered);
+      else
+        this.#issuesBySegment.delete(segId);
+    }
+    for (const issue of freshIssues)
+      this.addIssue(issue);
+  }
+  removeBySegmentIds(ids) {
+    for (const id2 of ids)
+      this.#issuesBySegment.delete(id2);
+  }
+  removeOrphanedSegments(currentSegmentIds) {
+    for (const segId of this.#issuesBySegment.keys())
+      if (!currentSegmentIds.has(segId))
+        this.#issuesBySegment.delete(segId);
+  }
+  clear() {
+    this.#issuesBySegment.clear();
+  }
+  getAllIssues() {
+    const result = [];
+    for (const list5 of this.#issuesBySegment.values())
+      result.push(...list5);
+    return result;
+  }
+  getDisplayIssues(ignoredWords) {
+    const normalizedIgnored = new Set(ignoredWords.map((w) => w.normalize("NFC").toLowerCase()));
+    const result = [];
+    for (const list5 of this.#issuesBySegment.values())
+      for (const issue of list5) {
+        if (issue.kind !== "spelling")
+          continue;
+        if (isSuppressed(issue, normalizedIgnored))
+          continue;
+        result.push(issue);
+      }
+    return result;
+  }
+  getActiveRecheckIds() {
+    const ids = /* @__PURE__ */ new Set;
+    for (const list5 of this.#issuesBySegment.values())
+      for (const issue of list5)
+        if (issue.state === "mapped" && issue.recheckId !== null)
+          ids.add(issue.recheckId);
+    return ids;
+  }
+  get isEmpty() {
+    return this.#issuesBySegment.size === 0;
+  }
+  get size() {
+    let count2 = 0;
+    for (const list5 of this.#issuesBySegment.values())
+      count2 += list5.length;
+    return count2;
+  }
+}, NON_TEXT_INLINE_NODES, DEFAULT_DEBOUNCE_MS = 500, DEFAULT_MAX_WAIT_MS = 2000, DEFAULT_TIMEOUT_MS = 1e4, DEFAULT_MAX_CONCURRENT = 2, DEFAULT_MAX_SEGMENTS_PER_BATCH = 20, DEFAULT_MAX_SUGGESTIONS = 5, ProofingSessionManager = class {
+  #config;
+  #provider = null;
+  #capabilities = null;
+  #status = "disabled";
+  #store = new ProofingStore;
+  #offsetMaps = /* @__PURE__ */ new Map;
+  #segmentHashes = /* @__PURE__ */ new Map;
+  #debounceTimer = null;
+  #pendingAbortControllers = /* @__PURE__ */ new Set;
+  #inFlightCount = 0;
+  #documentEpoch = 0;
+  #disposed = false;
+  #pendingSegments = [];
+  #nextRecheckId = 0;
+  #isComposing = false;
+  #lastCheckFiredAt = 0;
+  #visibilitySource = null;
+  #documentId = null;
+  #pageResolver = null;
+  #lastDoc = null;
+  #lastSegments = [];
+  constructor(config2 = {}) {
+    this.onResultsChanged = null;
+    this.#config = {
+      enabled: config2.enabled ?? false,
+      debounceMs: config2.debounceMs ?? DEFAULT_DEBOUNCE_MS,
+      maxSuggestions: config2.maxSuggestions ?? DEFAULT_MAX_SUGGESTIONS,
+      visibleFirst: config2.visibleFirst ?? true,
+      allowIgnoreWord: config2.allowIgnoreWord ?? true,
+      defaultLanguage: config2.defaultLanguage ?? null,
+      ignoredWords: config2.ignoredWords ?? [],
+      timeoutMs: config2.timeoutMs ?? DEFAULT_TIMEOUT_MS,
+      maxConcurrentRequests: config2.maxConcurrentRequests ?? DEFAULT_MAX_CONCURRENT,
+      maxSegmentsPerBatch: config2.maxSegmentsPerBatch ?? DEFAULT_MAX_SEGMENTS_PER_BATCH,
+      onProofingError: config2.onProofingError ?? null,
+      onStatusChange: config2.onStatusChange ?? null
+    };
+    if (config2.provider)
+      this.#provider = config2.provider;
+    if (this.#config.enabled && this.#provider)
+      this.#setStatus("idle");
+  }
+  get status() {
+    return this.#status;
+  }
+  get isEnabled() {
+    return this.#config.enabled && this.#provider !== null;
+  }
+  get config() {
+    return this.#config;
+  }
+  setVisibilitySource(source) {
+    this.#visibilitySource = source;
+  }
+  setDocumentId(id2) {
+    this.#documentId = id2;
+  }
+  setPageResolver(resolver2) {
+    this.#pageResolver = resolver2;
+  }
+  setComposing(composing) {
+    this.#isComposing = composing;
+    if (!composing && this.#lastSegments.length > 0 && this.isEnabled)
+      this.#scheduleDebouncedCheck(this.#lastSegments);
+  }
+  getPaintSlices(activeWordRange) {
+    if (!this.isEnabled)
+      return [];
+    const slices = buildPaintSlices(this.#store.getDisplayIssues(this.#config.ignoredWords));
+    if (!activeWordRange)
+      return slices;
+    return slices.filter((s2) => s2.pmTo <= activeWordRange.from || s2.pmFrom >= activeWordRange.to);
+  }
+  getIssueAtPosition(pmPos, activeWordRange) {
+    return findSliceAtPosition(this.getPaintSlices(activeWordRange), pmPos)?.issue ?? null;
+  }
+  updateConfig(patch3, doc$12) {
+    const prevEnabled = this.#config.enabled;
+    const prevProvider = this.#provider;
+    const needsRecheck = patch3.provider !== undefined || patch3.defaultLanguage !== undefined;
+    if (patch3.debounceMs !== undefined)
+      this.#config.debounceMs = patch3.debounceMs;
+    if (patch3.maxSuggestions !== undefined)
+      this.#config.maxSuggestions = patch3.maxSuggestions;
+    if (patch3.visibleFirst !== undefined)
+      this.#config.visibleFirst = patch3.visibleFirst;
+    if (patch3.allowIgnoreWord !== undefined)
+      this.#config.allowIgnoreWord = patch3.allowIgnoreWord;
+    if (patch3.timeoutMs !== undefined)
+      this.#config.timeoutMs = patch3.timeoutMs;
+    if (patch3.maxConcurrentRequests !== undefined)
+      this.#config.maxConcurrentRequests = patch3.maxConcurrentRequests;
+    if (patch3.maxSegmentsPerBatch !== undefined)
+      this.#config.maxSegmentsPerBatch = patch3.maxSegmentsPerBatch;
+    if (patch3.onProofingError !== undefined)
+      this.#config.onProofingError = patch3.onProofingError ?? null;
+    if (patch3.onStatusChange !== undefined)
+      this.#config.onStatusChange = patch3.onStatusChange ?? null;
+    if (patch3.defaultLanguage !== undefined)
+      this.#config.defaultLanguage = patch3.defaultLanguage ?? null;
+    if (patch3.ignoredWords !== undefined) {
+      this.#config.ignoredWords = patch3.ignoredWords ?? [];
+      this.onResultsChanged?.();
+    }
+    if (patch3.provider !== undefined) {
+      if (prevProvider && prevProvider !== patch3.provider)
+        prevProvider.dispose?.();
+      this.#provider = patch3.provider ?? null;
+      this.#capabilities = null;
+    }
+    if (patch3.enabled !== undefined) {
+      this.#config.enabled = patch3.enabled;
+      if (!patch3.enabled) {
+        this.#cancelAll();
+        this.#store.clear();
+        this.#segmentHashes.clear();
+        this.#offsetMaps.clear();
+        this.#setStatus("disabled");
+        this.onResultsChanged?.();
+        return;
+      }
+      if (patch3.enabled && !prevEnabled && doc$12) {
+        this.#setStatus("idle");
+        this.#scheduleFullCheck(doc$12);
+        return;
+      }
+    }
+    if (needsRecheck && this.isEnabled && doc$12) {
+      this.#cancelAll();
+      this.#documentEpoch++;
+      this.#store.clear();
+      this.#segmentHashes.clear();
+      this.onResultsChanged?.();
+      this.#scheduleFullCheck(doc$12);
+    }
+  }
+  onDocumentChanged(doc$12, changedRanges, mapping) {
+    if (!this.isEnabled)
+      return;
+    this.#documentEpoch++;
+    this.#lastDoc = doc$12;
+    const { segments, offsetMaps, segmentPositions } = extractSegmentsWithMaps(doc$12, this.#config.defaultLanguage, this.#pageResolver ?? undefined);
+    this.#lastSegments = segments;
+    this.#offsetMaps = offsetMaps;
+    const dirtyIds = computeDirtySegmentIds(segments, segmentPositions, changedRanges);
+    for (const id2 of dirtyIds)
+      this.#segmentHashes.delete(id2);
+    if (dirtyIds.size > 0) {
+      const recheckId = this.#nextRecheckId++;
+      this.#store.remapIssues(dirtyIds, mapping, recheckId);
+      this.#store.removeOrphanedSegments(new Set(segments.map((s2) => s2.id)));
+    }
+    this.#scheduleDebouncedCheck(segments);
+  }
+  runInitialCheck(doc$12) {
+    if (!this.isEnabled)
+      return;
+    this.#scheduleFullCheck(doc$12);
+  }
+  ignoreWord(word$1) {
+    const normalized = word$1.normalize("NFC").toLowerCase();
+    if (!this.#config.ignoredWords.includes(normalized)) {
+      this.#config.ignoredWords = [...this.#config.ignoredWords, normalized];
+      this.onResultsChanged?.();
+    }
+  }
+  removeIgnoredWord(word$1) {
+    const normalized = word$1.normalize("NFC").toLowerCase();
+    this.#config.ignoredWords = this.#config.ignoredWords.filter((w) => w !== normalized);
+    this.onResultsChanged?.();
+  }
+  dispose() {
+    this.#disposed = true;
+    this.#cancelAll();
+    this.#store.clear();
+    this.#offsetMaps.clear();
+    this.#segmentHashes.clear();
+    this.#lastDoc = null;
+    this.#lastSegments = [];
+    this.#pendingSegments = [];
+    this.#provider?.dispose?.();
+    this.#provider = null;
+    this.#setStatus("disabled");
+  }
+  #scheduleFullCheck(doc$12) {
+    this.#lastDoc = doc$12;
+    const { segments, offsetMaps } = extractSegmentsWithMaps(doc$12, this.#config.defaultLanguage, this.#pageResolver ?? undefined);
+    this.#lastSegments = segments;
+    this.#offsetMaps = offsetMaps;
+    this.#segmentHashes.clear();
+    this.#store.clear();
+    this.#scheduleDebouncedCheck(segments);
+  }
+  #scheduleDebouncedCheck(segments) {
+    if (this.#isComposing)
+      return;
+    if (this.#debounceTimer !== null)
+      clearTimeout(this.#debounceTimer);
+    const msSinceLastCheck = Date.now() - this.#lastCheckFiredAt;
+    if (this.#lastCheckFiredAt > 0 && msSinceLastCheck >= DEFAULT_MAX_WAIT_MS)
+      this.#fireCheck(segments);
+    else
+      this.#debounceTimer = setTimeout(() => {
+        this.#debounceTimer = null;
+        this.#fireCheck(segments);
+      }, this.#config.debounceMs);
+  }
+  #fireCheck(segments) {
+    this.#lastCheckFiredAt = Date.now();
+    this.#runCheck(segments);
+  }
+  async#runCheck(segments) {
+    if (this.#disposed || !this.#provider)
+      return;
+    if (!this.#capabilities && this.#provider.getCapabilities)
+      try {
+        this.#capabilities = await this.#provider.getCapabilities();
+      } catch {}
+    const unchecked = segments.filter((seg) => {
+      const hash$3 = hashSegmentText(seg.text);
+      return this.#segmentHashes.get(seg.id) !== hash$3;
+    });
+    if (unchecked.length === 0) {
+      this.#setStatus("idle");
+      return;
+    }
+    const activeRecheckIds = this.#store.getActiveRecheckIds();
+    const ordered = this.#config.visibleFirst && this.#visibilitySource ? prioritizeByVisibility(unchecked, this.#visibilitySource) : unchecked;
+    const batches = this.#batchSegments(ordered);
+    const epoch = this.#documentEpoch;
+    this.#pendingSegments = [];
+    for (let i4 = 0;i4 < batches.length; i4++) {
+      if (this.#disposed || epoch !== this.#documentEpoch)
+        return;
+      if (this.#inFlightCount >= this.#config.maxConcurrentRequests) {
+        for (let j = i4;j < batches.length; j++)
+          this.#pendingSegments.push(...batches[j]);
+        break;
+      }
+      this.#sendBatch(batches[i4], epoch, activeRecheckIds);
+    }
+  }
+  async#sendBatch(segments, epoch, recheckIds) {
+    if (!this.#provider || this.#disposed)
+      return;
+    const controller = new AbortController;
+    this.#pendingAbortControllers.add(controller);
+    this.#inFlightCount++;
+    this.#setStatus("checking");
+    const timeoutId = setTimeout(() => controller.abort(), this.#config.timeoutMs);
+    const request = {
+      documentId: this.#documentId,
+      defaultLanguage: this.#config.defaultLanguage,
+      maxSuggestions: this.#config.maxSuggestions,
+      segments,
+      signal: controller.signal
+    };
+    try {
+      const result = await this.#provider.check(request);
+      clearTimeout(timeoutId);
+      if (!this.#pendingAbortControllers.delete(controller))
+        return;
+      this.#inFlightCount--;
+      if (epoch !== this.#documentEpoch || this.#disposed) {
+        this.#drainPendingSegments();
+        return;
+      }
+      const validSegmentIds = new Set(segments.map((s2) => s2.id));
+      const segmentTextMap = new Map(segments.map((s2) => [s2.id, s2]));
+      const freshIssues = [];
+      for (const issue of result.issues) {
+        if (!this.#validateIssue(issue, validSegmentIds, segmentTextMap))
+          continue;
+        const offsetMap = this.#offsetMaps.get(issue.segmentId);
+        if (!offsetMap)
+          continue;
+        const resolved = resolveIssuePmRangeFromSlices(issue, offsetMap.slices);
+        if (!resolved)
+          continue;
+        const segment = segmentTextMap.get(issue.segmentId);
+        const storedIssue = {
+          ...resolved,
+          state: "confirmed",
+          recheckId: null
+        };
+        if (segment)
+          storedIssue.word = segment.text.slice(issue.start, issue.end);
+        freshIssues.push(storedIssue);
+      }
+      this.#store.replaceBatchResults(recheckIds, validSegmentIds, freshIssues);
+      for (const seg of segments)
+        this.#segmentHashes.set(seg.id, hashSegmentText(seg.text));
+      this.#setStatus(this.#inFlightCount > 0 ? "checking" : "idle");
+      this.onResultsChanged?.();
+      this.#schedulePendingSegments(epoch, recheckIds);
+    } catch (err) {
+      clearTimeout(timeoutId);
+      if (!this.#pendingAbortControllers.delete(controller))
+        return;
+      this.#inFlightCount--;
+      if (this.#disposed)
+        return;
+      if (epoch !== this.#documentEpoch) {
+        this.#drainPendingSegments();
+        return;
+      }
+      const isTimeout = controller.signal.aborted;
+      const proofingError = {
+        kind: isTimeout ? "timeout" : "provider-error",
+        message: isTimeout ? "Provider request timed out" : String(err),
+        segmentIds: segments.map((s2) => s2.id),
+        cause: err
+      };
+      this.#config.onProofingError?.(proofingError);
+      this.#setStatus(this.#inFlightCount > 0 ? "checking" : "degraded");
+      this.#schedulePendingSegments(epoch, recheckIds);
+    }
+  }
+  #schedulePendingSegments(epoch, recheckIds) {
+    if (this.#disposed || epoch !== this.#documentEpoch)
+      return;
+    if (this.#pendingSegments.length === 0)
+      return;
+    if (this.#inFlightCount >= this.#config.maxConcurrentRequests)
+      return;
+    const nextBatch = this.#pendingSegments.splice(0, this.#config.maxSegmentsPerBatch);
+    if (nextBatch.length > 0)
+      this.#sendBatch(nextBatch, epoch, recheckIds);
+  }
+  #drainPendingSegments() {
+    if (this.#disposed || this.#pendingSegments.length === 0)
+      return;
+    this.#schedulePendingSegments(this.#documentEpoch, this.#store.getActiveRecheckIds());
+  }
+  #validateIssue(issue, validSegmentIds, segmentTextMap) {
+    if (!validSegmentIds.has(issue.segmentId)) {
+      this.#reportValidationError(`Unknown segmentId: ${issue.segmentId}`, [issue.segmentId]);
+      return false;
+    }
+    const segment = segmentTextMap.get(issue.segmentId);
+    if (!segment)
+      return false;
+    if (issue.start < 0 || issue.end <= issue.start || issue.end > segment.text.length) {
+      this.#reportValidationError(`Invalid offsets [${issue.start}, ${issue.end}) for segment "${issue.segmentId}" (length ${segment.text.length})`, [issue.segmentId]);
+      return false;
+    }
+    return true;
+  }
+  #reportValidationError(message, segmentIds) {
+    this.#config.onProofingError?.({
+      kind: "validation-error",
+      message,
+      segmentIds
+    });
+  }
+  #batchSegments(segments) {
+    const batches = [];
+    for (let i4 = 0;i4 < segments.length; i4 += this.#config.maxSegmentsPerBatch)
+      batches.push(segments.slice(i4, i4 + this.#config.maxSegmentsPerBatch));
+    return batches;
+  }
+  #cancelAll() {
+    if (this.#debounceTimer !== null) {
+      clearTimeout(this.#debounceTimer);
+      this.#debounceTimer = null;
+    }
+    for (const controller of this.#pendingAbortControllers)
+      controller.abort();
+    this.#pendingAbortControllers.clear();
+    this.#inFlightCount = 0;
+    this.#pendingSegments = [];
+  }
+  #setStatus(status) {
+    if (this.#status !== status) {
+      this.#status = status;
+      this.#config.onStatusChange?.(status);
+    }
+  }
+}, PresentationPaintIndex = class {
+  #snapshot = null;
+  #annotationsByPmStart = /* @__PURE__ */ new Map;
+  #annotationsByType = /* @__PURE__ */ new Map;
+  #structuredContentBlocksById = /* @__PURE__ */ new Map;
+  #structuredContentInlinesById = /* @__PURE__ */ new Map;
+  #inlineImagesByPmStart = /* @__PURE__ */ new Map;
+  #imageFragmentsByPmStart = /* @__PURE__ */ new Map;
+  reset() {
+    this.#snapshot = null;
+    this.#annotationsByPmStart.clear();
+    this.#annotationsByType.clear();
+    this.#structuredContentBlocksById.clear();
+    this.#structuredContentInlinesById.clear();
+    this.#inlineImagesByPmStart.clear();
+    this.#imageFragmentsByPmStart.clear();
+  }
+  update(snapshot2) {
+    this.reset();
+    this.#snapshot = snapshot2;
+    if (!snapshot2?.entities)
+      return;
+    for (const annotation of snapshot2.entities.annotations) {
+      if (!isMountedElement(annotation.element))
+        continue;
+      if (annotation.pmStart != null)
+        this.#annotationsByPmStart.set(annotation.pmStart, annotation);
+      if (annotation.type)
+        appendToArrayMap(this.#annotationsByType, annotation.type, annotation);
+    }
+    for (const block of snapshot2.entities.structuredContentBlocks) {
+      if (!isMountedElement(block.element))
+        continue;
+      appendToArrayMap(this.#structuredContentBlocksById, block.sdtId, block);
+    }
+    for (const inline of snapshot2.entities.structuredContentInlines) {
+      if (!isMountedElement(inline.element))
+        continue;
+      appendToArrayMap(this.#structuredContentInlinesById, inline.sdtId, inline);
+    }
+    for (const image2 of snapshot2.entities.images) {
+      if (!isMountedElement(image2.element) || image2.pmStart == null)
+        continue;
+      if (image2.kind === "inline") {
+        if (shouldReplaceInlineImageEntity(this.#inlineImagesByPmStart.get(image2.pmStart), image2))
+          this.#inlineImagesByPmStart.set(image2.pmStart, image2);
+        continue;
+      }
+      this.#imageFragmentsByPmStart.set(image2.pmStart, image2);
+    }
+  }
+  get snapshot() {
+    return this.#snapshot;
+  }
+  getAnnotationElementByPmStart(pmStart) {
+    return this.#annotationsByPmStart.get(pmStart)?.element ?? null;
+  }
+  getAnnotationEntitiesByType(type) {
+    return [...this.#annotationsByType.get(type) ?? []];
+  }
+  getStructuredContentBlockElementsById(id2) {
+    return (this.#structuredContentBlocksById.get(id2) ?? []).map((entity) => entity.element);
+  }
+  getStructuredContentInlineElementsById(id2) {
+    return (this.#structuredContentInlinesById.get(id2) ?? []).map((entity) => entity.element);
+  }
+  getInlineImageElementByPmStart(pmStart) {
+    return this.#inlineImagesByPmStart.get(pmStart)?.element ?? null;
+  }
+  getImageFragmentElementByPmStart(pmStart) {
+    return this.#imageFragmentsByPmStart.get(pmStart)?.element ?? null;
+  }
 }, PresentationPainterAdapter = class {
   #painter = null;
   #lastPaintSnapshot = null;
+  #paintIndex = new PresentationPaintIndex;
+  #headerProvider;
+  #footerProvider;
+  #zoom = 1;
+  #scrollContainer = null;
+  #virtualizationPins = [];
   get hasPainter() {
     return this.#painter !== null;
   }
   ensurePainter(options) {
-    if (!this.#painter)
+    if (!this.#painter) {
       this.#painter = createDomPainter({
         ...options,
         onPaintSnapshot: (snapshot2) => {
           this.#lastPaintSnapshot = snapshot2;
+          this.#paintIndex.update(snapshot2);
         }
       });
+      this.#applyPainterSurfaceState();
+    }
   }
   reset() {
     this.#painter = null;
     this.#lastPaintSnapshot = null;
+    this.#paintIndex.reset();
   }
   paint(input2, mount, mapping) {
     this.#painter?.paint(input2, mount, mapping);
   }
   setProviders(header, footer) {
-    this.#painter?.setProviders(header, footer);
+    if (this.#headerProvider === header && this.#footerProvider === footer)
+      return;
+    this.#headerProvider = header;
+    this.#footerProvider = footer;
+    this.#applyProviders();
   }
   setZoom(zoom) {
-    this.#painter?.setZoom(zoom);
+    if (this.#zoom === zoom)
+      return;
+    this.#zoom = zoom;
+    this.#applyZoom();
   }
   setScrollContainer(el) {
-    this.#painter?.setScrollContainer(el);
+    if (this.#scrollContainer === el)
+      return;
+    this.#scrollContainer = el;
+    this.#applyScrollContainer();
   }
   onScroll() {
     this.#painter?.onScroll();
   }
   setVirtualizationPins(pageIndices) {
-    this.#painter?.setVirtualizationPins(pageIndices);
+    const normalizedPins = normalizePinnedPageIndices(pageIndices);
+    if (areNumberListsEqual(this.#virtualizationPins, normalizedPins))
+      return;
+    this.#virtualizationPins = normalizedPins;
+    this.#applyVirtualizationPins();
   }
   getPaintSnapshot() {
     return this.#lastPaintSnapshot;
   }
+  getMountedPageIndices() {
+    const mountedPageIndices = this.#painter?.getMountedPageIndices();
+    if (mountedPageIndices)
+      return [...mountedPageIndices];
+    return this.#lastPaintSnapshot?.pages.map((page) => page.index) ?? [];
+  }
+  getAnnotationElementByPmStart(pmStart) {
+    return this.#paintIndex.getAnnotationElementByPmStart(pmStart);
+  }
+  getAnnotationEntitiesByType(type) {
+    return this.#paintIndex.getAnnotationEntitiesByType(type);
+  }
+  getStructuredContentBlockElementsById(id2) {
+    return this.#paintIndex.getStructuredContentBlockElementsById(id2);
+  }
+  getStructuredContentInlineElementsById(id2) {
+    return this.#paintIndex.getStructuredContentInlineElementsById(id2);
+  }
+  getInlineImageElementByPmStart(pmStart) {
+    return this.#paintIndex.getInlineImageElementByPmStart(pmStart);
+  }
+  getImageFragmentElementByPmStart(pmStart) {
+    return this.#paintIndex.getImageFragmentElementByPmStart(pmStart);
+  }
+  #applyPainterSurfaceState() {
+    this.#applyProviders();
+    this.#applyZoom();
+    this.#applyScrollContainer();
+    this.#applyVirtualizationPins();
+  }
+  #applyProviders() {
+    this.#painter?.setProviders(this.#headerProvider, this.#footerProvider);
+  }
+  #applyZoom() {
+    this.#painter?.setZoom(this.#zoom);
+  }
+  #applyScrollContainer() {
+    this.#painter?.setScrollContainer(this.#scrollContainer);
+  }
+  #applyVirtualizationPins() {
+    this.#painter?.setVirtualizationPins(this.#virtualizationPins);
+  }
 }, SINGLE_COLUMN_DEFAULT, isTextRun$5 = (run2) => {
   const runWithKind = run2;
   return !runWithKind.kind || runWithKind.kind === "text";
@@ -253465,8 +253827,8 @@ var Node$13 = class Node$14 {
       this.#handleLinkClick(event, linkEl);
       return;
     }
-    const annotationEl = target?.closest?.(".annotation[data-pm-start]");
-    const isDraggableAnnotation = target?.closest?.('[data-draggable="true"]') != null;
+    const annotationEl = target?.closest?.(buildAnnotationSelector());
+    const isDraggableAnnotation = target?.closest?.(DRAGGABLE_SELECTOR) != null;
     this.#suppressFocusInFromDraggable = isDraggableAnnotation;
     if (annotationEl) {
       this.#handleAnnotationClick(event, annotationEl);
@@ -253735,7 +254097,7 @@ var Node$13 = class Node$14 {
     if (event.button !== 0)
       return;
     const target = event.target;
-    const annotationEl = target?.closest?.(".annotation[data-pm-start]");
+    const annotationEl = target?.closest?.(buildAnnotationSelector());
     if (annotationEl) {
       event.preventDefault();
       event.stopPropagation();
@@ -254039,7 +254401,7 @@ var Node$13 = class Node$14 {
     try {
       const tr = editor.state.tr.setSelection(NodeSelection.create(doc$12, clampedImgPos));
       editor.view?.dispatch(tr);
-      const targetElement = this.#deps?.getViewportHost()?.querySelector(buildInlineImagePmSelector(imgPmStart));
+      const targetElement = this.#callbacks.resolveInlineImageElementByPmStart?.(imgPmStart) ?? null;
       const elementForHighlight = wrapper ?? targetElement ?? targetImg;
       this.#callbacks.emit?.("imageSelected", {
         element: elementForHighlight,
@@ -254066,7 +254428,7 @@ var Node$13 = class Node$14 {
       if (this.#lastSelectedImageBlockId && this.#lastSelectedImageBlockId !== fragmentHit.fragment.blockId)
         this.#callbacks.emit?.("imageDeselected", { blockId: this.#lastSelectedImageBlockId });
       if (fragmentHit.fragment.kind === "image") {
-        const targetElement = this.#deps?.getViewportHost()?.querySelector(`.${DOM_CLASS_NAMES.IMAGE_FRAGMENT}[data-pm-start="${fragmentHit.fragment.pmStart}"]`);
+        const targetElement = fragmentHit.fragment.pmStart != null ? this.#callbacks.resolveImageFragmentElementByPmStart?.(fragmentHit.fragment.pmStart) ?? null : null;
         if (targetElement) {
           this.#callbacks.emit?.("imageSelected", {
             element: targetElement,
@@ -254722,7 +255084,7 @@ var Node$13 = class Node$14 {
   }
   #handleDragStart(event) {
     const target = event.target;
-    if (!target?.dataset?.draggable || target.dataset.draggable !== "true")
+    if (!target?.dataset?.[DATASET_KEYS.DRAGGABLE] || target.dataset[DATASET_KEYS.DRAGGABLE] !== "true")
       return;
     const data = extractFieldAnnotationData(target);
     if (event.dataTransfer) {
@@ -256668,12 +257030,53 @@ var Node$13 = class Node$14 {
     this.#hoverRegion = null;
     this.#overlayManager = null;
   }
-}, DEFAULT_SEMANTIC_FOOTNOTE_HEADING_STYLE, 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) => {
+}, DEFAULT_SEMANTIC_FOOTNOTE_HEADING_STYLE, NATIVE_SELECTION_STYLES = `
+/* Hide native browser selection on layout engine content.
+ * We render our own selection overlay via PresentationEditor's #localSelectionLayer
+ * for precise control over selection geometry across pages and zoom levels. */
+.superdoc-layout *::selection {
+  background: transparent;
+}
+
+.superdoc-layout *::-moz-selection {
+  background: transparent;
+}
+`, nativeSelectionStylesInjected = false, FIELD_ANNOTATION_INTERACTION_STYLES = `
+/* Editing affordance: allow text selection on draggable annotations */
+.superdoc-layout .annotation[data-draggable="true"] {
+  user-select: text;
+}
+
+/* Editing affordance: hover feedback */
+.superdoc-layout .annotation[data-draggable="true"]:hover {
+  opacity: 0.9;
+}
+
+/* Editing affordance: active/grab cursor */
+.superdoc-layout .annotation[data-draggable="true"]:active {
+  cursor: grabbing;
+}
+
+/* Editing affordance: drag over indicator for drop targets */
+.superdoc-layout.drag-over {
+  outline: 2px dashed #b015b3;
+  outline-offset: -2px;
+}
+
+/* Editing affordance: drop zone indicator */
+.superdoc-layout .superdoc-drop-indicator {
+  position: absolute;
+  width: 2px;
+  background-color: #b015b3;
+  pointer-events: none;
+  z-index: 1000;
+}
+`, fieldAnnotationInteractionStylesInjected = false, 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) => {
   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;
-var init_src_fbRRkK8t_es = __esm(() => {
+var init_src_DIxjKbQ9_es = __esm(() => {
   init_rolldown_runtime_B2q5OVn9_es();
   init_SuperConverter_C6rVgqDZ_es();
   init_jszip_ChlR43oI_es();
@@ -274765,17 +275168,44 @@ function print() { __p += __j.call(arguments, '') }
     BLOCK_SDT: "superdoc-structured-content-block",
     TABLE_FRAGMENT: "superdoc-table-fragment",
     DOCUMENT_SECTION: "superdoc-document-section",
-    SDT_HOVER: "sdt-hover",
+    SDT_GROUP_HOVER: "sdt-group-hover",
     IMAGE_FRAGMENT: "superdoc-image-fragment",
     INLINE_IMAGE: "superdoc-inline-image",
-    INLINE_IMAGE_CLIP_WRAPPER: "superdoc-inline-image-clip-wrapper"
+    INLINE_IMAGE_CLIP_WRAPPER: "superdoc-inline-image-clip-wrapper",
+    ANNOTATION: "annotation",
+    ANNOTATION_CONTENT: "annotation-content",
+    ANNOTATION_CARET_ANCHOR: "annotation-caret-anchor"
   };
   DATA_ATTRS = {
     PM_START: "data-pm-start",
     PM_END: "data-pm-end",
     LAYOUT_EPOCH: "data-layout-epoch",
-    TABLE_BOUNDARIES: "data-table-boundaries"
-  };
+    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"
+  };
+  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"
+  };
+  `${DOM_CLASS_NAMES.BLOCK_SDT}${DATA_ATTRS.SDT_ID}`;
+  DRAGGABLE_SELECTOR = `[${DATA_ATTRS.DRAGGABLE}="true"]`;
   VerticalNavigationPluginKey = new PluginKey("verticalNavigation");
   VerticalNavigation = Extension.create({
     name: "verticalNavigation",
@@ -282130,16 +282560,10 @@ function print() { __p += __j.call(arguments, '') }
     "search",
     "yjs-cursor"
   ];
-  NON_TEXT_INLINE_NODES = new Set([
-    "fieldAnnotation",
-    "image",
-    "equation",
-    "hardBreak",
-    "lineBreak",
-    "tab",
-    "footnoteReference",
-    "symbol"
-  ]);
+  DISPLAY_LABEL_SOURCE = {
+    CANONICAL: "canonical",
+    DERIVED: "derived"
+  };
   FONT_FAMILY_FALLBACKS2 = Object.freeze({
     swiss: "Arial, sans-serif",
     roman: "Times New Roman, serif",
@@ -282346,8 +282770,6 @@ function print() { __p += __j.call(arguments, '') }
     "wave",
     "doubleWave"
   ]);
-  SDT_BLOCK_SELECTOR = `.${DOM_CLASS_NAMES.BLOCK_SDT}[data-sdt-id]`;
-  HOVER_CLASS = DOM_CLASS_NAMES.SDT_HOVER;
   OPERATOR_CHARS = new Set([
     "+",
     "-",
@@ -282543,10 +282965,10 @@ function print() { __p += __j.call(arguments, '') }
       this.zoomFactor = 1;
       this.scrollContainer = null;
       this.scrollContainerMountOffset = null;
-      this.sdtHover = new SdtGroupedHover;
       this.paintSnapshotBuilder = null;
       this.lastPaintSnapshot = null;
       this.onPaintSnapshotCallback = null;
+      this.mountedPageIndices = [];
       this.resolvedLayout = null;
       this.options = options;
       this.layoutMode = options.layoutMode ?? "vertical";
@@ -282609,6 +283031,15 @@ function print() { __p += __j.call(arguments, '') }
     getPaintSnapshot() {
       return this.lastPaintSnapshot;
     }
+    getMountedPageIndices() {
+      return [...this.mountedPageIndices];
+    }
+    createAllPageIndices(pageCount) {
+      return Array.from({ length: pageCount }, (_$1, pageIndex) => pageIndex);
+    }
+    setMountedPageIndices(pageIndices) {
+      this.mountedPageIndices = [...pageIndices];
+    }
     emitPaintSnapshot(snapshot2) {
       this.lastPaintSnapshot = snapshot2;
       this.onPaintSnapshotCallback?.(snapshot2);
@@ -282627,7 +283058,7 @@ function print() { __p += __j.call(arguments, '') }
         }))
       };
     }
-    finalizePaintSnapshotFromBuilder() {
+    finalizePaintSnapshotFromBuilder(rootEl) {
       const builder = this.paintSnapshotBuilder;
       if (!builder) {
         this.lastPaintSnapshot = null;
@@ -282645,7 +283076,8 @@ function print() { __p += __j.call(arguments, '') }
         lineCount: builder.lineCount,
         markerCount: builder.markerCount,
         tabCount: builder.tabCount,
-        pages
+        pages,
+        entities: rootEl ? collectPaintSnapshotEntitiesFromDomRoot(rootEl) : createEmptyPaintSnapshotEntities()
       });
       this.paintSnapshotBuilder = null;
     }
@@ -282724,7 +283156,8 @@ function print() { __p += __j.call(arguments, '') }
         lineCount,
         markerCount,
         tabCount,
-        pages
+        pages,
+        entities: collectPaintSnapshotEntitiesFromDomRoot(rootEl)
       };
     }
     normalizeOptionalBlockMeasurePair(label, blocks2, measures) {
@@ -282784,7 +283217,6 @@ function print() { __p += __j.call(arguments, '') }
       ensureFieldAnnotationStyles(doc$12);
       ensureSdtContainerStyles(doc$12);
       ensureImageSelectionStyles(doc$12);
-      ensureNativeSelectionStyles(doc$12);
       if (!this.isSemanticFlow && this.options.ruler?.enabled)
         ensureRulerStyles(doc$12);
       mount.classList.add(CLASS_NAMES$1.container);
@@ -282803,6 +283235,7 @@ function print() { __p += __j.call(arguments, '') }
           this.fullRender(layout);
         else
           this.patchLayout(layout);
+        this.setMountedPageIndices(this.createAllPageIndices(layout.pages.length));
         this.currentLayout = layout;
         this.changedBlocks.clear();
         this.currentMapping = null;
@@ -282814,7 +283247,8 @@ function print() { __p += __j.call(arguments, '') }
         applyStyles(mount, containerStylesHorizontal);
         mount.style.gap = `${this.pageGap}px`;
         this.renderHorizontal(layout, mount);
-        this.finalizePaintSnapshotFromBuilder();
+        this.finalizePaintSnapshotFromBuilder(mount);
+        this.setMountedPageIndices(this.createAllPageIndices(layout.pages.length));
         this.currentLayout = layout;
         this.pageStates = [];
         this.changedBlocks.clear();
@@ -282824,7 +283258,8 @@ function print() { __p += __j.call(arguments, '') }
       if (mode === "book") {
         applyStyles(mount, containerStyles);
         this.renderBookMode(layout, mount);
-        this.finalizePaintSnapshotFromBuilder();
+        this.finalizePaintSnapshotFromBuilder(mount);
+        this.setMountedPageIndices(this.createAllPageIndices(layout.pages.length));
         this.currentLayout = layout;
         this.pageStates = [];
         this.changedBlocks.clear();
@@ -282847,12 +283282,13 @@ function print() { __p += __j.call(arguments, '') }
           this.patchLayout(layout);
           useDomSnapshotFallback = true;
         }
+        this.setMountedPageIndices(this.createAllPageIndices(layout.pages.length));
       }
       if (useDomSnapshotFallback) {
         this.emitPaintSnapshot(this.collectPaintSnapshotFromDomRoot(mount));
         this.paintSnapshotBuilder = null;
       } else
-        this.finalizePaintSnapshotFromBuilder();
+        this.finalizePaintSnapshotFromBuilder(mount);
       this.currentLayout = layout;
       this.changedBlocks.clear();
       this.currentMapping = null;
@@ -282920,7 +283356,6 @@ function print() { __p += __j.call(arguments, '') }
         };
         win.addEventListener("resize", this.onResizeHandler);
       }
-      this.sdtHover.bind(mount);
     }
     computeVirtualMetrics() {
       if (!this.currentLayout)
@@ -282971,6 +283406,7 @@ function print() { __p += __j.call(arguments, '') }
       const N = layout.pages.length;
       if (N === 0) {
         this.mount.innerHTML = "";
+        this.setMountedPageIndices([]);
         this.processedLayoutVersion = this.layoutVersion;
         return;
       }
@@ -283028,6 +283464,7 @@ function print() { __p += __j.call(arguments, '') }
       this.virtualMountedKey = mountedKey;
       this.virtualStart = start$1;
       this.virtualEnd = end$1;
+      this.setMountedPageIndices(mounted);
       this.updateSpacersForMountedPages(mounted);
       this.clearGapSpacers();
       this.sdtLabelsRendered.clear();
@@ -283081,7 +283518,6 @@ function print() { __p += __j.call(arguments, '') }
       }
       this.changedBlocks.clear();
       this.processedLayoutVersion = this.layoutVersion;
-      this.sdtHover.reapply();
     }
     updateSpacers(start$1, end$1) {
       if (!this.topSpacerEl || !this.bottomSpacerEl)
@@ -283403,11 +283839,11 @@ function print() { __p += __j.call(arguments, '') }
       this.onWindowScrollHandler = null;
       this.onResizeHandler = null;
       this.scrollContainerMountOffset = null;
-      this.sdtHover.destroy();
       this.layoutVersion = 0;
       this.processedLayoutVersion = -1;
       this.paintSnapshotBuilder = null;
       this.lastPaintSnapshot = null;
+      this.mountedPageIndices = [];
     }
     fullRender(layout) {
       if (!this.mount || !this.doc)
@@ -285195,7 +285631,7 @@ function print() { __p += __j.call(arguments, '') }
       const defaultBorderColor = "#b015b3";
       const defaultFieldColor = "#980043";
       const annotation = this.doc.createElement("span");
-      annotation.classList.add("annotation");
+      annotation.classList.add(DOM_CLASS_NAMES.ANNOTATION);
       annotation.setAttribute("aria-label", "Field annotation");
       if (run2.highlighted !== false) {
         const borderColor = run2.borderColor || defaultBorderColor;
@@ -285241,7 +285677,7 @@ function print() { __p += __j.call(arguments, '') }
         annotation.style.textDecoration = "underline";
       annotation.style.zIndex = "1";
       const content3 = this.doc.createElement("span");
-      content3.classList.add("annotation-content");
+      content3.classList.add(DOM_CLASS_NAMES.ANNOTATION_CONTENT);
       content3.style.pointerEvents = "none";
       content3.setAttribute("contenteditable", "false");
       switch (run2.variant) {
@@ -285315,48 +285751,20 @@ function print() { __p += __j.call(arguments, '') }
       }
       annotation.appendChild(content3);
       annotation.dataset.type = run2.variant;
+      annotation.dataset.displayLabel = run2.displayLabel;
       if (run2.fieldId)
         annotation.dataset.fieldId = run2.fieldId;
       if (run2.fieldType)
         annotation.dataset.fieldType = run2.fieldType;
-      annotation.draggable = true;
-      annotation.dataset.draggable = "true";
-      if (run2.displayLabel)
-        annotation.dataset.displayLabel = run2.displayLabel;
-      if (run2.variant)
-        annotation.dataset.variant = run2.variant;
       assertPmPositions(run2, "field annotation run");
       if (run2.pmStart != null)
         annotation.dataset.pmStart = String(run2.pmStart);
       if (run2.pmEnd != null)
         annotation.dataset.pmEnd = String(run2.pmEnd);
       annotation.dataset.layoutEpoch = String(this.layoutEpoch);
-      this.appendAnnotationCaretAnchor(annotation, run2);
       this.applySdtDataset(annotation, run2.sdt);
       return annotation;
     }
-    appendAnnotationCaretAnchor(annotation, run2) {
-      if (!this.doc || run2.pmEnd == null)
-        return;
-      const caretAnchor = this.doc.createElement("span");
-      caretAnchor.dataset.pmStart = String(run2.pmEnd);
-      caretAnchor.dataset.pmEnd = String(run2.pmEnd);
-      caretAnchor.dataset.layoutEpoch = String(this.layoutEpoch);
-      caretAnchor.classList.add("annotation-caret-anchor");
-      caretAnchor.style.position = "absolute";
-      caretAnchor.style.left = "100%";
-      caretAnchor.style.top = "0";
-      caretAnchor.style.width = "0";
-      caretAnchor.style.height = "1em";
-      caretAnchor.style.overflow = "hidden";
-      caretAnchor.style.pointerEvents = "none";
-      caretAnchor.style.userSelect = "none";
-      caretAnchor.style.opacity = "0";
-      caretAnchor.textContent = "​";
-      if (!annotation.style.position)
-        annotation.style.position = "relative";
-      annotation.appendChild(caretAnchor);
-    }
     renderLine(block, line, context, availableWidthOverride, lineIndex, skipJustify, resolvedListTextStartPx, indentOffsetOverride) {
       if (!this.doc)
         throw new Error("DomPainter: document is not available");
@@ -286119,6 +286527,16 @@ function print() { __p += __j.call(arguments, '') }
     SPLIT_ATTR: "data-sd-proofing-split"
   };
   splitOriginMap = /* @__PURE__ */ new WeakMap;
+  NON_TEXT_INLINE_NODES = new Set([
+    "fieldAnnotation",
+    "image",
+    "equation",
+    "hardBreak",
+    "lineBreak",
+    "tab",
+    "footnoteReference",
+    "symbol"
+  ]);
   SINGLE_COLUMN_DEFAULT = {
     count: 1,
     gap: 0
@@ -287256,8 +287674,7 @@ function print() { __p += __j.call(arguments, '') }
     #htmlAnnotationMeasureAttempts = 0;
     #domPositionIndex = new DomPositionIndex;
     #domIndexObserverManager = null;
-    #decorationBridge = new DecorationBridge;
-    #commentHighlightDecorator = new CommentHighlightDecorator;
+    #postPaintPipeline = new PresentationPostPaintPipeline;
     #proofingManager = null;
     #decorationSyncRafHandle = null;
     #rafHandle = null;
@@ -287348,15 +287765,16 @@ function print() { __p += __j.call(arguments, '') }
       this.#painterHost.className = "presentation-editor__pages";
       this.#painterHost.style.transformOrigin = "top left";
       this.#viewportHost.appendChild(this.#painterHost);
-      this.#commentHighlightDecorator.setContainer(this.#painterHost);
+      this.#postPaintPipeline.setContainer(this.#painterHost);
+      ensureEditorNativeSelectionStyles(doc$12);
+      ensureEditorFieldAnnotationInteractionStyles(doc$12);
       this.#painterHost.addEventListener("mouseover", this.#handleStructuredContentBlockMouseEnter);
       this.#painterHost.addEventListener("mouseout", this.#handleStructuredContentBlockMouseLeave);
       this.#domIndexObserverManager = new DomPositionIndexObserverManager({
         windowRoot: this.#visibleHost?.ownerDocument?.defaultView ?? window,
         getPainterHost: () => this.#painterHost,
         onRebuild: () => {
-          this.#rebuildDomPositionIndex();
-          this.#syncInlineStyleLayers();
+          this.#refreshEditorDomAugmentations();
           this.#selectionSync.requestRender({ immediate: true });
         }
       });
@@ -288624,8 +289042,7 @@ function print() { __p += __j.call(arguments, '') }
           (this.#visibleHost?.ownerDocument?.defaultView ?? window).cancelAnimationFrame(this.#decorationSyncRafHandle);
           this.#decorationSyncRafHandle = null;
         }, "Decoration sync RAF");
-      this.#decorationBridge.destroy();
-      this.#commentHighlightDecorator.destroy();
+      this.#postPaintPipeline.destroy();
       this.#proofingManager?.dispose();
       this.#proofingManager = null;
       if (this.#cursorUpdateTimer !== null) {
@@ -288744,18 +289161,8 @@ function print() { __p += __j.call(arguments, '') }
       mgr.setDocumentId(this.#options.documentId ?? null);
       mgr.onResultsChanged = () => this.#applyProofingPass();
       mgr.setVisibilitySource({ getVisiblePageIndices: () => {
-        if (!this.#painterHost)
-          return null;
-        const pageEls = this.#painterHost.querySelectorAll("[data-page-index]");
-        if (pageEls.length === 0)
-          return null;
-        const indices = [];
-        for (let i4 = 0;i4 < pageEls.length; i4++) {
-          const idx = parseInt(pageEls[i4].getAttribute("data-page-index"), 10);
-          if (!isNaN(idx))
-            indices.push(idx);
-        }
-        return indices.length > 0 ? indices : null;
+        const mountedPageIndices = this.#painterAdapter.getMountedPageIndices();
+        return mountedPageIndices.length > 0 ? mountedPageIndices : null;
       } });
       mgr.setPageResolver(this.#buildPageResolver());
       const editorDom = this.#editor?.view?.dom;
@@ -288764,25 +289171,21 @@ function print() { __p += __j.call(arguments, '') }
         editorDom.addEventListener("compositionend", () => mgr.setComposing(false));
       }
     }
-    #applyProofingPass() {
-      if (!this.#painterHost)
-        return;
-      if (!this.#proofingManager?.isEnabled) {
-        if (clearProofingDecorations(this.#painterHost))
-          this.#rebuildDomPositionIndex();
-        return;
-      }
+    #buildProofingAnnotations() {
+      if (!this.#proofingManager?.isEnabled)
+        return null;
       const editorState = this.#editor?.state;
       let activeWordRange = null;
       if (editorState?.selection.empty)
         activeWordRange = computeWordSelectionRangeAt(editorState, editorState.selection.head);
-      const annotations = this.#proofingManager.getPaintSlices(activeWordRange).map((s2) => ({
+      return this.#proofingManager.getPaintSlices(activeWordRange).map((s2) => ({
         pmFrom: s2.pmFrom,
         pmTo: s2.pmTo,
         kind: s2.kind
       }));
-      if (applyProofingDecorations(this.#painterHost, annotations))
-        this.#rebuildDomPositionIndex();
+    }
+    #applyProofingPass() {
+      this.#postPaintPipeline.applyProofingAnnotations(this.#buildProofingAnnotations(), () => this.#rebuildDomPositionIndex());
     }
     #notifyProofingOfDocChange(transaction) {
       if (!this.#proofingManager?.isEnabled)
@@ -288804,18 +289207,26 @@ function print() { __p += __j.call(arguments, '') }
       this.#proofingManager.onDocumentChanged(doc$12, changedRanges, transaction.mapping);
     }
     #syncCommentHighlights() {
-      this.#commentHighlightDecorator.apply();
+      this.#postPaintPipeline.applyCommentHighlights();
     }
     #syncInlineStyleLayers() {
-      this.#syncCommentHighlights();
-      this.#syncDecorations();
+      const state = this.#editor?.view?.state;
+      if (!state) {
+        this.#syncCommentHighlights();
+        return;
+      }
+      try {
+        this.#postPaintPipeline.syncInlineStyleLayers(state, this.#domPositionIndex);
+      } catch (error3) {
+        console.warn("[PresentationEditor] Inline style layer sync failed:", error3);
+      }
     }
     #syncDecorations() {
       const state = this.#editor?.view?.state;
       if (!state)
         return;
       try {
-        this.#decorationBridge.sync(state, this.#domPositionIndex);
+        this.#postPaintPipeline.syncDecorations(state, this.#domPositionIndex);
       } catch (error3) {
         console.warn("[PresentationEditor] Decoration sync failed:", error3);
       }
@@ -288824,7 +289235,7 @@ function print() { __p += __j.call(arguments, '') }
       if (this.#renderScheduled || this.#isRerendering)
         return;
       const state = this.#editor?.view?.state;
-      if (!state || !this.#decorationBridge.hasChanges(state))
+      if (!state || !this.#postPaintPipeline.hasDecorationChanges(state))
         return;
       if (this.#decorationSyncRafHandle != null)
         return;
@@ -288872,12 +289283,12 @@ function print() { __p += __j.call(arguments, '') }
       };
       const handleTransaction = (event) => {
         const tr = event?.transaction;
-        this.#decorationBridge.recordTransaction(tr);
+        this.#postPaintPipeline.recordDecorationTransaction(tr);
         const state = this.#editor?.view?.state;
-        const decorationChanged = state && this.#decorationBridge.hasChanges(state);
+        const decorationChanged = state && this.#postPaintPipeline.hasDecorationChanges(state);
         if (decorationChanged) {
           const restoreEmpty = tr ? tr.docChanged === true : false;
-          this.#decorationBridge.sync(state, this.#domPositionIndex, { restoreEmptyDecorations: restoreEmpty });
+          this.#postPaintPipeline.syncDecorations(state, this.#domPositionIndex, { restoreEmptyDecorations: restoreEmpty });
         } else
           this.#scheduleDecorationSync();
         if (decorationChanged) {
@@ -288965,7 +289376,7 @@ function print() { __p += __j.call(arguments, '') }
       const handleCommentsUpdate = (payload) => {
         if ("activeCommentId" in payload) {
           const activeId = payload.activeCommentId ?? null;
-          if (this.#commentHighlightDecorator.setActiveComment(activeId))
+          if (this.#postPaintPipeline.setActiveComment(activeId))
             this.#syncInlineStyleLayers();
         }
       };
@@ -289056,6 +289467,8 @@ function print() { __p += __j.call(arguments, '') }
         clearHoverRegion: () => this.#clearHoverRegion(),
         renderHoverRegion: (region) => this.#renderHoverRegion(region),
         focusEditorAfterImageSelection: () => this.#focusEditorAfterImageSelection(),
+        resolveInlineImageElementByPmStart: (pmStart) => this.#painterAdapter.getInlineImageElementByPmStart(pmStart),
+        resolveImageFragmentElementByPmStart: (pmStart) => this.#painterAdapter.getImageFragmentElementByPmStart(pmStart),
         resolveFieldAnnotationSelectionFromElement: (el) => this.#resolveFieldAnnotationSelectionFromElement(el),
         computePendingMarginClick: (pointerId, x, y$1) => this.#computePendingMarginClick(pointerId, x, y$1),
         selectWordAt: (pos) => this.#selectWordAt(pos),
@@ -289483,7 +289896,7 @@ function print() { __p += __j.call(arguments, '') }
           return;
         }
         const state = this.#editor?.view?.state;
-        const decorationRanges = state ? this.#decorationBridge.collectDecorationRanges(state) : [];
+        const decorationRanges = state ? this.#postPaintPipeline.collectDecorationRanges(state) : [];
         if (decorationRanges.length > 0)
           blocks2 = splitRunsAtDecorationBoundaries(blocks2, decorationRanges.map((r$1) => ({
             from: r$1.from,
@@ -289639,9 +290052,7 @@ function print() { __p += __j.call(arguments, '') }
         this.#painterAdapter.paint(paintInput, this.#painterHost, mapping ?? undefined);
         perfLog(`[Perf] painter.paint: ${(perfNow() - painterPaintStart).toFixed(2)}ms`);
         const painterPostStart = perfNow();
-        this.#rebuildDomPositionIndex();
-        this.#syncInlineStyleLayers();
-        this.#applyProofingPass();
+        this.#refreshEditorDomAugmentations();
         this.#domIndexObserverManager?.resume();
         perfLog(`[Perf] painter.postPaint: ${(perfNow() - painterPostStart).toFixed(2)}ms`);
         this.#layoutEpoch = layoutEpoch;
@@ -289734,19 +290145,16 @@ function print() { __p += __j.call(arguments, '') }
     }
     #updateHtmlAnnotationMeasurements(layoutEpoch) {
       const nextHeights = new Map(this.#htmlAnnotationHeights);
-      const annotations = this.#painterHost.querySelectorAll('.annotation[data-type="html"]');
       const threshold = 1;
       let changed = false;
-      annotations.forEach((annotation) => {
-        const element3 = annotation;
-        const pmStart = element3.dataset.pmStart;
-        const pmEnd = element3.dataset.pmEnd;
-        if (!pmStart || !pmEnd)
+      this.#painterAdapter.getAnnotationEntitiesByType("html").forEach((annotation) => {
+        const element3 = annotation.element;
+        if (annotation.pmStart == null || annotation.pmEnd == null)
           return;
         const height = element3.offsetHeight;
         if (height <= 0)
           return;
-        const key$1 = `${pmStart}-${pmEnd}`;
+        const key$1 = `${annotation.pmStart}-${annotation.pmEnd}`;
         const prev = nextHeights.get(key$1);
         if (prev != null && Math.abs(prev - height) <= threshold)
           return;
@@ -289799,8 +290207,7 @@ function print() { __p += __j.call(arguments, '') }
       const pmStart = selection.from;
       if (this.#lastSelectedFieldAnnotation?.pmStart === pmStart && this.#lastSelectedFieldAnnotation.element)
         return;
-      const selector = `.annotation[data-pm-start="${pmStart}"]`;
-      const element3 = this.#painterHost.querySelector(selector);
+      const element3 = this.#painterAdapter.getAnnotationElementByPmStart(pmStart);
       if (!element3) {
         this.#clearSelectedFieldAnnotationClass();
         return;
@@ -289863,12 +290270,10 @@ function print() { __p += __j.call(arguments, '') }
       const rawId = node3.attrs?.id;
       id2 = rawId != null ? String(rawId) : null;
       let elements = [];
-      if (id2) {
-        const escapedId = typeof CSS !== "undefined" && CSS.escape ? CSS.escape(id2) : id2.replace(/"/g, "\\\"");
-        elements = Array.from(this.#painterHost.querySelectorAll(`.superdoc-structured-content-block[data-sdt-id="${escapedId}"]`));
-      }
+      if (id2)
+        elements = this.#painterAdapter.getStructuredContentBlockElementsById(id2);
       if (elements.length === 0) {
-        const container = this.getElementAtPos(selection.from, { fallbackToCoords: true })?.closest?.(".superdoc-structured-content-block");
+        const container = this.getElementAtPos(selection.from, { fallbackToCoords: true })?.closest?.(`.${DOM_CLASS_NAMES.BLOCK_SDT}`);
         if (container)
           elements = [container];
       }
@@ -289879,7 +290284,7 @@ function print() { __p += __j.call(arguments, '') }
       this.#setSelectedStructuredContentBlockClass(elements, id2);
     }
     #handleStructuredContentBlockMouseEnter = (event) => {
-      const block = event.target.closest(".superdoc-structured-content-block");
+      const block = event.target.closest(`.${DOM_CLASS_NAMES.BLOCK_SDT}`);
       if (!block || !(block instanceof HTMLElement))
         return;
       if (block.classList.contains("ProseMirror-selectednode"))
@@ -289890,19 +290295,22 @@ function print() { __p += __j.call(arguments, '') }
       this.#setHoveredStructuredContentBlockClass(rawId);
     };
     #handleStructuredContentBlockMouseLeave = (event) => {
-      const block = event.target.closest(".superdoc-structured-content-block");
+      const block = event.target.closest(`.${DOM_CLASS_NAMES.BLOCK_SDT}`);
       if (!block)
         return;
       const relatedTarget = event.relatedTarget;
-      if (relatedTarget && block.dataset.sdtId && relatedTarget.closest(`.superdoc-structured-content-block[data-sdt-id="${block.dataset.sdtId}"]`))
-        return;
+      if (relatedTarget && block.dataset.sdtId) {
+        const escapedCheckId = typeof CSS !== "undefined" && CSS.escape ? CSS.escape(block.dataset.sdtId) : block.dataset.sdtId.replace(/"/g, "\\\"");
+        if (relatedTarget.closest(buildSdtBlockSelector(escapedCheckId)))
+          return;
+      }
       this.#clearHoveredStructuredContentBlockClass();
     };
     #clearHoveredStructuredContentBlockClass() {
       if (!this.#lastHoveredStructuredContentBlock)
         return;
       this.#lastHoveredStructuredContentBlock.elements.forEach((element3) => {
-        element3.classList.remove("sdt-group-hover");
+        element3.classList.remove(DOM_CLASS_NAMES.SDT_GROUP_HOVER);
       });
       this.#lastHoveredStructuredContentBlock = null;
     }
@@ -289912,19 +290320,48 @@ function print() { __p += __j.call(arguments, '') }
       this.#clearHoveredStructuredContentBlockClass();
       if (!this.#painterHost)
         return;
-      const escapedId = typeof CSS !== "undefined" && CSS.escape ? CSS.escape(id2) : id2.replace(/"/g, "\\\"");
-      const elements = Array.from(this.#painterHost.querySelectorAll(`.superdoc-structured-content-block[data-sdt-id="${escapedId}"]`));
+      const elements = this.#painterAdapter.getStructuredContentBlockElementsById(id2);
       if (elements.length === 0)
         return;
       elements.forEach((element3) => {
         if (!element3.classList.contains("ProseMirror-selectednode"))
-          element3.classList.add("sdt-group-hover");
+          element3.classList.add(DOM_CLASS_NAMES.SDT_GROUP_HOVER);
+      });
+      this.#lastHoveredStructuredContentBlock = {
+        id: id2,
+        elements
+      };
+    }
+    #reapplySdtGroupHover() {
+      if (!this.#lastHoveredStructuredContentBlock || !this.#painterHost)
+        return;
+      const { id: id2 } = this.#lastHoveredStructuredContentBlock;
+      if (!id2)
+        return;
+      const elements = this.#painterAdapter.getStructuredContentBlockElementsById(id2);
+      if (elements.length === 0) {
+        this.#lastHoveredStructuredContentBlock = null;
+        return;
+      }
+      elements.forEach((element3) => {
+        if (!element3.classList.contains("ProseMirror-selectednode"))
+          element3.classList.add(DOM_CLASS_NAMES.SDT_GROUP_HOVER);
       });
       this.#lastHoveredStructuredContentBlock = {
         id: id2,
         elements
       };
     }
+    #refreshEditorDomAugmentations() {
+      this.#postPaintPipeline.refreshAfterPaint({
+        layoutEpoch: this.#layoutEpoch,
+        editorState: this.#editor?.view?.state,
+        domPositionIndex: this.#domPositionIndex,
+        proofingAnnotations: this.#buildProofingAnnotations(),
+        rebuildDomPositionIndex: () => this.#rebuildDomPositionIndex(),
+        reapplyStructuredContentHover: () => this.#reapplySdtGroupHover()
+      });
+    }
     #clearSelectedStructuredContentInlineClass() {
       if (!this.#lastSelectedStructuredContentInline)
         return;
@@ -289988,12 +290425,10 @@ function print() { __p += __j.call(arguments, '') }
       const rawId = node3.attrs?.id;
       id2 = rawId != null ? String(rawId) : null;
       let elements = [];
-      if (id2) {
-        const escapedId = typeof CSS !== "undefined" && CSS.escape ? CSS.escape(id2) : id2.replace(/"/g, "\\\"");
-        elements = Array.from(this.#painterHost.querySelectorAll(`.superdoc-structured-content-inline[data-sdt-id="${escapedId}"]`));
-      }
+      if (id2)
+        elements = this.#painterAdapter.getStructuredContentInlineElementsById(id2);
       if (elements.length === 0) {
-        const container = this.getElementAtPos(pos, { fallbackToCoords: true })?.closest?.(".superdoc-structured-content-inline");
+        const container = this.getElementAtPos(pos, { fallbackToCoords: true })?.closest?.(`.${DOM_CLASS_NAMES.INLINE_SDT_WRAPPER}`);
         if (container)
           elements = [container];
       }
@@ -291206,7 +291641,7 @@ var init_zipper_YmNpPIyc_es = __esm(() => {
 
 // ../../packages/superdoc/dist/super-editor.es.js
 var init_super_editor_es = __esm(() => {
-  init_src_fbRRkK8t_es();
+  init_src_DIxjKbQ9_es();
   init_SuperConverter_C6rVgqDZ_es();
   init_jszip_ChlR43oI_es();
   init_xml_js_40FWvL78_es();