superdoc 2.23.1-next.9 → 2.24.0-next.10

package/dist/superdoc.es.js

@@ -1,6 +1,6 @@
 import { i as __toESM$2 } from "./chunks/rolldown-runtime-0pSA04fp.es.js";
 import { t as blank_default } from "./chunks/blank-docx-DzQccOlW.es.js";
-import { c as createImageFilePicker, d as DOM_CLASS_NAMES, f as closeInteractionHistory, g as recordInteraction, h as isWorkflowRecordingEnabled, i as registerFirstPartyCommandMutation, l as resolveImageSrc, m as getWorkflowRecording, n as executeFirstPartyCommandAsync, o as applyV2CommentInvalidationFromMutation, p as createInteractionHistory, r as readFirstPartyPageNumbers, s as getV2TrackedChangeMutationImpact, t as createSuperDocUI } from "./chunks/create-super-doc-ui-DFNXiKvQ.es.js";
+import { c as createImageFilePicker, d as DOM_CLASS_NAMES, f as closeInteractionHistory, g as recordInteraction, h as isWorkflowRecordingEnabled, i as registerFirstPartyCommandMutation, l as resolveImageSrc, m as getWorkflowRecording, n as executeFirstPartyCommandAsync, o as applyV2CommentInvalidationFromMutation, p as createInteractionHistory, r as readFirstPartyPageNumbers, s as getV2TrackedChangeMutationImpact, t as createSuperDocUI } from "./chunks/create-super-doc-ui-8UTu16Lw.es.js";
 import { t as import_eventemitter3 } from "./chunks/eventemitter3-DEIiXiH2.es.js";
 import { t as v4 } from "./chunks/uuid-H0Xcmmhy.es.js";
 import { $ as watch$1, A as onActivated, B as resolveDirective, C as isRef$1, D as normalizeClass, E as nextTick, F as openBlock, G as toRef, H as shallowRef$1, I as reactive, J as useAttrs, K as toRefs, L as ref, M as onDeactivated, N as onMounted, O as normalizeProps, P as onScopeDispose$1, Q as vModelText, R as renderList, S as isReactive$1, T as mergeProps, U as toDisplayString, V as resolveDynamicComponent, W as toRaw$2, X as vModelCheckbox, Y as useSlots, Z as vModelSelect, _ as getCurrentInstance, a as computed$1, b as hasInjectionContext, c as createCommentVNode, d as createStaticVNode, et as withCtx, f as createTextVNode, g as effectScope, h as defineComponent, i as Transition, j as onBeforeUnmount, k as normalizeStyle, l as createElementBlock, m as defineAsyncComponent, n as Fragment, nt as withKeys, o as createApp, p as createVNode, q as unref, r as Teleport, rt as withModifiers, s as createBlock, t as _plugin_vue_export_helper_default, tt as withDirectives, u as createElementVNode, v as getCurrentScope, w as markRaw, x as inject$1, y as h, z as renderSlot } from "./chunks/_plugin-vue_export-helper-DHiJKCsy.es.js";
@@ -302,7 +302,7 @@ var awarenessStatesToArray = (context, states) => {
 var DEFAULT_ENDPOINT = "https://ingest.superdoc.dev/v1/collect";
 function getSuperdocVersion() {
 	try {
-		return "2.23.1-next.9";
+		return "2.24.0-next.10";
 	} catch {
 		return "unknown";
 	}
@@ -13312,7 +13312,7 @@ var _hoisted_15$2 = {
 };
 var _hoisted_16$2 = { class: "change-type" };
 var _hoisted_17$2 = { key: 1 };
-var _hoisted_18$1 = { class: "tracked-change-text is-inserted" };
+var _hoisted_18$2 = { class: "tracked-change-text is-inserted" };
 var _hoisted_19$1 = { key: 2 };
 var _hoisted_20$1 = { class: "tracked-change-text is-inserted" };
 var _hoisted_21$1 = { key: 3 };
@@ -13925,10 +13925,35 @@ var CommentDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 				nextTick(() => emit("resize"));
 			});
 		};
