superdoc 2.28.0 → 2.29.0-next.2

package/dist/superdoc.es.js

@@ -1,10 +1,11 @@
 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 { S as recordInteraction, _ as DOM_CLASS_NAMES, a as registerFirstPartyCommandMutation, b as getWorkflowRecording, c as getCommandDescriptor, d as mutationCommittedEventChangedDocument, f as createImageFilePicker, g as isSyntheticTrackedChangeCommentLaneItem, h as isPlainObject$1, i as readFirstPartyPageNumbers, l as applyV2CommentInvalidationFromMutation, n as executeFirstPartyCommandAsync, o as isRecord, p as resolveImageSrc, r as executeFirstPartyShortcutAsync, t as createSuperDocUI, u as getV2TrackedChangeMutationImpact, v as closeInteractionHistory, x as isWorkflowRecordingEnabled, y as createInteractionHistory } from "./chunks/create-super-doc-ui-BbjHD1ul.es.js";
+import { C as getWorkflowRecording, S as createInteractionHistory, T as recordInteraction, _ as isAllowed, a as registerFirstPartyCommandMutation, b as DOM_CLASS_NAMES, c as getCommandDescriptor, d as mutationCommittedEventChangedDocument, f as createImageFilePicker, g as createTrackedChangePermissionResolver, h as PERMISSIONS, i as readFirstPartyPageNumbers, l as applyV2CommentInvalidationFromMutation, n as executeFirstPartyCommandAsync, o as isRecord, p as resolveImageSrc, r as executeFirstPartyShortcutAsync, t as createSuperDocUI, u as getV2TrackedChangeMutationImpact, v as isPlainObject$1, w as isWorkflowRecordingEnabled, x as closeInteractionHistory, y as isSyntheticTrackedChangeCommentLaneItem } from "./chunks/create-super-doc-ui-BFt8agAI.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 vModelSelect, A as onActivated, B as renderList, C as isRef$1, D as normalizeClass, E as nextTick, F as openBlock, G as toDisplayString, H as resolveDirective, I as provide$1, J as toRefs, K as toRaw$2, L as reactive, M as onDeactivated, N as onMounted, O as normalizeProps, P as onScopeDispose$1, Q as vModelCheckbox, R as readonly, S as isReactive$1, T as mergeProps, U as resolveDynamicComponent, V as renderSlot, W as shallowRef$1, X as useAttrs, Y as unref, Z as useSlots, _ as getCurrentInstance, a as computed$1, at as withModifiers, b as hasInjectionContext, c as createCommentVNode, d as createStaticVNode, et as vModelText, f as createTextVNode, g as effectScope, h as defineComponent, i as Transition, it as withKeys, j as onBeforeUnmount, k as normalizeStyle, l as createElementBlock, m as defineAsyncComponent, n as Fragment, nt as withCtx, o as createApp, p as createVNode, q as toRef, r as Teleport, rt as withDirectives, s as createBlock, t as _plugin_vue_export_helper_default, tt as watch$1, u as createElementVNode, v as getCurrentScope, w as markRaw, x as inject$1, y as h, z as ref } from "./chunks/_plugin-vue_export-helper-CsJQtMvr.es.js";
 import { a as init_dist$1, i as global, n as init_dist$2, o as Buffer, r as process$1, s as init_dist, t as require_jszip_min } from "./chunks/jszip-BzJ3CyxR.es.js";
+import { t as isFiniteNumber } from "./chunks/is-finite-number-BpL4F38c.es.js";
 import { t as PDF_TO_CSS_UNITS } from "./chunks/constants-B6VBlmKp.es.js";
 import * as Vue from "vue";
 import { Map as Map$1 } from "yjs";
@@ -257,7 +258,7 @@ var v_click_outside_default = {
 var DEFAULT_ENDPOINT = "https://ingest.superdoc.dev/v1/collect";
 function getSuperdocVersion() {
 	try {
-		return "2.28.0";
+		return "2.29.0-next.2";
 	} catch {
 		return "unknown";
 	}
@@ -5396,7 +5397,7 @@ function normalizeRoomMode(value) {
 }
 function normalizeSyncTimeoutMs(value) {
 	if (value === void 0) return void 0;
-	return typeof value === "number" && Number.isFinite(value) && value > 0 && value <= 2147483647 ? value : null;
+	return isFiniteNumber(value) && value > 0 && value <= 2147483647 ? value : null;
 }
 function withSyncTimeout(resolution, syncTimeoutMs) {
 	if (!resolution.ok || syncTimeoutMs === void 0) return resolution;
@@ -6583,7 +6584,7 @@ var useSuperdocStore = defineStore("superdoc", () => {
 		currentConfig.value = config;
 		if (config.zoom?.initial !== void 0) {
 			const initialZoom = config.zoom.initial;
-			if (typeof initialZoom === "number" && Number.isFinite(initialZoom) && initialZoom > 0) activeZoom.value = initialZoom;
+			if (isFiniteNumber(initialZoom) && initialZoom > 0) activeZoom.value = initialZoom;
 			else console.warn("[SuperDoc] zoom.initial expects a positive number representing percentage");
 		}
 		if (config.zoom?.mode !== void 0) {
@@ -7448,8 +7449,8 @@ var normalizeTrackedChangeImagePreview = (preview) => {
 	if (!src || !src.startsWith("data:image/")) return null;
 	const contentType = typeof preview.contentType === "string" && preview.contentType.startsWith("image/") ? preview.contentType : null;
 	const role = typeof preview.role === "string" ? preview.role : null;
-	const width = typeof preview.width === "number" && Number.isFinite(preview.width) && preview.width > 0 ? preview.width : null;
-	const height = typeof preview.height === "number" && Number.isFinite(preview.height) && preview.height > 0 ? preview.height : null;
+	const width = isFiniteNumber(preview.width) && preview.width > 0 ? preview.width : null;
+	const height = isFiniteNumber(preview.height) && preview.height > 0 ? preview.height : null;
 	const alt = typeof preview.alt === "string" && preview.alt.length > 0 ? preview.alt : "Tracked image preview";
 	return {
 		src,
@@ -8477,10 +8478,10 @@ var useCommentsStore = defineStore("comments", () => {
 	* Get a new pending comment
 	*
 	* @param {Object} param0
-	* @param {Object} param0.selection The selection object
-	* @param {String} param0.documentId The document ID
-	* @param {String} param0.parentCommentId The parent comment
-	* @returns {Object} The new comment object
+	* @param {Object} [param0.selection] The selection object
+	* @param {string | null} [param0.documentId] The document ID
+	* @param {string | null} [param0.parentCommentId] The parent comment
+	* @returns {ReturnType<typeof useComment>} The new comment object
 	*/
 	const getPendingComment = ({ selection, documentId, parentCommentId, ...options }) => {
 		return _getNewcomment({
@@ -8552,7 +8553,11 @@ var useCommentsStore = defineStore("comments", () => {
 	*
 	* @param {Object} param0
 	* @param {Object} param0.superdoc The SuperDoc instance
-	* @returns {void}
+	* @param {ReturnType<typeof useComment>} param0.comment The comment to add
+	* @param {boolean} [param0.skipEditorUpdate] Skip writing the comment into the editor
+	* @param {boolean} [param0.broadcastChanges] Emit and sync the change
+	* @param {boolean} [param0.isHydration] The comment comes from import or collaboration
+	* @returns {{ ok: boolean, reason?: string, detail?: string, code?: string } | Promise<{ ok: boolean, reason?: string, detail?: string, code?: string }>} The mutation outcome
 	*/
 	const addCommentInternal = ({ superdoc, comment, skipEditorUpdate = false, broadcastChanges = true, isHydration = false }) => {
 		if (commentsAreReadOnly() && !isHydration) return readOnlyMutationOutcome();
@@ -9133,6 +9138,13 @@ var useCommentsStore = defineStore("comments", () => {
 	*   - successful mutation refreshes from v2 list and reconciles
 	*   - rejection preserves rows and emits a rejected `comments-update` event
 	*   - committed-but-refresh-failed surfaces honestly (no reconcile with `[]`)
+	*
+	* @param {Object} [param0]
+	* @param {Object} [param0.superdoc] The SuperDoc instance.
+	* @param {string | null} [param0.parentCommentId] The comment or tracked-change row being replied to.
+	* @param {string} [param0.text] The reply text.
+	* @param {Array<{ name?: string | null, email?: string | null }>} [param0.mentions] Users mentioned in the reply.
+	* @param {{ kind: 'trackedChange', trackedChangeId: string, story?: unknown, side?: 'source' | 'destination' }} [param0.trackedChangeTarget] The tracked change a first reply anchors to.
 	*/
 	const replyCommentV2 = async ({ superdoc, parentCommentId, text, mentions = [], trackedChangeTarget } = {}) => {
 		if (commentsAreReadOnly()) return readOnlyMutationOutcome();
@@ -10403,15 +10415,13 @@ var useCommentsStore = defineStore("comments", () => {
 		} catch {}
 	};
 	/**
-	* Rebuild tracked-change comments from the current editor state.
-	*
-	* Useful after bulk document transforms (like diff replay) where tracked-change
-	* marks may be remapped and incremental tracked-change events are not emitted.
+	* Accept or reject the tracked change behind a sidebar row.
 	*
 	* @param {Object} param0
 	* @param {Object} param0.superdoc The SuperDoc instance.
-	* @param {Object} param0.editor The active Super Editor instance.
-	* @returns {void}
+	* @param {Object} param0.comment The tracked-change row.
+	* @param {string} param0.decision `'accept'` or `'reject'`.
+	* @returns {{ ok: boolean, success?: boolean, reason?: string } | Promise<{ ok: boolean, success?: boolean, reason?: string }>} The decision outcome.
 	*/
 	const decideTrackedChangeFromSidebar = ({ superdoc, comment, decision }) => {
 		const disabledReason = trackedChangeDecisionDisabledReason(superdoc);
@@ -10939,6 +10949,18 @@ var useCommentsStore = defineStore("comments", () => {
 	};
 });
 //#endregion
+//#region src/composables/use-superdoc-instance.ts
+function useSuperDocInstance() {
+	const instance = getCurrentInstance();
+	if (!instance?.proxy) throw new Error("useSuperDocInstance() must be called during a component setup function.");
+	const superdoc = instance.appContext.config.globalProperties.$superdoc;
+	if (!superdoc) throw new Error("useSuperDocInstance() found no SuperDoc registered at app.config.globalProperties.$superdoc.");
+	return {
+		proxy: instance.proxy,
+		superdoc
+	};
+}
+//#endregion
 //#region ../../shared/common/icons/comment-solid.svg?raw
 var comment_solid_default = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d=\"M512 240c0 114.9-114.6 208-256 208c-37.1 0-72.3-6.4-104.1-17.9c-11.9 8.7-31.3 20.6-54.3 30.6C73.6 471.1 44.7 480 16 480c-6.5 0-12.3-3.9-14.8-9.9c-2.5-6-1.1-12.8 3.4-17.4c0 0 0 0 0 0s0 0 0 0s0 0 0 0c0 0 0 0 0 0l.3-.3c.3-.3 .7-.7 1.3-1.4c1.1-1.2 2.8-3.1 4.9-5.7c4.1-5 9.6-12.4 15.2-21.6c10-16.6 19.5-38.4 21.4-62.9C17.7 326.8 0 285.1 0 240C0 125.1 114.6 32 256 32s256 93.1 256 208z\"/></svg>";
 //#endregion
@@ -11070,7 +11092,7 @@ function useUiFontFamily() {
 	}) };
 }
 //#endregion
-//#region src/components/CommentsLayer/CommentsDropdown.vue
+//#region src/components/CommentsLayer/CommentsDropdown.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$31 = { class: "comments-dropdown" };
 var _hoisted_2$24 = ["onClick"];
 var _hoisted_3$21 = {
@@ -11079,7 +11101,9 @@ var _hoisted_3$21 = {
 };
 var _hoisted_4$15 = ["innerHTML"];
 var _hoisted_5$11 = { class: "comments-dropdown__option-label" };
-var CommentsDropdown_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
+//#endregion
+//#region src/components/CommentsLayer/CommentsDropdown.vue
+var CommentsDropdown_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "CommentsDropdown",
 	props: {
 		options: {
@@ -11228,14 +11252,16 @@ var CommentsDropdown_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			}), 128))], 4)) : createCommentVNode("", true)]))]);
 		};
 	}
-}, [["__scopeId", "data-v-7eced80a"]]);
+}), [["__scopeId", "data-v-70674ffd"]]);
 //#endregion
-//#region src/components/CommentsLayer/InternalDropdown.vue
+//#region src/components/CommentsLayer/InternalDropdown.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$30 = { class: "sd-comment-option" };
 var _hoisted_2$23 = ["innerHTML"];
 var _hoisted_3$20 = { class: "sd-option-state" };
 var _hoisted_4$14 = ["innerHTML"];
-var InternalDropdown_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
+//#endregion
+//#region src/components/CommentsLayer/InternalDropdown.vue
+var InternalDropdown_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "InternalDropdown",
 	props: {
 		state: {
@@ -11317,7 +11343,7 @@ var InternalDropdown_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			}, 8, ["disabled", "content-style"])], 4);
 		};
 	}
