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

package/dist/superdoc.cjs

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_rolldown_runtime = require("./chunks/rolldown-runtime-74VwNCz7.cjs");
 const require_blank_docx = require("./chunks/blank-docx-BuFAbRjs.cjs");
-const require_create_super_doc_ui = require("./chunks/create-super-doc-ui-D_FbXpOQ.cjs");
+const require_create_super_doc_ui = require("./chunks/create-super-doc-ui-bTFGKVRb.cjs");
 const require_eventemitter3 = require("./chunks/eventemitter3-C_TAnXOl.cjs");
 const require_uuid = require("./chunks/uuid-BhG0ngwk.cjs");
 const require__plugin_vue_export_helper = require("./chunks/_plugin-vue_export-helper-CYxINHh_.cjs");
@@ -304,7 +304,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";
 	}
@@ -13319,7 +13319,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 };
@@ -13932,10 +13932,35 @@ var _sfc_main$34 = {
 				require__plugin_vue_export_helper.nextTick(() => emit("resize"));
 			});
 		};
-		const isV2Mode = require__plugin_vue_export_helper.computed(() => proxy.$superdoc?.activeEditor?.editorVersion === 2);
-		const v2CommentsAdapter = require__plugin_vue_export_helper.computed(() => isV2Mode.value ? proxy.$superdoc?.activeEditor?.v2Comments ?? null : null);
-		const v2TrackedChangesAdapter = require__plugin_vue_export_helper.computed(() => isV2Mode.value ? proxy.$superdoc?.activeEditor?.v2TrackedChanges ?? null : null);
+		const activeEditorRevision = require__plugin_vue_export_helper.ref(0);
+		const v2CapabilityRevision = require__plugin_vue_export_helper.ref(0);
+		const refreshActiveEditor = () => {
+			activeEditorRevision.value += 1;
+		};
+		const isV2Mode = require__plugin_vue_export_helper.computed(() => {
+			activeEditorRevision.value;
+			return proxy.$superdoc?.activeEditor?.editorVersion === 2;
+		});
+		const v2CommentsAdapter = require__plugin_vue_export_helper.computed(() => {
+			activeEditorRevision.value;
+			return isV2Mode.value ? proxy.$superdoc?.activeEditor?.v2Comments ?? null : null;
+		});
+		const v2TrackedChangesAdapter = require__plugin_vue_export_helper.computed(() => {
+			activeEditorRevision.value;
+			return isV2Mode.value ? proxy.$superdoc?.activeEditor?.v2TrackedChanges ?? null : null;
+		});
+		require__plugin_vue_export_helper.watch(() => {
+			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 = require__plugin_vue_export_helper.computed(() => {
+			v2CapabilityRevision.value;
 			if (!v2CommentsAdapter.value) return null;
 			const documentMode = commentsStore.viewingVisibility.documentMode;
 			const command = isPendingNewComment.value ? "comments.createFromSelection" : null;
@@ -13959,6 +13984,7 @@ var _sfc_main$34 = {
 			return v2WriteCapability.value?.reason ?? "v2-write-unavailable";
 		});
 		const v2TrackedChangeCapability = require__plugin_vue_export_helper.computed(() => {
+			v2CapabilityRevision.value;
 			if (!v2TrackedChangesAdapter.value) return null;
 			const documentMode = commentsStore.viewingVisibility.documentMode;
 			const capability = v2TrackedChangesAdapter.value.getCapabilityState?.() ?? null;
@@ -14243,6 +14269,7 @@ var _sfc_main$34 = {
 			return users;
 		});
 		require__plugin_vue_export_helper.onMounted(() => {
+			proxy.$superdoc?.on?.("active-editor-change", refreshActiveEditor);
 			if (props.autoFocus) require__plugin_vue_export_helper.nextTick(() => setFocus());
 			if (isPendingNewComment.value) require__plugin_vue_export_helper.nextTick(() => {
 				commentInput.value?.focus?.({ preventScroll: true });
@@ -14256,6 +14283,9 @@ var _sfc_main$34 = {
 				checkOverflow();
 			});
 		});
+		require__plugin_vue_export_helper.onBeforeUnmount(() => {
+			proxy.$superdoc?.off?.("active-editor-change", refreshActiveEditor);
+		});
 		require__plugin_vue_export_helper.watch(showInputSection, (isVisible) => {
 			if (!isVisible) return;
 			require__plugin_vue_export_helper.nextTick(() => {
@@ -14392,7 +14422,7 @@ var _sfc_main$34 = {
 									line.excerpt ? (require__plugin_vue_export_helper.openBlock(), require__plugin_vue_export_helper.createElementBlock("span", _hoisted_15$2, " — ")) : require__plugin_vue_export_helper.createCommentVNode("", true),
 									require__plugin_vue_export_helper.createElementVNode("span", _hoisted_16$2, require__plugin_vue_export_helper.toDisplayString(line.label), 1)
 								]);
-							}), 128))])) : require__plugin_vue_export_helper.createCommentVNode("", true)])) : comment.trackedChangeDisplayType === "hyperlinkAdded" ? (require__plugin_vue_export_helper.openBlock(), require__plugin_vue_export_helper.createElementBlock("div", _hoisted_17$2, [_cache[2] || (_cache[2] = require__plugin_vue_export_helper.createElementVNode("span", { class: "change-type" }, "Added hyperlink ", -1)), require__plugin_vue_export_helper.createElementVNode("span", _hoisted_18$1, "\"" + require__plugin_vue_export_helper.toDisplayString(comment.trackedChangeText) + "\"", 1)])) : comment.trackedChangeDisplayType === "hyperlinkModified" ? (require__plugin_vue_export_helper.openBlock(), require__plugin_vue_export_helper.createElementBlock("div", _hoisted_19$1, [_cache[3] || (_cache[3] = require__plugin_vue_export_helper.createElementVNode("span", { class: "change-type" }, "Changed hyperlink to ", -1)), require__plugin_vue_export_helper.createElementVNode("span", _hoisted_20$1, "\"" + require__plugin_vue_export_helper.toDisplayString(comment.trackedChangeText) + "\"", 1)])) : comment.trackedChangeDisplayType === "paragraphSplit" ? (require__plugin_vue_export_helper.openBlock(), require__plugin_vue_export_helper.createElementBlock("div", _hoisted_21$1, [..._cache[4] || (_cache[4] = [require__plugin_vue_export_helper.createElementVNode("span", { class: "change-type" }, "Added new line", -1)])])) : comment.trackedChangeDisplayType === "tableInsert" ? (require__plugin_vue_export_helper.openBlock(), require__plugin_vue_export_helper.createElementBlock("div", _hoisted_22$1, [..._cache[5] || (_cache[5] = [require__plugin_vue_export_helper.createElementVNode("span", { class: "change-type" }, "Added table", -1)])])) : comment.trackedChangeDisplayType === "tableDelete" ? (require__plugin_vue_export_helper.openBlock(), require__plugin_vue_export_helper.createElementBlock("div", _hoisted_23$1, [..._cache[6] || (_cache[6] = [require__plugin_vue_export_helper.createElementVNode("span", { class: "change-type" }, "Deleted table", -1)])])) : comment.trackedChangeType === "trackFormat" ? (require__plugin_vue_export_helper.openBlock(), require__plugin_vue_export_helper.createElementBlock("div", _hoisted_24, [_cache[7] || (_cache[7] = require__plugin_vue_export_helper.createElementVNode("span", { class: "change-type" }, "Format: ", -1)), require__plugin_vue_export_helper.createElementVNode("span", _hoisted_25, require__plugin_vue_export_helper.toDisplayString(comment.trackedChangeText), 1)])) : comment.trackedChangeType === "both" ? (require__plugin_vue_export_helper.openBlock(), require__plugin_vue_export_helper.createElementBlock("div", _hoisted_26, [
+							}), 128))])) : require__plugin_vue_export_helper.createCommentVNode("", true)])) : comment.trackedChangeDisplayType === "hyperlinkAdded" ? (require__plugin_vue_export_helper.openBlock(), require__plugin_vue_export_helper.createElementBlock("div", _hoisted_17$2, [_cache[2] || (_cache[2] = require__plugin_vue_export_helper.createElementVNode("span", { class: "change-type" }, "Added hyperlink ", -1)), require__plugin_vue_export_helper.createElementVNode("span", _hoisted_18$2, "\"" + require__plugin_vue_export_helper.toDisplayString(comment.trackedChangeText) + "\"", 1)])) : comment.trackedChangeDisplayType === "hyperlinkModified" ? (require__plugin_vue_export_helper.openBlock(), require__plugin_vue_export_helper.createElementBlock("div", _hoisted_19$1, [_cache[3] || (_cache[3] = require__plugin_vue_export_helper.createElementVNode("span", { class: "change-type" }, "Changed hyperlink to ", -1)), require__plugin_vue_export_helper.createElementVNode("span", _hoisted_20$1, "\"" + require__plugin_vue_export_helper.toDisplayString(comment.trackedChangeText) + "\"", 1)])) : comment.trackedChangeDisplayType === "paragraphSplit" ? (require__plugin_vue_export_helper.openBlock(), require__plugin_vue_export_helper.createElementBlock("div", _hoisted_21$1, [..._cache[4] || (_cache[4] = [require__plugin_vue_export_helper.createElementVNode("span", { class: "change-type" }, "Added new line", -1)])])) : comment.trackedChangeDisplayType === "tableInsert" ? (require__plugin_vue_export_helper.openBlock(), require__plugin_vue_export_helper.createElementBlock("div", _hoisted_22$1, [..._cache[5] || (_cache[5] = [require__plugin_vue_export_helper.createElementVNode("span", { class: "change-type" }, "Added table", -1)])])) : comment.trackedChangeDisplayType === "tableDelete" ? (require__plugin_vue_export_helper.openBlock(), require__plugin_vue_export_helper.createElementBlock("div", _hoisted_23$1, [..._cache[6] || (_cache[6] = [require__plugin_vue_export_helper.createElementVNode("span", { class: "change-type" }, "Deleted table", -1)])])) : comment.trackedChangeType === "trackFormat" ? (require__plugin_vue_export_helper.openBlock(), require__plugin_vue_export_helper.createElementBlock("div", _hoisted_24, [_cache[7] || (_cache[7] = require__plugin_vue_export_helper.createElementVNode("span", { class: "change-type" }, "Format: ", -1)), require__plugin_vue_export_helper.createElementVNode("span", _hoisted_25, require__plugin_vue_export_helper.toDisplayString(comment.trackedChangeText), 1)])) : comment.trackedChangeType === "both" ? (require__plugin_vue_export_helper.openBlock(), require__plugin_vue_export_helper.createElementBlock("div", _hoisted_26, [
 								_cache[8] || (_cache[8] = require__plugin_vue_export_helper.createElementVNode("span", { class: "change-type" }, "Replaced ", -1)),
 								require__plugin_vue_export_helper.createElementVNode("span", _hoisted_27, "\"" + require__plugin_vue_export_helper.toDisplayString(comment.deletedText) + "\"", 1),
 								_cache[9] || (_cache[9] = require__plugin_vue_export_helper.createElementVNode("span", { class: "change-type" }, " with ", -1)),
@@ -14503,7 +14533,7 @@ var _sfc_main$34 = {
 		};
 	}
 };
-var CommentDialog_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(_sfc_main$34, [["__scopeId", "data-v-c189ab35"]]);
+var CommentDialog_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(_sfc_main$34, [["__scopeId", "data-v-5ace8cef"]]);
 //#endregion
 //#region src/components/CommentsLayer/commentsList/ReviewDirectoryListItem.vue
 var _hoisted_1$25 = [
@@ -19001,6 +19031,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"
+};
 /**
 * Built-in link editing popover.
 *
@@ -19214,62 +19249,72 @@ var _sfc_main$26 = {
 				hyperlinkTarget: props.hyperlinkTarget
 			});
 		};
-		const navigateToAnchor = (anchorUrl) => {
-			if (props.goToAnchor) props.goToAnchor(anchorUrl);
+		const navigationError = require__plugin_vue_export_helper.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 require__plugin_vue_export_helper.openBlock(), require__plugin_vue_export_helper.createElementBlock("div", { class: require__plugin_vue_export_helper.normalizeClass(["link-input-ctn", { "high-contrast": require__plugin_vue_export_helper.unref(isHighContrastMode) }]) }, [isAnchor.value ? (require__plugin_vue_export_helper.openBlock(), require__plugin_vue_export_helper.createElementBlock("div", _hoisted_1$19, "Page anchor")) : isViewingMode.value ? (require__plugin_vue_export_helper.openBlock(), require__plugin_vue_export_helper.createElementBlock("div", _hoisted_2$16, "Link details")) : isEditing.value ? (require__plugin_vue_export_helper.openBlock(), require__plugin_vue_export_helper.createElementBlock("div", _hoisted_3$13, "Edit link")) : (require__plugin_vue_export_helper.openBlock(), require__plugin_vue_export_helper.createElementBlock("div", _hoisted_4$8, "Add link")), __props.showInput && !isAnchor.value ? (require__plugin_vue_export_helper.openBlock(), require__plugin_vue_export_helper.createElementBlock("div", _hoisted_5$6, [
-				require__plugin_vue_export_helper.createElementVNode("div", _hoisted_6$5, [_cache[5] || (_cache[5] = require__plugin_vue_export_helper.createElementVNode("div", { class: "input-icon text-input-icon" }, "T", -1)), require__plugin_vue_export_helper.withDirectives(require__plugin_vue_export_helper.createElementVNode("input", {
-					type: "text",
-					name: "text",
-					placeholder: "Text",
-					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => text.value = $event),
-					readonly: isViewingMode.value,
-					onKeydown: require__plugin_vue_export_helper.withKeys(require__plugin_vue_export_helper.withModifiers(handleSubmit, ["stop", "prevent"]), ["enter"])
-				}, null, 40, _hoisted_7$3), [[require__plugin_vue_export_helper.vModelText, text.value]])]),
-				require__plugin_vue_export_helper.createElementVNode("div", _hoisted_8$3, [
-					require__plugin_vue_export_helper.createElementVNode("div", {
-						class: "input-icon",
-						innerHTML: require__plugin_vue_export_helper.unref(toolbarIcons).linkInput
-					}, null, 8, _hoisted_9$2),
-					require__plugin_vue_export_helper.withDirectives(require__plugin_vue_export_helper.createElementVNode("input", {
+			return require__plugin_vue_export_helper.openBlock(), require__plugin_vue_export_helper.createElementBlock("div", { class: require__plugin_vue_export_helper.normalizeClass(["link-input-ctn", { "high-contrast": require__plugin_vue_export_helper.unref(isHighContrastMode) }]) }, [
+				isAnchor.value ? (require__plugin_vue_export_helper.openBlock(), require__plugin_vue_export_helper.createElementBlock("div", _hoisted_1$19, "Page anchor")) : isViewingMode.value ? (require__plugin_vue_export_helper.openBlock(), require__plugin_vue_export_helper.createElementBlock("div", _hoisted_2$16, "Link details")) : isEditing.value ? (require__plugin_vue_export_helper.openBlock(), require__plugin_vue_export_helper.createElementBlock("div", _hoisted_3$13, "Edit link")) : (require__plugin_vue_export_helper.openBlock(), require__plugin_vue_export_helper.createElementBlock("div", _hoisted_4$8, "Add link")),
+				__props.showInput && !isAnchor.value ? (require__plugin_vue_export_helper.openBlock(), require__plugin_vue_export_helper.createElementBlock("div", _hoisted_5$6, [
+					require__plugin_vue_export_helper.createElementVNode("div", _hoisted_6$5, [_cache[5] || (_cache[5] = require__plugin_vue_export_helper.createElementVNode("div", { class: "input-icon text-input-icon" }, "T", -1)), require__plugin_vue_export_helper.withDirectives(require__plugin_vue_export_helper.createElementVNode("input", {
 						type: "text",
-						name: "link",
-						placeholder: "Type or paste a link",
-						class: require__plugin_vue_export_helper.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: [require__plugin_vue_export_helper.withKeys(require__plugin_vue_export_helper.withModifiers(handleSubmit, ["stop", "prevent"]), ["enter"]), _cache[3] || (_cache[3] = ($event) => urlError.value = false)]
-					}, null, 42, _hoisted_10$2), [[require__plugin_vue_export_helper.vModelText, rawUrl.value]]),
-					require__plugin_vue_export_helper.createElementVNode("div", {
-						class: require__plugin_vue_export_helper.normalizeClass(["open-link-icon", { "sd-disabled": !validUrl.value }]),
-						innerHTML: require__plugin_vue_export_helper.unref(toolbarIcons).openLink,
-						onClick: openLink,
-						"data-item": "btn-link-open"
-					}, null, 10, _hoisted_11$2)
-				]),
-				!isViewingMode.value ? (require__plugin_vue_export_helper.openBlock(), require__plugin_vue_export_helper.createElementBlock("div", _hoisted_12$1, [isEditing.value ? (require__plugin_vue_export_helper.openBlock(), require__plugin_vue_export_helper.createElementBlock("button", {
-					key: 0,
-					class: "remove-btn",
-					onClick: handleRemove,
-					disabled: isSubmitting.value,
-					"data-item": "btn-link-remove"
-				}, [require__plugin_vue_export_helper.createElementVNode("div", {
-					class: "remove-btn__icon",
-					innerHTML: require__plugin_vue_export_helper.unref(toolbarIcons).removeLink
-				}, null, 8, _hoisted_14$1), _cache[6] || (_cache[6] = require__plugin_vue_export_helper.createTextVNode(" Remove ", -1))], 8, _hoisted_13$1)) : require__plugin_vue_export_helper.createCommentVNode("", true), require__plugin_vue_export_helper.createElementVNode("button", {
-					class: require__plugin_vue_export_helper.normalizeClass(["sd-submit-btn", { "disable-btn": isDisabled.value }]),
-					onClick: handleSubmit,
-					disabled: isSubmitting.value,
-					"data-item": "btn-link-apply"
-				}, " Apply ", 10, _hoisted_15$1)])) : require__plugin_vue_export_helper.createCommentVNode("", true),
-				commandError.value ? (require__plugin_vue_export_helper.openBlock(), require__plugin_vue_export_helper.createElementBlock("div", _hoisted_16$1, require__plugin_vue_export_helper.toDisplayString(commandError.value), 1)) : require__plugin_vue_export_helper.createCommentVNode("", true)
-			])) : isAnchor.value ? (require__plugin_vue_export_helper.openBlock(), require__plugin_vue_export_helper.createElementBlock("div", _hoisted_17$1, [require__plugin_vue_export_helper.createElementVNode("a", { onClick: _cache[4] || (_cache[4] = require__plugin_vue_export_helper.withModifiers(($event) => navigateToAnchor(rawUrl.value), ["stop", "prevent"])) }, "Go to " + require__plugin_vue_export_helper.toDisplayString(rawUrl.value.startsWith("#_") ? rawUrl.value.substring(2) : rawUrl.value), 1)])) : require__plugin_vue_export_helper.createCommentVNode("", true)], 2);
+						onKeydown: require__plugin_vue_export_helper.withKeys(require__plugin_vue_export_helper.withModifiers(handleSubmit, ["stop", "prevent"]), ["enter"])
+					}, null, 40, _hoisted_7$3), [[require__plugin_vue_export_helper.vModelText, text.value]])]),
+					require__plugin_vue_export_helper.createElementVNode("div", _hoisted_8$3, [
+						require__plugin_vue_export_helper.createElementVNode("div", {
+							class: "input-icon",
+							innerHTML: require__plugin_vue_export_helper.unref(toolbarIcons).linkInput
+						}, null, 8, _hoisted_9$2),
+						require__plugin_vue_export_helper.withDirectives(require__plugin_vue_export_helper.createElementVNode("input", {
+							type: "text",
+							name: "link",
+							placeholder: "Type or paste a link",
+							class: require__plugin_vue_export_helper.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: [require__plugin_vue_export_helper.withKeys(require__plugin_vue_export_helper.withModifiers(handleSubmit, ["stop", "prevent"]), ["enter"]), _cache[3] || (_cache[3] = ($event) => urlError.value = false)]
+						}, null, 42, _hoisted_10$2), [[require__plugin_vue_export_helper.vModelText, rawUrl.value]]),
+						require__plugin_vue_export_helper.createElementVNode("div", {
+							class: require__plugin_vue_export_helper.normalizeClass(["open-link-icon", { "sd-disabled": !validUrl.value }]),
+							innerHTML: require__plugin_vue_export_helper.unref(toolbarIcons).openLink,
+							onClick: openLink,
+							"data-item": "btn-link-open"
+						}, null, 10, _hoisted_11$2)
+					]),
+					!isViewingMode.value ? (require__plugin_vue_export_helper.openBlock(), require__plugin_vue_export_helper.createElementBlock("div", _hoisted_12$1, [isEditing.value ? (require__plugin_vue_export_helper.openBlock(), require__plugin_vue_export_helper.createElementBlock("button", {
+						key: 0,
+						class: "remove-btn",
+						onClick: handleRemove,
+						disabled: isSubmitting.value,
+						"data-item": "btn-link-remove"
+					}, [require__plugin_vue_export_helper.createElementVNode("div", {
+						class: "remove-btn__icon",
+						innerHTML: require__plugin_vue_export_helper.unref(toolbarIcons).removeLink
+					}, null, 8, _hoisted_14$1), _cache[6] || (_cache[6] = require__plugin_vue_export_helper.createTextVNode(" Remove ", -1))], 8, _hoisted_13$1)) : require__plugin_vue_export_helper.createCommentVNode("", true), require__plugin_vue_export_helper.createElementVNode("button", {
+						class: require__plugin_vue_export_helper.normalizeClass(["sd-submit-btn", { "disable-btn": isDisabled.value }]),
+						onClick: handleSubmit,
+						disabled: isSubmitting.value,
+						"data-item": "btn-link-apply"
+					}, " Apply ", 10, _hoisted_15$1)])) : require__plugin_vue_export_helper.createCommentVNode("", true),
+					commandError.value ? (require__plugin_vue_export_helper.openBlock(), require__plugin_vue_export_helper.createElementBlock("div", _hoisted_16$1, require__plugin_vue_export_helper.toDisplayString(commandError.value), 1)) : require__plugin_vue_export_helper.createCommentVNode("", true)
+				])) : isAnchor.value ? (require__plugin_vue_export_helper.openBlock(), require__plugin_vue_export_helper.createElementBlock("div", _hoisted_17$1, [require__plugin_vue_export_helper.createElementVNode("a", { onClick: _cache[4] || (_cache[4] = require__plugin_vue_export_helper.withModifiers(($event) => navigateToAnchor(rawUrl.value), ["stop", "prevent"])) }, "Go to " + require__plugin_vue_export_helper.toDisplayString(rawUrl.value.startsWith("#_") ? rawUrl.value.substring(2) : rawUrl.value), 1)])) : require__plugin_vue_export_helper.createCommentVNode("", true),
+				navigationError.value ? (require__plugin_vue_export_helper.openBlock(), require__plugin_vue_export_helper.createElementBlock("div", _hoisted_18$1, require__plugin_vue_export_helper.toDisplayString(navigationError.value), 1)) : require__plugin_vue_export_helper.createCommentVNode("", true)
+			], 2);
 		};
 	}
 };
-var LinkInput_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(_sfc_main$26, [["__scopeId", "data-v-498a6e6e"]]);
+var LinkInput_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(_sfc_main$26, [["__scopeId", "data-v-360db842"]]);
 //#endregion
 //#region src/internal/toolbar/built-in/scroll-helpers.js
 function getScrollableParent(element) {
@@ -19389,7 +19434,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
@@ -19402,7 +19448,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
@@ -19719,6 +19765,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
@@ -19831,7 +19882,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 = {
@@ -19841,7 +19892,7 @@ function useLinkPopover({ getSurfaceManager, getActiveEditor, getUi, getActivati
 		const anchor = {
 			kind: "text",
 			blockId,
-			offset: 0,
+			offset,
 			story
 		};
 		const target = {
@@ -19862,59 +19913,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
@@ -20036,8 +20116,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);
@@ -20048,9 +20133,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 */
@@ -21635,7 +21721,7 @@ var _sfc_main$24 = {
 		}
 		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();
 		}