-		const isV2Mode = computed$1(() => proxy.$superdoc?.activeEditor?.editorVersion === 2);
-		const v2CommentsAdapter = computed$1(() => isV2Mode.value ? proxy.$superdoc?.activeEditor?.v2Comments ?? null : null);
-		const v2TrackedChangesAdapter = computed$1(() => isV2Mode.value ? proxy.$superdoc?.activeEditor?.v2TrackedChanges ?? null : null);
+		const activeEditorRevision = ref(0);
+		const v2CapabilityRevision = ref(0);
+		const refreshActiveEditor = () => {
+			activeEditorRevision.value += 1;
+		};
+		const isV2Mode = computed$1(() => {
+			activeEditorRevision.value;
+			return proxy.$superdoc?.activeEditor?.editorVersion === 2;
+		});
+		const v2CommentsAdapter = computed$1(() => {
+			activeEditorRevision.value;
+			return isV2Mode.value ? proxy.$superdoc?.activeEditor?.v2Comments ?? null : null;
+		});
+		const v2TrackedChangesAdapter = computed$1(() => {
+			activeEditorRevision.value;
+			return isV2Mode.value ? proxy.$superdoc?.activeEditor?.v2TrackedChanges ?? null : null;
+		});
+		watch$1(() => {
+			activeEditorRevision.value;
+			return isV2Mode.value ? proxy.$superdoc?.activeEditor?.host ?? null : null;
+		}, (host, _previous, onCleanup) => {
+			v2CapabilityRevision.value += 1;
+			const unsubscribe = host?.subscribe?.(() => {
+				v2CapabilityRevision.value += 1;
+			});
+			onCleanup(() => unsubscribe?.());
+		}, { immediate: true });
 		const v2WriteCapability = computed$1(() => {
+			v2CapabilityRevision.value;
 			if (!v2CommentsAdapter.value) return null;
 			const documentMode = commentsStore.viewingVisibility.documentMode;
 			const command = isPendingNewComment.value ? "comments.createFromSelection" : null;
@@ -13952,6 +13977,7 @@ var CommentDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			return v2WriteCapability.value?.reason ?? "v2-write-unavailable";
 		});
 		const v2TrackedChangeCapability = computed$1(() => {
+			v2CapabilityRevision.value;
 			if (!v2TrackedChangesAdapter.value) return null;
 			const documentMode = commentsStore.viewingVisibility.documentMode;
 			const capability = v2TrackedChangesAdapter.value.getCapabilityState?.() ?? null;
@@ -14236,6 +14262,7 @@ var CommentDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			return users;
 		});
 		onMounted(() => {
+			proxy.$superdoc?.on?.("active-editor-change", refreshActiveEditor);
 			if (props.autoFocus) nextTick(() => setFocus());
 			if (isPendingNewComment.value) nextTick(() => {
 				commentInput.value?.focus?.({ preventScroll: true });
@@ -14249,6 +14276,9 @@ var CommentDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 				checkOverflow();
 			});
 		});