-}, [["__scopeId", "data-v-138d641e"]]);
+}), [["__scopeId", "data-v-026f5d66"]]);
 //#endregion
 //#region src/components/CommentsLayer/helpers.js
 /**
@@ -11350,130 +11376,16 @@ function formatDate(timestamp) {
 	return `${`${formattedHours}:${minutes.toString().padStart(2, "0")}${meridiem}`} ${month} ${day}`;
 }
 //#endregion
-//#region src/core/collaboration/permissions.js
-var PERMISSIONS = Object.freeze({
-	RESOLVE_OWN: "RESOLVE_OWN",
-	RESOLVE_OTHER: "RESOLVE_OTHER",
-	REJECT_OWN: "REJECT_OWN",
-	REJECT_OTHER: "REJECT_OTHER",
-	COMMENTS_OVERFLOW_OWN: "COMMENTS_OVERFLOW",
-	COMMENTS_OVERFLOW_OTHER: "COMMENTS_OVERFLOW_OTHER",
-	COMMENTS_DELETE_OWN: "COMMENTS_DELETE_OWN",
-	COMMENTS_DELETE_OTHER: "COMMENTS_DELETE_OTHER",
-	UPLOAD_VERSION: "UPLOAD_VERSION",
-	VERSION_HISTORY: "VERSION_HISTORY"
-});
-var ROLES = Object.freeze({
-	EDITOR: "editor",
-	SUGGESTER: "suggester",
-	VIEWER: "viewer"
-});
-var PERMISSION_MATRIX = Object.freeze({
-	[PERMISSIONS.RESOLVE_OWN]: {
-		internal: [ROLES.EDITOR],
-		external: [ROLES.EDITOR]
-	},
-	[PERMISSIONS.RESOLVE_OTHER]: {
-		internal: [ROLES.EDITOR],
-		external: [ROLES.EDITOR]
-	},
-	[PERMISSIONS.REJECT_OWN]: {
-		internal: [ROLES.EDITOR, ROLES.SUGGESTER],
-		external: [ROLES.EDITOR, ROLES.SUGGESTER]
-	},
-	[PERMISSIONS.REJECT_OTHER]: {
-		internal: [ROLES.EDITOR],
-		external: [ROLES.EDITOR]
-	},
-	[PERMISSIONS.COMMENTS_OVERFLOW_OWN]: {
-		internal: [ROLES.EDITOR, ROLES.SUGGESTER],
-		external: [ROLES.EDITOR, ROLES.SUGGESTER]
-	},
-	[PERMISSIONS.COMMENTS_OVERFLOW_OTHER]: {
-		internal: [ROLES.EDITOR],
-		external: [ROLES.EDITOR]
-	},
-	[PERMISSIONS.COMMENTS_DELETE_OWN]: {
-		internal: [ROLES.EDITOR, ROLES.SUGGESTER],
-		external: [ROLES.EDITOR, ROLES.SUGGESTER]
-	},
-	[PERMISSIONS.COMMENTS_DELETE_OTHER]: {
-		internal: [ROLES.EDITOR],
-		external: [ROLES.EDITOR]
-	},
-	[PERMISSIONS.UPLOAD_VERSION]: {
-		internal: [ROLES.EDITOR],
-		external: []
-	},
-	[PERMISSIONS.VERSION_HISTORY]: {
-		internal: [ROLES.EDITOR],
-		external: []
-	}
-});
-var pickResolver = (context = {}) => {
-	if (typeof context.permissionResolver === "function") return context.permissionResolver;
-	if (typeof context.superdoc?.config?.permissionResolver === "function") return context.superdoc.config.permissionResolver;
-	const deprecatedResolver = context.superdoc?.config?.modules?.comments?.permissionResolver;
-	if (typeof deprecatedResolver === "function") return deprecatedResolver;
-	return null;
-};
-var BUILT_IN_PERMISSION_METHOD = Symbol.for("superdoc.internal.permission-method.builtin");
-var BUILT_IN_PERMISSION_RESOLVER = Symbol.for("superdoc.internal.permission-resolver.builtin");
-/** Create the shell's internal, live tracked-change permission shim. */
-var createTrackedChangePermissionResolver = (superdoc) => {
-	const isBuiltInPolicy = () => superdoc.canPerformPermission?.[BUILT_IN_PERMISSION_METHOD] === true && pickResolver({ superdoc }) === null;
-	const resolver = (payload = {}) => isBuiltInPolicy() ? defaultDecisionFor(payload.permission, superdoc.config.role, superdoc.config.isInternal) : superdoc.canPerformPermission({
-		...payload,
-		role: superdoc.config.role,
-		isInternal: superdoc.config.isInternal
-	});
-	Object.defineProperty(resolver, BUILT_IN_PERMISSION_RESOLVER, { value: isBuiltInPolicy });
-	return resolver;
-};
-var defaultDecisionFor = (permission, role, isInternal) => {
-	const internalExternal = isInternal ? "internal" : "external";
-	return PERMISSION_MATRIX[permission]?.[internalExternal]?.includes(role) ?? false;
-};
-/**
-* Resolve a client-side permission through the built-in matrix and optional
-* resolver.
-*
-* @param {string} permission The permission to check
-* @param {string} role The role to check
-* @param {boolean} isInternal The internal/external flag
-* @param {object} [context] Context passed to the permission resolver
-* @param {object | null} [context.comment] The comment/tracked change being evaluated
-* @param {object | null} [context.superdoc] The SuperDoc instance
-* @param {object | null} [context.currentUser] The active user object performing the action
-* @param {Function} [context.permissionResolver] Explicit resolver override
-* @param {object | null} [context.trackedChange] Tracked change metadata (for tracked-change permissions)
-* @returns {boolean} Whether the permission is allowed
-*/
-var isAllowed = (permission, role, isInternal, context = {}) => {
-	const defaultDecision = defaultDecisionFor(permission, role, isInternal);
-	const resolver = pickResolver(context);
-	if (typeof resolver !== "function") return defaultDecision;
-	const decision = resolver({
-		permission,
-		role,
-		isInternal,
-		defaultDecision,
-		comment: context.comment ?? null,
-		currentUser: context.currentUser ?? context.superdoc?.config?.user ?? null,
-		superdoc: context.superdoc ?? null,
-		trackedChange: context.trackedChange ?? null
-	});
-	return typeof decision === "boolean" ? decision : defaultDecision;
-};
-//#endregion
-//#region src/components/general/Avatar.vue
+//#region src/components/general/Avatar.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$29 = { class: "user-container" };
 var _hoisted_2$22 = ["src"];
 var _hoisted_3$19 = {
 	key: 1,
 	class: "user-bg"
 };
-var Avatar_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
+//#endregion
+//#region src/components/general/Avatar.vue
+var Avatar_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "Avatar",
 	props: { user: {
 		type: Object,
@@ -11497,9 +11409,9 @@ var Avatar_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			}, null, 8, _hoisted_2$22)) : (openBlock(), createElementBlock("span", _hoisted_3$19, toDisplayString(getInitials(__props.user.name, __props.user.email)), 1))]);
 		};
 	}
-}, [["__scopeId", "data-v-c95b2073"]]);
+}), [["__scopeId", "data-v-0b3a0868"]]);
 //#endregion
-//#region src/components/CommentsLayer/CommentHeader.vue
+//#region src/components/CommentsLayer/CommentHeader.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$28 = { class: "card-section comment-header" };
 var _hoisted_2$21 = { class: "comment-header-left" };
 var _hoisted_3$18 = { class: "user-info" };
@@ -11529,7 +11441,9 @@ var _hoisted_9$4 = [
 ];
 var _hoisted_10$4 = { class: "overflow-menu__icon" };
 var _hoisted_11$4 = ["innerHTML"];
-var CommentHeader_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
+//#endregion
+//#region src/components/CommentsLayer/CommentHeader.vue
+var CommentHeader_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "CommentHeader",
 	props: {
 		timestamp: {
@@ -11542,7 +11456,7 @@ var CommentHeader_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 		},
 		comment: {
 			type: Object,
-			required: false
+			required: true
 		},
 		isPendingInput: {
 			type: Boolean,
@@ -11584,9 +11498,9 @@ var CommentHeader_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 		const emit = __emit;
 		const commentsStore = useCommentsStore();
 		const props = __props;
-		const { proxy } = getCurrentInstance();
-		const role = proxy.$superdoc.config.role;
-		const isInternal = proxy.$superdoc.config.isInternal;
+		const { proxy, superdoc } = useSuperDocInstance();
+		const role = superdoc.config.role;
+		const isInternal = superdoc.config.isInternal;
 		const isCommentOwnedByCurrentUser = (comment) => {
 			const currentUser = proxy.$superdoc.config.user;
 			const otherUser = {
@@ -11650,11 +11564,12 @@ var CommentHeader_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			if (props.isPendingInput) return false;
 			return true;
 		});
+		const resolveIsDisabled = () => props.config.allowResolve === false;
 		const allowResolve = computed$1(() => {
 			if (!generallyAllowed.value) return false;
 			if (props.comment.trackedChange) {
 				if (!trackedChangeDecisionsVisible.value) return false;
-			} else if (!commentMutationsVisible.value || props.config.allowResolve === false) return false;
+			} else if (!commentMutationsVisible.value || resolveIsDisabled()) return false;
 			if (props.comment.parentCommentId) return false;
 			if (trackedChangeThreadParentId.value) return false;
 			const context = {
@@ -11679,7 +11594,7 @@ var CommentHeader_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 		});
 		const allowReopen = computed$1(() => {
 			if (!commentMutationsVisible.value) return false;
-			if (props.config.allowResolve === false) return false;
+			if (resolveIsDisabled()) return false;
 			if (!props.reopenSupported) return false;
 			if (!props.comment) return false;
 			if (!props.comment.resolvedTime) return false;
@@ -11724,7 +11639,7 @@ var CommentHeader_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 		const handleResolve = () => {
 			if (props.comment?.trackedChange) {
 				if (!trackedChangeDecisionsVisible.value) return;
-			} else if (!commentMutationsVisible.value || props.config.allowResolve === false) return;
+			} else if (!commentMutationsVisible.value || resolveIsDisabled()) return;
 			if (props.resolveDisabledReason) return;
 			emit("resolve");
 		};
@@ -11734,7 +11649,7 @@ var CommentHeader_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			emit("reject");
 		};
 		const handleReopen = () => {
-			if (!commentMutationsVisible.value || props.config.allowResolve === false) return;
+			if (!commentMutationsVisible.value || resolveIsDisabled()) return;
 			if (props.reopenDisabledReason) return;
 			emit("reopen");
 		};
@@ -11808,9 +11723,9 @@ var CommentHeader_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			], 2)]);
 		};
 	}
-}, [["__scopeId", "data-v-b2a33943"]]);
+}), [["__scopeId", "data-v-33950cc9"]]);
 //#endregion
-//#region src/components/CommentsLayer/CommentInput.vue
+//#region src/components/CommentsLayer/CommentInput.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$27 = { class: "input-section" };
 var _hoisted_2$20 = { class: "comment-composer" };
 var _hoisted_3$17 = [
@@ -11830,7 +11745,9 @@ var _hoisted_6$7 = {
 	class: "comment-mention-option__email"
 };
 var commentInputSequence = 0;
-var CommentInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
+//#endregion
+//#region src/components/CommentsLayer/CommentInput.vue
+var CommentInput_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "CommentInput",
 	props: {
 		users: {
@@ -11852,7 +11769,7 @@ var CommentInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 		},
 		comment: {
 			type: Object,
-			required: false
+			required: true
 		}
 	},
 	emits: ["focus"],
@@ -11939,7 +11856,8 @@ var CommentInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 		};
 		const onInput = (event) => {
 			currentCommentMentions.value = currentCommentMentions.value.filter((user) => commentDraft.value.includes(`@${displayName(user)}`));
-			updateMentionQuery(event.target.selectionStart ?? commentDraft.value.length);
+			const caret = event.target instanceof HTMLTextAreaElement ? event.target.selectionStart : null;
+			updateMentionQuery(caret ?? commentDraft.value.length);
 			syncInputHeight();
 		};
 		const selectMention = (user) => {
@@ -12028,7 +11946,7 @@ var CommentInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			}), 128))])) : createCommentVNode("", true)])], 2)]);
 		};
 	}
-}, [["__scopeId", "data-v-0720a671"]]);
+}), [["__scopeId", "data-v-65c31fdc"]]);
 //#endregion
 //#region src/internal/toolbar/built-in/url-safety.js
 /**
@@ -12138,7 +12056,7 @@ function renderCommentHtml(value) {
 	return template.innerHTML;
 }
 //#endregion
-//#region src/components/CommentsLayer/CommentDialog.vue
+//#region src/components/CommentsLayer/CommentDialog.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$26 = [
 	"aria-label",
 	"data-comment-instance-id",
@@ -12227,34 +12145,35 @@ var _hoisted_42 = {
 };
 var _hoisted_43 = { class: "reply-input-wrapper" };
 var _hoisted_44 = { class: "reply-actions" };
-var _hoisted_45 = ["onClick"];
-var _hoisted_46 = [
+var _hoisted_45 = [
 	"onClick",
 	"disabled",
 	"data-disabled-reason"
 ];
-var _hoisted_47 = { class: "collapsed-avatars" };
-var _hoisted_48 = {
+var _hoisted_46 = { class: "collapsed-avatars" };
+var _hoisted_47 = {
 	key: 3,
 	class: "comment-separator"
 };
-var _hoisted_49 = {
+var _hoisted_48 = {
 	key: 3,
 	class: "tracked-change-decision-alert",
 	role: "alert"
 };
-var _hoisted_50 = { class: "tracked-change-decision-alert__message" };
-var _hoisted_51 = ["disabled", "data-disabled-reason"];
-var _hoisted_52 = {
+var _hoisted_49 = { class: "tracked-change-decision-alert__message" };
+var _hoisted_50 = ["disabled", "data-disabled-reason"];
+var _hoisted_51 = {
 	key: 1,
 	class: "reply-expanded"
 };
-var _hoisted_53 = { class: "reply-input-wrapper" };
-var _hoisted_54 = { class: "reply-actions" };
-var _hoisted_55 = ["disabled", "data-disabled-reason"];
+var _hoisted_52 = { class: "reply-input-wrapper" };
+var _hoisted_53 = { class: "reply-actions" };
+var _hoisted_54 = ["disabled", "data-disabled-reason"];
 var commentEditSessions = /* @__PURE__ */ new WeakMap();
 var commentReplySessions = /* @__PURE__ */ new WeakMap();
