@superdoc-dev/cli 0.17.0-next.6 → 0.17.0-next.8

package/dist/index.js

@@ -68327,7 +68327,7 @@ var init_remark_gfm_BhnWr3yf_es = __esm(() => {
   emptyOptions2 = {};
 });
 
-// ../../packages/superdoc/dist/chunks/SuperConverter-BaKhr4cp.es.js
+// ../../packages/superdoc/dist/chunks/SuperConverter-e4tY-2EB.es.js
 function getExtensionConfigField(extension$1, field, context = { name: "" }) {
   const fieldValue = extension$1.config[field];
   if (typeof fieldValue === "function")
@@ -104893,12 +104893,14 @@ function applyTocMetadata(blocks, metadata) {
         };
       if (metadata.instruction)
         block.attrs.tocInstruction = metadata.instruction;
+      if (metadata.tocId)
+        block.attrs.tocId = metadata.tocId;
     }
   });
 }
 function processTocChildren(children, metadata, context, outputArrays) {
   const paragraphConverter = context.converters.paragraphToFlowBlocks;
-  const { docPartGallery, docPartObjectId, tocInstruction } = metadata;
+  const { docPartGallery, docPartObjectId, tocInstruction, tocId } = metadata;
   const { blocks, recordBlockKind } = outputArrays;
   children.forEach((child) => {
     if (child.type === "paragraph") {
@@ -104923,7 +104925,8 @@ function processTocChildren(children, metadata, context, outputArrays) {
       applyTocMetadata(paragraphBlocks, {
         gallery: docPartGallery,
         uniqueId: docPartObjectId,
-        instruction: tocInstruction
+        instruction: tocInstruction,
+        tocId
       });
       applySdtMetadataToParagraphBlocks(paragraphBlocks.filter((b) => b.kind === "paragraph"), metadata.sdtMetadata);
       paragraphBlocks.forEach((block) => {
@@ -104938,7 +104941,8 @@ function processTocChildren(children, metadata, context, outputArrays) {
         docPartGallery,
         docPartObjectId,
         tocInstruction: finalInstruction,
-        sdtMetadata: metadata.sdtMetadata
+        sdtMetadata: metadata.sdtMetadata,
+        tocId
       }, context, outputArrays);
     }
   });
@@ -104946,7 +104950,11 @@ function processTocChildren(children, metadata, context, outputArrays) {
 function handleTableOfContentsNode(node3, context) {
   if (!Array.isArray(node3.content))
     return;
-  processTocChildren(node3.content, { tocInstruction: getNodeInstruction(node3) }, {
+  const sdBlockId = node3.attrs?.sdBlockId;
+  processTocChildren(node3.content, {
+    tocInstruction: getNodeInstruction(node3),
+    tocId: typeof sdBlockId === "string" ? sdBlockId : undefined
+  }, {
     nextBlockId: context.nextBlockId,
     positions: context.positions,
     bookmarks: context.bookmarks,
@@ -105275,7 +105283,8 @@ function processDocumentPartObject(child, sectionMetadata, context, output, conv
       docPartGallery,
       docPartObjectId,
       tocInstruction,
-      sdtMetadata: docPartSdtMetadata
+      sdtMetadata: docPartSdtMetadata,
+      tocId: docPartObjectId ?? undefined
     }, {
       nextBlockId: context.nextBlockId,
       positions: context.positions,
@@ -105346,12 +105355,15 @@ function handleDocumentPartObjectNode(node3, context) {
   const tocInstruction = getNodeInstruction(node3);
   const docPartSdtMetadata = resolveNodeSdtMetadata(node3, "docPartObject");
   const paragraphToFlowBlocks$1 = converters$1.paragraphToFlowBlocks;
+  const sdBlockId = node3.attrs?.sdBlockId;
+  const tocId = docPartObjectId && docPartObjectId.length > 0 ? docPartObjectId : typeof sdBlockId === "string" && sdBlockId.length > 0 ? sdBlockId : undefined;
   if (docPartGallery === "Table of Contents")
     processTocChildren(Array.from(node3.content), {
       docPartGallery,
       docPartObjectId,
       tocInstruction,
-      sdtMetadata: docPartSdtMetadata
+      sdtMetadata: docPartSdtMetadata,
+      tocId
     }, {
       nextBlockId,
       positions,
@@ -105399,7 +105411,8 @@ function handleDocumentPartObjectNode(node3, context) {
           docPartGallery: docPartGallery ?? "",
           docPartObjectId,
           tocInstruction: getNodeInstruction(child) ?? tocInstruction,
-          sdtMetadata: docPartSdtMetadata
+          sdtMetadata: docPartSdtMetadata,
+          tocId
         };
         const tocContext = {
           nextBlockId,
@@ -134192,7 +134205,7 @@ var isRegExp = (value) => {
       state.kern = kernNode.attributes["w:val"];
   }
 }, SuperConverter;
-var init_SuperConverter_BaKhr4cp_es = __esm(() => {
+var init_SuperConverter_e4tY_2EB_es = __esm(() => {
   init_rolldown_runtime_Bg48TavK_es();
   init_jszip_C49i9kUs_es();
   init_xml_js_CqGKpaft_es();
@@ -173976,7 +173989,7 @@ var init_SuperConverter_BaKhr4cp_es = __esm(() => {
   };
 });
 
-// ../../packages/superdoc/dist/chunks/create-headless-toolbar-B3wNa0zb.es.js
+// ../../packages/superdoc/dist/chunks/create-headless-toolbar-3iIgFoKe.es.js
 function parseSizeUnit(val = "0") {
   const length3 = val.toString() || "0";
   const value = Number.parseFloat(length3);
@@ -184334,8 +184347,8 @@ var CSS_DIMENSION_REGEX, DOM_SIZE_UNITS, normalizeActorId = (value) => {
     }
   };
 };
-var init_create_headless_toolbar_B3wNa0zb_es = __esm(() => {
-  init_SuperConverter_BaKhr4cp_es();
+var init_create_headless_toolbar_3iIgFoKe_es = __esm(() => {
+  init_SuperConverter_e4tY_2EB_es();
   init_uuid_B2wVPhPi_es();
   init_constants_D9qj59G2_es();
   init_dist_B8HfvhaK_es();
@@ -233498,7 +233511,7 @@ var init_remark_gfm_eZN6yzWQ_es = __esm(() => {
   init_remark_gfm_BhnWr3yf_es();
 });
 
-// ../../packages/superdoc/dist/chunks/src-jCy2h55W.es.js
+// ../../packages/superdoc/dist/chunks/src-M0JgzZDj.es.js
 function deleteProps(obj, propOrProps) {
   const props = typeof propOrProps === "string" ? [propOrProps] : propOrProps;
   const removeNested = (target, pathParts, index2 = 0) => {
@@ -242592,9 +242605,6 @@ function replaceCommand(wrap5, moveForward) {
     return true;
   };
 }
-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}]`;
 }
@@ -312799,6 +312809,7 @@ var Node$13 = class Node$14 {
     this.syncInlineStyleLayers(options.editorState, options.domPositionIndex);
     this.applyProofingAnnotations(options.proofingAnnotations, options.rebuildDomPositionIndex);
     options.reapplyStructuredContentHover?.();
+    options.reapplyTocGroupHover?.();
   }
   destroy() {
     this.#proofingDecorator.clear();
@@ -312808,6 +312819,83 @@ var Node$13 = class Node$14 {
     this.#commentHighlightDecorator.destroy();
     this.#decorationBridge.destroy();
   }
+}, HoverGroupCoordinator = class {
+  #spec;
+  #current = null;
+  constructor(spec) {
+    this.handleMouseEnter = (event) => {
+      const entry = event.target?.closest?.(this.#spec.entrySelector);
+      if (!entry)
+        return;
+      const id2 = this.#spec.getId(entry);
+      if (!id2)
+        return;
+      this.#set(id2);
+    };
+    this.handleMouseLeave = (event) => {
+      const entry = event.target?.closest?.(this.#spec.entrySelector);
+      if (!entry)
+        return;
+      const id2 = this.#spec.getId(entry);
+      if (!id2)
+        return;
+      const relatedTarget = event.relatedTarget;
+      if (relatedTarget) {
+        const nextEntry = relatedTarget.closest?.(this.#spec.entrySelector);
+        if (nextEntry && this.#spec.getId(nextEntry) === id2)
+          return;
+      }
+      this.clear();
+    };
+    this.#spec = spec;
+  }
+  reapply() {
+    if (!this.#current)
+      return;
+    const { id: id2 } = this.#current;
+    const elements = this.#spec.queryGroup(id2);
+    if (elements.length === 0) {
+      this.#current = null;
+      return;
+    }
+    this.#applyClass(elements);
+    this.#spec.onApply?.(elements);
+    this.#current = {
+      id: id2,
+      elements
+    };
+  }
+  clear() {
+    if (!this.#current)
+      return;
+    for (const element3 of this.#current.elements) {
+      element3.classList.remove(this.#spec.hoverClass);
+      this.#spec.onClear?.(element3);
+    }
+    this.#current = null;
+  }
+  #set(id2) {
+    if (this.#current?.id === id2)
+      return;
+    this.clear();
+    const elements = this.#spec.queryGroup(id2);
+    if (elements.length === 0)
+      return;
+    this.#applyClass(elements);
+    this.#spec.onApply?.(elements);
+    this.#current = {
+      id: id2,
+      elements
+    };
+  }
+  #applyClass(elements) {
+    const filter = this.#spec.shouldApplyTo;
+    for (const element3 of elements) {
+      if (filter && !filter(element3))
+        continue;
+      element3.classList.add(this.#spec.hoverClass);
+    }
+  }
 }, ProofingStore = class {
   #issuesBySegment = /* @__PURE__ */ new Map;
   addIssue(issue) {
@@ -313418,6 +313506,9 @@ var Node$13 = class Node$14 {
   color: inherit !important;
   text-decoration: none !important;
   cursor: default;
+  /* Disable native link drag so our pointer loop can run text-selection. */
+  -webkit-user-drag: none;
+  user-drag: none;
 }
 
 .superdoc-toc-entry .superdoc-link:hover {
@@ -313429,6 +313520,31 @@ var Node$13 = class Node$14 {
   outline: none;
 }
 
+/* TOC hover. .toc-group-hover is set by PresentationEditor on every entry
+   sharing a data-toc-id so the whole TOC greys out together. The ::after
+   stripe (height set via --toc-gap-below) fills the paragraph-spacing gap
+   between adjacent entries so the hover reads as one continuous block. */
+.superdoc-toc-entry:hover,
+.superdoc-toc-entry.toc-group-hover {
+  background-color: var(--sd-content-controls-block-hover-bg, #f2f2f2);
+}
+
+/* Pointer-events stay on (default) so the stripe extends the parent entry's
+   hit-test area through the paragraph-spacing gap. Without this, moving the
+   cursor between two adjacent entries fires mouseout on the upper entry with
+   relatedTarget = the page (not a TOC entry), the coordinator drops the
+   group-hover class, and the grey disappears for a frame before the next
+   entry's mouseover restores it — visible as a flicker. */
+.superdoc-toc-entry.toc-group-hover::after {
+  content: '';
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 100%;
+  height: var(--toc-gap-below, 0px);
+  background-color: var(--sd-content-controls-block-hover-bg, #f2f2f2);
+}
+
 /* Remove focus outlines from layout engine elements */
 .superdoc-layout,
 .superdoc-page,
@@ -317406,8 +317522,12 @@ menclose::after {
       applyResolvedFragmentFrame(fragmentEl, resolvedItem, fragment2);
     else
       applyFragmentFrame(fragmentEl, fragment2);
-    if (isTocEntry)
-      fragmentEl.classList.add("superdoc-toc-entry");
+    if (isTocEntry) {
+      fragmentEl.classList.add(DOM_CLASS_NAMES.TOC_ENTRY);
+      const tocId = block.attrs?.tocId;
+      if (typeof tocId === "string" && tocId.length > 0)
+        fragmentEl.dataset.tocId = tocId;
+    }
     if (paraContinuesFromPrev)
       fragmentEl.dataset.continuesFromPrev = "true";
     if (paraContinuesOnNext)
@@ -325602,6 +325722,7 @@ menclose::after {
   #cellAnchor = null;
   #cellDragMode = "none";
   #pendingMarginClick = null;
+  #pendingTocLinkNav = null;
   #lastSelectedImageBlockId = null;
   #suppressFocusInFromDraggable = false;
   #pendingStructuredContentLabelGesture = null;
@@ -326143,10 +326264,14 @@ menclose::after {
       return;
     }
     const linkEl = target?.closest?.("a.superdoc-link");
-    if (linkEl) {
-      this.#handleLinkClick(event, linkEl);
-      return;
-    }
+    this.#pendingTocLinkNav = null;
+    if (linkEl)
+      if (linkEl.closest(`.${DOM_CLASS_NAMES.TOC_ENTRY}`))
+        this.#pendingTocLinkNav = linkEl;
+      else {
+        this.#handleLinkClick(event, linkEl);
+        return;
+      }
     const annotationEl = target?.closest?.(buildAnnotationSelector());
     const isDraggableAnnotation = target?.closest?.(DRAGGABLE_SELECTOR) != null;
     const isNativeDragSource = target?.closest?.(DRAG_SOURCE_SELECTOR) != null;
@@ -326485,6 +326610,10 @@ menclose::after {
       event
     });
     this.#suppressFocusInFromDraggable = false;
+    const pendingTocLink = this.#pendingTocLinkNav;
+    this.#pendingTocLinkNav = null;
+    if (pendingTocLink && !this.#dragThresholdExceeded)
+      this.#handleLinkClick(event, pendingTocLink);
     if (!this.#isDragging) {
       this.#stopAutoScroll();
       return;
@@ -330959,13 +331088,13 @@ menclose::after {
     return;
   console.log(...args$1);
 }, HEADER_FOOTER_INIT_BUDGET_MS = 200, MAX_ZOOM_WARNING_THRESHOLD = 10, MAX_SELECTION_RECTS_PER_USER = 100, SEMANTIC_RESIZE_DEBOUNCE_MS = 120, MIN_SEMANTIC_CONTENT_WIDTH_PX = 1, GLOBAL_PERFORMANCE, PresentationEditor, ICONS, TEXTS, tableActionsOptions, TRACKED_MARK_NAMES;
-var init_src_jCy2h55W_es = __esm(() => {
+var init_src_M0JgzZDj_es = __esm(() => {
   init_rolldown_runtime_Bg48TavK_es();
-  init_SuperConverter_BaKhr4cp_es();
+  init_SuperConverter_e4tY_2EB_es();
   init_jszip_C49i9kUs_es();
   init_xml_js_CqGKpaft_es();
   init_uuid_B2wVPhPi_es();
-  init_create_headless_toolbar_B3wNa0zb_es();
+  init_create_headless_toolbar_3iIgFoKe_es();
   init_constants_D9qj59G2_es();
   init_dist_B8HfvhaK_es();
   init_unified_Dsuw2be5_es();
@@ -349895,6 +350024,8 @@ function print() { __p += __j.call(arguments, '') }
     TABLE_FRAGMENT: "superdoc-table-fragment",
     DOCUMENT_SECTION: "superdoc-document-section",
     SDT_GROUP_HOVER: "sdt-group-hover",
+    TOC_ENTRY: "superdoc-toc-entry",
+    TOC_GROUP_HOVER: "toc-group-hover",
     IMAGE_FRAGMENT: "superdoc-image-fragment",
     INLINE_IMAGE: "superdoc-inline-image",
     LIST_MARKER: "superdoc-list-marker",
@@ -352208,7 +352339,8 @@ function print() { __p += __j.call(arguments, '') }
       const menuRef = exports_vue.ref(null);
       const menuPosition = exports_vue.ref({
         top: "0px",
-        left: "0px"
+        left: "0px",
+        maxHeight: "none"
       });
       const optionRefs = exports_vue.ref([]);
       const keyboardIndex = exports_vue.ref(-1);
@@ -352245,6 +352377,7 @@ function print() { __p += __j.call(arguments, '') }
           position: "fixed",
           top: menuPosition.value.top,
           left: menuPosition.value.left,
+          maxHeight: menuPosition.value.maxHeight,
           zIndex: 2000
         };
       });
@@ -352260,17 +352393,30 @@ function print() { __p += __j.call(arguments, '') }
         if (!triggerRef.value)
           return;
         const rect = triggerRef.value.getBoundingClientRect();
-        const menuWidth = menuRef.value?.offsetWidth ?? 0;
+        const menuEl = menuRef.value;
+        const menuWidth = menuEl?.offsetWidth ?? 0;
+        const menuHeight = menuEl?.scrollHeight ?? menuEl?.offsetHeight ?? 0;
         const viewportWidth = window.innerWidth || document.documentElement.clientWidth || 0;
+        const viewportHeight = window.innerHeight || document.documentElement.clientHeight || 0;
         const gutter = 8;
+        const gap = 4;
+        const belowTop = rect.bottom + gap;
+        const aboveBottom = rect.top - gap;
+        const availableBelow = Math.max(0, viewportHeight - belowTop - gutter);
+        const availableAbove = Math.max(0, aboveBottom - gutter);
+        const openAbove = availableBelow < menuHeight && availableAbove > availableBelow;
+        const maxHeight = openAbove ? availableAbove : availableBelow;
+        const menuRenderHeight = menuHeight ? Math.min(menuHeight, maxHeight) : maxHeight;
+        const top$1 = openAbove ? Math.max(gutter, aboveBottom - menuRenderHeight) : belowTop;
         let left$1 = rect.left;
         if (props.placement === "bottom-end")
           left$1 = rect.right - menuWidth;
         const maxLeft = Math.max(gutter, viewportWidth - menuWidth - gutter);
         left$1 = Math.min(Math.max(gutter, left$1), maxLeft);
         menuPosition.value = {
-          top: `${rect.bottom + 4}px`,
-          left: `${left$1}px`
+          top: `${top$1}px`,
+          left: `${left$1}px`,
+          maxHeight: `${maxHeight}px`
         };
       };
       const onTriggerClick = () => {
@@ -352336,8 +352482,13 @@ function print() { __p += __j.call(arguments, '') }
           el.setAttribute("tabindex", index2 === keyboardIndex.value ? "0" : "-1");
         });
         const target = optionRefs.value[keyboardIndex.value];
-        if (target && typeof target.focus === "function")
+        if (target && typeof target.focus === "function") {
           target.focus();
+          target.scrollIntoView?.({
+            block: "nearest",
+            inline: "nearest"
+          });
+        }
       };
       const moveKeyboardIndex = (direction) => {
         const navigableIndexes = getNavigableIndexes();
@@ -352472,6 +352623,7 @@ function print() { __p += __j.call(arguments, '') }
         if (hasRenderOptions.value)
           return;
         keyboardIndex.value = getInitialKeyboardIndex();
+        await exports_vue.nextTick();
         focusKeyboardIndex();
       }, { immediate: true });
       exports_vue.watch(isOpen, (open2) => {
@@ -352535,7 +352687,7 @@ function print() { __p += __j.call(arguments, '') }
         })]))]);
       };
     }
-  }, [["__scopeId", "data-v-302f7d86"]]);
+  }, [["__scopeId", "data-v-69732782"]]);
   SdTooltip_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
     __name: "SdTooltip",
     props: {
@@ -359399,7 +359551,8 @@ function print() { __p += __j.call(arguments, '') }
     #lastSelectedFieldAnnotation = null;
     #lastSelectedStructuredContentBlock = null;
     #lastSelectedStructuredContentInline = null;
-    #lastHoveredStructuredContentBlock = null;
+    #sdtHoverCoordinator = null;
+    #tocHoverCoordinator = null;
     #remoteCursorManager = null;
     #cursorUpdateTimer = null;
     #remoteCursorOverlay = null;
@@ -359470,8 +359623,11 @@ function print() { __p += __j.call(arguments, '') }
       ensureEditorNativeSelectionStyles(doc$12);
       ensureEditorFieldAnnotationInteractionStyles(doc$12);
       ensureEditorMovableObjectInteractionStyles(doc$12);
-      this.#painterHost.addEventListener("mouseover", this.#handleStructuredContentBlockMouseEnter);
-      this.#painterHost.addEventListener("mouseout", this.#handleStructuredContentBlockMouseLeave);
+      this.#initializeHoverCoordinators();
+      this.#painterHost.addEventListener("mouseover", this.#sdtHoverCoordinator.handleMouseEnter);
+      this.#painterHost.addEventListener("mouseout", this.#sdtHoverCoordinator.handleMouseLeave);
+      this.#painterHost.addEventListener("mouseover", this.#tocHoverCoordinator.handleMouseEnter);
+      this.#painterHost.addEventListener("mouseout", this.#tocHoverCoordinator.handleMouseLeave);
       this.#domIndexObserverManager = new DomPositionIndexObserverManager({
         windowRoot: this.#visibleHost?.ownerDocument?.defaultView ?? window,
         getPainterHost: () => this.#painterHost,
@@ -363462,74 +363618,50 @@ function print() { __p += __j.call(arguments, '') }
       }
       this.#setSelectedStructuredContentBlockClass(elements, id2);
     }
-    #handleStructuredContentBlockMouseEnter = (event) => {
-      const block = event.target.closest(`.${DOM_CLASS_NAMES.BLOCK_SDT}`);
-      if (!block || !(block instanceof HTMLElement))
-        return;
-      if (block.classList.contains("ProseMirror-selectednode"))
+    #initializeHoverCoordinators() {
+      if (this.#sdtHoverCoordinator || this.#tocHoverCoordinator)
         return;
-      const rawId = block.dataset.sdtId;
-      if (!rawId)
-        return;
-      this.#setHoveredStructuredContentBlockClass(rawId);
-    };
-    #handleStructuredContentBlockMouseLeave = (event) => {
-      const block = event.target.closest(`.${DOM_CLASS_NAMES.BLOCK_SDT}`);
-      if (!block)
+      this.#sdtHoverCoordinator = new HoverGroupCoordinator({
+        entrySelector: `.${DOM_CLASS_NAMES.BLOCK_SDT}`,
+        getId: (entry) => entry.dataset.sdtId,
+        queryGroup: (id2) => this.#painterAdapter.getStructuredContentBlockElementsById(id2),
+        hoverClass: DOM_CLASS_NAMES.SDT_GROUP_HOVER,
+        shouldApplyTo: (element3) => !element3.classList.contains("ProseMirror-selectednode")
+      });
+      this.#tocHoverCoordinator = new HoverGroupCoordinator({
+        entrySelector: `.${DOM_CLASS_NAMES.TOC_ENTRY}`,
+        getId: (entry) => entry.dataset.tocId,
+        queryGroup: (id2) => this.#queryTocEntryElementsById(id2),
+        hoverClass: DOM_CLASS_NAMES.TOC_GROUP_HOVER,
+        onApply: (elements) => this.#applyTocGapFill(elements),
+        onClear: (element3) => element3.style.removeProperty("--toc-gap-below")
+      });
+    }
+    #applyTocGapFill(elements) {
+      if (elements.length < 2)
         return;
-      const relatedTarget = event.relatedTarget;
-      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;
+      const measured = elements.map((element3) => ({
+        element: element3,
+        rect: element3.getBoundingClientRect()
+      })).sort((a2, b$1) => a2.rect.top - b$1.rect.top);
+      for (let i4 = 0;i4 < measured.length - 1; i4++) {
+        const current = measured[i4];
+        const next2 = measured[i4 + 1];
+        const currentPage = current.element.closest("[data-page-index]");
+        if (!currentPage || currentPage !== next2.element.closest("[data-page-index]"))
+          continue;
+        const rawGap = next2.rect.top - current.rect.bottom;
+        const scaleY = current.rect.height && current.element.offsetHeight ? current.rect.height / current.element.offsetHeight : 1;
+        const gap = scaleY > 0 ? rawGap / scaleY : rawGap;
+        if (gap > 0)
+          current.element.style.setProperty("--toc-gap-below", `${gap + 1}px`);
       }
-      this.#clearHoveredStructuredContentBlockClass();
-    };
-    #clearHoveredStructuredContentBlockClass() {
-      if (!this.#lastHoveredStructuredContentBlock)
-        return;
-      this.#lastHoveredStructuredContentBlock.elements.forEach((element3) => {
-        element3.classList.remove(DOM_CLASS_NAMES.SDT_GROUP_HOVER);
-      });
-      this.#lastHoveredStructuredContentBlock = null;
     }
-    #setHoveredStructuredContentBlockClass(id2) {
-      if (this.#lastHoveredStructuredContentBlock?.id === id2)
-        return;
-      this.#clearHoveredStructuredContentBlockClass();
+    #queryTocEntryElementsById(id2) {
       if (!this.#painterHost)
-        return;
-      const elements = this.#painterAdapter.getStructuredContentBlockElementsById(id2);
-      if (elements.length === 0)
-        return;
-      elements.forEach((element3) => {
-        if (!element3.classList.contains("ProseMirror-selectednode"))
-          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
-      };
+        return [];
+      const escapedId = escapeAttrValue(id2);
+      return Array.from(this.#painterHost.querySelectorAll(`.${DOM_CLASS_NAMES.TOC_ENTRY}[data-toc-id="${escapedId}"]`));
     }
     #refreshEditorDomAugmentations() {
       this.#postPaintPipeline.refreshAfterPaint({
@@ -363538,7 +363670,8 @@ function print() { __p += __j.call(arguments, '') }
         domPositionIndex: this.#domPositionIndex,
         proofingAnnotations: this.#buildProofingAnnotations(),
         rebuildDomPositionIndex: () => this.#rebuildDomPositionIndex(),
-        reapplyStructuredContentHover: () => this.#reapplySdtGroupHover()
+        reapplyStructuredContentHover: () => this.#sdtHoverCoordinator?.reapply(),
+        reapplyTocGroupHover: () => this.#tocHoverCoordinator?.reapply()
       });
     }
     #clearSelectedStructuredContentInlineClass() {
@@ -365926,11 +366059,11 @@ function print() { __p += __j.call(arguments, '') }
   ]);
 });
 
-// ../../packages/superdoc/dist/chunks/create-super-doc-ui-ClaBD_rO.es.js
+// ../../packages/superdoc/dist/chunks/create-super-doc-ui-BbHhTe5g.es.js
 var headlessToolbarConstants, MOD_ALIASES, ALT_ALIASES, CTRL_ALIASES, SHIFT_ALIASES, BUILTIN_CONTEXT_MENU_GROUPS, BUILTIN_GROUP_ORDER, RESERVED_PROXY_PROPERTY_NAMES, ALL_TOOLBAR_COMMAND_IDS, EMPTY_ACTIVE_IDS;
-var init_create_super_doc_ui_ClaBD_rO_es = __esm(() => {
-  init_SuperConverter_BaKhr4cp_es();
-  init_create_headless_toolbar_B3wNa0zb_es();
+var init_create_super_doc_ui_BbHhTe5g_es = __esm(() => {
+  init_SuperConverter_e4tY_2EB_es();
+  init_create_headless_toolbar_3iIgFoKe_es();
   headlessToolbarConstants = {
     DEFAULT_TEXT_ALIGN_OPTIONS: [
       {
@@ -366212,16 +366345,16 @@ var init_zipper_yaJVJ4z9_es = __esm(() => {
 
 // ../../packages/superdoc/dist/super-editor.es.js
 var init_super_editor_es = __esm(() => {
-  init_src_jCy2h55W_es();
-  init_SuperConverter_BaKhr4cp_es();
+  init_src_M0JgzZDj_es();
+  init_SuperConverter_e4tY_2EB_es();
   init_jszip_C49i9kUs_es();
   init_xml_js_CqGKpaft_es();
-  init_create_headless_toolbar_B3wNa0zb_es();
+  init_create_headless_toolbar_3iIgFoKe_es();
   init_constants_D9qj59G2_es();
   init_dist_B8HfvhaK_es();
   init_unified_Dsuw2be5_es();
   init_DocxZipper_FUsfThjV_es();
-  init_create_super_doc_ui_ClaBD_rO_es();
+  init_create_super_doc_ui_BbHhTe5g_es();
   init_ui_C5PAS9hY_es();
   init_eventemitter3_BnGqBE_Q_es();
   init_errors_CNaD6vcg_es();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@superdoc-dev/cli",
-  "version": "0.17.0-next.6",
+  "version": "0.17.0-next.8",
   "type": "module",
   "bin": {
     "superdoc": "./dist/index.js"
@@ -25,19 +25,19 @@
     "@types/ws": "^8.5.13",
     "typescript": "^5.9.2",
     "@superdoc/document-api": "0.0.1",
-    "@superdoc/super-editor": "0.0.1",
-    "superdoc": "1.39.0"
+    "superdoc": "1.39.0",
+    "@superdoc/super-editor": "0.0.1"
   },
   "module": "src/index.ts",
   "publishConfig": {
     "access": "public"
   },
   "optionalDependencies": {
-    "@superdoc-dev/cli-darwin-arm64": "0.17.0-next.6",
-    "@superdoc-dev/cli-darwin-x64": "0.17.0-next.6",
-    "@superdoc-dev/cli-windows-x64": "0.17.0-next.6",
-    "@superdoc-dev/cli-linux-arm64": "0.17.0-next.6",
-    "@superdoc-dev/cli-linux-x64": "0.17.0-next.6"
+    "@superdoc-dev/cli-darwin-arm64": "0.17.0-next.8",
+    "@superdoc-dev/cli-darwin-x64": "0.17.0-next.8",
+    "@superdoc-dev/cli-windows-x64": "0.17.0-next.8",
+    "@superdoc-dev/cli-linux-arm64": "0.17.0-next.8",
+    "@superdoc-dev/cli-linux-x64": "0.17.0-next.8"
   },
   "scripts": {
     "predev": "node scripts/ensure-superdoc-build.js",