+		onBeforeUnmount(() => {
+			proxy.$superdoc?.off?.("active-editor-change", refreshActiveEditor);
+		});
 		watch$1(showInputSection, (isVisible) => {
 			if (!isVisible) return;
 			nextTick(() => {
@@ -14385,7 +14415,7 @@ var CommentDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 									line.excerpt ? (openBlock(), createElementBlock("span", _hoisted_15$2, " — ")) : createCommentVNode("", true),
 									createElementVNode("span", _hoisted_16$2, toDisplayString(line.label), 1)
 								]);
-							}), 128))])) : createCommentVNode("", true)])) : comment.trackedChangeDisplayType === "hyperlinkAdded" ? (openBlock(), createElementBlock("div", _hoisted_17$2, [_cache[2] || (_cache[2] = createElementVNode("span", { class: "change-type" }, "Added hyperlink ", -1)), createElementVNode("span", _hoisted_18$1, "\"" + toDisplayString(comment.trackedChangeText) + "\"", 1)])) : comment.trackedChangeDisplayType === "hyperlinkModified" ? (openBlock(), createElementBlock("div", _hoisted_19$1, [_cache[3] || (_cache[3] = createElementVNode("span", { class: "change-type" }, "Changed hyperlink to ", -1)), createElementVNode("span", _hoisted_20$1, "\"" + toDisplayString(comment.trackedChangeText) + "\"", 1)])) : comment.trackedChangeDisplayType === "paragraphSplit" ? (openBlock(), createElementBlock("div", _hoisted_21$1, [..._cache[4] || (_cache[4] = [createElementVNode("span", { class: "change-type" }, "Added new line", -1)])])) : comment.trackedChangeDisplayType === "tableInsert" ? (openBlock(), createElementBlock("div", _hoisted_22$1, [..._cache[5] || (_cache[5] = [createElementVNode("span", { class: "change-type" }, "Added table", -1)])])) : comment.trackedChangeDisplayType === "tableDelete" ? (openBlock(), createElementBlock("div", _hoisted_23$1, [..._cache[6] || (_cache[6] = [createElementVNode("span", { class: "change-type" }, "Deleted table", -1)])])) : comment.trackedChangeType === "trackFormat" ? (openBlock(), createElementBlock("div", _hoisted_24, [_cache[7] || (_cache[7] = createElementVNode("span", { class: "change-type" }, "Format: ", -1)), createElementVNode("span", _hoisted_25, toDisplayString(comment.trackedChangeText), 1)])) : comment.trackedChangeType === "both" ? (openBlock(), createElementBlock("div", _hoisted_26, [
+							}), 128))])) : createCommentVNode("", true)])) : comment.trackedChangeDisplayType === "hyperlinkAdded" ? (openBlock(), createElementBlock("div", _hoisted_17$2, [_cache[2] || (_cache[2] = createElementVNode("span", { class: "change-type" }, "Added hyperlink ", -1)), createElementVNode("span", _hoisted_18$2, "\"" + toDisplayString(comment.trackedChangeText) + "\"", 1)])) : comment.trackedChangeDisplayType === "hyperlinkModified" ? (openBlock(), createElementBlock("div", _hoisted_19$1, [_cache[3] || (_cache[3] = createElementVNode("span", { class: "change-type" }, "Changed hyperlink to ", -1)), createElementVNode("span", _hoisted_20$1, "\"" + toDisplayString(comment.trackedChangeText) + "\"", 1)])) : comment.trackedChangeDisplayType === "paragraphSplit" ? (openBlock(), createElementBlock("div", _hoisted_21$1, [..._cache[4] || (_cache[4] = [createElementVNode("span", { class: "change-type" }, "Added new line", -1)])])) : comment.trackedChangeDisplayType === "tableInsert" ? (openBlock(), createElementBlock("div", _hoisted_22$1, [..._cache[5] || (_cache[5] = [createElementVNode("span", { class: "change-type" }, "Added table", -1)])])) : comment.trackedChangeDisplayType === "tableDelete" ? (openBlock(), createElementBlock("div", _hoisted_23$1, [..._cache[6] || (_cache[6] = [createElementVNode("span", { class: "change-type" }, "Deleted table", -1)])])) : comment.trackedChangeType === "trackFormat" ? (openBlock(), createElementBlock("div", _hoisted_24, [_cache[7] || (_cache[7] = createElementVNode("span", { class: "change-type" }, "Format: ", -1)), createElementVNode("span", _hoisted_25, toDisplayString(comment.trackedChangeText), 1)])) : comment.trackedChangeType === "both" ? (openBlock(), createElementBlock("div", _hoisted_26, [
 								_cache[8] || (_cache[8] = createElementVNode("span", { class: "change-type" }, "Replaced ", -1)),
 								createElementVNode("span", _hoisted_27, "\"" + toDisplayString(comment.deletedText) + "\"", 1),
 								_cache[9] || (_cache[9] = createElementVNode("span", { class: "change-type" }, " with ", -1)),
@@ -14495,7 +14525,7 @@ var CommentDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			], 64))], 14, _hoisted_1$26)), [[_directive_click_outside, handleClickOutside]]);
 		};
 	}
-}, [["__scopeId", "data-v-c189ab35"]]);
+}, [["__scopeId", "data-v-5ace8cef"]]);
 //#endregion
 //#region src/components/CommentsLayer/commentsList/ReviewDirectoryListItem.vue
 var _hoisted_1$25 = [
@@ -18985,6 +19015,11 @@ var _hoisted_17$1 = {
 	key: 5,
 	class: "input-row go-to-anchor clickable"
 };
+var _hoisted_18$1 = {
+	key: 6,
+	role: "status",
+	class: "sd-error"
+};
 var LinkInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 	__name: "LinkInput",
 	props: {
@@ -19182,61 +19217,71 @@ var LinkInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 				hyperlinkTarget: props.hyperlinkTarget
 			});
 		};