-var CommentDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
+//#endregion
+//#region src/components/CommentsLayer/CommentDialog.vue
+var CommentDialog_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "CommentDialog",
 	props: {
 		comment: {
@@ -12299,9 +12218,10 @@ var CommentDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 	setup(__props, { emit: __emit }) {
 		const emit = __emit;
 		const props = __props;
-		const { proxy } = getCurrentInstance();
+		const proxy = useSuperDocInstance().proxy;
 		const superdocStore = useSuperdocStore();
-		const commentsStore = useCommentsStore();
+		const piniaCommentsStore = useCommentsStore();
+		const commentsStore = piniaCommentsStore;
 		const editSessionOwner = {};
 		const replySessionOwner = {};
 		const retireOwnEditSession = () => {
@@ -12311,7 +12231,7 @@ var CommentDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			if (commentReplySessions.get(commentsStore)?.owner === replySessionOwner) commentReplySessions.delete(commentsStore);
 		};
 		const { addComment, cancelComment, deleteComment, getCommentAliasIds, removePendingComment, getCommentDocumentId, requestInstantSidebarAlignment, resolveCommentPositionEntry, clearInstantSidebarAlignment, setActiveFloatingCommentInstance } = commentsStore;
-		const { suppressInternalExternal, getConfig, activeComment, activeFloatingCommentInstanceId, floatingCommentsOffset, pendingComment, currentCommentText, currentCommentMentions, isDebugging, editingCommentId, editorCommentPositions, isCommentHighlighted } = storeToRefs(commentsStore);
+		const { suppressInternalExternal, getConfig, activeComment, activeFloatingCommentInstanceId, floatingCommentsOffset, pendingComment, currentCommentText, currentCommentMentions, isDebugging, editingCommentId, editorCommentPositions, isCommentHighlighted } = storeToRefs(piniaCommentsStore);
 		const isInternal = ref(true);
 		const commentInput = ref(null);
 		const editCommentInputs = ref(/* @__PURE__ */ new Map());
@@ -12326,8 +12246,8 @@ var CommentDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 		];
 		const TRACKED_CHANGE_PREVIEW_MAX_PX = 90;
 		const trackedChangeImagePreviewStyle = (preview) => {
-			const width = typeof preview?.width === "number" && Number.isFinite(preview.width) ? preview.width : null;
-			const height = typeof preview?.height === "number" && Number.isFinite(preview.height) ? preview.height : null;
+			const width = isFiniteNumber(preview?.width) ? preview.width : null;
+			const height = isFiniteNumber(preview?.height) ? preview.height : null;
 			if (!width || !height || width <= 0 || height <= 0) return {};
 			const scale = Math.min(TRACKED_CHANGE_PREVIEW_MAX_PX / width, TRACKED_CHANGE_PREVIEW_MAX_PX / height, 1);
 			return {
@@ -12379,13 +12299,14 @@ var CommentDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 		const findIgnoredElementByGeometry = (clientX, clientY) => {
 			if (!Number.isFinite(clientX) || !Number.isFinite(clientY)) return null;
 			const ignoredElements = document.querySelectorAll(CLICK_OUTSIDE_IGNORED_SELECTORS);
-			for (const element of ignoredElements) if (element instanceof HTMLElement && elementContainsClickPoint(element, clientX, clientY)) return element;
+			for (const element of Array.from(ignoredElements)) if (element instanceof HTMLElement && elementContainsClickPoint(element, clientX, clientY)) return element;
 			return null;
 		};
 		const focusEditInput = (commentId) => {
 			editCommentInputs.value.get(commentId)?.focus?.();
 		};
 		const commentDialogElement = ref(null);
+		const trackedChangeStoryType = (story) => typeof story === "object" ? story?.storyType : void 0;
 		const getCommentFocusThreadId = (comment) => {
 			if (comment.resolvedTime) return comment.commentId;
 			return comment.importedId || comment.commentId;
@@ -12411,7 +12332,7 @@ var CommentDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 		};
 		const getEntryBoundsCoordinate = (entry, coordinate) => {
 			const value = entry?.bounds?.[coordinate];
-			return Number.isFinite(value) ? value : null;
+			return isFiniteNumber(value) ? value : null;
 		};
 		const entriesShareLine = (entry, candidateEntry) => {
 			if (!entry || !candidateEntry) return false;
@@ -12425,12 +12346,7 @@ var CommentDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			const candidateLeft = getEntryBoundsCoordinate(candidateEntry, "left");
 			const entryRight = getEntryBoundsCoordinate(entry, "right");
 			const candidateRight = getEntryBoundsCoordinate(candidateEntry, "right");
-			if ([
-				entryLeft,
-				candidateLeft,
-				entryRight,
-				candidateRight
-			].some((value) => value == null)) return false;
+			if (entryLeft == null || candidateLeft == null || entryRight == null || candidateRight == null) return false;
 			return candidateLeft < entryRight && entryLeft < candidateRight;
 		};
 		const entriesOverlapRange = (entry, candidateEntry) => {
@@ -12438,12 +12354,7 @@ var CommentDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			const entryEnd = entry?.end;
 			const candidateStart = candidateEntry?.start;
 			const candidateEnd = candidateEntry?.end;
-			if (![
-				entryStart,
-				entryEnd,
-				candidateStart,
-				candidateEnd
-			].every(Number.isFinite)) return false;
+			if (!isFiniteNumber(entryStart) || !isFiniteNumber(entryEnd) || !isFiniteNumber(candidateStart) || !isFiniteNumber(candidateEnd)) return false;
 			return candidateStart <= entryEnd && entryStart <= candidateEnd;
 		};
 		const shouldIncludeThreadAlias = (entry, candidateEntry) => {
@@ -12464,7 +12375,7 @@ var CommentDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			return [...lookupIds];
 		};
 		const isDialogAlreadyAlignedWithTarget = (dialogElement, targetClientY, tolerancePx = 24) => {
-			if (!Number.isFinite(targetClientY) || typeof dialogElement?.getBoundingClientRect !== "function") return false;
+			if (!isFiniteNumber(targetClientY) || typeof dialogElement?.getBoundingClientRect !== "function") return false;
 			const dialogTop = dialogElement.getBoundingClientRect().top;
 			return Number.isFinite(dialogTop) && Math.abs(dialogTop - targetClientY) <= tolerancePx;
 		};
@@ -12490,14 +12401,19 @@ var CommentDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			if (showInputSection.value && index === visible.length - 1) return true;
 			return visible.length > 1 && index !== visible.length - 1;
 		});
+		const commentsAreReadOnly = () => getConfig.value?.readOnly === true;
+		const resolveIsDisabled = () => getConfig.value?.allowResolve === false;
 		const showInputSection = computed$1(() => {
-			return !getConfig.readOnly && isDialogActive.value && !props.comment.resolvedTime && !isEditingAnyComment.value;
+			return !commentsAreReadOnly() && isDialogActive.value && !props.comment.resolvedTime && !isEditingAnyComment.value;
 		});
 		const readOnlyMutationOutcome = () => ({
 			ok: false,
 			reason: "read-only-document"
 		});
-		const commentsAreReadOnly = () => getConfig.value?.readOnly === true;
+		const resolveDisabledOutcome = () => ({
+			ok: false,
+			reason: "resolve-disabled"
+		});
 		const trackedChangeDecisionsAreDisabled = () => {
 			const allowDecisions = proxy.$superdoc?.interactionConfig?.trackedChanges?.allowDecisions;
 			if (typeof allowDecisions === "boolean") return !allowDecisions;
@@ -12575,7 +12491,7 @@ var CommentDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			nextTick(() => emit("resize"));
 		};
 		const setParentBodyRef = (el) => {
-			parentBodyRef.value = el ?? null;
+			parentBodyRef.value = el;
 		};
 		const checkOverflow = () => {
 			if (textExpanded.value) return;
@@ -12658,7 +12574,7 @@ var CommentDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 		};
 		const isInternalDropdownDisabled = computed$1(() => {
 			if (props.comment.resolvedTime) return true;
-			return getConfig.value.readOnly;
+			return commentsAreReadOnly();
 		});
 		const isEditingThisComment = computed$1(() => (comment) => {
 			return isDialogActive.value && editingCommentId.value === comment.commentId;
@@ -12668,7 +12584,7 @@ var CommentDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			return comments.value.some((c) => c.commentId === editingCommentId.value);
 		});
 		const shouldShowInternalExternal = computed$1(() => {
-			if (getConfig.value.readOnly) return false;
+			if (commentsAreReadOnly()) return false;
 			if (!proxy.$superdoc.config.isInternal) return false;
 			if (isV2Mode.value) return false;
 			return !suppressInternalExternal.value && !props.comment.trackedChange;
@@ -12712,7 +12628,7 @@ var CommentDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			if (editor) {
 				const { entry: resolvedFocusEntry } = resolveCommentPositionEntry(props.comment);
 				const focusEntry = props.floatingPositionEntry ?? resolvedFocusEntry;
-				const usePageScopedAnchorOnly = Number.isFinite(props.floatingPageIndex) && props.comment?.trackedChangeStory?.storyType === "headerFooterPart";
+				const usePageScopedAnchorOnly = Number.isFinite(props.floatingPageIndex) && trackedChangeStoryType(props.comment?.trackedChangeStory) === "headerFooterPart";
 				const visibleAnchorTargetY = getVisibleThreadAnchorClientY(props.parent, focusEntry);
 				const visibleHighlightTargetY = usePageScopedAnchorOnly ? null : getVisibleThreadHighlightClientY(getThreadHighlightLookupIds(props.comment));
 				const visibleThreadTargetY = Number.isFinite(visibleHighlightTargetY) ? visibleHighlightTargetY : visibleAnchorTargetY;
@@ -12930,7 +12846,7 @@ var CommentDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 		const getReopenDisabledReason = () => {
 			if (!isV2Mode.value) return null;
 			if (!v2CommentsAdapter.value) return "v2-comments-adapter-missing";
-			if (getConfig.value?.readOnly) return "read-only-document";
+			if (commentsAreReadOnly()) return "read-only-document";
 			if (isV2WriteDisabled.value) return v2WriteCapability.value?.reason ?? "v2-write-unavailable";
 			return null;
 		};
@@ -13033,10 +12949,7 @@ var CommentDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 				if (trackedChangeDecisionsAreDisabled()) return trackedChangeDecisionDisabledOutcome();
 			} else {
 				if (commentsAreReadOnly()) return readOnlyMutationOutcome();
-				if (getConfig.value?.allowResolve === false) return {
-					ok: false,
-					reason: "resolve-disabled"
-				};
+				if (resolveIsDisabled()) return resolveDisabledOutcome();
 			}
 			const customHandler = proxy.$superdoc.config.onTrackedChangeBubbleAccept;
 			if (props.comment.trackedChange && isV2Mode.value) {
@@ -13101,10 +13014,7 @@ var CommentDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 		};
 		const handleReopen = async () => {
 			if (commentsAreReadOnly()) return readOnlyMutationOutcome();
-			if (getConfig.value?.allowResolve === false) return {
-				ok: false,
-				reason: "resolve-disabled"
-			};
+			if (resolveIsDisabled()) return resolveDisabledOutcome();
 			if (!isV2Mode.value || !v2CommentsAdapter.value) return;
 			const outcome = await commentsStore.reopenCommentV2({
 				superdoc: proxy.$superdoc,
@@ -13129,7 +13039,7 @@ var CommentDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 						owner: editSessionOwner,
 						submission: null
 					});
-					currentCommentText.value = comment?.commentText?.value ?? comment?.commentText ?? "";
+					currentCommentText.value = comment?.commentText ?? "";
 					currentCommentMentions.value = Array.isArray(comment?.mentions) ? [...comment.mentions] : [];
 					activeComment.value = props.comment.commentId;
 					if (props.floatingInstanceId) setActiveFloatingCommentInstance(props.floatingInstanceId);
@@ -13201,7 +13111,7 @@ var CommentDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 		const getProcessedDate = (timestamp) => {
 			return typeof timestamp === "string" ? new Date(timestamp).getTime() : timestamp;
 		};
-		const handleCancel = (comment) => {
+		const handleCancel = () => {
 			commentSaveFailure.value = "";
 			retireOwnEditSession();
 			retireOwnReplySession();
@@ -13211,7 +13121,7 @@ var CommentDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 		};
 		const usersFiltered = computed$1(() => {
 			const users = proxy.$superdoc.users;
-			if (props.comment.isInternal === true) return users.filter((user) => user.access === "internal" || user.access?.role === "internal");
+			if (props.comment.isInternal === true) return users.filter((user) => user.access === "internal" || typeof user.access === "object" && user.access?.role === "internal");
 			return users;
 		});
 		onMounted(() => {
@@ -13248,7 +13158,7 @@ var CommentDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 				focusEditInput(commentId);
 			});
 		});
-		watch$1(() => getConfig.value?.readOnly === true, (readOnly) => {
+		watch$1(commentsAreReadOnly, (readOnly) => {
 			if (!readOnly) return;
 			isReplying.value = false;
 			if (comments.value.some((comment) => comment.commentId === editingCommentId.value)) editingCommentId.value = null;
@@ -13336,11 +13246,11 @@ var CommentDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 							timestamp: getProcessedDate(comment.createdTime),
 							comment,
 							"is-active": isDialogActive.value,
-							"resolve-disabled-reason": getResolveDisabledReason(comment),
-							"reject-disabled-reason": getRejectDisabledReason(comment),
+							"resolve-disabled-reason": getResolveDisabledReason(comment) ?? void 0,
+							"reject-disabled-reason": getRejectDisabledReason(comment) ?? void 0,
 							"reopen-supported": isV2Mode.value && Boolean(v2CommentsAdapter.value),
-							"reopen-disabled-reason": getReopenDisabledReason(),
-							"write-disabled-reason": v2OverflowWriteDisabledReason.value,
+							"reopen-disabled-reason": getReopenDisabledReason() ?? void 0,
+							"write-disabled-reason": v2OverflowWriteDisabledReason.value ?? void 0,
 							onResolve: handleResolve,
 							onReject: handleReject,
 							onReopen: handleReopen,
@@ -13407,7 +13317,7 @@ var CommentDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 								ref_for: true,
 								ref: index === 0 ? setParentBodyRef : void 0,
 								innerHTML: renderedCommentTexts.value.get(comment.commentId)
-							}, null, 10, _hoisted_40)) : unref(isDebugging) && !isEditingThisComment.value(comment) ? (openBlock(), createElementBlock("div", _hoisted_41, toDisplayString(unref(editorCommentPositions)[comment.importedId !== void 0 ? comment.importedId : comment.commentId]?.bounds), 1)) : (openBlock(), createElementBlock("div", _hoisted_42, [createElementVNode("div", _hoisted_43, [createVNode(CommentInput_default, {
+							}, null, 10, _hoisted_40)) : unref(isDebugging) && !isEditingThisComment.value(comment) ? (openBlock(), createElementBlock("div", _hoisted_41, toDisplayString(unref(editorCommentPositions)[String(comment.importedId !== void 0 ? comment.importedId : comment.commentId)]?.bounds), 1)) : (openBlock(), createElementBlock("div", _hoisted_42, [createElementVNode("div", _hoisted_43, [createVNode(CommentInput_default, {
 								ref_for: true,
 								ref: setEditCommentInputRef(comment.commentId),
 								users: [],
@@ -13416,13 +13326,13 @@ var CommentDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 								comment
 							}, null, 8, ["config", "comment"])]), createElementVNode("div", _hoisted_44, [createElementVNode("button", {
 								class: "sd-button reply-btn-cancel",
-								onClick: withModifiers(($event) => handleCancel(comment), ["stop", "prevent"])
-							}, "Cancel", 8, _hoisted_45), createElementVNode("button", {
+								onClick: withModifiers(handleCancel, ["stop", "prevent"])
+							}, "Cancel"), createElementVNode("button", {
 								class: normalizeClass(["sd-button primary reply-btn-primary", { "sd-is-disabled": !hasTextContent.value || isV2WriteDisabled.value }]),
 								onClick: withModifiers(($event) => handleCommentUpdate(comment), ["stop", "prevent"]),
 								disabled: !hasTextContent.value || isV2WriteDisabled.value,
 								"data-disabled-reason": isV2WriteDisabled.value ? v2WriteCapability.value?.reason ?? null : null
-							}, " Update ", 10, _hoisted_46)])])),
+							}, " Update ", 10, _hoisted_45)])])),
 							shouldTruncate.value && isTextOverflowing.value && index === 0 && !isEditingThisComment.value(comment) ? (openBlock(), createElementBlock("div", {
 								key: 3,
 								class: "show-more-toggle",
@@ -13437,29 +13347,29 @@ var CommentDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 						shouldCollapseThread.value && index === 0 ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [_cache[14] || (_cache[14] = createElementVNode("div", { class: "comment-separator" }, null, -1)), createElementVNode("div", {
 							class: "collapsed-replies",
 							onClick: withModifiers(expandThread, ["stop", "prevent"])
-						}, [createElementVNode("div", _hoisted_47, [(openBlock(true), createElementBlock(Fragment, null, renderList(collapsedReplyAuthors.value, (author) => {
+						}, [createElementVNode("div", _hoisted_46, [(openBlock(true), createElementBlock(Fragment, null, renderList(collapsedReplyAuthors.value, (author) => {
 							return openBlock(), createBlock(Avatar_default, {
-								key: author.email || author.name,
+								key: (author.email || author.name) ?? void 0,
 								user: author,
 								class: "mini-avatar"
 							}, null, 8, ["user"]);
 						}), 128))]), createElementVNode("span", null, toDisplayString(collapsedReplyCount.value) + " more " + toDisplayString(collapsedReplyCount.value === 1 ? "reply" : "replies"), 1)])], 64)) : createCommentVNode("", true),
-						showSeparator.value(index) ? (openBlock(), createElementBlock("div", _hoisted_48)) : createCommentVNode("", true)
+						showSeparator.value(index) ? (openBlock(), createElementBlock("div", _hoisted_47)) : createCommentVNode("", true)
 					]);
 				}), 128)),
-				trackedChangeDecisionFailure.value ? (openBlock(), createElementBlock("div", _hoisted_49, [createElementVNode("span", _hoisted_50, toDisplayString(trackedChangeDecisionFailureMessage.value), 1), createElementVNode("button", {
+				trackedChangeDecisionFailure.value ? (openBlock(), createElementBlock("div", _hoisted_48, [createElementVNode("span", _hoisted_49, toDisplayString(trackedChangeDecisionFailureMessage.value), 1), createElementVNode("button", {
 					type: "button",
 					class: "sd-button tracked-change-decision-alert__retry",
 					onClick: withModifiers(retryTrackedChangeDecision, ["stop", "prevent"])
 				}, " Retry ")])) : createCommentVNode("", true),
-				showInputSection.value && !unref(getConfig).readOnly ? (openBlock(), createElementBlock(Fragment, { key: 4 }, [!isReplying.value ? (openBlock(), createElementBlock("button", {
+				showInputSection.value ? (openBlock(), createElementBlock(Fragment, { key: 4 }, [!isReplying.value ? (openBlock(), createElementBlock("button", {
 					key: 0,
 					type: "button",
 					class: normalizeClass(["reply-pill", { "sd-is-disabled": isV2WriteDisabled.value }]),
 					onClick: withModifiers(startReply, ["stop", "prevent"]),
 					disabled: isV2WriteDisabled.value,
 					"data-disabled-reason": isV2WriteDisabled.value ? v2WriteCapability.value?.reason ?? null : null
-				}, " Reply or add others with @ ", 10, _hoisted_51)) : (openBlock(), createElementBlock("div", _hoisted_52, [createElementVNode("div", _hoisted_53, [createVNode(CommentInput_default, {
+				}, " Reply or add others with @ ", 10, _hoisted_50)) : (openBlock(), createElementBlock("div", _hoisted_51, [createElementVNode("div", _hoisted_52, [createVNode(CommentInput_default, {
 					ref_key: "commentInput",
 					ref: commentInput,
 					users: usersFiltered.value,
@@ -13470,7 +13380,7 @@ var CommentDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 					"users",
 					"config",
 					"comment"
-				])]), createElementVNode("div", _hoisted_54, [createElementVNode("button", {
+				])]), createElementVNode("div", _hoisted_53, [createElementVNode("button", {
 					class: "sd-button reply-btn-cancel",
 					onClick: withModifiers(handleCancel, ["stop", "prevent"])
 				}, "Cancel"), createElementVNode("button", {
@@ -13478,13 +13388,13 @@ var CommentDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 					onClick: withModifiers(handleAddComment, ["stop", "prevent"]),
 					disabled: !hasTextContent.value || isV2WriteDisabled.value || isSubmittingReply.value,
 					"data-disabled-reason": v2ReplyDisabledReason.value
-				}, " Reply ", 10, _hoisted_55)])]))], 64)) : createCommentVNode("", true)
+				}, " Reply ", 10, _hoisted_54)])]))], 64)) : createCommentVNode("", true)
 			], 64))], 14, _hoisted_1$26)), [[_directive_click_outside, handleClickOutside]]);
 		};
 	}
