superdoc 2.23.0-next.8 → 2.23.0

package/dist/superdoc/src/public/browser-document-api.d.ts

@@ -1,4 +1,4 @@
-import { DocumentApi } from '../../../document-api/src/index.js';
+import { DocumentApi, DynamicInvokeRequest, InvokeRequest, InvokeResult, OperationId, OperationCancellation, PlainTextInsertInput, TextReplaceInput, TrackedTextMutationOptions } from '../../../document-api/src/index.js';
 type MaybePromise<T> = T | Promise<T>;
 type BrowserDocumentApiObject<T> = {
     [K in keyof T]: BrowserDocumentApiValue<T[K]>;
@@ -11,7 +11,17 @@ type BrowserDocumentApiValue<T> = T extends (...args: infer Args) => infer Retur
  * worker-backed runtime. SDK/headless callers should continue using the
  * synchronous `@superdoc/document-api` surface directly.
  */
-export type BrowserDocumentApi = BrowserDocumentApiObject<DocumentApi>;
+export type BrowserDocumentApi = Omit<BrowserDocumentApiObject<DocumentApi>, 'invoke'> & {
+    invoke<T extends OperationId>(request: InvokeRequest<T>): MaybePromise<Awaited<InvokeResult<T>>>;
+    invoke(request: DynamicInvokeRequest): unknown;
+    insert(input: PlainTextInsertInput, options: TrackedTextMutationOptions & OperationCancellation): MaybePromise<Awaited<ReturnType<DocumentApi['insert']>>>;
+    replace(input: Exclude<TextReplaceInput, {
+        target: {
+            kind: 'story';
+            storyType: 'body';
+        };
+    }>, options: TrackedTextMutationOptions): MaybePromise<Awaited<ReturnType<DocumentApi['replace']>>>;
+};
 /**
  * Every operation optional, at any depth.
  *

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-CbiiPcgr.cjs");
+const require_create_super_doc_ui = require("./chunks/create-super-doc-ui-1uZB3O_w.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.0-next.8";
+		return "2.23.0";
 	} catch {
 		return "unknown";
 	}
@@ -13205,12 +13205,12 @@ var _hoisted_14$2 = {
 	key: 0,
 	class: "tracked-change-text"
 };
-var _hoisted_15$1 = {
+var _hoisted_15$2 = {
 	key: 1,
 	class: "change-type"
 };
-var _hoisted_16$1 = { class: "change-type" };
-var _hoisted_17$1 = { key: 1 };
+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_19$1 = { key: 2 };
 var _hoisted_20$1 = { class: "tracked-change-text is-inserted" };
@@ -14275,10 +14275,10 @@ var _sfc_main$34 = {
 									class: "tracked-change-detail-line"
 								}, [
 									line.excerpt ? (require__plugin_vue_export_helper.openBlock(), require__plugin_vue_export_helper.createElementBlock("span", _hoisted_14$2, "\"" + require__plugin_vue_export_helper.toDisplayString(line.excerpt) + "\"", 1)) : require__plugin_vue_export_helper.createCommentVNode("", true),
-									line.excerpt ? (require__plugin_vue_export_helper.openBlock(), require__plugin_vue_export_helper.createElementBlock("span", _hoisted_15$1, " — ")) : require__plugin_vue_export_helper.createCommentVNode("", true),
-									require__plugin_vue_export_helper.createElementVNode("span", _hoisted_16$1, require__plugin_vue_export_helper.toDisplayString(line.label), 1)
+									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$1, [_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$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, [
 								_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)),
@@ -18904,8 +18904,15 @@ var _hoisted_12$1 = {
 	key: 0,
 	class: "input-row link-buttons"
 };
-var _hoisted_13$1 = ["innerHTML"];
-var _hoisted_14$1 = {
+var _hoisted_13$1 = ["disabled"];
+var _hoisted_14$1 = ["innerHTML"];
+var _hoisted_15$1 = ["disabled"];
+var _hoisted_16$1 = {
+	key: 1,
+	role: "alert",
+	class: "sd-error"
+};
+var _hoisted_17$1 = {
 	key: 5,
 	class: "input-row go-to-anchor clickable"
 };
@@ -18986,6 +18993,10 @@ var _sfc_main$26 = {
 			type: Object,
 			default: null
 		},
+		selectedText: {
+			type: String,
+			default: null
+		},
 		/**
 		* Re-applies the toolbar's pre-interaction selection capture before the link
 		* command runs. LinkInput executes the command directly (bypassing Toolbar.vue's
@@ -19006,8 +19017,11 @@ var _sfc_main$26 = {
 		const props = __props;
 		const { isHighContrastMode } = useHighContrastMode();
 		const urlError = require__plugin_vue_export_helper.ref(false);
+		const commandError = require__plugin_vue_export_helper.ref("");
+		const isSubmitting = require__plugin_vue_export_helper.ref(false);
 		const readSelectedText = () => {
 			if (typeof props.hyperlinkText === "string" && props.hyperlinkText) return props.hyperlinkText;
+			if (typeof props.selectedText === "string" && props.selectedText) return props.selectedText;
 			const snapshot = props.ui?.selection?.getSnapshot?.();
 			if (typeof snapshot?.quotedText === "string" && snapshot.quotedText) return snapshot.quotedText;
 			const clickedText = props.clickedElement?.innerText ?? props.clickedElement?.textContent;
@@ -19038,7 +19052,7 @@ var _sfc_main$26 = {
 		const validUrl = require__plugin_vue_export_helper.computed(() => sanitizedUrl.value !== null);
 		const hadExistingLink = require__plugin_vue_export_helper.ref(false);
 		const isEditing = require__plugin_vue_export_helper.computed(() => !isAnchor.value && hadExistingLink.value);
-		const isDisabled = require__plugin_vue_export_helper.computed(() => !validUrl.value);
+		const isDisabled = require__plugin_vue_export_helper.computed(() => !validUrl.value || isSubmitting.value);
 		const isViewingMode = require__plugin_vue_export_helper.computed(() => readDocumentMode() === "viewing");
 		const openLink = () => {
 			const href = sanitizedUrl.value?.href;
@@ -19057,20 +19071,36 @@ var _sfc_main$26 = {
 			isAnchor.value = rawUrl.value.startsWith("#");
 			if (props.showInput && !isViewingMode.value) focusInput();
 		});
-		const runLinkCommand = (payload) => {
+		const runLinkCommand = async (payload) => {
 			const ui = props.ui;
-			if (!ui?.commands?.execute) return false;
+			if (!ui?.commands?.executeAsync) return false;
 			props.restoreSelection?.();
-			return ui.commands.execute("link", payload);
+			return require_create_super_doc_ui.executeFirstPartyCommandAsync(ui, "link", payload);
 		};
-		const handleSubmit = () => {
-			if (isViewingMode.value) return;
+		const applyLinkCommand = async (payload) => {
+			if (isSubmitting.value) return;
+			isSubmitting.value = true;
+			commandError.value = "";
+			try {
+				const result = await runLinkCommand(payload);
+				if (result === false || result == null || typeof result === "object" && (result.success === false || result.status === "rejected")) {
+					commandError.value = "Could not apply link. Check the selection and try again.";
+					return;
+				}
+				props.closePopover();
+			} catch {
+				commandError.value = "Could not apply link. Check the selection and try again.";
+			} finally {
+				isSubmitting.value = false;
+			}
+		};
+		const handleSubmit = async () => {
+			if (isViewingMode.value || isSubmitting.value) return;
 			if (!rawUrl.value) {
-				runLinkCommand({
+				await applyLinkCommand({
 					href: null,
 					hyperlinkTarget: props.hyperlinkTarget
 				});
-				props.closePopover();
 				return;
 			}
 			if (!validUrl.value) {
@@ -19089,23 +19119,22 @@ var _sfc_main$26 = {
 				textTarget: props.textTarget
 			};
 			if (text.value) payload.text = text.value;
-			else if (!isEditing.value) payload.text = href;
-			runLinkCommand(payload);
-			props.closePopover();
+			else if (!isEditing.value && !props.textTarget) payload.text = href;
+			await applyLinkCommand(payload);
 		};
-		const handleRemove = () => {
-			runLinkCommand({
+		const handleRemove = async () => {
+			if (isViewingMode.value || isSubmitting.value) return;
+			await applyLinkCommand({
 				href: null,
 				hyperlinkTarget: props.hyperlinkTarget
 			});
-			props.closePopover();
 		};
 		const navigateToAnchor = (anchorUrl) => {
 			if (props.goToAnchor) props.goToAnchor(anchorUrl);
 		};
 		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$20, "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[4] || (_cache[4] = 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", {
+				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",
@@ -19125,7 +19154,8 @@ var _sfc_main$26 = {
 						class: require__plugin_vue_export_helper.normalizeClass({ "sd-error": urlError.value }),
 						"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => rawUrl.value = $event),
 						readonly: isViewingMode.value,
-						onKeydown: [require__plugin_vue_export_helper.withKeys(require__plugin_vue_export_helper.withModifiers(handleSubmit, ["stop", "prevent"]), ["enter"]), _cache[2] || (_cache[2] = ($event) => urlError.value = false)]
+						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 }]),
@@ -19138,20 +19168,23 @@ var _sfc_main$26 = {
 					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_13$1), _cache[5] || (_cache[5] = require__plugin_vue_export_helper.createTextVNode(" Remove ", -1))])) : require__plugin_vue_export_helper.createCommentVNode("", true), require__plugin_vue_export_helper.createElementVNode("button", {
+				}, 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 ", 2)])) : require__plugin_vue_export_helper.createCommentVNode("", true)
-			])) : isAnchor.value ? (require__plugin_vue_export_helper.openBlock(), require__plugin_vue_export_helper.createElementBlock("div", _hoisted_14$1, [require__plugin_vue_export_helper.createElementVNode("a", { onClick: _cache[3] || (_cache[3] = 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);
+				}, " 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);
 		};
 	}
 };
-var LinkInput_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(_sfc_main$26, [["__scopeId", "data-v-3e4bd44e"]]);
+var LinkInput_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(_sfc_main$26, [["__scopeId", "data-v-498a6e6e"]]);
 //#endregion
 //#region src/internal/toolbar/built-in/scroll-helpers.js
 function getScrollableParent(element) {
@@ -22247,6 +22280,7 @@ var SuperDoc_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_v
 			return () => {
 				const linkItem = toolbar.getToolbarItemByName("link");
 				if (!linkItem || linkItem.disabled?.value === true) return;
+				toolbar.pendingSelectionCapture = toolbar.ui?.selection?.capture?.() ?? null;
 				if (linkItem.expand && typeof linkItem.expand === "object" && "value" in linkItem.expand) linkItem.expand.value = true;
 				toolbar.updateToolbarState?.();
 			};
@@ -24609,7 +24643,7 @@ var SuperDoc_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_v
 			], 38);
 		};
 	}
-}, [["__scopeId", "data-v-3a8bc935"]]);
+}, [["__scopeId", "data-v-f53aafe0"]]);
 //#endregion
 //#region src/core/create-app.js
 var PINIA_DEVTOOLS_SETUP_EVENT = "devtools-plugin:setup";
@@ -43981,16 +44015,18 @@ var makeDefaultItems = ({ superToolbar, toolbarIcons, toolbarTexts, toolbarFonts
 		}
 	});
 	function renderLinkDropdown(link) {
-		const selection = currentSelectionSnapshot(superToolbar);
-		const selectionTarget = selection?.selectionTarget ?? selectionTargetFromTextTarget(selection?.target);
+		const capture = superToolbar.pendingSelectionCapture;
+		const liveSelection = currentSelectionSnapshot(superToolbar);
+		const selection = liveSelection?.quotedText && JSON.stringify(liveSelection.selectionTarget ?? liveSelection.target) !== JSON.stringify(capture?.selectionTarget ?? capture?.target) ? liveSelection : capture ?? liveSelection;
+		const selectionTarget = selection?.selectionTarget ?? selectionTargetFromTextTarget(selection?.target) ?? selection?.target;
 		const restoreSelection = () => {
-			const capture = superToolbar.pendingSelectionCapture;
-			if (capture && typeof superToolbar.ui?.selection?.restore === "function") superToolbar.ui.selection.restore(capture);
+			if (selection === capture && typeof superToolbar.ui?.selection?.restore === "function") superToolbar.ui.selection.restore(capture);
 		};
 		return require__plugin_vue_export_helper.h("div", {}, [require__plugin_vue_export_helper.h(LinkInput_default, {
 			ui: superToolbar.ui,
 			linkItem: link,
 			textTarget: selectionTarget,
+			selectedText: selection?.quotedText ?? null,
 			restoreSelection,
 			closePopover: () => {
 				closeDropdown(link);
@@ -46433,7 +46469,7 @@ var SuperDoc = class extends require_eventemitter3.import_eventemitter3.default
 		}
 		this.userColorMap = /* @__PURE__ */ new Map();
 		this.colorIndex = 0;
-		this.version = "2.23.0-next.8";
+		this.version = "2.23.0";
 		this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
 		this.superdocId = config.superdocId || require_uuid.v4();
 		this.colors = this.config.colors ?? [];

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-DHW9Toxn.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-B8N_IUG2.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.0-next.8";
+		return "2.23.0";
 	} catch {
 		return "unknown";
 	}