-		const navigateToAnchor = (anchorUrl) => {
-			if (props.goToAnchor) props.goToAnchor(anchorUrl);
+		const navigationError = ref("");
+		const navigateToAnchor = async (anchorUrl) => {
+			navigationError.value = "";
+			try {
+				if (await props.goToAnchor?.(anchorUrl) === false) navigationError.value = "Reference target is unavailable";
+			} catch {
+				navigationError.value = "Reference target is unavailable";
+			}
 		};
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", { class: normalizeClass(["link-input-ctn", { "high-contrast": unref(isHighContrastMode) }]) }, [isAnchor.value ? (openBlock(), createElementBlock("div", _hoisted_1$19, "Page anchor")) : isViewingMode.value ? (openBlock(), createElementBlock("div", _hoisted_2$16, "Link details")) : isEditing.value ? (openBlock(), createElementBlock("div", _hoisted_3$13, "Edit link")) : (openBlock(), createElementBlock("div", _hoisted_4$8, "Add link")), __props.showInput && !isAnchor.value ? (openBlock(), createElementBlock("div", _hoisted_5$6, [
-				createElementVNode("div", _hoisted_6$5, [_cache[5] || (_cache[5] = createElementVNode("div", { class: "input-icon text-input-icon" }, "T", -1)), withDirectives(createElementVNode("input", {
-					type: "text",
-					name: "text",
-					placeholder: "Text",
-					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => text.value = $event),
-					readonly: isViewingMode.value,
-					onKeydown: withKeys(withModifiers(handleSubmit, ["stop", "prevent"]), ["enter"])
-				}, null, 40, _hoisted_7$3), [[vModelText, text.value]])]),
-				createElementVNode("div", _hoisted_8$3, [
-					createElementVNode("div", {
-						class: "input-icon",
-						innerHTML: unref(toolbarIcons).linkInput
-					}, null, 8, _hoisted_9$2),
-					withDirectives(createElementVNode("input", {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(["link-input-ctn", { "high-contrast": unref(isHighContrastMode) }]) }, [
+				isAnchor.value ? (openBlock(), createElementBlock("div", _hoisted_1$19, "Page anchor")) : isViewingMode.value ? (openBlock(), createElementBlock("div", _hoisted_2$16, "Link details")) : isEditing.value ? (openBlock(), createElementBlock("div", _hoisted_3$13, "Edit link")) : (openBlock(), createElementBlock("div", _hoisted_4$8, "Add link")),
+				__props.showInput && !isAnchor.value ? (openBlock(), createElementBlock("div", _hoisted_5$6, [
+					createElementVNode("div", _hoisted_6$5, [_cache[5] || (_cache[5] = createElementVNode("div", { class: "input-icon text-input-icon" }, "T", -1)), withDirectives(createElementVNode("input", {
 						type: "text",
-						name: "link",
-						placeholder: "Type or paste a link",
-						class: normalizeClass({ "sd-error": urlError.value }),
-						"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => rawUrl.value = $event),
+						name: "text",
+						placeholder: "Text",
+						"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => text.value = $event),
 						readonly: isViewingMode.value,
-						onInput: _cache[2] || (_cache[2] = ($event) => commandError.value = ""),
-						onKeydown: [withKeys(withModifiers(handleSubmit, ["stop", "prevent"]), ["enter"]), _cache[3] || (_cache[3] = ($event) => urlError.value = false)]
-					}, null, 42, _hoisted_10$2), [[vModelText, rawUrl.value]]),
-					createElementVNode("div", {
-						class: normalizeClass(["open-link-icon", { "sd-disabled": !validUrl.value }]),
-						innerHTML: unref(toolbarIcons).openLink,
-						onClick: openLink,
-						"data-item": "btn-link-open"
-					}, null, 10, _hoisted_11$2)
-				]),
-				!isViewingMode.value ? (openBlock(), createElementBlock("div", _hoisted_12$1, [isEditing.value ? (openBlock(), createElementBlock("button", {
-					key: 0,
-					class: "remove-btn",
-					onClick: handleRemove,
-					disabled: isSubmitting.value,
-					"data-item": "btn-link-remove"
-				}, [createElementVNode("div", {
-					class: "remove-btn__icon",
-					innerHTML: unref(toolbarIcons).removeLink
-				}, null, 8, _hoisted_14$1), _cache[6] || (_cache[6] = createTextVNode(" Remove ", -1))], 8, _hoisted_13$1)) : createCommentVNode("", true), createElementVNode("button", {
-					class: normalizeClass(["sd-submit-btn", { "disable-btn": isDisabled.value }]),
-					onClick: handleSubmit,
-					disabled: isSubmitting.value,
-					"data-item": "btn-link-apply"
-				}, " Apply ", 10, _hoisted_15$1)])) : createCommentVNode("", true),
-				commandError.value ? (openBlock(), createElementBlock("div", _hoisted_16$1, toDisplayString(commandError.value), 1)) : createCommentVNode("", true)
-			])) : isAnchor.value ? (openBlock(), createElementBlock("div", _hoisted_17$1, [createElementVNode("a", { onClick: _cache[4] || (_cache[4] = withModifiers(($event) => navigateToAnchor(rawUrl.value), ["stop", "prevent"])) }, "Go to " + toDisplayString(rawUrl.value.startsWith("#_") ? rawUrl.value.substring(2) : rawUrl.value), 1)])) : createCommentVNode("", true)], 2);
-		};
-	}
-}, [["__scopeId", "data-v-498a6e6e"]]);
+						onKeydown: withKeys(withModifiers(handleSubmit, ["stop", "prevent"]), ["enter"])
+					}, null, 40, _hoisted_7$3), [[vModelText, text.value]])]),
+					createElementVNode("div", _hoisted_8$3, [
+						createElementVNode("div", {
+							class: "input-icon",
+							innerHTML: unref(toolbarIcons).linkInput
+						}, null, 8, _hoisted_9$2),
+						withDirectives(createElementVNode("input", {
+							type: "text",
+							name: "link",
+							placeholder: "Type or paste a link",
+							class: normalizeClass({ "sd-error": urlError.value }),
+							"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => rawUrl.value = $event),
+							readonly: isViewingMode.value,
+							onInput: _cache[2] || (_cache[2] = ($event) => commandError.value = ""),
+							onKeydown: [withKeys(withModifiers(handleSubmit, ["stop", "prevent"]), ["enter"]), _cache[3] || (_cache[3] = ($event) => urlError.value = false)]
+						}, null, 42, _hoisted_10$2), [[vModelText, rawUrl.value]]),
+						createElementVNode("div", {
+							class: normalizeClass(["open-link-icon", { "sd-disabled": !validUrl.value }]),
+							innerHTML: unref(toolbarIcons).openLink,
+							onClick: openLink,
+							"data-item": "btn-link-open"
+						}, null, 10, _hoisted_11$2)
+					]),
+					!isViewingMode.value ? (openBlock(), createElementBlock("div", _hoisted_12$1, [isEditing.value ? (openBlock(), createElementBlock("button", {
+						key: 0,
+						class: "remove-btn",
+						onClick: handleRemove,
+						disabled: isSubmitting.value,
+						"data-item": "btn-link-remove"
+					}, [createElementVNode("div", {
+						class: "remove-btn__icon",
+						innerHTML: unref(toolbarIcons).removeLink
+					}, null, 8, _hoisted_14$1), _cache[6] || (_cache[6] = createTextVNode(" Remove ", -1))], 8, _hoisted_13$1)) : createCommentVNode("", true), createElementVNode("button", {
+						class: normalizeClass(["sd-submit-btn", { "disable-btn": isDisabled.value }]),
+						onClick: handleSubmit,
+						disabled: isSubmitting.value,
+						"data-item": "btn-link-apply"
+					}, " Apply ", 10, _hoisted_15$1)])) : createCommentVNode("", true),
+					commandError.value ? (openBlock(), createElementBlock("div", _hoisted_16$1, toDisplayString(commandError.value), 1)) : createCommentVNode("", true)
+				])) : isAnchor.value ? (openBlock(), createElementBlock("div", _hoisted_17$1, [createElementVNode("a", { onClick: _cache[4] || (_cache[4] = withModifiers(($event) => navigateToAnchor(rawUrl.value), ["stop", "prevent"])) }, "Go to " + toDisplayString(rawUrl.value.startsWith("#_") ? rawUrl.value.substring(2) : rawUrl.value), 1)])) : createCommentVNode("", true),
+				navigationError.value ? (openBlock(), createElementBlock("div", _hoisted_18$1, toDisplayString(navigationError.value), 1)) : createCommentVNode("", true)
+			], 2);
+		};
+	}
+}, [["__scopeId", "data-v-360db842"]]);
 //#endregion
 //#region src/internal/toolbar/built-in/scroll-helpers.js
 function getScrollableParent(element) {
@@ -19356,7 +19401,8 @@ function scrollToElement(targetElement, options = {
 * which keeps anchor navigation scoped to body targets.
 * @typedef {Object} BookmarkGetResult
 * @property {{ story?: { kind?: string, storyType?: string } }} [address]
-* @property {{ from?: { blockId?: string } }} [range]
+* @property {{ from?: { blockId?: string, offset?: number } }} [range]
+* @property {{ colFirst: number, colLast: number }} [tableColumn]
 */
 /**
 * The narrow Document API subset this composable reads. The host facade
@@ -19369,7 +19415,7 @@ function scrollToElement(targetElement, options = {
 * @property {{ list?: () => BlocksListResult | null | undefined } | null} [blocks]
 * @property {{ match?: (query: { select: { type: 'text', pattern: string, caseSensitive: boolean }, require: 'any' }) => QueryMatchResult | null | undefined } | null} [query]
 * @property {{ list?: () => HyperlinksListResult | Promise<HyperlinksListResult | null | undefined> | null | undefined, get?: (input: { storyId: string, hyperlinkNodeId: string }) => HyperlinkGetResult | Promise<HyperlinkGetResult | null | undefined> | null | undefined } | null} [hyperlinks]
-* @property {{ get?: (input: { target: { kind: 'entity', entityType: 'bookmark', name: string } }) => BookmarkGetResult | Promise<BookmarkGetResult | null | undefined> | null | undefined } | null} [bookmarks]
+* @property {{ list?: () => Promise<{ items: Array<{ name: string }> }> | { items: Array<{ name: string }> }, get?: (input: { target: { kind: 'entity', entityType: 'bookmark', name: string } }) => BookmarkGetResult | Promise<BookmarkGetResult | null | undefined> | null | undefined } | null} [bookmarks]
 */
 /**
 * The `v2-link-click` payload the shell relays from the v2 host's
@@ -19686,6 +19732,11 @@ function textTargetFromQueryMatch(doc, text, blockId) {
 function isTocEntryLinkElement(element) {
 	return Boolean(element && typeof element.closest === "function" && element.closest(".superdoc-toc-entry"));
 }
+/** @param {Element | null | undefined} element */
+function isNoteCrossReferenceLinkElement(element) {
+	const kind = element?.getAttribute("data-sd-note-cross-reference");
+	return (kind === "ref" || kind === "noteRef") && Boolean(element?.closest("[data-sd-note-role=\"body\"]"));
+}
 /**
 * @param {Object} options
 * @param {() => SurfaceManager | null | undefined} options.getSurfaceManager
@@ -19798,7 +19849,7 @@ function useLinkPopover({ getSurfaceManager, getActiveEditor, getUi, getActivati
 	* editing/suggesting via `placeCaret`.
 	* @param {string} blockId
 	*/
-	async function placeCaretAtHeadingStart(blockId) {
+	async function placeCaretAtBookmark(blockId, offset) {
 		const setSelectionTarget = getActiveEditor()?.authoring?.setSelectionTarget;
 		if (typeof setSelectionTarget !== "function") return;
 		const story = {
@@ -19808,7 +19859,7 @@ function useLinkPopover({ getSurfaceManager, getActiveEditor, getUi, getActivati
 		const anchor = {
 			kind: "text",
 			blockId,
-			offset: 0,
+			offset,
 			story
 		};
 		const target = {
@@ -19829,59 +19880,88 @@ function useLinkPopover({ getSurfaceManager, getActiveEditor, getUi, getActivati
 	* Navigate to a body bookmark through its model address. A mounted-anchor
 	* fallback is reserved for runtimes without a callable bookmark model.
 	* @param {string | null | undefined} anchorUrl
-	* @param {{ placeCaret?: boolean }} [options]
+	* @param {{ placeCaret?: boolean, revalidateCaretAfterReveal?: boolean }} [options]
 	*/
-	async function navigateToAnchor(anchorUrl, { placeCaret = false } = {}) {
-		if (typeof anchorUrl !== "string" || !anchorUrl.startsWith("#")) return;
+	async function navigateToAnchor(anchorUrl, { placeCaret = false, revalidateCaretAfterReveal = false } = {}) {
+		if (typeof anchorUrl !== "string" || !anchorUrl.startsWith("#")) return false;
 		const anchorName = decodeAnchorFragment(anchorUrl.slice(1));
+		const editor = getActiveEditor();
+		const generation = openGeneration;
 		/** @type {LinkPopoverDocumentApi | null | undefined} */
-		const doc = getActiveEditor()?.doc;
+		const doc = editor?.doc;
 		const bookmarkGet = doc?.bookmarks?.get;
 		if (typeof bookmarkGet !== "function") {
 			const mountedAnchor = findMountedAnchor(getUi()?.viewport?.getHost?.() ?? null, cssEscape(anchorName));
-			if (mountedAnchor) scrollToElement(mountedAnchor, {
+			if (!mountedAnchor) return false;
+			scrollToElement(mountedAnchor, {
 				block: "start",
 				behavior: "instant"
 			});
-			return;
+			return true;
 		}
-		/** @type {BookmarkGetResult | null} */
-		let bookmark = null;
-		try {
-			bookmark = await Promise.resolve(bookmarkGet.call(doc.bookmarks, { target: {
-				kind: "entity",
-				entityType: "bookmark",
-				name: anchorName
-			} }));
-			bookmark ??= null;
-		} catch {
-			return;
+		async function readBodyBookmark() {
+			try {
+				const list = doc?.bookmarks?.list;
+				if (typeof list === "function") {
+					if ((await Promise.resolve(list.call(doc.bookmarks)))?.items?.filter((item) => item.name === anchorName).length !== 1) return null;
+				}
+				const bookmark = await Promise.resolve(bookmarkGet.call(doc.bookmarks, { target: {
+					kind: "entity",
+					entityType: "bookmark",
+					name: anchorName
+				} }));
+				if (editor !== getActiveEditor() || generation !== openGeneration) return null;
+				const story = bookmark?.address?.story;
+				if (story && story.storyType !== "body" || bookmark?.tableColumn) return null;
+				const blockId = bookmark?.range?.from?.blockId;
+				const offset = bookmark?.range?.from?.offset ?? 0;
+				if (typeof blockId !== "string" || !Number.isInteger(offset) || offset < 0) return null;
+				return {
+					blockId,
+					offset
+				};
+			} catch {
+				return null;
+			}
 		}
-		const story = bookmark?.address?.story;
-		if (story && story.storyType !== "body") return;
-		const blockId = bookmark?.range?.from?.blockId;
-		if (typeof blockId !== "string") return;
-		if (placeCaret) await placeCaretAtHeadingStart(blockId);
+		let position = await readBodyBookmark();
+		if (!position) return false;
+		if (placeCaret && !revalidateCaretAfterReveal) await placeCaretAtBookmark(position.blockId, position.offset);
 		const viewport = getUi()?.viewport;
 		const scrollIntoView = viewport?.scrollIntoView;
-		if (typeof scrollIntoView !== "function") return;
-		const target = {
-			kind: "text",
-			blockId,
-			range: {
-				start: 0,
-				end: 0
-			}
-		};
+		if (typeof scrollIntoView !== "function") return false;
 		for (let step = 0; step < MAX_ANCHOR_NAVIGATION_STEPS; step += 1) try {
-			if ((await Promise.resolve(scrollIntoView.call(viewport, {
+			const target = {
+				kind: "text",
+				blockId: position.blockId,
+				range: {
+					start: position.offset,
+					end: position.offset
+				}
+			};
+			const result = await Promise.resolve(scrollIntoView.call(viewport, {
 				target,
 				block: "start",
 				behavior: "instant"
-			})))?.success !== false) return;
+			}));
+			if (editor !== getActiveEditor() || generation !== openGeneration) return false;
+			if (result?.success !== false) {
+				if (revalidateCaretAfterReveal) {
+					const current = await readBodyBookmark();
+					if (!current) return false;
+					if (current.blockId !== position.blockId || current.offset !== position.offset) {
+						position = current;
+						continue;
+					}
+					if (placeCaret) await placeCaretAtBookmark(current.blockId, current.offset);
+					if (editor !== getActiveEditor() || generation !== openGeneration) return false;
+				}
+				return true;
+			}
 		} catch {
-			return;
+			return false;
 		}
+		return false;
 	}
 	/**
 	* @param {HyperlinkActivationContext} ctx
@@ -20003,8 +20083,13 @@ function useLinkPopover({ getSurfaceManager, getActiveEditor, getUi, getActivati
 			return;
 		}
 		if (ctx.defaultAction === "navigate") {
-			if (ctx.isAnchorLink) navigateToAnchor(ctx.href);
-			else if (ctx.href) {
+			if (ctx.isAnchorLink) {
+				const noteReference = isNoteCrossReferenceLinkElement(ctx.element);
+				navigateToAnchor(ctx.href, {
+					placeCaret: noteReference && ctx.documentMode !== "viewing",
+					revalidateCaretAfterReveal: noteReference && ctx.documentMode !== "viewing"
+				});
+			} else if (ctx.href) {
 				const target = ctx.target || "_self";
 				const features = linkOpenFeaturesForTarget(ctx.rel, target);
 				if (features) window.open(ctx.href, target, features);
@@ -20015,9 +20100,10 @@ function useLinkPopover({ getSurfaceManager, getActiveEditor, getUi, getActivati
 		if (getBuiltInEditorDisabled()) return;
 		const closePopover = () => closeCurrentPopover("closed");
 		/** @param {string | null | undefined} anchorUrl */
-		const goToAnchor = (anchorUrl) => {
-			closePopover();
-			navigateToAnchor(anchorUrl, { placeCaret: true });
+		const goToAnchor = async (anchorUrl) => {
+			const success = await navigateToAnchor(anchorUrl, { placeCaret: ctx.documentMode !== "viewing" });
+			if (success) closePopover();
+			return success;
 		};
 		const generation = openGeneration;
 		/** @param {ResolvedHyperlinkTarget | null} hyperlinkTarget */
@@ -21599,7 +21685,7 @@ var SurfaceDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 		}
 		function setInitialFocus() {
 			if (!dialogRef.value) return;
-			const firstFocusable = dialogRef.value.querySelector(FOCUSABLE_SELECTOR);
+			const firstFocusable = dialogRef.value.querySelector("[data-sd-autofocus]") ?? dialogRef.value.querySelector(FOCUSABLE_SELECTOR);
 			if (firstFocusable) firstFocusable.focus();
 			else dialogRef.value.focus();
 		}
@@ -21710,7 +21796,7 @@ var SurfaceDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			])) : __props.surface.component ? (openBlock(), createBlock(resolveDynamicComponent(__props.surface.component), normalizeProps(mergeProps({ key: 1 }, mergedComponentProps.value)), null, 16)) : createCommentVNode("", true)])], 12, _hoisted_1$18)], 32);
 		};
 	}
-}, [["__scopeId", "data-v-582b6534"]]);
+}, [["__scopeId", "data-v-5cee3b11"]]);
 //#endregion
 //#region src/components/surfaces/SurfaceFloating.vue
 var _hoisted_1$17 = ["aria-labelledby", "aria-label"];