-}, [["__scopeId", "data-v-239e0310"]]);
+}), [["__scopeId", "data-v-752d9e0b"]]);
 //#endregion
-//#region src/components/CommentsLayer/commentsList/ReviewDirectoryListItem.vue
+//#region src/components/CommentsLayer/commentsList/ReviewDirectoryListItem.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$25 = [
 	"tabindex",
 	"aria-posinset",
@@ -13496,7 +13406,9 @@ var _hoisted_1$25 = [
 	"data-comment-page-index",
 	"data-review-directory-index"
 ];
-var ReviewDirectoryListItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
+//#endregion
+//#region src/components/CommentsLayer/commentsList/ReviewDirectoryListItem.vue
+var ReviewDirectoryListItem_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "ReviewDirectoryListItem",
 	props: {
 		item: {
@@ -13545,12 +13457,15 @@ var ReviewDirectoryListItem_default = /*#__PURE__*/ _plugin_vue_export_helper_de
 		});
 		const measure = () => {
 			const height = shell.value?.getBoundingClientRect?.().height;
-			if (Number.isFinite(height) && height > 0) measuredHeight.value = height;
+			if (isFiniteNumber(height) && height > 0) measuredHeight.value = height;
 		};
 		const onFocusIn = () => {
 			containsFocus.value = true;
 			emit("focus-item", props.index);
 		};
+		const onFocusOut = (event) => {
+			containsFocus.value = event.relatedTarget instanceof Node && shell.value?.contains(event.relatedTarget) === true;
+		};
 		const onKeydown = (event) => {
 			if (![
 				"ArrowDown",
@@ -13558,7 +13473,7 @@ var ReviewDirectoryListItem_default = /*#__PURE__*/ _plugin_vue_export_helper_de
 				"Home",
 				"End"
 			].includes(event.key)) return;
-			if (event.target?.closest?.("input, textarea, select, button, [contenteditable=\"true\"]")) return;
+			if (event.target instanceof Element && event.target.closest("input, textarea, select, button, [contenteditable=\"true\"]")) return;
 			event.preventDefault();
 			emit("navigate", {
 				index: props.index,
@@ -13566,6 +13481,8 @@ var ReviewDirectoryListItem_default = /*#__PURE__*/ _plugin_vue_export_helper_de
 			});
 		};
 		onMounted(() => {
+			const element = shell.value;
+			if (!element) return;
 			if (typeof IntersectionObserver !== "undefined") {
 				intersectionObserver = new IntersectionObserver((entries) => {
 					const entry = entries[0];
@@ -13576,11 +13493,11 @@ var ReviewDirectoryListItem_default = /*#__PURE__*/ _plugin_vue_export_helper_de
 					root: null,
 					rootMargin: "600px 0px"
 				});
-				intersectionObserver.observe(shell.value);
+				intersectionObserver.observe(element);
 			}
 			if (typeof ResizeObserver !== "undefined") {
 				resizeObserver = new ResizeObserver(measure);
-				resizeObserver.observe(shell.value);
+				resizeObserver.observe(element);
 			}
 			nextTick(measure);
 		});
@@ -13605,7 +13522,7 @@ var ReviewDirectoryListItem_default = /*#__PURE__*/ _plugin_vue_export_helper_de
 				"data-comment-page-index": Number.isFinite(__props.item.floatingPageIndex) ? __props.item.floatingPageIndex : "",
 				"data-review-directory-index": __props.index,
 				onFocusin: onFocusIn,
-				onFocusout: _cache[0] || (_cache[0] = ($event) => containsFocus.value = shell.value?.contains?.($event.relatedTarget) === true),
+				onFocusout: onFocusOut,
 				onKeydown
 			}, [materialized.value ? (openBlock(), createBlock(CommentDialog_default, {
 				key: 0,
@@ -13626,14 +13543,16 @@ var ReviewDirectoryListItem_default = /*#__PURE__*/ _plugin_vue_export_helper_de
 			])) : createCommentVNode("", true)], 44, _hoisted_1$25);
 		};
 	}
-}, [["__scopeId", "data-v-29650a06"]]);
+}), [["__scopeId", "data-v-db6ccae8"]]);
 //#endregion
-//#region src/components/CommentsLayer/commentsList/commentsList.vue
+//#region src/components/CommentsLayer/commentsList/commentsList.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$24 = ["aria-busy"];
 var _hoisted_2$18 = { key: 0 };
 var _hoisted_3$15 = { key: 1 };
 var REPEATED_HEADER_FOOTER_STORY_TYPE = "headerFooterPart";
