superdoc 2.0.0-next.45 → 2.0.0-next.47

package/dist/superdoc.cjs

@@ -6,7 +6,7 @@ const require_uuid = require("./chunks/uuid-CFp0WGVU.cjs");
 const require_jszip = require("./chunks/jszip-BdUBlUeG.cjs");
 const require__plugin_vue_export_helper = require("./chunks/_plugin-vue_export-helper-BTwbGDKw.cjs");
 const require_constants = require("./chunks/constants-sbCZ2O_A.cjs");
-const require_create_super_doc_ui = require("./chunks/create-super-doc-ui-DDxbK_M7.cjs");
+const require_create_super_doc_ui = require("./chunks/create-super-doc-ui-Dk6T01KE.cjs");
 let vue = require("vue");
 vue = require_rolldown_runtime.__toESM(vue);
 require("y-websocket");
@@ -10554,6 +10554,14 @@ function usePasswordPrompt({ getSurfaceManager, getPasswordPromptConfig, onUnhan
 		destroy
 	};
 }
+function createReplaceContinuation(session, { getCurrentSession, applySlice, onSettled }) {
+	return () => {
+		if (session === getCurrentSession()) try {
+			applySlice(session.getSnapshot());
+		} catch {}
+		onSettled();
+	};
+}
 var DEFAULT_TEXTS = {
 	findPlaceholder: "Find",
 	findAriaLabel: "Find text",
@@ -10738,12 +10746,13 @@ function useFindReplace({ getSurfaceManager, getActiveEditor, activeEditorRef, g
 			if (!canReplaceState.value) return;
 			const search = currentV2Search;
 			replacePending.value = true;
-			const finish = () => {
-				try {
-					applyV2Slice(search.getSnapshot());
-				} catch {}
-				replacePending.value = false;
-			};
+			const finish = createReplaceContinuation(search, {
+				getCurrentSession: () => currentV2Search,
+				applySlice: applyV2Slice,
+				onSettled: () => {
+					replacePending.value = false;
+				}
+			});
 			let result = null;
 			try {
 				result = search.replace(replaceText.value);
@@ -10767,12 +10776,13 @@ function useFindReplace({ getSurfaceManager, getActiveEditor, activeEditorRef, g
 			if (!canReplaceState.value) return;
 			const search = currentV2Search;
 			replacePending.value = true;
-			const finish = () => {
-				try {
-					applyV2Slice(search.getSnapshot());
-				} catch {}
-				replacePending.value = false;
-			};
+			const finish = createReplaceContinuation(search, {
+				getCurrentSession: () => currentV2Search,
+				applySlice: applyV2Slice,
+				onSettled: () => {
+					replacePending.value = false;
+				}
+			});
 			let result = null;
 			try {
 				result = search.replaceAll(replaceText.value);
@@ -13807,6 +13817,7 @@ var _hoisted_1$16 = {
 var _hoisted_2$13 = ["innerHTML"];
 var _hoisted_3$10 = { class: "superdoc__document document" };
 var _hoisted_4$7 = { class: "floating-comments" };
+var UNAVAILABLE_COMMAND_RESULT = false;
 var V2_SELECTION_TOOLBAR_SYNC_RETRY_FRAMES = 3;
 var V2_TYPING_REVIEW_HYDRATION_IDLE_MS = 6500;
 var V2_TYPING_REVIEW_HYDRATION_CEILING_MS = 8e3;
@@ -13927,19 +13938,19 @@ var _sfc_main$20 = {
 		const v2GeometryEpoch = (0, vue.ref)(null);
 		let v2GeometryRafHandle = 0;
 		const activeEditorRef = (0, vue.computed)(() => proxy.$superdoc.activeEditor);
-		let linkPopoverUi = null;
+		const getSuperDocUI = () => proxy.$superdoc?.ui ?? null;
+		const UNAVAILABLE_COMMAND_STATE = Object.freeze({
+			enabled: false,
+			active: false,
+			supported: false
+		});
 		const findReplace = useFindReplace({
 			getSurfaceManager: () => surfaceManager,
 			getActiveEditor: () => proxy.$superdoc?.activeEditor,
 			activeEditorRef,
 			getFindReplaceConfig: () => proxy.$superdoc?.config?.modules?.surfaces?.findReplace,
-			getSuperDocUI: () => getLinkPopoverUi()
+			getSuperDocUI
 		});
-		const getLinkPopoverUi = () => {
-			if (proxy.$superdoc?.toolbar?.ui) return proxy.$superdoc.toolbar.ui;
-			if (!linkPopoverUi && proxy.$superdoc) linkPopoverUi = require_create_super_doc_ui.createSuperDocUI({ superdoc: proxy.$superdoc });
-			return linkPopoverUi;
-		};
 		const getLinkPopoverSurfaceManager = () => {
 			if (surfaceManager) return surfaceManager;
 			if (typeof proxy.$superdoc?.openSurface !== "function") return null;
@@ -13948,7 +13959,7 @@ var _sfc_main$20 = {
 		const linkPopover = useLinkPopover({
 			getSurfaceManager: getLinkPopoverSurfaceManager,
 			getActiveEditor: () => proxy.$superdoc?.activeEditor,
-			getUi: getLinkPopoverUi,
+			getUi: getSuperDocUI,
 			getResolver: () => proxy.$superdoc?.config?.modules?.links?.popoverResolver,
 			getLayerElement: () => layers.value,
 			emitException: (payload) => {
@@ -14019,11 +14030,6 @@ var _sfc_main$20 = {
 			} catch (err) {
 				console.warn("[SuperDoc] v2 command-shortcut unbind failed", err);
 			}
-			try {
-				entry.ui?.destroy?.();
-			} catch (err) {
-				console.warn("[SuperDoc] v2 command-shortcut UI teardown failed", err);
-			}
 		};
 		const resolveV2LinkWorkflowOpener = () => {
 			const toolbar = proxy.$superdoc?.toolbar;
@@ -14039,20 +14045,19 @@ var _sfc_main$20 = {
 			if (!documentId) return;
 			clearV2CommandShortcutBinding(documentId);
 			if (typeof bindEditShortcuts !== "function") return;
-			const fallbackUi = require_create_super_doc_ui.createSuperDocUI({ superdoc: proxy.$superdoc });
-			const resolveUi = () => proxy.$superdoc?.toolbar?.ui ?? fallbackUi;
 			const openLinkWorkflow = resolveV2LinkWorkflowOpener();
 			const unbind = bindEditShortcuts({
 				commandRoute: {
-					executeAsync: (commandId, payload) => resolveUi().commands.executeAsync(commandId, payload),
-					getState: (commandId) => resolveUi().commands.get(commandId).getState()
+					executeAsync: (commandId, payload) => {
+						const ui = getSuperDocUI();
+						if (!ui) return Promise.resolve(UNAVAILABLE_COMMAND_RESULT);
+						return ui.commands.executeAsync(commandId, payload);
+					},
+					getState: (commandId) => getSuperDocUI()?.commands.get(commandId).getState() ?? UNAVAILABLE_COMMAND_STATE
 				},
 				...openLinkWorkflow ? { openLinkWorkflow } : {}
 			});
-			v2CommandShortcutBindings.set(documentId, {
-				unbind,
-				ui: fallbackUi
-			});
+			v2CommandShortcutBindings.set(documentId, { unbind });
 		};
 		const clearV2SessionShortcutBinding = (documentId) => {
 			const entry = v2SessionShortcutBindings.get(documentId);
@@ -15604,8 +15609,6 @@ var _sfc_main$20 = {
 			passwordPrompt.destroy();
 			findReplace.destroy();
 			linkPopover.destroy();
-			linkPopoverUi?.destroy?.();
-			linkPopoverUi = null;
 			cancelScheduledV2DomSelectionSync();
 			cancelScheduledV2SelectionToolbarSync();
 			for (const documentId of Array.from(v2Runtimes.keys())) clearV2RuntimeRegistration(documentId);
@@ -16122,7 +16125,7 @@ var _sfc_main$20 = {
 		};
 	}
 };
-var SuperDoc_default = /* @__PURE__ */ require__plugin_vue_export_helper.__plugin_vue_export_helper_default(_sfc_main$20, [["__scopeId", "data-v-91c4cd11"]]);
+var SuperDoc_default = /* @__PURE__ */ require__plugin_vue_export_helper.__plugin_vue_export_helper_default(_sfc_main$20, [["__scopeId", "data-v-41f40a40"]]);
 var PINIA_DEVTOOLS_SETUP_EVENT = "devtools-plugin:setup";
 var PINIA_DEVTOOLS_PLUGIN_ID = "dev.esm.pinia";
 var piniaDevtoolsSuppressionState = {
@@ -32635,6 +32638,12 @@ var check_default = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448
 var closeDropdown = (dropdown) => {
 	dropdown.expand.value = false;
 };
+function withLinkHref(attributes, href) {
+	const next = { ...attributes ?? {} };
+	if (href) next.href = href;
+	else delete next.href;
+	return next;
+}
 function selectionTargetFromTextTarget(target) {
 	const segments = Array.isArray(target?.segments) ? target.segments : [];
 	if (target?.kind !== "text" || !segments.length) return null;
@@ -32912,11 +32921,10 @@ const makeDefaultItems = ({ superToolbar, toolbarIcons: toolbarIcons$1, toolbarT
 			render: () => renderLinkDropdown(link)
 		}],
 		onActivate: ({ href }) => {
-			if (href) link.attributes.value = { href };
-			else link.attributes.value = {};
+			link.attributes.value = withLinkHref(link.attributes.value, href);
 		},
 		onDeactivate: () => {
-			link.attributes.value = {};
+			link.attributes.value = withLinkHref(link.attributes.value, null);
 			link.expand.value = false;
 		}
 	});
@@ -33930,24 +33938,31 @@ var BuiltInToolbar = class extends require_eventemitter3.import_eventemitter3.de
 			const uiFontFamily = (this.config?.uiDisplayFallbackFont || "").toString().trim() || "Arial, Helvetica, sans-serif";
 			this.toolbarContainer.style.setProperty("--sd-ui-font-family", uiFontFamily);
 		}
-		this.#initController();
-		this.#initToolbarGroups();
-		this.#makeToolbarItems();
-		this.#bindHostEvents();
-		this._lastFontOptionsSignature = this.#fontOptionsSignature();
-		if (!this.toolbarContainer) {
+		try {
+			this.#initController();
+			this.#initToolbarGroups();
+			this.#makeToolbarItems();
+			this.#bindHostEvents();
+			this._lastFontOptionsSignature = this.#fontOptionsSignature();
+			if (!this.toolbarContainer) {
+				this.updateToolbarState();
+				return;
+			}
+			this.app = (0, vue.createApp)(Toolbar_default);
+			this.app.directive("click-outside", v_click_outside_default);
+			this.app.config.globalProperties.$toolbar = this;
+			this.toolbar = this.app.mount(this.toolbarContainer);
 			this.updateToolbarState();
-			return;
+		} catch (error) {
+			try {
+				this.destroy();
+			} catch {}
+			throw error;
 		}
-		this.app = (0, vue.createApp)(Toolbar_default);
-		this.app.directive("click-outside", v_click_outside_default);
-		this.app.config.globalProperties.$toolbar = this;
-		this.toolbar = this.app.mount(this.toolbarContainer);
-		this.updateToolbarState();
 	}
 	#initController() {
-		if (!this.superdoc) return;
-		this.ui = require_create_super_doc_ui.createSuperDocUI({ superdoc: this.superdoc });
+		this.ui = this.superdoc?.ui ?? null;
+		if (!this.ui) return;
 		this.snapshot = this.ui.toolbar.getSnapshot();
 		this._unsubscribeController = this.ui.toolbar.subscribe(() => {
 			this.snapshot = this.ui.toolbar.getSnapshot();
@@ -33968,9 +33983,6 @@ var BuiltInToolbar = class extends require_eventemitter3.import_eventemitter3.de
 			reg.unregister?.();
 		} catch {}
 		this._customCommandRegs.clear();
-		try {
-			this.ui?.destroy?.();
-		} catch {}
 		this.ui = null;
 		this.snapshot = null;
 	}
@@ -34195,7 +34207,7 @@ var BuiltInToolbar = class extends require_eventemitter3.import_eventemitter3.de
 			},
 			link: () => {
 				item.active.value = Boolean(commandState?.active);
-				item.attributes.value = commandState?.value ? { href: commandState.value } : {};
+				item.attributes.value = withLinkHref(item.attributes.value, commandState?.value ?? null);
 			},
 			fontFamily: () => {
 				if (commandState?.value != null) {
@@ -34591,6 +34603,7 @@ var SuperDoc = class extends require_eventemitter3.import_eventemitter3.default
 	#v2LockUnsub = null;
 	#pendingV2LockSeed = null;
 	#mountWrapper = null;
+	#ui = null;
 	#surfaceManager;
 	#editorRuntimeRegistry = new EditorRuntimeRegistry();
 	#editorRuntimeRegistryUnsub = null;
@@ -34697,7 +34710,7 @@ var SuperDoc = class extends require_eventemitter3.import_eventemitter3.default
 		this.config.colors = shuffleArray(this.config.colors);
 		this.userColorMap = /* @__PURE__ */ new Map();
 		this.colorIndex = 0;
-		this.version = "2.0.0-next.45";
+		this.version = "2.0.0-next.47";
 		this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
 		this.superdocId = config.superdocId || require_uuid.v4_default();
 		this.colors = this.config.colors ?? [];
@@ -34749,6 +34762,13 @@ var SuperDoc = class extends require_eventemitter3.import_eventemitter3.default
 	get requiredNumberOfEditors() {
 		return this.#requireSuperdocStore("requiredNumberOfEditors").documents.filter((d) => d.type === DOCX).length;
 	}
+	get ui() {
+		if (!this.#ui) {
+			this.#ui = require_create_super_doc_ui.createSuperDocUI({ superdoc: this });
+			if (this.#destroyed) this.#ui.destroy();
+		}
+		return this.#ui;
+	}
 	get state() {
 		return {
 			documents: this.#requireSuperdocStore("state").documents,
@@ -35456,10 +35476,12 @@ var SuperDoc = class extends require_eventemitter3.import_eventemitter3.default
 		return this.#fontsApi;
 	}
 	#clearActiveEditorProjection() {
+		const hadActiveEditor = this.activeEditor !== null;
 		this.#teardownV2FontsRelay();
 		this.activeEditor = null;
 		if (this.toolbar?.setActiveEditor) this.toolbar.setActiveEditor(null);
 		else if (this.toolbar) this.toolbar.activeEditor = null;
+		if (hadActiveEditor) this.emit("active-editor-change");
 	}
 	#v2FontsUnsub = null;
 	#teardownV2FontsRelay() {
@@ -35494,9 +35516,11 @@ var SuperDoc = class extends require_eventemitter3.import_eventemitter3.default
 	#setActiveEditorCompatibilityProjection(editor) {
 		if (isV2ActiveEditorFacade(editor)) {
 			if (!this.#applyingRuntimeActiveChange && this.#editorRuntimeRegistry.getActive()) this.#editorRuntimeRegistry.setActive(null, "set-active-v2-facade");
+			const previous = this.activeEditor;
 			this.activeEditor = editor;
 			this.#wireV2FontsRelay(editor);
 			this.toolbar?.setActiveEditor?.(editor);
+			if (previous !== this.activeEditor) this.emit("active-editor-change");
 			return;
 		}
 		this.#clearActiveEditorProjection();
@@ -36215,6 +36239,7 @@ var SuperDoc = class extends require_eventemitter3.import_eventemitter3.default
 			delete this.app.config.globalProperties.$config;
 			delete this.app.config.globalProperties.$superdoc;
 		}
+		this.#ui?.destroy();
 		this.#cleanupCollaboration();
 		this.#editorRuntimeRegistryUnsub?.();
 		this.#editorRuntimeRegistryUnsub = null;

package/dist/superdoc.es.js

@@ -5,7 +5,7 @@ import { t as v4_default } from "./chunks/uuid-B2Sqk-3p.es.js";
 import { a as init_dist, i as global, n as init_dist$1, r as process$1, t as require_jszip_min } from "./chunks/jszip-DzmwAHr3.es.js";
 import { t as __plugin_vue_export_helper_default } from "./chunks/_plugin-vue_export-helper-CInC0bKI.es.js";
 import { n as PDF_TO_CSS_UNITS } from "./chunks/constants-CY3R3_kF.es.js";
-import { a as createV2ReviewMutationReconciler, i as isV2EditableTextMutationEvent, o as getV2TrackedChangeMutationImpact, s as composeAuthorColorResolver, t as createSuperDocUI } from "./chunks/create-super-doc-ui-BTOlZen9.es.js";
+import { a as createV2ReviewMutationReconciler, i as isV2EditableTextMutationEvent, o as getV2TrackedChangeMutationImpact, s as composeAuthorColorResolver, t as createSuperDocUI } from "./chunks/create-super-doc-ui-CKyCKKdl.es.js";
 import * as Vue from "vue";
 import { Fragment, Teleport, Transition, computed, createApp, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineAsyncComponent, defineComponent, getCurrentInstance, h, inject, markRaw, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onActivated, onBeforeUnmount, onDeactivated, onMounted, openBlock, reactive, ref, renderList, renderSlot, resolveDirective, resolveDynamicComponent, shallowRef, toDisplayString, toRaw, toRef, unref, useAttrs, vModelText, watch, withCtx, withDirectives, withKeys, withModifiers } from "vue";
 import "y-websocket";
@@ -10532,6 +10532,14 @@ function usePasswordPrompt({ getSurfaceManager, getPasswordPromptConfig, onUnhan
 		destroy
 	};
 }
+function createReplaceContinuation(session, { getCurrentSession, applySlice, onSettled }) {
+	return () => {
+		if (session === getCurrentSession()) try {
+			applySlice(session.getSnapshot());
+		} catch {}
+		onSettled();
+	};
+}
 var DEFAULT_TEXTS = {
 	findPlaceholder: "Find",
 	findAriaLabel: "Find text",
@@ -10716,12 +10724,13 @@ function useFindReplace({ getSurfaceManager, getActiveEditor, activeEditorRef, g
 			if (!canReplaceState.value) return;
 			const search = currentV2Search;
 			replacePending.value = true;
-			const finish = () => {
-				try {
-					applyV2Slice(search.getSnapshot());
-				} catch {}
-				replacePending.value = false;
-			};
+			const finish = createReplaceContinuation(search, {
+				getCurrentSession: () => currentV2Search,
+				applySlice: applyV2Slice,
+				onSettled: () => {
+					replacePending.value = false;
+				}
+			});
 			let result = null;
 			try {
 				result = search.replace(replaceText.value);
@@ -10745,12 +10754,13 @@ function useFindReplace({ getSurfaceManager, getActiveEditor, activeEditorRef, g
 			if (!canReplaceState.value) return;
 			const search = currentV2Search;
 			replacePending.value = true;
-			const finish = () => {
-				try {
-					applyV2Slice(search.getSnapshot());
-				} catch {}
-				replacePending.value = false;
-			};
+			const finish = createReplaceContinuation(search, {
+				getCurrentSession: () => currentV2Search,
+				applySlice: applyV2Slice,
+				onSettled: () => {
+					replacePending.value = false;
+				}
+			});
 			let result = null;
 			try {
 				result = search.replaceAll(replaceText.value);
@@ -13768,6 +13778,7 @@ var _hoisted_1$16 = {
 var _hoisted_2$13 = ["innerHTML"];
 var _hoisted_3$10 = { class: "superdoc__document document" };
 var _hoisted_4$7 = { class: "floating-comments" };
+var UNAVAILABLE_COMMAND_RESULT = false;
 var V2_SELECTION_TOOLBAR_SYNC_RETRY_FRAMES = 3;
 var V2_TYPING_REVIEW_HYDRATION_IDLE_MS = 6500;
 var V2_TYPING_REVIEW_HYDRATION_CEILING_MS = 8e3;
@@ -13888,19 +13899,19 @@ var SuperDoc_default = /* @__PURE__ */ __plugin_vue_export_helper_default({
 		const v2GeometryEpoch = ref(null);
 		let v2GeometryRafHandle = 0;
 		const activeEditorRef = computed(() => proxy.$superdoc.activeEditor);
-		let linkPopoverUi = null;
+		const getSuperDocUI = () => proxy.$superdoc?.ui ?? null;
+		const UNAVAILABLE_COMMAND_STATE = Object.freeze({
+			enabled: false,
+			active: false,
+			supported: false
+		});
 		const findReplace = useFindReplace({
 			getSurfaceManager: () => surfaceManager,
 			getActiveEditor: () => proxy.$superdoc?.activeEditor,
 			activeEditorRef,
 			getFindReplaceConfig: () => proxy.$superdoc?.config?.modules?.surfaces?.findReplace,
-			getSuperDocUI: () => getLinkPopoverUi()
+			getSuperDocUI
 		});
-		const getLinkPopoverUi = () => {
-			if (proxy.$superdoc?.toolbar?.ui) return proxy.$superdoc.toolbar.ui;
-			if (!linkPopoverUi && proxy.$superdoc) linkPopoverUi = createSuperDocUI({ superdoc: proxy.$superdoc });
-			return linkPopoverUi;
-		};
 		const getLinkPopoverSurfaceManager = () => {
 			if (surfaceManager) return surfaceManager;
 			if (typeof proxy.$superdoc?.openSurface !== "function") return null;
@@ -13909,7 +13920,7 @@ var SuperDoc_default = /* @__PURE__ */ __plugin_vue_export_helper_default({
 		const linkPopover = useLinkPopover({
 			getSurfaceManager: getLinkPopoverSurfaceManager,
 			getActiveEditor: () => proxy.$superdoc?.activeEditor,
-			getUi: getLinkPopoverUi,
+			getUi: getSuperDocUI,
 			getResolver: () => proxy.$superdoc?.config?.modules?.links?.popoverResolver,
 			getLayerElement: () => layers.value,
 			emitException: (payload) => {
@@ -13980,11 +13991,6 @@ var SuperDoc_default = /* @__PURE__ */ __plugin_vue_export_helper_default({
 			} catch (err) {
 				console.warn("[SuperDoc] v2 command-shortcut unbind failed", err);
 			}
-			try {
-				entry.ui?.destroy?.();
-			} catch (err) {
-				console.warn("[SuperDoc] v2 command-shortcut UI teardown failed", err);
-			}
 		};
 		const resolveV2LinkWorkflowOpener = () => {
 			const toolbar = proxy.$superdoc?.toolbar;
@@ -14000,20 +14006,19 @@ var SuperDoc_default = /* @__PURE__ */ __plugin_vue_export_helper_default({
 			if (!documentId) return;
 			clearV2CommandShortcutBinding(documentId);
 			if (typeof bindEditShortcuts !== "function") return;
-			const fallbackUi = createSuperDocUI({ superdoc: proxy.$superdoc });
-			const resolveUi = () => proxy.$superdoc?.toolbar?.ui ?? fallbackUi;
 			const openLinkWorkflow = resolveV2LinkWorkflowOpener();
 			const unbind = bindEditShortcuts({
 				commandRoute: {
-					executeAsync: (commandId, payload) => resolveUi().commands.executeAsync(commandId, payload),
-					getState: (commandId) => resolveUi().commands.get(commandId).getState()
+					executeAsync: (commandId, payload) => {
+						const ui = getSuperDocUI();
+						if (!ui) return Promise.resolve(UNAVAILABLE_COMMAND_RESULT);
+						return ui.commands.executeAsync(commandId, payload);
+					},
+					getState: (commandId) => getSuperDocUI()?.commands.get(commandId).getState() ?? UNAVAILABLE_COMMAND_STATE
 				},
 				...openLinkWorkflow ? { openLinkWorkflow } : {}
 			});
-			v2CommandShortcutBindings.set(documentId, {
-				unbind,
-				ui: fallbackUi
-			});
+			v2CommandShortcutBindings.set(documentId, { unbind });
 		};
 		const clearV2SessionShortcutBinding = (documentId) => {
 			const entry = v2SessionShortcutBindings.get(documentId);
@@ -15565,8 +15570,6 @@ var SuperDoc_default = /* @__PURE__ */ __plugin_vue_export_helper_default({
 			passwordPrompt.destroy();
 			findReplace.destroy();
 			linkPopover.destroy();
-			linkPopoverUi?.destroy?.();
-			linkPopoverUi = null;
 			cancelScheduledV2DomSelectionSync();
 			cancelScheduledV2SelectionToolbarSync();
 			for (const documentId of Array.from(v2Runtimes.keys())) clearV2RuntimeRegistration(documentId);
@@ -16082,7 +16085,7 @@ var SuperDoc_default = /* @__PURE__ */ __plugin_vue_export_helper_default({
 			], 38);
 		};
 	}
-}, [["__scopeId", "data-v-91c4cd11"]]);
+}, [["__scopeId", "data-v-41f40a40"]]);
 var PINIA_DEVTOOLS_SETUP_EVENT = "devtools-plugin:setup";
 var PINIA_DEVTOOLS_PLUGIN_ID = "dev.esm.pinia";
 var piniaDevtoolsSuppressionState = {
@@ -32572,6 +32575,12 @@ var check_default = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448
 var closeDropdown = (dropdown) => {
 	dropdown.expand.value = false;
 };
+function withLinkHref(attributes, href) {
+	const next = { ...attributes ?? {} };
+	if (href) next.href = href;
+	else delete next.href;
+	return next;
+}
 function selectionTargetFromTextTarget(target) {
 	const segments = Array.isArray(target?.segments) ? target.segments : [];
 	if (target?.kind !== "text" || !segments.length) return null;
@@ -32849,11 +32858,10 @@ const makeDefaultItems = ({ superToolbar, toolbarIcons: toolbarIcons$1, toolbarT
 			render: () => renderLinkDropdown(link)
 		}],
 		onActivate: ({ href }) => {
-			if (href) link.attributes.value = { href };
-			else link.attributes.value = {};
+			link.attributes.value = withLinkHref(link.attributes.value, href);
 		},
 		onDeactivate: () => {
-			link.attributes.value = {};
+			link.attributes.value = withLinkHref(link.attributes.value, null);
 			link.expand.value = false;
 		}
 	});
@@ -33867,24 +33875,31 @@ var BuiltInToolbar = class extends import_eventemitter3.default {
 			const uiFontFamily = (this.config?.uiDisplayFallbackFont || "").toString().trim() || "Arial, Helvetica, sans-serif";
 			this.toolbarContainer.style.setProperty("--sd-ui-font-family", uiFontFamily);
 		}
-		this.#initController();
-		this.#initToolbarGroups();
-		this.#makeToolbarItems();
-		this.#bindHostEvents();
-		this._lastFontOptionsSignature = this.#fontOptionsSignature();
-		if (!this.toolbarContainer) {
+		try {
+			this.#initController();
+			this.#initToolbarGroups();
+			this.#makeToolbarItems();
+			this.#bindHostEvents();
+			this._lastFontOptionsSignature = this.#fontOptionsSignature();
+			if (!this.toolbarContainer) {
+				this.updateToolbarState();
+				return;
+			}
+			this.app = createApp(Toolbar_default);
+			this.app.directive("click-outside", v_click_outside_default);
+			this.app.config.globalProperties.$toolbar = this;
+			this.toolbar = this.app.mount(this.toolbarContainer);
 			this.updateToolbarState();
-			return;
+		} catch (error) {
+			try {
+				this.destroy();
+			} catch {}
+			throw error;
 		}
-		this.app = createApp(Toolbar_default);
-		this.app.directive("click-outside", v_click_outside_default);
-		this.app.config.globalProperties.$toolbar = this;
-		this.toolbar = this.app.mount(this.toolbarContainer);
-		this.updateToolbarState();
 	}
 	#initController() {
-		if (!this.superdoc) return;
-		this.ui = createSuperDocUI({ superdoc: this.superdoc });
+		this.ui = this.superdoc?.ui ?? null;
+		if (!this.ui) return;
 		this.snapshot = this.ui.toolbar.getSnapshot();
 		this._unsubscribeController = this.ui.toolbar.subscribe(() => {
 			this.snapshot = this.ui.toolbar.getSnapshot();
@@ -33905,9 +33920,6 @@ var BuiltInToolbar = class extends import_eventemitter3.default {
 			reg.unregister?.();
 		} catch {}
 		this._customCommandRegs.clear();
-		try {
-			this.ui?.destroy?.();
-		} catch {}
 		this.ui = null;
 		this.snapshot = null;
 	}
@@ -34132,7 +34144,7 @@ var BuiltInToolbar = class extends import_eventemitter3.default {
 			},
 			link: () => {
 				item.active.value = Boolean(commandState?.active);
-				item.attributes.value = commandState?.value ? { href: commandState.value } : {};
+				item.attributes.value = withLinkHref(item.attributes.value, commandState?.value ?? null);
 			},
 			fontFamily: () => {
 				if (commandState?.value != null) {
@@ -34528,6 +34540,7 @@ var SuperDoc = class extends import_eventemitter3.default {
 	#v2LockUnsub = null;
 	#pendingV2LockSeed = null;
 	#mountWrapper = null;
+	#ui = null;
 	#surfaceManager;
 	#editorRuntimeRegistry = new EditorRuntimeRegistry();
 	#editorRuntimeRegistryUnsub = null;
@@ -34634,7 +34647,7 @@ var SuperDoc = class extends import_eventemitter3.default {
 		this.config.colors = shuffleArray(this.config.colors);
 		this.userColorMap = /* @__PURE__ */ new Map();
 		this.colorIndex = 0;
-		this.version = "2.0.0-next.45";
+		this.version = "2.0.0-next.47";
 		this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
 		this.superdocId = config.superdocId || v4_default();
 		this.colors = this.config.colors ?? [];
@@ -34686,6 +34699,13 @@ var SuperDoc = class extends import_eventemitter3.default {
 	get requiredNumberOfEditors() {
 		return this.#requireSuperdocStore("requiredNumberOfEditors").documents.filter((d) => d.type === DOCX).length;
 	}
+	get ui() {
+		if (!this.#ui) {
+			this.#ui = createSuperDocUI({ superdoc: this });
+			if (this.#destroyed) this.#ui.destroy();
+		}
+		return this.#ui;
+	}
 	get state() {
 		return {
 			documents: this.#requireSuperdocStore("state").documents,
@@ -35393,10 +35413,12 @@ var SuperDoc = class extends import_eventemitter3.default {
 		return this.#fontsApi;
 	}
 	#clearActiveEditorProjection() {
+		const hadActiveEditor = this.activeEditor !== null;
 		this.#teardownV2FontsRelay();
 		this.activeEditor = null;
 		if (this.toolbar?.setActiveEditor) this.toolbar.setActiveEditor(null);
 		else if (this.toolbar) this.toolbar.activeEditor = null;
+		if (hadActiveEditor) this.emit("active-editor-change");
 	}
 	#v2FontsUnsub = null;
 	#teardownV2FontsRelay() {
@@ -35431,9 +35453,11 @@ var SuperDoc = class extends import_eventemitter3.default {
 	#setActiveEditorCompatibilityProjection(editor) {
 		if (isV2ActiveEditorFacade(editor)) {
 			if (!this.#applyingRuntimeActiveChange && this.#editorRuntimeRegistry.getActive()) this.#editorRuntimeRegistry.setActive(null, "set-active-v2-facade");
+			const previous = this.activeEditor;
 			this.activeEditor = editor;
 			this.#wireV2FontsRelay(editor);
 			this.toolbar?.setActiveEditor?.(editor);
+			if (previous !== this.activeEditor) this.emit("active-editor-change");
 			return;
 		}
 		this.#clearActiveEditorProjection();
@@ -36152,6 +36176,7 @@ var SuperDoc = class extends import_eventemitter3.default {
 			delete this.app.config.globalProperties.$config;
 			delete this.app.config.globalProperties.$superdoc;
 		}
+		this.#ui?.destroy();
 		this.#cleanupCollaboration();
 		this.#editorRuntimeRegistryUnsub?.();
 		this.#editorRuntimeRegistryUnsub = null;