@@ -40852,19 +40938,25 @@ var SdTooltip_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 		const contentRef = ref(null);
 		const position = ref({
 			top: "0px",
-			left: "0px"
+			left: "0px",
+			below: false
 		});
 		let closeTimeout = null;
 		let openTimeout = null;
 		let autoHideTimeout = null;
-		const mergedContentClass = computed$1(() => ["sd-tooltip-content", attrs.class]);
+		const mergedContentClass = computed$1(() => [
+			"sd-tooltip-content",
+			position.value.below && "sd-tooltip-below",
+			attrs.class
+		]);
 		const contentStyle = computed$1(() => ({
 			...props.contentStyle,
 			...attrs.style || {},
 			position: "fixed",
 			top: position.value.top,
 			left: position.value.left,
-			zIndex: 2100
+			zIndex: 2100,
+			transformOrigin: position.value.below ? "top center" : "bottom center"
 		}));
 		const clearCloseTimeout = () => {
 			if (closeTimeout) {
@@ -40897,12 +40989,18 @@ var SdTooltip_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			const contentWidth = contentRef.value.offsetWidth;
 			const contentHeight = contentRef.value.offsetHeight;
 			const viewportWidth = window.innerWidth || document.documentElement.clientWidth || 0;
+			const viewportHeight = window.innerHeight || document.documentElement.clientHeight || 0;
 			const gutter = 8;
 			let left = triggerRect.left + triggerRect.width / 2 - contentWidth / 2;
 			left = Math.max(gutter, Math.min(left, viewportWidth - contentWidth - gutter));
+			const aboveTop = triggerRect.top - contentHeight - 10;
+			const below = aboveTop < gutter;
+			const preferredTop = below ? triggerRect.bottom + 10 : aboveTop;
+			const top = Math.max(gutter, Math.min(preferredTop, viewportHeight - contentHeight - gutter));
 			position.value = {
-				top: `${triggerRect.top - contentHeight - 10}px`,
-				left: `${left}px`
+				top: `${top}px`,
+				left: `${left}px`,
+				below
 			};
 		};
 		const open = async () => {
@@ -41022,7 +41120,7 @@ var SdTooltip_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			}, 8, ["css"])]))], 64);
 		};
 	}