-var commentsList_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
+//#endregion
+//#region src/components/CommentsLayer/commentsList/commentsList.vue
+var commentsList_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "commentsList",
 	props: {
 		showMainComments: {
@@ -13647,12 +13566,13 @@ var commentsList_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 	},
 	setup(__props) {
 		const props = __props;
-		const commentsStore = useCommentsStore();
+		const piniaCommentsStore = useCommentsStore();
+		const commentsStore = piniaCommentsStore;
 		const listRoot = ref(null);
 		const rovingIndex = ref(0);
 		const isCommentsListVisible = toRef(commentsStore, "isCommentsListVisible");
 		const floatingCommentInstances = computed$1(() => commentsStore.getFloatingCommentInstances);
-		const { activeComment, activeFloatingCommentInstanceId, commentsList, reviewDirectoryList, isReviewDirectoryActive, isReviewDirectoryLoading } = storeToRefs(commentsStore);
+		const { activeComment, activeFloatingCommentInstanceId, commentsList, reviewDirectoryList, isReviewDirectoryActive, isReviewDirectoryLoading } = storeToRefs(piniaCommentsStore);
 		const groupedComments = computed$1(() => isReviewDirectoryActive.value ? commentsStore.getGroupedReviewDirectory : commentsStore.getGroupedComments);
 		const reviewRows = computed$1(() => isReviewDirectoryActive.value ? reviewDirectoryList.value : commentsList.value);
 		const commentAliases = (comment) => [
@@ -13683,11 +13603,15 @@ var commentsList_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			}
 			return [parentComment];
 		};
+		const getStoryType = (comment) => {
+			const story = comment?.trackedChangeStory;
+			return typeof story === "object" && story !== null ? story.storyType : void 0;
+		};
 		const getRepeatedHeaderFooterInstances = (comment) => {
 			const matchingInstances = floatingCommentInstances.value.filter((instance) => instance?.comment?.commentId === comment?.commentId);
 			if (matchingInstances.length < 2) return [];
 			if (!comment?.trackedChange) return [];
-			if (comment?.trackedChangeStory?.storyType !== REPEATED_HEADER_FOOTER_STORY_TYPE) return [];
+			if (getStoryType(comment) !== REPEATED_HEADER_FOOTER_STORY_TYPE) return [];
 			return matchingInstances;
 		};
 		const isRepeatedInstanceActive = (instance) => {
@@ -13744,8 +13668,9 @@ var commentsList_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			rovingIndex.value = nextIndex;
 			await nextTick();
 			const target = listRoot.value?.querySelector?.(`[data-review-directory-index="${nextIndex}"]`);
-			target?.scrollIntoView?.({ block: "nearest" });
-			target?.focus?.({ preventScroll: true });
+			if (!(target instanceof HTMLElement)) return;
+			target.scrollIntoView?.({ block: "nearest" });
+			target.focus?.({ preventScroll: true });
 		};
 		onMounted(() => {
 			isCommentsListVisible.value = true;
@@ -13793,7 +13718,7 @@ var commentsList_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			}), 128))])) : createCommentVNode("", true)], 8, _hoisted_1$24);
 		};
 	}
-}, [["__scopeId", "data-v-89244745"]]);
+}), [["__scopeId", "data-v-8eca48e1"]]);
 //#endregion
 //#region src/components/CommentsLayer/commentsList/super-comments-list.js
 /**
@@ -13930,10 +13855,10 @@ var FIT_WIDTH_DEFAULTS = Object.freeze({
 });
 var resolveFitWidthOptions = (rawFitConfig) => {
 	const raw = rawFitConfig && typeof rawFitConfig === "object" ? rawFitConfig : {};
-	const positiveOr = (value, fallback) => typeof value === "number" && Number.isFinite(value) && value > 0 ? value : fallback;
+	const positiveOr = (value, fallback) => isFiniteNumber(value) && value > 0 ? value : fallback;
 	const min = positiveOr(raw.min, FIT_WIDTH_DEFAULTS.min);
 	const max = positiveOr(raw.max, FIT_WIDTH_DEFAULTS.max);
-	const padding = typeof raw.padding === "number" && Number.isFinite(raw.padding) && raw.padding >= 0 ? raw.padding : FIT_WIDTH_DEFAULTS.padding;
+	const padding = isFiniteNumber(raw.padding) && raw.padding >= 0 ? raw.padding : FIT_WIDTH_DEFAULTS.padding;
 	return {
 		min: Math.min(min, max),
 		max: Math.max(min, max),
@@ -13957,12 +13882,12 @@ var normalizePdfPageMeasurement = (measured, scaleFactor, zoomFactor) => {
 var resolveV2WidestPageWidth = (snapshot) => {
 	if (!snapshot || typeof snapshot !== "object") return 0;
 	const published = snapshot.widestPageWidthPx;
-	if (typeof published === "number" && Number.isFinite(published)) return published;
+	if (isFiniteNumber(published)) return published;
 	let widestPage = 0;
 	const pages = snapshot.pages;
 	if (Array.isArray(pages)) for (const page of pages) {
 		const width = page?.base?.widthPx;
-		if (typeof width === "number" && Number.isFinite(width) && width > widestPage) widestPage = width;
+		if (isFiniteNumber(width) && width > widestPage) widestPage = width;
 	}
 	return widestPage;
 };
@@ -13979,7 +13904,7 @@ var resolveEditorPageWidth = (editor) => {
 		const pages = editor.getPages?.();
 		if (Array.isArray(pages)) for (const page of pages) {
 			const width = page?.size?.w;
-			if (typeof width === "number" && Number.isFinite(width) && width > widestPage) widestPage = width;
+			if (isFiniteNumber(width) && width > widestPage) widestPage = width;
 		}
 	} catch {
 		widestPage = 0;
@@ -13992,7 +13917,7 @@ var resolveEditorPageWidth = (editor) => {
 		pageStyles = null;
 	}
 	const pageWidthInches = pageStyles?.pageSize?.width;
-	if (typeof pageWidthInches === "number" && Number.isFinite(pageWidthInches) && pageWidthInches > 0) return pageWidthInches * CSS_PX_PER_INCH;
+	if (isFiniteNumber(pageWidthInches) && pageWidthInches > 0) return pageWidthInches * CSS_PX_PER_INCH;
 	return null;
 };
 /**
@@ -14143,12 +14068,14 @@ function createHighContrastMode() {
 		}
 	};
 }
-var HIGH_CONTRAST_OFF = {
-	isHighContrastMode: readonly(ref(false)),
-	setHighContrastMode: () => {}
-};
+function createHighContrastOff() {
+	return {
+		isHighContrastMode: readonly(ref(false)),
+		setHighContrastMode: () => {}
+	};
+}
 function useHighContrastMode() {
-	return inject$1(HIGH_CONTRAST_MODE_KEY, HIGH_CONTRAST_OFF);
+	return inject$1(HIGH_CONTRAST_MODE_KEY, createHighContrastOff, true);
 }
 //#endregion
 //#region ../layout-engine/contracts/src/author-colors.ts
@@ -14407,7 +14334,7 @@ var resolveRemovedReviewCardContinuityTarget = ({ previousIds, currentIds, remov
 	return null;
 };
 //#endregion
-//#region src/components/CommentsLayer/FloatingComments.vue
+//#region src/components/CommentsLayer/FloatingComments.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$23 = [
 	"data-comment-id",
 	"data-comment-instance-id",
@@ -14416,7 +14343,9 @@ var _hoisted_1$23 = [
 	"data-comment-page-index"
 ];
 var _heightsCache = {};
-var FloatingComments_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
+//#endregion
+//#region src/components/CommentsLayer/FloatingComments.vue
+var FloatingComments_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "FloatingComments",
 	props: {
 		currentDocument: {
@@ -14459,9 +14388,10 @@ var FloatingComments_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 		};
 		const props = __props;
 		const superdocStore = useSuperdocStore();
-		const commentsStore = useCommentsStore();
+		const piniaCommentsStore = useCommentsStore();
+		const commentsStore = piniaCommentsStore;
 		const { clearInstantSidebarAlignment } = commentsStore;
-		const { activeComment, activeFloatingCommentInstanceId, editorCommentPositions, pendingComment, editingCommentId, instantSidebarAlignmentTargetY, instantSidebarAlignmentThreadId, instantSidebarAlignmentInstanceId } = storeToRefs(commentsStore);
+		const { activeComment, activeFloatingCommentInstanceId, editorCommentPositions, pendingComment, editingCommentId, instantSidebarAlignmentTargetY, instantSidebarAlignmentThreadId, instantSidebarAlignmentInstanceId } = storeToRefs(piniaCommentsStore);
 		const { activeZoom } = storeToRefs(superdocStore);
 		const committedPresentation = computed$1(() => commentsStore.committedReviewPresentations?.[String(props.currentDocument?.id)] ?? null);
 		const committedInstances = computed$1(() => {
@@ -14568,7 +14498,7 @@ var FloatingComments_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 				return bottom != null ? bottom * zoom : anchorTop;
 			}
 			const bottom = instance?.positionEntry?.bounds?.bottom;
-			return Number.isFinite(bottom) ? bottom : anchorTop;
+			return isFiniteNumber(bottom) ? bottom : anchorTop;
 		};
 		const geometryBearingInstances = computed$1(() => {
 			const positioned = [];
@@ -14576,8 +14506,8 @@ var FloatingComments_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 				const id = instance?.id;
 				const threadId = getThreadId(instance?.comment);
 				const anchorTop = getAnchorTop(instance);
-				if (id == null || threadId == null || !Number.isFinite(anchorTop)) continue;
-				const top = normalizeFloatingAnchorTop(anchorTop, instance.comment);
+				if (id == null || threadId == null || !isFiniteNumber(anchorTop)) continue;
+				const top = normalizeFloatingAnchorTop(anchorTop);
 				positioned.push({
 					id,
 					threadId,
@@ -14599,8 +14529,7 @@ var FloatingComments_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			return shouldMountFloatingCommentDialog({
 				id: position?.id,
 				visibleIds: committedPresentation.value ? new Set(allPositions.value.filter((item) => item.instanceRef?.mount).map((item) => item.id)) : visibleIds.value,
-				activeCommentInstanceId: activeCommentInstanceId.value,
-				comment: position?.commentRef
+				activeCommentInstanceId: activeCommentInstanceId.value
 			});
 		};
 		const getFloatingViewportRange = () => {
@@ -14956,14 +14885,14 @@ var FloatingComments_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			if (!directDecisionContinuity) return;
 			const actionElement = (event?.target instanceof Element ? event.target : null)?.closest?.("[data-comment-action]");
 			const action = actionElement?.getAttribute?.("data-comment-action");
-			if (!((action === "resolve" || action === "reject") && floatingCommentsContainer.value?.contains?.(actionElement))) releaseDirectDecisionContinuity();
+			if (!((action === "resolve" || action === "reject") && floatingCommentsContainer.value?.contains?.(actionElement ?? null))) releaseDirectDecisionContinuity();
 		};
 		const clearDeferredRemeasureTimers = () => {
 			remeasureTimers.forEach(clearTimeout);
 			remeasureTimers = [];
 		};
 		const remeasureCommentKeys = (keys) => {
-			for (const key of keys.filter(Boolean)) {
+			for (const key of keys.filter((candidate) => Boolean(candidate))) {
 				const el = placeholderRefs.value[key];
 				if (!el) continue;
 				const dialog = el.querySelector(".comments-dialog");
@@ -15084,7 +15013,7 @@ var FloatingComments_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 				removedId: removedKey
 			});
 			const targetClientY = (targetKey ? placeholderRefs.value[targetKey] : null)?.getBoundingClientRect?.().top;
-			if (!targetKey || !Number.isFinite(targetClientY)) {
+			if (!targetKey || !isFiniteNumber(targetClientY)) {
 				clearSidebarContinuityAnchor();
 				return false;
 			}
@@ -15097,9 +15026,9 @@ var FloatingComments_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			return true;
 		};
 		const prepareSidebarContinuityForDirectDecision = (event) => {
-			const actionElement = event?.target?.closest?.("[data-comment-action]");
+			const actionElement = (event?.target instanceof Element ? event.target : null)?.closest?.("[data-comment-action]");
 			const action = actionElement?.getAttribute?.("data-comment-action");
-			if (action !== "resolve" && action !== "reject") return;
+			if (!actionElement || action !== "resolve" && action !== "reject") return;
 			releaseDirectDecisionContinuity();
 			if (actionElement.getAttribute?.("aria-disabled") === "true") return;
 			const removedKey = (actionElement.closest?.("[data-comment-id]"))?.getAttribute?.("data-comment-id");
@@ -15115,7 +15044,7 @@ var FloatingComments_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 				removedId: removedKey
 			});
 			const targetClientY = (targetKey ? placeholderRefs.value[targetKey] : null)?.getBoundingClientRect?.().top;
-			if (!targetKey || !Number.isFinite(targetClientY)) return;
+			if (!targetKey || !isFiniteNumber(targetClientY)) return;
 			directDecisionContinuity = {
 				removedKey,
 				targetKey,
@@ -15175,7 +15104,7 @@ var FloatingComments_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			instantAlignmentInstanceKey,
 			instantSidebarAlignmentTargetY
 		], ([activeKey, requestKey, targetY]) => {
-			if (!activeKey || !requestKey || activeKey !== requestKey || !Number.isFinite(targetY)) return;
+			if (!activeKey || !requestKey || activeKey !== requestKey || !isFiniteNumber(targetY)) return;
 			applyInstantSidebarAlignment(activeKey, targetY);
 		});
 		watch$1(editingCommentId, () => {
@@ -15232,10 +15161,10 @@ var FloatingComments_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 		let prevActiveLayoutTop = null;
 		watch$1(allPositions, (positions) => {
 			const activePosition = activeCommentInstanceId.value ? positions.find((position) => position.id === activeCommentInstanceId.value) : null;
-			const activeAnchorTop = typeof activePosition?.anchorTop === "number" && Number.isFinite(activePosition.anchorTop) ? activePosition.anchorTop : null;
+			const activeAnchorTop = isFiniteNumber(activePosition?.anchorTop) ? activePosition.anchorTop : null;
 			const sameActiveInstance = activeCommentInstanceId.value === prevActiveInstanceId;
 			const activeAnchorMoved = sameActiveInstance && activeAnchorTop != null && prevActiveAnchorTop != null && Math.abs(activeAnchorTop - prevActiveAnchorTop) > 1;
-			const activeLayoutTop = typeof activePosition?.top === "number" && Number.isFinite(activePosition.top) ? activePosition.top : null;
+			const activeLayoutTop = isFiniteNumber(activePosition?.top) ? activePosition.top : null;
 			const activeLayoutMoved = sameActiveInstance && activeLayoutTop != null && prevActiveLayoutTop != null && Math.abs(activeLayoutTop - prevActiveLayoutTop) > 1;
 			if (activeAnchorMoved && sidebarOffsetY.value !== 0 && !Number.isFinite(instantSidebarAlignmentTargetY.value)) {
 				sidebarOffsetY.value = 0;
@@ -15399,8 +15328,8 @@ var FloatingComments_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 					parent: __props.parent,
 					comment: pos.commentRef,
 					"floating-instance-id": pos.id,
-					"floating-page-index": pos.pageIndex,
-					"floating-position-entry": pos.instanceRef?.positionEntry ?? null,
+					"floating-page-index": pos.pageIndex ?? void 0,
+					"floating-position-entry": pos.instanceRef?.positionEntry ?? void 0,
 					"is-floating-instance-active": pos.id === activeCommentInstanceId.value
 				}, null, 8, [
 					"onResize",
@@ -15414,9 +15343,9 @@ var FloatingComments_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			}), 128))], 4)], 36);
 		};
 	}
-}, [["__scopeId", "data-v-145f83db"]]);
+}), [["__scopeId", "data-v-e74251e0"]]);
 //#endregion
-//#region src/components/CommentsLayer/PdfCommentsLayer.vue
+//#region src/components/CommentsLayer/PdfCommentsLayer.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$22 = {
 	class: "superdoc__pdf-comments-layer pdf-comments-layer",
 	"aria-hidden": "false"
@@ -15431,7 +15360,9 @@ var _hoisted_2$17 = [
 var PDF_SELECTION_SOURCE = "pdf";
 var INTERNAL_HIGHLIGHT_COLOR = "#078383";
 var EXTERNAL_HIGHLIGHT_COLOR = "#B1124B";
-var PdfCommentsLayer_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
+//#endregion
+//#region src/components/CommentsLayer/PdfCommentsLayer.vue
+var PdfCommentsLayer_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "PdfCommentsLayer",
 	emits: ["anchor-activate"],
 	setup(__props, { emit: __emit }) {
@@ -15450,11 +15381,12 @@ var PdfCommentsLayer_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 		* on-document DOCX comment markers.
 		*/
 		const emit = __emit;