@@ -13198,12 +13198,12 @@ var _hoisted_14$2 = {
 	key: 0,
 	class: "tracked-change-text"
 };
-var _hoisted_15$1 = {
+var _hoisted_15$2 = {
 	key: 1,
 	class: "change-type"
 };
-var _hoisted_16$1 = { class: "change-type" };
-var _hoisted_17$1 = { key: 1 };
+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_19$1 = { key: 2 };
 var _hoisted_20$1 = { class: "tracked-change-text is-inserted" };
@@ -14268,10 +14268,10 @@ var CommentDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 									class: "tracked-change-detail-line"
 								}, [
 									line.excerpt ? (openBlock(), createElementBlock("span", _hoisted_14$2, "\"" + toDisplayString(line.excerpt) + "\"", 1)) : createCommentVNode("", true),
-									line.excerpt ? (openBlock(), createElementBlock("span", _hoisted_15$1, " — ")) : createCommentVNode("", true),
-									createElementVNode("span", _hoisted_16$1, toDisplayString(line.label), 1)
+									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$1, [_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$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, [
 								_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)),
@@ -18888,8 +18888,15 @@ var _hoisted_12$1 = {
 	key: 0,
 	class: "input-row link-buttons"
 };
-var _hoisted_13$1 = ["innerHTML"];
-var _hoisted_14$1 = {
+var _hoisted_13$1 = ["disabled"];
+var _hoisted_14$1 = ["innerHTML"];
+var _hoisted_15$1 = ["disabled"];
+var _hoisted_16$1 = {
+	key: 1,
+	role: "alert",
+	class: "sd-error"
+};
+var _hoisted_17$1 = {
 	key: 5,
 	class: "input-row go-to-anchor clickable"
 };
@@ -18954,6 +18961,10 @@ var LinkInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			type: Object,
 			default: null
 		},
+		selectedText: {
+			type: String,
+			default: null
+		},
 		/**
 		* Re-applies the toolbar's pre-interaction selection capture before the link
 		* command runs. LinkInput executes the command directly (bypassing Toolbar.vue's
@@ -18974,8 +18985,11 @@ var LinkInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 		const props = __props;
 		const { isHighContrastMode } = useHighContrastMode();
 		const urlError = ref(false);
+		const commandError = ref("");
+		const isSubmitting = ref(false);
 		const readSelectedText = () => {
 			if (typeof props.hyperlinkText === "string" && props.hyperlinkText) return props.hyperlinkText;
+			if (typeof props.selectedText === "string" && props.selectedText) return props.selectedText;
 			const snapshot = props.ui?.selection?.getSnapshot?.();
 			if (typeof snapshot?.quotedText === "string" && snapshot.quotedText) return snapshot.quotedText;
 			const clickedText = props.clickedElement?.innerText ?? props.clickedElement?.textContent;
@@ -19006,7 +19020,7 @@ var LinkInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 		const validUrl = computed$1(() => sanitizedUrl.value !== null);
 		const hadExistingLink = ref(false);
 		const isEditing = computed$1(() => !isAnchor.value && hadExistingLink.value);
-		const isDisabled = computed$1(() => !validUrl.value);
+		const isDisabled = computed$1(() => !validUrl.value || isSubmitting.value);
 		const isViewingMode = computed$1(() => readDocumentMode() === "viewing");
 		const openLink = () => {
 			const href = sanitizedUrl.value?.href;
@@ -19025,20 +19039,36 @@ var LinkInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			isAnchor.value = rawUrl.value.startsWith("#");
 			if (props.showInput && !isViewingMode.value) focusInput();
 		});
-		const runLinkCommand = (payload) => {
+		const runLinkCommand = async (payload) => {
 			const ui = props.ui;
-			if (!ui?.commands?.execute) return false;
+			if (!ui?.commands?.executeAsync) return false;
 			props.restoreSelection?.();
-			return ui.commands.execute("link", payload);
+			return executeFirstPartyCommandAsync(ui, "link", payload);
 		};
-		const handleSubmit = () => {
-			if (isViewingMode.value) return;
+		const applyLinkCommand = async (payload) => {
+			if (isSubmitting.value) return;
+			isSubmitting.value = true;
+			commandError.value = "";
+			try {
+				const result = await runLinkCommand(payload);
+				if (result === false || result == null || typeof result === "object" && (result.success === false || result.status === "rejected")) {
+					commandError.value = "Could not apply link. Check the selection and try again.";
+					return;
+				}
+				props.closePopover();
+			} catch {
+				commandError.value = "Could not apply link. Check the selection and try again.";
+			} finally {
+				isSubmitting.value = false;
+			}
+		};
+		const handleSubmit = async () => {
+			if (isViewingMode.value || isSubmitting.value) return;
 			if (!rawUrl.value) {
-				runLinkCommand({
+				await applyLinkCommand({
 					href: null,
 					hyperlinkTarget: props.hyperlinkTarget
 				});
-				props.closePopover();
 				return;
 			}
 			if (!validUrl.value) {
@@ -19057,23 +19087,22 @@ var LinkInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 				textTarget: props.textTarget
 			};
 			if (text.value) payload.text = text.value;
-			else if (!isEditing.value) payload.text = href;
-			runLinkCommand(payload);
-			props.closePopover();
+			else if (!isEditing.value && !props.textTarget) payload.text = href;
+			await applyLinkCommand(payload);
 		};
-		const handleRemove = () => {
-			runLinkCommand({
+		const handleRemove = async () => {
+			if (isViewingMode.value || isSubmitting.value) return;
+			await applyLinkCommand({
 				href: null,
 				hyperlinkTarget: props.hyperlinkTarget
 			});
-			props.closePopover();
 		};
 		const navigateToAnchor = (anchorUrl) => {
 			if (props.goToAnchor) props.goToAnchor(anchorUrl);
 		};
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", { class: normalizeClass(["link-input-ctn", { "high-contrast": unref(isHighContrastMode) }]) }, [isAnchor.value ? (openBlock(), createElementBlock("div", _hoisted_1$20, "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[4] || (_cache[4] = createElementVNode("div", { class: "input-icon text-input-icon" }, "T", -1)), withDirectives(createElementVNode("input", {
+				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",
@@ -19093,7 +19122,8 @@ var LinkInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 						class: normalizeClass({ "sd-error": urlError.value }),
 						"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => rawUrl.value = $event),
 						readonly: isViewingMode.value,
-						onKeydown: [withKeys(withModifiers(handleSubmit, ["stop", "prevent"]), ["enter"]), _cache[2] || (_cache[2] = ($event) => urlError.value = false)]
+						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 }]),
@@ -19106,19 +19136,22 @@ var LinkInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 					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_13$1), _cache[5] || (_cache[5] = createTextVNode(" Remove ", -1))])) : createCommentVNode("", true), createElementVNode("button", {
+				}, 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 ", 2)])) : createCommentVNode("", true)
-			])) : isAnchor.value ? (openBlock(), createElementBlock("div", _hoisted_14$1, [createElementVNode("a", { onClick: _cache[3] || (_cache[3] = withModifiers(($event) => navigateToAnchor(rawUrl.value), ["stop", "prevent"])) }, "Go to " + toDisplayString(rawUrl.value.startsWith("#_") ? rawUrl.value.substring(2) : rawUrl.value), 1)])) : createCommentVNode("", true)], 2);
+				}, " 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-3e4bd44e"]]);
+}, [["__scopeId", "data-v-498a6e6e"]]);
 //#endregion
 //#region src/internal/toolbar/built-in/scroll-helpers.js
 function getScrollableParent(element) {
@@ -22206,6 +22239,7 @@ var SuperDoc_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			return () => {
 				const linkItem = toolbar.getToolbarItemByName("link");
 				if (!linkItem || linkItem.disabled?.value === true) return;
+				toolbar.pendingSelectionCapture = toolbar.ui?.selection?.capture?.() ?? null;
 				if (linkItem.expand && typeof linkItem.expand === "object" && "value" in linkItem.expand) linkItem.expand.value = true;
 				toolbar.updateToolbarState?.();
 			};
@@ -24568,7 +24602,7 @@ var SuperDoc_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			], 38);
 		};
 	}
-}, [["__scopeId", "data-v-3a8bc935"]]);
+}, [["__scopeId", "data-v-f53aafe0"]]);
 //#endregion
 //#region src/core/create-app.js
 var PINIA_DEVTOOLS_SETUP_EVENT = "devtools-plugin:setup";
@@ -43910,16 +43944,18 @@ var makeDefaultItems = ({ superToolbar, toolbarIcons, toolbarTexts, toolbarFonts
 		}
 	});
 	function renderLinkDropdown(link) {
-		const selection = currentSelectionSnapshot(superToolbar);
-		const selectionTarget = selection?.selectionTarget ?? selectionTargetFromTextTarget(selection?.target);
+		const capture = superToolbar.pendingSelectionCapture;
+		const liveSelection = currentSelectionSnapshot(superToolbar);
+		const selection = liveSelection?.quotedText && JSON.stringify(liveSelection.selectionTarget ?? liveSelection.target) !== JSON.stringify(capture?.selectionTarget ?? capture?.target) ? liveSelection : capture ?? liveSelection;
+		const selectionTarget = selection?.selectionTarget ?? selectionTargetFromTextTarget(selection?.target) ?? selection?.target;
 		const restoreSelection = () => {
-			const capture = superToolbar.pendingSelectionCapture;
-			if (capture && typeof superToolbar.ui?.selection?.restore === "function") superToolbar.ui.selection.restore(capture);
+			if (selection === capture && typeof superToolbar.ui?.selection?.restore === "function") superToolbar.ui.selection.restore(capture);
 		};
 		return h("div", {}, [h(LinkInput_default, {
 			ui: superToolbar.ui,
 			linkItem: link,
 			textTarget: selectionTarget,
+			selectedText: selection?.quotedText ?? null,
 			restoreSelection,
 			closePopover: () => {
 				closeDropdown(link);
@@ -46362,7 +46398,7 @@ var SuperDoc = class extends import_eventemitter3.default {
 		}
 		this.userColorMap = /* @__PURE__ */ new Map();
 		this.colorIndex = 0;
-		this.version = "2.23.0-next.8";
+		this.version = "2.23.0";
 		this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
 		this.superdocId = config.superdocId || v4();
 		this.colors = this.config.colors ?? [];