-}), [["__scopeId", "data-v-1449088a"]]);
+}), [["__scopeId", "data-v-71c6de4c"]]);
 //#endregion
 //#region src/internal/toolbar/built-in/ButtonGroup.vue
 var _hoisted_1$10 = [
@@ -46452,7 +46550,7 @@ var SuperDoc = class extends import_eventemitter3.default {
 		}
 		this.userColorMap = /* @__PURE__ */ new Map();
 		this.colorIndex = 0;
-		this.version = "2.23.1-next.9";
+		this.version = "2.24.0-next.10";
 		this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
 		this.superdocId = config.superdocId || v4();
 		this.colors = this.config.colors ?? [];
@@ -48630,11 +48728,12 @@ var SuperDoc = class extends import_eventemitter3.default {
 	async #replaceActiveDocument(source) {
 		const activeEditor = this.activeEditor;
 		if (isV2ActiveEditorFacade(activeEditor) && typeof activeEditor.replaceFile === "function") {
-			const result = await activeEditor.replaceFile(source);
+			const replacementSource = this.#savedDocxToBlob(source);
+			const result = await activeEditor.replaceFile(replacementSource);
 			const state = result && typeof result === "object" ? result.state : null;
 			const confirmed = state === null || state === "review-ready" || state === "editing-ready";
 			if (confirmed) {
-				this.#replaceActiveDocumentData(activeEditor, source);
+				this.#replaceActiveDocumentData(activeEditor, replacementSource);
 				this.emit("document-replaced", {
 					editor: activeEditor,
 					host: activeEditor?.host