-		const commentsStore = useCommentsStore();
+		const piniaCommentsStore = useCommentsStore();
+		const commentsStore = piniaCommentsStore;
 		const superdocStore = useSuperdocStore();
-		const { activeComment } = storeToRefs(commentsStore);
+		const { activeComment } = storeToRefs(piniaCommentsStore);
 		const { documents, activeZoom } = storeToRefs(superdocStore);
-		const { proxy } = getCurrentInstance();
+		const { proxy } = useSuperDocInstance();
 		const isFiniteNumber = (value) => {
 			if (typeof value === "number") return Number.isFinite(value);
 			if (typeof value === "string" && value.trim() !== "") return Number.isFinite(Number(value));
@@ -15493,15 +15425,20 @@ var PdfCommentsLayer_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 		const pdfCommentAnchors = computed$1(() => {
 			const parentComments = commentsStore.getFloatingComments;
 			if (!Array.isArray(parentComments)) return [];
-			return parentComments.filter((comment) => comment?.selection?.source === PDF_SELECTION_SOURCE).filter((comment) => !comment.resolvedTime).filter((comment) => getAnchorCommentId(comment) !== null).filter((comment) => hasFiniteBounds(comment.selection?.selectionBounds)).filter((comment) => belongsToOpenPdfDocument(comment)).map((comment) => {
+			return parentComments.flatMap((comment) => {
+				if (comment?.selection?.source !== PDF_SELECTION_SOURCE) return [];
+				if (comment.resolvedTime) return [];
 				const commentId = getAnchorCommentId(comment);
-				const bounds = normalizeBounds(comment.selection.selectionBounds);
-				return {
+				if (commentId === null) return [];
+				const selectionBounds = comment.selection.selectionBounds;
+				if (!hasFiniteBounds(selectionBounds)) return [];
+				if (!belongsToOpenPdfDocument(comment)) return [];
+				return [{
 					commentId,
-					page: comment.selection?.page ?? null,
+					page: comment.selection.page ?? null,
 					isInternal: comment.isInternal !== false,
-					bounds
-				};
+					bounds: normalizeBounds(selectionBounds)
+				}];
 			});
 		});
 		const getAnchorStyle = (anchor) => {
@@ -15539,7 +15476,7 @@ var PdfCommentsLayer_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			}), 128))]);
 		};
 	}
-}, [["__scopeId", "data-v-b5ad4c58"]]);
+}), [["__scopeId", "data-v-86166837"]]);
 //#endregion
 //#region src/components/Whiteboard/use-whiteboard.js
 var useWhiteboard = ({ proxy, layers, documents, modules }) => {
@@ -15939,18 +15876,6 @@ var collectRemovedCommentIds = (comments, targetIds, isInScope = () => true) =>
 	}
 	return removedIds;
 };