@@ -21747,7 +21833,7 @@ var _sfc_main$24 = {
 		};
 	}
 };
-var SurfaceDialog_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(_sfc_main$24, [["__scopeId", "data-v-582b6534"]]);
+var SurfaceDialog_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(_sfc_main$24, [["__scopeId", "data-v-5cee3b11"]]);
 //#endregion
 //#region src/components/surfaces/SurfaceFloating.vue
 var _hoisted_1$17 = ["aria-labelledby", "aria-label"];
@@ -40901,19 +40987,25 @@ var _sfc_main$12 = /*@__PURE__*/ Object.assign({ inheritAttrs: false }, {
 		const contentRef = require__plugin_vue_export_helper.ref(null);
 		const position = require__plugin_vue_export_helper.ref({
 			top: "0px",
-			left: "0px"
+			left: "0px",
+			below: false
 		});
 		let closeTimeout = null;
 		let openTimeout = null;
 		let autoHideTimeout = null;
-		const mergedContentClass = require__plugin_vue_export_helper.computed(() => ["sd-tooltip-content", attrs.class]);
+		const mergedContentClass = require__plugin_vue_export_helper.computed(() => [
+			"sd-tooltip-content",
+			position.value.below && "sd-tooltip-below",
+			attrs.class
+		]);
 		const contentStyle = require__plugin_vue_export_helper.computed(() => ({
 			...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) {
@@ -40946,12 +41038,18 @@ var _sfc_main$12 = /*@__PURE__*/ Object.assign({ inheritAttrs: false }, {
 			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 () => {
@@ -41072,7 +41170,7 @@ var _sfc_main$12 = /*@__PURE__*/ Object.assign({ inheritAttrs: false }, {
 		};
 	}
 });
-var SdTooltip_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(_sfc_main$12, [["__scopeId", "data-v-1449088a"]]);
+var SdTooltip_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(_sfc_main$12, [["__scopeId", "data-v-71c6de4c"]]);
 //#endregion
 //#region src/internal/toolbar/built-in/ButtonGroup.vue
 var _hoisted_1$10 = [
@@ -46523,7 +46621,7 @@ var SuperDoc = class extends require_eventemitter3.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 || require_uuid.v4();
 		this.colors = this.config.colors ?? [];
@@ -48701,11 +48799,12 @@ var SuperDoc = class extends require_eventemitter3.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