-//#endregion
-//#region src/composables/use-superdoc-instance.ts
-function useSuperDocInstance() {
-	const instance = getCurrentInstance();
-	if (!instance?.proxy) throw new Error("useSuperDocInstance() must be called during a component setup function.");
-	const superdoc = instance.appContext.config.globalProperties.$superdoc;
-	if (!superdoc) throw new Error("useSuperDocInstance() found no SuperDoc registered at app.config.globalProperties.$superdoc.");
-	return {
-		proxy: instance.proxy,
-		superdoc
-	};
-}
 var VALID_COMMENTS_LAYOUTS = /* @__PURE__ */ new Set([
 	"auto",
 	"sidebar",
@@ -15989,13 +15914,13 @@ function normalizeCommentsUiConfig(commentsConfig) {
 	if (deprecatedTarget === void 0) delete normalized.compactMeasurementSelector;
 	else normalized.compactMeasurementSelector = deprecatedTarget;
 	const deprecatedBreakpoint = commentsConfig.compactBreakpointPx;
-	if (!(typeof deprecatedBreakpoint === "number" && Number.isFinite(deprecatedBreakpoint) && deprecatedBreakpoint >= 0)) delete normalized.compactBreakpointPx;
+	if (!(isFiniteNumber(deprecatedBreakpoint) && deprecatedBreakpoint >= 0)) delete normalized.compactBreakpointPx;
 	delete normalized.layout;
 	delete normalized.responsive;
 	if (isCommentsLayout(layout)) normalized.layout = layout;
 	const normalizedResponsive = {};
 	if (target !== void 0) normalizedResponsive.target = target;
-	if (typeof breakpoint === "number" && Number.isFinite(breakpoint) && breakpoint >= 0) normalizedResponsive.breakpoint = breakpoint;
+	if (isFiniteNumber(breakpoint) && breakpoint >= 0) normalizedResponsive.breakpoint = breakpoint;
 	if (Object.keys(normalizedResponsive).length > 0) normalized.responsive = normalizedResponsive;
 	return normalized;
 }
@@ -16003,7 +15928,7 @@ function normalizeCommentsUiConfig(commentsConfig) {
 //#region src/composables/use-comment-small-screen.js
 var SUPERDOC_DOCUMENT_SELECTOR = ".superdoc__document";
 var isValidCompactBreakpoint = (value) => {
-	return typeof value === "number" && Number.isFinite(value) && value >= 0;
+	return isFiniteNumber(value) && value >= 0;
 };
 var getRequiredSidebarWidth = (documentWidth) => {
 	return documentWidth + 320 + 24;
@@ -16150,7 +16075,6 @@ var COMMENT_HIGHLIGHT_DATA_ATTR = "data-comment-ids";
 var PDF_COMMENT_ANCHOR_SELECTOR = ".sd-comment-anchor";
 var clamp = (value, min, max) => Math.min(Math.max(value, min), max);
 var toNumber = (value) => Number(value);
-var isFiniteNumber = (value) => Number.isFinite(value);
 var getCommentAnchorId = (comment) => comment?.commentId ?? comment?.importedId ?? null;
 var parseCommentIds = (value) => String(value || "").split(",").map((s) => s.trim()).filter(Boolean);
 var resolveInteractionAnchor = (lastClickAnchor) => {
@@ -17979,7 +17903,7 @@ var toolbarIcons = {
 	formattingMarks: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><text x=\"12\" y=\"18\" text-anchor=\"middle\" font-family=\"Arial, Helvetica, sans-serif\" font-size=\"20\" font-weight=\"700\" fill=\"currentColor\">¶</text></svg>\n"
 };
 //#endregion
-//#region src/internal/toolbar/built-in/LinkInput.vue
+//#region src/internal/toolbar/built-in/LinkInput.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$20 = {
 	key: 0,
 	class: "link-title"
@@ -18027,7 +17951,9 @@ var _hoisted_18$1 = {
 	role: "status",
 	class: "sd-error"
 };
-var LinkInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
+//#endregion
+//#region src/internal/toolbar/built-in/LinkInput.vue
+var LinkInput_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "LinkInput",
 	props: {
 		showInput: {
@@ -18178,7 +18104,7 @@ var LinkInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			commandError.value = "";
 			try {
 				const result = await runLinkCommand(payload);
-				if (result === false || result == null || typeof result === "object" && (result.success === false || result.status === "rejected")) {
+				if (result === false || result == null || typeof result === "object" && result.success === false) {
 					commandError.value = "Could not apply link. Check the selection and try again.";
 					return;
 				}
@@ -18288,7 +18214,7 @@ var LinkInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			], 2);
 		};
 	}
-}, [["__scopeId", "data-v-360db842"]]);
+}), [["__scopeId", "data-v-172107e4"]]);
 //#endregion
 //#region src/internal/toolbar/built-in/scroll-helpers.js
 function getScrollableParent(element) {
@@ -20205,7 +20131,7 @@ function translateExportDiagnostic(error, ctx = {}) {
 * event only fires on success, fires AFTER the diagnostics events on the
 * success path, and never fires at all for a failed attempt.
 *
-* @param {{generation?: unknown}} [payload]
+* @param {{generation?: unknown} | null} [payload]
 * @returns {number}
 */
 function getV2DiagnosticGeneration(payload) {
@@ -20277,7 +20203,9 @@ function createV2DiagnosticDedupe() {
 function isBootDiagnosticRedundant(bootDiagnostic, reason, translatedRecords) {
 	return Boolean(bootDiagnostic) && bootDiagnostic.internalCode === reason && translatedRecords.length > 0;
 }
-var SurfaceExternalMount_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
+//#endregion
+//#region src/components/surfaces/SurfaceExternalMount.vue
+var SurfaceExternalMount_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "SurfaceExternalMount",
 	props: {
 		surfaceId: {
@@ -20339,7 +20267,7 @@ var SurfaceExternalMount_default = /*#__PURE__*/ _plugin_vue_export_helper_defau
 			}, null, 512);
 		};
 	}
-}, [["__scopeId", "data-v-b2412c5d"]]);
+}), [["__scopeId", "data-v-d1081bc8"]]);
 //#endregion
 //#region src/components/surfaces/focusable-selector.js
 /**
@@ -20355,11 +20283,13 @@ var FOCUSABLE_SELECTOR = [
 	"[tabindex]:not([tabindex=\"-1\"])"
 ].join(", ");
 //#endregion
-//#region src/components/surfaces/SurfaceDialog.vue
+//#region src/components/surfaces/SurfaceDialog.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$19 = ["aria-labelledby", "aria-label"];
 var _hoisted_2$15 = ["id"];
 var _hoisted_3$13 = { class: "sd-surface-dialog__content" };
-var SurfaceDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
+//#endregion
+//#region src/components/surfaces/SurfaceDialog.vue
+var SurfaceDialog_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "SurfaceDialog",
 	props: {
 		surface: {
@@ -20406,7 +20336,7 @@ var SurfaceDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			if (props.scrollLockTarget) scrollLockTarget = props.scrollLockTarget;
 			else {
 				const superdocRoot = dialogRef.value?.closest(".superdoc");
-				scrollLockTarget = superdocRoot?.querySelector(".superdoc__layers") ?? superdocRoot;
+				scrollLockTarget = superdocRoot?.querySelector(".superdoc__layers") ?? superdocRoot ?? null;
 			}
 			if (!scrollLockTarget) return;
 			originalOverflow = scrollLockTarget.style.overflow;
@@ -20507,7 +20437,7 @@ var SurfaceDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			])) : __props.surface.component ? (openBlock(), createBlock(resolveDynamicComponent(__props.surface.component), normalizeProps(mergeProps({ key: 1 }, mergedComponentProps.value)), null, 16)) : createCommentVNode("", true)])], 12, _hoisted_1$19)], 32);
 		};
 	}
-}, [["__scopeId", "data-v-5cee3b11"]]);
+}), [["__scopeId", "data-v-6ce23dd7"]]);
 //#endregion
 //#region src/components/surfaces/SurfaceFloating.vue
 var _hoisted_1$18 = ["aria-labelledby", "aria-label"];
@@ -20885,7 +20815,7 @@ var SurfaceHost_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 	}
 }, [["__scopeId", "data-v-dad99b67"]]);
 //#endregion
-//#region src/SuperDoc.vue
+//#region src/SuperDoc.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$17 = ["data-superdoc-ui-owner"];
 var _hoisted_2$13 = ["innerHTML"];
 var _hoisted_3$11 = { class: "superdoc__document document" };
@@ -20893,11 +20823,13 @@ var _hoisted_4$9 = { class: "floating-comments" };
 var TRACKED_CHANGE_CARRIERS_RESTAMPED_EVENT = "superdoc:v2-tracked-change-carriers-restamped";
 var UNAVAILABLE_COMMAND_RESULT = false;
 var V2_SELECTION_TOOLBAR_SYNC_RETRY_FRAMES = 3;
-var SuperDoc_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
+//#endregion
+//#region src/SuperDoc.vue
+var SuperDoc_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "SuperDoc",
 	emits: ["selection-update"],
 	setup(__props, { emit: __emit }) {
-		const PdfViewer = defineAsyncComponent(() => import("./chunks/PdfViewer-JHXZQZ9x.es.js"));
+		const PdfViewer = defineAsyncComponent(() => import("./chunks/PdfViewer-D4lVeOJu.es.js"));
 		const getDocumentLoadPassword = (doc) => doc.password ?? proxy.$superdoc.config.password;
 		const resolveDocumentV2Collaboration = (doc) => {
 			const rawConfig = doc?.v2Collaboration;
@@ -21159,7 +21091,7 @@ var SuperDoc_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			if (typeof bindSessionShortcuts !== "function") return;
 			const unbind = bindSessionShortcuts({
 				routes: createV2SessionShortcutRoutes({
-					resolveToolbarElement: () => proxy.$superdoc?.toolbar?.toolbarContainer ?? null,
+					resolveToolbarElement: () => (proxy.$superdoc?.toolbar)?.toolbarContainer ?? null,
 					getDocumentApi: () => documentApi ?? null,
 					...firstPartyCommandMutation ? { runReferenceMutation: (memberPath, input) => firstPartyCommandMutation.run(memberPath, [input]) } : {},
 					pageNumberCommand: {
@@ -21194,7 +21126,7 @@ var SuperDoc_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			if (document && provider?.sendStateless) document.provider = null;
 			const entry = v2Runtimes.get(documentId);
 			if (!entry) return;
-			proxy.$superdoc.unregisterEditorRuntime(entry.runtimeId);
+			proxy.$superdoc["unregisterEditorRuntime"](entry.runtimeId);
 			v2Runtimes.delete(documentId);
 			const hostRoot = subDocumentRoots.get(documentId);
 			if (hostRoot) unmarkRuntimeRoot(hostRoot);
@@ -21214,7 +21146,7 @@ var SuperDoc_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 				host,
 				getLegacyEditorProjection: () => facade,
 				onUnregister: (id) => {
-					proxy.$superdoc.unregisterEditorRuntime(id);
+					proxy.$superdoc["unregisterEditorRuntime"](id);
 					const current = v2Runtimes.get(documentId);
 					if (current && current.runtimeId === id) v2Runtimes.delete(documentId);
 					const hostRoot = subDocumentRoots.get(documentId);
@@ -21223,12 +21155,12 @@ var SuperDoc_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			});
 			adapter.attachMountHandle(mount ?? null);
 			markRuntimeRoot(root, runtimeId);
-			proxy.$superdoc.registerEditorRuntime(adapter.runtime);
+			proxy.$superdoc["registerEditorRuntime"](adapter.runtime);
 			v2Runtimes.set(documentId, {
 				runtimeId,
 				adapter
 			});
-			proxy.$superdoc.setActiveRuntime(runtimeId, "v2-editor-ready");
+			proxy.$superdoc["setActiveRuntime"](runtimeId, "v2-editor-ready");
 			return true;
 		};
 		const v2ReviewWindowController = resolvedEditorIntegration.createReviewWindowController({ applyReviewWindow: (ctx, result) => commentsStore.applyReviewWindowFromV2?.({
@@ -21754,7 +21686,7 @@ var SuperDoc_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			if (!isV2Mode.value) return;
 			let handles = null;
 			try {
-				handles = proxy.$superdoc?.activeEditor?.host?.getHandles?.() ?? null;
+				handles = (proxy.$superdoc?.activeEditor)?.host?.getHandles?.() ?? null;
 			} catch {
 				handles = null;
 			}
@@ -21833,7 +21765,7 @@ var SuperDoc_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			syncV2SelectionToolbarState();
 		};
 		const getActiveV2MountContainer = () => {
-			return v2GeometryRender.value?.mountContainer ?? proxy.$superdoc?.activeEditor?.mount?.container ?? null;
+			return v2GeometryRender.value?.mountContainer ?? (proxy.$superdoc?.activeEditor)?.mount?.container ?? null;
 		};
 		const escapeCssIdent = (value) => {
 			const raw = String(value);
@@ -22344,7 +22276,7 @@ var SuperDoc_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			}
 		};
 		const activateRuntimeFromEvent = (event, reason) => {
-			proxy.$superdoc?.activateRuntimeFromEventTarget?.(event.target, reason);
+			proxy.$superdoc?.["activateRuntimeFromEventTarget"]?.(event.target, reason);
 		};
 		const handleRuntimeFocusIn = (event) => activateRuntimeFromEvent(event, "focusin");
 		const handleRuntimePointerDown = (event) => activateRuntimeFromEvent(event, "pointerdown");
@@ -22752,8 +22684,8 @@ var SuperDoc_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			if (!isCommentsEnabled.value) return false;
 			return !getConfig.value?.readOnly && selectionPosition.value;
 		});
-		watch$1(showCommentsSidebar, (value) => {
-			proxy.$superdoc.broadcastSidebarToggle(value);
+		watch$1(() => Boolean(showCommentsSidebar.value), (isOpened) => {
+			proxy.$superdoc.broadcastSidebarToggle(isOpened);
 		});
 		useViewportFit({
 			getSuperdoc: () => proxy.$superdoc,
@@ -22834,7 +22766,7 @@ var SuperDoc_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			const activeElement = document.activeElement;
 			if (!(activeElement instanceof Node)) return false;
 			if (root?.contains(activeElement)) return true;
-			const activeEditorDom = proxy.$superdoc?.activeEditor?.view?.dom;
+			const activeEditorDom = (proxy.$superdoc?.activeEditor?.view)?.dom;
 			return activeEditorDom instanceof Node && (activeElement === activeEditorDom || activeEditorDom.contains?.(activeElement));
 		}
 		/**
@@ -23027,16 +22959,18 @@ var SuperDoc_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			resetSelection();
 			selectionLayer.value.style.pointerEvents = "auto";
 			nextTick(() => {
+				const layer = selectionLayer.value;
+				if (!layer) return;
 				isDragging.value = true;
-				selectionLayer.value.style.pointerEvents = "none";
+				layer.style.pointerEvents = "none";
 				const pageNumber = getPdfPageNumberFromEvent(e);
-				selectionLayer.value.style.pointerEvents = "auto";
+				layer.style.pointerEvents = "auto";
 				if (!pageNumber) {
 					isDragging.value = false;
-					selectionLayer.value.style.pointerEvents = "none";
+					layer.style.pointerEvents = "none";
 					return;
 				}
-				const layerBounds = selectionLayer.value.getBoundingClientRect();
+				const layerBounds = layer.getBoundingClientRect();
 				const zoom = activeZoom.value / 100;
 				const x = (e.clientX - layerBounds.left) / zoom;
 				const y = (e.clientY - layerBounds.top) / zoom;
@@ -23046,7 +22980,7 @@ var SuperDoc_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 					page: pageNumber,
 					source: "pdf"
 				});
-				selectionLayer.value.addEventListener("mousemove", handleDragMove);
+				layer.addEventListener("mousemove", handleDragMove);
 			});
 		};
 		const handleDragMove = (e) => {
@@ -23121,7 +23055,7 @@ var SuperDoc_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			if (typeof container === "string") return (typeof document !== "undefined" ? document : globalThis.document)?.querySelector(container) ?? null;
 			return typeof HTMLElement !== "undefined" && container instanceof HTMLElement ? container : null;
 		};
-		const getActiveV2DocumentId = () => proxy.$superdoc?.activeEditor?.documentId ?? proxy.$superdoc?.activeEditor?.options?.documentId ?? null;
+		const getActiveV2DocumentId = () => (proxy.$superdoc?.activeEditor)?.documentId ?? proxy.$superdoc?.activeEditor?.options?.documentId ?? null;
 		const resolveV2RulerAlignmentContainer = () => {
 			if (resolvedRulerContainer.value) return resolveV2RulerContainer();
 			const activeDocumentId = getActiveV2DocumentId();
@@ -23512,7 +23446,7 @@ var SuperDoc_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			], 46, _hoisted_1$17);
 		};
 	}
-}, [["__scopeId", "data-v-ba00d895"]]);
+}), [["__scopeId", "data-v-da95e5c5"]]);
 //#endregion
 //#region src/core/create-app.js
 var PINIA_DEVTOOLS_SETUP_EVENT = "devtools-plugin:setup";
@@ -26913,10 +26847,12 @@ var throttle = (func, wait, options) => {
 	return throttled;
 };
 //#endregion
-//#region src/internal/toolbar/built-in/ToolbarButtonIcon.vue
+//#region src/internal/toolbar/built-in/ToolbarButtonIcon.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$16 = { class: "sd-toolbar-icon" };
 var _hoisted_2$12 = ["innerHTML"];
-var ToolbarButtonIcon_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
+//#endregion
+//#region src/internal/toolbar/built-in/ToolbarButtonIcon.vue
+var ToolbarButtonIcon_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "ToolbarButtonIcon",
 	props: {
 		name: {
@@ -26952,9 +26888,9 @@ var ToolbarButtonIcon_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 			}, null, 4)) : createCommentVNode("", true)]);
 		};
 	}
-}, [["__scopeId", "data-v-65ecd5b1"]]);
+}), [["__scopeId", "data-v-e72eee56"]]);
 //#endregion
-//#region src/internal/toolbar/built-in/ToolbarButton.vue
+//#region src/internal/toolbar/built-in/ToolbarButton.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$15 = [
 	"role",
 	"aria-label",
@@ -26981,7 +26917,9 @@ var _hoisted_11$1 = {
 	"aria-live": "polite",
 	class: "sd-visually-hidden"
 };
-var ToolbarButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
+//#endregion
+//#region src/internal/toolbar/built-in/ToolbarButton.vue
+var ToolbarButton_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "ToolbarButton",
 	props: {
 		iconColor: {
@@ -27024,9 +26962,9 @@ var ToolbarButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 	],
 	setup(__props, { emit: __emit }) {
 		const emit = __emit;
-		const { proxy } = getCurrentInstance();
+		const proxy = getCurrentInstance()?.proxy;
 		const props = __props;
-		const { name, active, icon, label, hideLabel, iconColor, hasCaret, splitButton, disabled, expand, inlineTextInputVisible, hasInlineTextInput, minWidth, style, attributes } = props.toolbarItem;
+		const { name, active, icon, label, hideLabel, iconColor, hasCaret, splitButton, disabled, expand, inlineTextInputVisible, hasInlineTextInput, style, attributes } = props.toolbarItem;
 		const isSplit = computed$1(() => Boolean(splitButton?.value) && Boolean(hasCaret?.value));
 		const itemName = computed$1(() => name?.value ?? "");
 		const inlineTextInput = ref("");
@@ -27138,17 +27076,13 @@ var ToolbarButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			}
 			if (itemName.value === "fontSize") nextTick(focusEditorSurface);
 		};
-		const getStyle = computed$1(() => {
-			if (style.value) return style.value;
-			return { minWidth: props.minWidth };
-		});
 		const caretIcon = computed$1(() => {
 			return expand?.value ? toolbarIcons.dropdownCaretUp : toolbarIcons.dropdownCaretDown;
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {
 				class: normalizeClass(["sd-toolbar-item", unref(attributes).className]),
-				style: normalizeStyle(getStyle.value),
+				style: normalizeStyle(unref(style)),
 				role: __props.isOverflowItem ? "menuitem" : "button",
 				"aria-label": unref(attributes).ariaLabel,
 				"aria-disabled": unref(disabled) ? "true" : void 0,
@@ -27252,7 +27186,7 @@ var ToolbarButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			], 10, _hoisted_2$11)], 46, _hoisted_1$15);
 		};
 	}
-}, [["__scopeId", "data-v-96796456"]]);
+}), [["__scopeId", "data-v-40889353"]]);
 //#endregion
 //#region src/internal/toolbar/built-in/ToolbarSeparator.vue
 var _hoisted_1$14 = {
@@ -27282,7 +27216,7 @@ var ToolbarSeparator_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 	}
 }, [["__scopeId", "data-v-cb82253a"]]);
 //#endregion
-//#region src/internal/toolbar/built-in/ToolbarDropdown.vue
+//#region src/internal/toolbar/built-in/ToolbarDropdown.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$13 = { class: "toolbar-dropdown" };
 var _hoisted_2$10 = ["data-superdoc-ui-owner"];
 var _hoisted_3$9 = ["onClick"];
@@ -27292,7 +27226,9 @@ var _hoisted_4$7 = {
 };
 var _hoisted_5$5 = { class: "toolbar-dropdown-option__label" };
 var TRIGGER_FOCUS_SELECTOR = "button, [href], input, select, textarea, [role=\"button\"], [tabindex]:not([tabindex=\"-1\"])";
-var ToolbarDropdown_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
+//#endregion
+//#region src/internal/toolbar/built-in/ToolbarDropdown.vue
+var ToolbarDropdown_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "ToolbarDropdown",
 	props: {
 		options: {
@@ -27449,7 +27385,7 @@ var ToolbarDropdown_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			if (!value) return false;
 			if (typeof value === "string") return value.split(/\s+/).includes("sd-selected");
 			if (Array.isArray(value)) return value.some(classHasSelected);
-			if (typeof value === "object") return Boolean(value["sd-selected"]);
+			if (typeof value === "object") return "sd-selected" in value && Boolean(value["sd-selected"]);
 			return false;
 		};
 		const isOptionSelected = (option) => {
@@ -27681,7 +27617,7 @@ var ToolbarDropdown_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			})], 8, ["to"]))]);
 		};
 	}
-}, [["__scopeId", "data-v-e6f71d76"]]);
+}), [["__scopeId", "data-v-50758732"]]);
 //#endregion
 //#region src/internal/toolbar/built-in/toolbar-focus-helpers.js
 var preventEditorFocusTransfer = (event) => {
@@ -27902,7 +27838,7 @@ var normalizeCustomFontSize = (value) => {
 	return String(Math.min(halfPoint, MAX_FONT_SIZE));
 };
 //#endregion
-//#region src/internal/toolbar/built-in/ToolbarComboBox.vue
+//#region src/internal/toolbar/built-in/ToolbarComboBox.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$12 = ["data-item"];
 var _hoisted_2$9 = [
 	"id",
@@ -27937,7 +27873,9 @@ var _hoisted_8$1 = {
 	class: "sd-button-label sd-font-combobox__legacy-label",
 	"aria-hidden": "true"
 };
-var ToolbarComboBox_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
+//#endregion
+//#region src/internal/toolbar/built-in/ToolbarComboBox.vue
+var ToolbarComboBox_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "ToolbarComboBox",
 	props: {
 		item: {
@@ -28423,10 +28361,10 @@ var ToolbarComboBox_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			], 14, _hoisted_1$12);
 		};
 	}
-}, [["__scopeId", "data-v-eb442535"]]);
+}), [["__scopeId", "data-v-e9143b7e"]]);
 //#endregion
 //#region src/internal/toolbar/built-in/FontFamilyCombobox.vue
-var _sfc_main$14 = {
+var _sfc_main$11 = {
 	__name: "FontFamilyCombobox",
 	props: {
 		item: {
@@ -28467,7 +28405,7 @@ var _sfc_main$14 = {
 };
 //#endregion
 //#region src/internal/toolbar/built-in/FontSizeCombobox.vue
-var _sfc_main$13 = {
+var _sfc_main$10 = {
 	__name: "FontSizeCombobox",
 	props: {
 		item: {
@@ -28507,9 +28445,12 @@ var _sfc_main$13 = {
 	}
 };
 //#endregion
-//#region src/internal/toolbar/built-in/SdTooltip.vue
+//#region src/internal/toolbar/built-in/SdTooltip.vue?vue&type=script&setup=true&lang.ts
 var AUTO_HIDE_DELAY = 2500;
-var SdTooltip_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
+//#endregion
+//#region src/internal/toolbar/built-in/SdTooltip.vue
+var SdTooltip_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
 	__name: "SdTooltip",
 	props: {
 		trigger: {
@@ -28723,7 +28664,7 @@ var SdTooltip_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			}, 8, ["css"])]))], 64);
 		};
 	}
-}), [["__scopeId", "data-v-71c6de4c"]]);
+}), [["__scopeId", "data-v-dfd6f1d1"]]);
 //#endregion
 //#region src/internal/toolbar/built-in/ButtonGroup.vue
 var _hoisted_1$11 = [
@@ -29111,7 +29052,7 @@ var ButtonGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 						disabled: !item.tooltip?.value,
 						"content-style": { fontFamily: props.uiFontFamily }
 					}, {
-						trigger: withCtx(() => [createVNode(_sfc_main$14, {
+						trigger: withCtx(() => [createVNode(_sfc_main$11, {
 							item,
 							"ui-font-family": props.uiFontFamily,
 							class: "sd-toolbar-button sd-editor-toolbar-dropdown",
@@ -29128,7 +29069,7 @@ var ButtonGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 						disabled: !item.tooltip?.value,
 						"content-style": { fontFamily: props.uiFontFamily }
 					}, {
-						trigger: withCtx(() => [createVNode(_sfc_main$13, {
+						trigger: withCtx(() => [createVNode(_sfc_main$10, {
 							item,
 							"ui-font-family": props.uiFontFamily,
 							class: "sd-toolbar-button sd-editor-toolbar-dropdown",
@@ -29633,7 +29574,6 @@ var useToolbarItem = (options) => {
 	const style = ref(options.style);
 	const isNarrow = ref(options.isNarrow);
 	const isWide = ref(options.isWide);
-	const minWidth = ref(options.minWidth);
 	const layoutWidth = ref(options.layoutWidth);
 	const suppressActiveHighlight = ref(options.suppressActiveHighlight || false);
 	const argument = ref(options.argument);
@@ -29710,7 +29650,6 @@ var useToolbarItem = (options) => {
 		style,
 		isNarrow,
 		isWide,
-		minWidth,
 		layoutWidth,
 		argument,
 		parentItem,
@@ -30071,7 +30010,7 @@ var DocumentMode_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 	}
 }, [["__scopeId", "data-v-bee14d7a"]]);
 //#endregion
-//#region src/internal/toolbar/built-in/LinkedStyle.vue
+//#region src/internal/toolbar/built-in/LinkedStyle.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$6 = {
 	class: "linked-style-buttons",
 	"data-editor-ui-surface": ""
@@ -30087,7 +30026,9 @@ var _hoisted_3$5 = [
 	"onClick"
 ];
 var _hoisted_4$3 = ["innerHTML"];
-var LinkedStyle_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
+//#endregion
+//#region src/internal/toolbar/built-in/LinkedStyle.vue
+var LinkedStyle_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "LinkedStyle",
 	props: {
 		styles: {
@@ -30188,7 +30129,7 @@ var LinkedStyle_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			}), 128))]);
 		};
 	}
-}, [["__scopeId", "data-v-b5a32523"]]);
+}), [["__scopeId", "data-v-4e36f956"]]);
 //#endregion
 //#region src/internal/toolbar/built-in/AIWriter.vue
 var _hoisted_1$5 = ["placeholder"];
@@ -30828,7 +30769,7 @@ var TableActions_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 	}
 }, [["__scopeId", "data-v-72123aae"]]);
 //#endregion
-//#region src/internal/toolbar/built-in/PageNumberMenu.vue
+//#region src/internal/toolbar/built-in/PageNumberMenu.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["aria-busy"];
 var _hoisted_2 = ["aria-disabled"];
 var _hoisted_3 = {
@@ -30876,7 +30817,9 @@ var _hoisted_20 = ["disabled"];
 var _hoisted_21 = ["disabled"];
 var _hoisted_22 = ["disabled"];
 var _hoisted_23 = { class: "sd-page-number-menu__cursor-text" };
-var PageNumberMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
+//#endregion
+//#region src/internal/toolbar/built-in/PageNumberMenu.vue
+var PageNumberMenu_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "PageNumberMenu",
 	props: {
 		/** Command state of `page-numbers-apply`, read when the popover opens. */
@@ -31005,7 +30948,7 @@ var PageNumberMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 		const { isHighContrastMode } = useHighContrastMode();
 		const remembered = props.initialChoice ?? {};
 		const position = ref(remembered.position === "top" ? "top" : "bottom");
-		const alignment = ref(ALIGNMENTS.some((entry) => entry.value === remembered.alignment) ? remembered.alignment : "right");
+		const alignment = ref(isAlignment(remembered.alignment) ? remembered.alignment : "right");
 		const showOnFirstPage = ref(remembered.showOnFirstPage !== false);
 		const format = ref("decimal");
 		const restart = ref(false);
@@ -31040,6 +30983,9 @@ var PageNumberMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			const platform = typeof navigator === "undefined" ? "" : navigator.platform || navigator.userAgent || "";
 			return /Mac|iPhone|iPad/i.test(platform) ? "⌥⇧⌘P" : "Ctrl+Alt+Shift+P";
 		});
+		function isAlignment(value) {
+			return ALIGNMENTS.some((entry) => entry.value === value);
+		}
 		function isTileSelected(tile) {
 			return tile.position === position.value && tile.alignment === alignment.value;
 		}
@@ -31109,8 +31055,12 @@ var PageNumberMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			const value = Math.floor(Number(startAt.value));
 			return Number.isFinite(value) && value >= 0 ? value : 1;
 		}
+		function failureDetails(result) {
+			if (typeof result !== "object" || result === null || result.success) return null;
+			return isPlainObject$1(result.failure?.details) ? result.failure.details : null;
+		}
 		function failureMessage(result, action) {
-			const details = result?.failure?.details;
+			const details = failureDetails(result);
 			if (details?.reason === "page-number-has-content") return `A page number shares its line with other text. Edit the ${details.kind === "header" ? "header" : "footer"} directly to change it.`;
 			if (details?.reason === "page-number-exists") return "This section already has page numbers.";
 			if (action === "remove") return "Page numbers couldn’t be removed. Try again.";
@@ -31128,7 +31078,7 @@ var PageNumberMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 				await loaded;
 				const { execute, outcome } = prepare();
 				const result = await execute();
-				if (result === true || result?.success === true) {
+				if (result === true || typeof result === "object" && result !== null && result.success === true) {
 					props.close(outcome);
 					return;
 				}
@@ -31178,8 +31128,9 @@ var PageNumberMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 		}
 		onMounted(() => {
 			nextTick(() => tileRefs.value[focusIndex.value]?.focus({ preventScroll: true }));
-			if (typeof props.loadCurrent !== "function") return;
-			loaded = Promise.resolve().then(() => props.loadCurrent()).then(adoptCurrent, () => adoptCurrent(null)).finally(() => {
+			const loadCurrent = props.loadCurrent;
+			if (typeof loadCurrent !== "function") return;
+			loaded = Promise.resolve().then(() => loadCurrent()).then(adoptCurrent, () => adoptCurrent(null)).finally(() => {
 				loading.value = false;
 			});
 		});
@@ -31218,7 +31169,7 @@ var PageNumberMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 							onClick: ($event) => selectTile(tile),
 							onDblclick: applyPageNumbers,
 							onKeydown: onTileKeydown
-						}, [(openBlock(), createElementBlock("svg", _hoisted_5, [_cache[4] || (_cache[4] = createStaticVNode("<rect class=\"sd-page-number-menu__sheet\" x=\"0.75\" y=\"0.75\" width=\"34.5\" height=\"44.5\" rx=\"2.5\" data-v-30327fd0></rect><rect class=\"sd-page-number-menu__line\" x=\"7\" y=\"14\" width=\"22\" height=\"2\" rx=\"1\" data-v-30327fd0></rect><rect class=\"sd-page-number-menu__line\" x=\"7\" y=\"19\" width=\"18\" height=\"2\" rx=\"1\" data-v-30327fd0></rect><rect class=\"sd-page-number-menu__line\" x=\"7\" y=\"24\" width=\"22\" height=\"2\" rx=\"1\" data-v-30327fd0></rect><rect class=\"sd-page-number-menu__line\" x=\"7\" y=\"29\" width=\"14\" height=\"2\" rx=\"1\" data-v-30327fd0></rect>", 5)), createElementVNode("rect", {
+						}, [(openBlock(), createElementBlock("svg", _hoisted_5, [_cache[4] || (_cache[4] = createStaticVNode("<rect class=\"sd-page-number-menu__sheet\" x=\"0.75\" y=\"0.75\" width=\"34.5\" height=\"44.5\" rx=\"2.5\" data-v-a6c124c0></rect><rect class=\"sd-page-number-menu__line\" x=\"7\" y=\"14\" width=\"22\" height=\"2\" rx=\"1\" data-v-a6c124c0></rect><rect class=\"sd-page-number-menu__line\" x=\"7\" y=\"19\" width=\"18\" height=\"2\" rx=\"1\" data-v-a6c124c0></rect><rect class=\"sd-page-number-menu__line\" x=\"7\" y=\"24\" width=\"22\" height=\"2\" rx=\"1\" data-v-a6c124c0></rect><rect class=\"sd-page-number-menu__line\" x=\"7\" y=\"29\" width=\"14\" height=\"2\" rx=\"1\" data-v-a6c124c0></rect>", 5)), createElementVNode("rect", {
 							class: "sd-page-number-menu__chip",
 							x: CHIP_X[tile.alignment],
 							y: CHIP_Y[tile.position],
@@ -31298,7 +31249,7 @@ var PageNumberMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			], 10, _hoisted_1);
 		};
 	}
-}, [["__scopeId", "data-v-30327fd0"]]);
+}), [["__scopeId", "data-v-a6c124c0"]]);
 //#endregion
 //#region src/internal/toolbar/built-in/page-number-feedback.js
 var FLASH_CLASS = "sd-page-number-flash";
@@ -34131,7 +34082,7 @@ var SuperDoc = class extends import_eventemitter3.default {
 		}
 		this.userColorMap = /* @__PURE__ */ new Map();
 		this.colorIndex = 0;
-		this.version = "2.28.0";
+		this.version = "2.29.0-next.2";
 		this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
 		this.superdocId = config.superdocId || v4();
 		this.colors = this.config.colors ?? [];
@@ -35923,7 +35874,7 @@ var SuperDoc = class extends import_eventemitter3.default {
 	* superdoc.setZoom(50);  // Set zoom to 50%
 	*/
 	setZoom(percent) {
-		if (typeof percent !== "number" || !Number.isFinite(percent) || percent <= 0) {
+		if (!isFiniteNumber(percent) || percent <= 0) {
 			console.warn("[SuperDoc] setZoom expects a positive number representing percentage");
 			return;
 		}