superdoc 2.29.0-next.1 → 2.29.0-next.3

package/dist/superdoc.es.js

@@ -1,6 +1,6 @@
 import { i as __toESM$2 } from "./chunks/rolldown-runtime-0pSA04fp.es.js";
 import { t as blank_default } from "./chunks/blank-docx-DzQccOlW.es.js";
-import { C as 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-Duf65d0b.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";
@@ -258,7 +258,7 @@ var v_click_outside_default = {
 var DEFAULT_ENDPOINT = "https://ingest.superdoc.dev/v1/collect";
 function getSuperdocVersion() {
 	try {
-		return "2.29.0-next.1";
+		return "2.29.0-next.3";
 	} catch {
 		return "unknown";
 	}
@@ -7383,74 +7383,88 @@ var buildTrackedChangeDecisionLinkIndex = (allComments, previous = /* @__PURE__
 	return next;
 };
 //#endregion
-//#region src/stores/comments-store.js
-var makeTrackedChangeAnchorKey = ({ storyKey, rawId }) => `tc::${storyKey}::${rawId}`;
+//#region src/stores/helpers/comment-draft-text.ts
 var COMMENT_DRAFT_BR_TAG = /<br(?:\s[^>]*)?\s*\/?>/gi;
 var COMMENT_DRAFT_BLOCK_BOUNDARY = /(?:<\/(?:p|div|li|blockquote|pre|h[1-6])\s*>\s*)+(?:<(?:p|div|li|blockquote|pre|h[1-6])(?:\s[^>]*)?\s*\/?>)+/gi;
 var COMMENT_DRAFT_BLOCK_OPEN_TAG = /<(?:p|div|li|blockquote|pre|h[1-6])(?:\s[^>]*)?\s*\/?>/gi;
 var COMMENT_DRAFT_BLOCK_CLOSE_TAG = /<\/(?:p|div|li|blockquote|pre|h[1-6])\s*>/gi;
 var COMMENT_DRAFT_ANY_TAG = /<\/?[A-Za-z][A-Za-z0-9:-]*(?:\s[^>]*)?\s*\/?>/g;
-var COMMENT_DRAFT_ENTITY = /&(#x[0-9a-fA-F]+|#\d+|[a-zA-Z][a-zA-Z0-9]+);/g;
-var COMMENT_DRAFT_NAMED_ENTITIES = {
-	amp: "&",
-	apos: "'",
-	gt: ">",
-	lt: "<",
-	nbsp: " ",
-	quot: "\""
+var COMMENT_DRAFT_ENTITY = /&(#[xX][0-9a-fA-F]+|#\d+|[a-zA-Z][a-zA-Z0-9]+);/g;
+var COMMENT_DRAFT_NAMED_ENTITIES = /* @__PURE__ */ new Map([
+	["amp", "&"],
+	["apos", "'"],
+	["gt", ">"],
+	["lt", "<"],
+	["nbsp", " "],
+	["quot", "\""]
+]);
+var decodeCommentDraftEntity = (entity) => {
+	const lower = entity.toLowerCase();
+	const named = COMMENT_DRAFT_NAMED_ENTITIES.get(lower);
+	if (named !== void 0) return named;
+	const radix = lower.startsWith("#x") ? 16 : lower.startsWith("#") ? 10 : null;
+	if (!radix) return null;
+	const value = lower.startsWith("#x") ? lower.slice(2) : lower.slice(1);
+	const codePoint = Number.parseInt(value, radix);
+	if (!Number.isFinite(codePoint)) return null;
+	try {
+		return String.fromCodePoint(codePoint);
+	} catch {
+		return null;
+	}
+};
+var decodeCommentDraftEntities = (value) => value.replace(COMMENT_DRAFT_ENTITY, (match, entity) => decodeCommentDraftEntity(entity) ?? match);
+var normalizeV2CommentDraftText = (value) => {
+	const html = String(value ?? "");
+	if (!html || html === "<p></p>") return "";
+	return decodeCommentDraftEntities(html.replace(COMMENT_DRAFT_BLOCK_BOUNDARY, "\n").replace(COMMENT_DRAFT_BR_TAG, "\n").replace(COMMENT_DRAFT_BLOCK_CLOSE_TAG, "").replace(COMMENT_DRAFT_BLOCK_OPEN_TAG, "").replace(COMMENT_DRAFT_ANY_TAG, ""));
 };
+//#endregion
+//#region src/stores/helpers/tracked-change-row-values.ts
+var isObjectOrArray = (value) => isPlainObject$1(value) || Array.isArray(value);
+var stringOrEmpty = (value) => typeof value === "string" ? value : "";
+var makeTrackedChangeAnchorKey = ({ storyKey, rawId }) => `tc::${storyKey}::${rawId}`;
 var shallowEqual = (a, b) => {
 	if (Object.is(a, b)) return true;
-	if (!a || !b || typeof a !== "object" || typeof b !== "object") return false;
+	if (!isObjectOrArray(a) || !isObjectOrArray(b)) return false;
 	const aKeys = Object.keys(a);
 	const bKeys = Object.keys(b);
 	if (aKeys.length !== bKeys.length) return false;
 	return aKeys.every((key) => Object.prototype.hasOwnProperty.call(b, key) && Object.is(a[key], b[key]));
 };
-/**
-* Normalize the optional signed tracked-change detail lines
-* (`[{ excerpt, label }]`, TCS-LIST-005) to a stable shape; absent, empty, or
-* malformed input reads as `null` so legacy rows stay untouched.
-*/
+var elementsShallowEqual = (a, b) => {
+	if (a === b) return true;
+	if (!Array.isArray(a) || !Array.isArray(b) || a.length !== b.length) return false;
+	return a.every((element, index) => shallowEqual(element, b[index]));
+};
 var normalizeTrackedChangeDetailLines = (lines) => {
 	if (!Array.isArray(lines)) return null;
-	const normalized = lines.filter((line) => line && typeof line === "object").map((line) => ({
-		excerpt: typeof line.excerpt === "string" ? line.excerpt : "",
-		label: typeof line.label === "string" ? line.label : ""
+	const normalized = lines.filter(isObjectOrArray).map((line) => ({
+		excerpt: stringOrEmpty(line.excerpt),
+		label: stringOrEmpty(line.label)
 	}));
 	return normalized.length > 0 ? normalized : null;
 };
-/**
-* Element-wise equality for detail-line arrays: refresh paths rebuild the
-* array each pass, so reference equality would rebroadcast every keystroke.
-*/
-var trackedChangeDetailLinesEqual = (a, b) => {
-	if (a === b) return true;
-	if (!Array.isArray(a) || !Array.isArray(b) || a.length !== b.length) return false;
-	return a.every((line, index) => shallowEqual(line, b[index]));
-};
+var trackedChangeDetailLinesEqual = elementsShallowEqual;
 var normalizeTrackedChangeCustomAttributes = (attributes) => {
 	if (!Array.isArray(attributes)) return null;
-	return attributes.filter((attribute) => attribute && typeof attribute === "object").map((attribute) => ({
-		name: typeof attribute.name === "string" ? attribute.name : "",
-		namespaceUri: typeof attribute.namespaceUri === "string" ? attribute.namespaceUri : "",
-		localName: typeof attribute.localName === "string" ? attribute.localName : "",
-		value: typeof attribute.value === "string" ? attribute.value : ""
+	return attributes.filter(isObjectOrArray).map((attribute) => ({
+		name: stringOrEmpty(attribute.name),
+		namespaceUri: stringOrEmpty(attribute.namespaceUri),
+		localName: stringOrEmpty(attribute.localName),
+		value: stringOrEmpty(attribute.value)
 	})).filter((attribute) => attribute.name && attribute.namespaceUri && attribute.localName);
 };
-var trackedChangeCustomAttributesEqual = (left, right) => {
-	if (left === right) return true;
-	if (!Array.isArray(left) || !Array.isArray(right) || left.length !== right.length) return false;
-	return left.every((attribute, index) => shallowEqual(attribute, right[index]));
-};
+var trackedChangeCustomAttributesEqual = elementsShallowEqual;
+var positiveDimension = (value) => isFiniteNumber(value) && value > 0 ? value : null;
 var normalizeTrackedChangeImagePreview = (preview) => {
-	if (!preview || typeof preview !== "object") return null;
+	if (!isObjectOrArray(preview)) return null;
 	const src = typeof preview.src === "string" ? preview.src : null;
 	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 = isFiniteNumber(preview.width) && preview.width > 0 ? preview.width : null;
-	const height = isFiniteNumber(preview.height) && preview.height > 0 ? preview.height : null;
+	const width = positiveDimension(preview.width);
+	const height = positiveDimension(preview.height);
 	const alt = typeof preview.alt === "string" && preview.alt.length > 0 ? preview.alt : "Tracked image preview";
 	return {
 		src,
@@ -7461,35 +7475,16 @@ var normalizeTrackedChangeImagePreview = (preview) => {
 		alt
 	};
 };
-var decodeCommentDraftEntity = (entity) => {
-	const lower = String(entity).toLowerCase();
-	const named = COMMENT_DRAFT_NAMED_ENTITIES[lower];
-	if (named !== void 0) return named;
-	const radix = lower.startsWith("#x") ? 16 : lower.startsWith("#") ? 10 : null;
-	if (!radix) return null;
-	const value = lower.startsWith("#x") ? lower.slice(2) : lower.slice(1);
-	const codePoint = Number.parseInt(value, radix);
-	if (!Number.isFinite(codePoint)) return null;
-	try {
-		return String.fromCodePoint(codePoint);
-	} catch {
-		return null;
-	}
-};
-var decodeCommentDraftEntities = (value) => value.replace(COMMENT_DRAFT_ENTITY, (match, entity) => decodeCommentDraftEntity(entity) ?? match);
-var normalizeV2CommentDraftText = (value) => {
-	const html = String(value ?? "");
-	if (!html || html === "<p></p>") return "";
-	return decodeCommentDraftEntities(html.replace(COMMENT_DRAFT_BLOCK_BOUNDARY, "\n").replace(COMMENT_DRAFT_BR_TAG, "\n").replace(COMMENT_DRAFT_BLOCK_CLOSE_TAG, "").replace(COMMENT_DRAFT_BLOCK_OPEN_TAG, "").replace(COMMENT_DRAFT_ANY_TAG, ""));
-};
 var cloneV2TrackedChangeStory = (story) => {
-	if (!story || typeof story !== "object") return null;
+	if (!isObjectOrArray(story)) return null;
 	const rawStory = toRaw$2(story);
 	return {
 		...rawStory,
-		...rawStory.section && typeof rawStory.section === "object" ? { section: { ...toRaw$2(rawStory.section) } } : {}
+		...isObjectOrArray(rawStory.section) ? { section: { ...toRaw$2(rawStory.section) } } : {}
 	};
 };
+//#endregion
+//#region src/stores/comments-store.js
 var useCommentsStore = defineStore("comments", () => {
 	const BODY_TRACKED_CHANGE_STORY = {
 		kind: "story",
@@ -11092,7 +11087,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 = {
@@ -11101,7 +11096,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: {
@@ -11250,14 +11247,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: {
@@ -11339,7 +11338,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
 /**
@@ -11372,14 +11371,16 @@ function formatDate(timestamp) {
 	return `${`${formattedHours}:${minutes.toString().padStart(2, "0")}${meridiem}`} ${month} ${day}`;
 }
 //#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,
@@ -11403,9 +11404,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" };
@@ -11435,7 +11436,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: {
@@ -11448,7 +11451,7 @@ var CommentHeader_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 		},
 		comment: {
 			type: Object,
-			required: false
+			required: true
 		},
 		isPendingInput: {
 			type: Boolean,
@@ -11490,9 +11493,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 = {
@@ -11715,9 +11718,9 @@ var CommentHeader_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			], 2)]);
 		};
 	}
-}, [["__scopeId", "data-v-3af1135b"]]);
+}), [["__scopeId", "data-v-5831e876"]]);
 //#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 = [
@@ -11737,7 +11740,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: {
@@ -11759,7 +11764,7 @@ var CommentInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 		},
 		comment: {
 			type: Object,
-			required: false
+			required: true
 		}
 	},
 	emits: ["focus"],
@@ -11846,7 +11851,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) => {
@@ -11935,7 +11941,7 @@ var CommentInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			}), 128))])) : createCommentVNode("", true)])], 2)]);
 		};
 	}
-}, [["__scopeId", "data-v-0720a671"]]);
+}), [["__scopeId", "data-v-aa97de44"]]);
 //#endregion
 //#region src/internal/toolbar/built-in/url-safety.js
 /**
@@ -13381,9 +13387,9 @@ var CommentDialog_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/*
 			], 64))], 14, _hoisted_1$26)), [[_directive_click_outside, handleClickOutside]]);
 		};
 	}
-}), [["__scopeId", "data-v-752d9e0b"]]);
+}), [["__scopeId", "data-v-90d88bf5"]]);
 //#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",
@@ -13395,7 +13401,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: {
@@ -13444,12 +13452,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",
@@ -13457,7 +13468,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,
@@ -13465,6 +13476,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];
@@ -13475,11 +13488,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);
 		});
@@ -13504,7 +13517,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,
@@ -13525,14 +13538,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: {
@@ -13546,12 +13561,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) => [
@@ -13582,11 +13598,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) => {
@@ -13643,8 +13663,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;
@@ -13692,7 +13713,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
 /**
@@ -15317,9 +15338,9 @@ var FloatingComments_default = /* @__PURE__ */ _plugin_vue_export_helper_default
 			}), 128))], 4)], 36);
 		};
 	}
-}), [["__scopeId", "data-v-e74251e0"]]);
+}), [["__scopeId", "data-v-0655e424"]]);
 //#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"
@@ -15334,7 +15355,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 }) {
@@ -15353,11 +15376,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));
@@ -15396,15 +15420,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) => {
@@ -15442,7 +15471,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 }) => {
@@ -16821,7 +16850,7 @@ function usePasswordPrompt({ getSurfaceManager, getPasswordPromptConfig, onUnhan
 				})
 			});
 		} else {
-			const PasswordPromptSurface = (await import("./chunks/PasswordPromptSurface-DGjmN7A-.es.js")).default;
+			const PasswordPromptSurface = (await import("./chunks/PasswordPromptSurface-6mF6Azda.es.js")).default;
 			const surfaceId = `password-prompt-${doc.id}`;
 			handle = manager.open({
 				id: surfaceId,
@@ -17516,7 +17545,7 @@ function useFindReplace({ getSurfaceManager, getActiveEditor, activeEditorRef, g
 			} else {
 				let FindReplaceSurface;
 				try {
-					FindReplaceSurface = (await import("./chunks/FindReplaceSurface-Dm043CZP.es.js")).default;
+					FindReplaceSurface = (await import("./chunks/FindReplaceSurface-BKVHzhQ4.es.js")).default;
 				} catch {
 					opening = false;
 					return;
@@ -19566,6 +19595,9 @@ function createV2EditorRuntimeAdapter(options) {
 			setDocumentMode(mode) {
 				host.setDocumentMode(mode);
 			},
+			async setUser(user) {
+				await host.setUser?.(user);
+			},
 			getDocumentMode: () => host.getDocumentMode(),
 			setTrackedChangesRenderOptions(options) {
 				host.setTrackedChangesRenderOptions(options);
@@ -20405,11 +20437,13 @@ var SurfaceDialog_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/*
 	}
 }), [["__scopeId", "data-v-6ce23dd7"]]);
 //#endregion
-//#region src/components/surfaces/SurfaceFloating.vue
+//#region src/components/surfaces/SurfaceFloating.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$18 = ["aria-labelledby", "aria-label"];
 var _hoisted_2$14 = ["id"];
 var _hoisted_3$12 = { class: "sd-surface-floating__content" };
-var SurfaceFloating_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
+//#endregion
+//#region src/components/surfaces/SurfaceFloating.vue
+var SurfaceFloating_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "SurfaceFloating",
 	props: { surface: {
 		type: Object,
@@ -20557,8 +20591,10 @@ var SurfaceFloating_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)])], 14, _hoisted_1$18);
 		};
 	}
-}, [["__scopeId", "data-v-cd2be5db"]]);
-var SurfaceHost_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
+}), [["__scopeId", "data-v-d26a1197"]]);
+//#endregion
+//#region src/components/surfaces/SurfaceHost.vue
+var SurfaceHost_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "SurfaceHost",
 	props: { geometryTarget: {
 		type: Object,
@@ -20708,7 +20744,7 @@ var SurfaceHost_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			if (dialog.value) return;
 			if (event.key === "Escape" && f.request.closeOnEscape !== false) {
 				event.stopPropagation();
-				surfaceManager.close(f.id);
+				surfaceManager?.close(f.id);
 			}
 		}
 		let escapeListenerAttached = false;
@@ -20727,7 +20763,8 @@ var SurfaceHost_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			if (!f || f.settled) return;
 			if (dialog.value) return;
 			const rootEl = floatingRef.value?.rootEl;
-			if (rootEl && !rootEl.contains(event.target)) surfaceManager.close(f.id);
+			const target = event.target instanceof Node ? event.target : null;
+			if (rootEl && !rootEl.contains(target)) surfaceManager?.close(f.id);
 		}
 		let pointerListenerAttached = false;
 		function attachPointerListener() {
@@ -20757,7 +20794,7 @@ var SurfaceHost_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 		});
 		function handleDialogClose() {
 			const d = dialog.value;
-			if (d && !d.settled) surfaceManager.close(d.id);
+			if (d && !d.settled) surfaceManager?.close(d.id);
 		}
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(Teleport, { to: "body" }, [hasAnySurface.value ? (openBlock(), createElementBlock("div", {
@@ -20779,7 +20816,7 @@ var SurfaceHost_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			}, null, 8, ["surface", "scroll-lock-target"])) : createCommentVNode("", true)]);
 		};
 	}
-}, [["__scopeId", "data-v-dad99b67"]]);
+}), [["__scopeId", "data-v-ae02e94c"]]);
 //#endregion
 //#region src/SuperDoc.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$17 = ["data-superdoc-ui-owner"];
@@ -23412,7 +23449,7 @@ var SuperDoc_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__P
 			], 46, _hoisted_1$17);
 		};
 	}
-}), [["__scopeId", "data-v-da95e5c5"]]);
+}), [["__scopeId", "data-v-0c6f8747"]]);
 //#endregion
 //#region src/core/create-app.js
 var PINIA_DEVTOOLS_SETUP_EVENT = "devtools-plugin:setup";
@@ -27154,13 +27191,15 @@ var ToolbarButton_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/*
 	}
 }), [["__scopeId", "data-v-40889353"]]);
 //#endregion
-//#region src/internal/toolbar/built-in/ToolbarSeparator.vue
+//#region src/internal/toolbar/built-in/ToolbarSeparator.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$14 = {
 	class: "toolbar-separator",
 	role: "separator",
 	"aria-label": "Toolbar separator"
 };
-var ToolbarSeparator_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
+//#endregion
+//#region src/internal/toolbar/built-in/ToolbarSeparator.vue
+var ToolbarSeparator_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "ToolbarSeparator",
 	props: { active: {
 		type: Boolean,
@@ -27180,7 +27219,7 @@ var ToolbarSeparator_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			}, null, 4)]);
 		};
 	}
-}, [["__scopeId", "data-v-cb82253a"]]);
+}), [["__scopeId", "data-v-10932d46"]]);
 //#endregion
 //#region src/internal/toolbar/built-in/ToolbarDropdown.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$13 = { class: "toolbar-dropdown" };
@@ -27583,7 +27622,7 @@ var ToolbarDropdown_default = /* @__PURE__ */ _plugin_vue_export_helper_default(
 			})], 8, ["to"]))]);
 		};
 	}
-}), [["__scopeId", "data-v-50758732"]]);
+}), [["__scopeId", "data-v-942d76a6"]]);
 //#endregion
 //#region src/internal/toolbar/built-in/toolbar-focus-helpers.js
 var preventEditorFocusTransfer = (event) => {
@@ -27605,7 +27644,9 @@ var refocusEditorSurface = (superToolbar, preferredEditor = null) => {
 	const editor = document.querySelector("[role=\"textbox\"][aria-label*=\"SuperDoc body\"], .ProseMirror");
 	if (editor instanceof HTMLElement) editor.focus({ preventScroll: true });
 };
-var OverflowMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
+//#endregion
+//#region src/internal/toolbar/built-in/OverflowMenu.vue
+var OverflowMenu_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "OverflowMenu",
 	props: {
 		toolbarItem: {
@@ -27701,7 +27742,7 @@ var OverflowMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			]);
 		};
 	}
-}, [["__scopeId", "data-v-1227fcf9"]]);
+}), [["__scopeId", "data-v-d2e189fd"]]);
 //#endregion
 //#region src/internal/toolbar/built-in/font-typeahead.js
 /**
@@ -28327,10 +28368,10 @@ var ToolbarComboBox_default = /* @__PURE__ */ _plugin_vue_export_helper_default(
 			], 14, _hoisted_1$12);
 		};
 	}
-}), [["__scopeId", "data-v-e9143b7e"]]);
+}), [["__scopeId", "data-v-a400064a"]]);
 //#endregion
 //#region src/internal/toolbar/built-in/FontFamilyCombobox.vue
-var _sfc_main$11 = {
+var FontFamilyCombobox_default = /* @__PURE__ */ defineComponent({
 	__name: "FontFamilyCombobox",
 	props: {
 		item: {
@@ -28368,10 +28409,10 @@ var _sfc_main$11 = {
 			]);
 		};
 	}
-};
+});
 //#endregion
 //#region src/internal/toolbar/built-in/FontSizeCombobox.vue
-var _sfc_main$10 = {
+var FontSizeCombobox_default = /* @__PURE__ */ defineComponent({
 	__name: "FontSizeCombobox",
 	props: {
 		item: {
@@ -28409,7 +28450,7 @@ var _sfc_main$10 = {
 			]);
 		};
 	}
-};
+});
 //#endregion
 //#region src/internal/toolbar/built-in/SdTooltip.vue?vue&type=script&setup=true&lang.ts
 var AUTO_HIDE_DELAY = 2500;
@@ -28632,7 +28673,7 @@ var SdTooltip_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__
 	}
 }), [["__scopeId", "data-v-dfd6f1d1"]]);
 //#endregion
-//#region src/internal/toolbar/built-in/ButtonGroup.vue
+//#region src/internal/toolbar/built-in/ButtonGroup.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$11 = [
 	"onKeydown",
 	"tabindex",
@@ -28643,7 +28684,9 @@ var _hoisted_3$7 = { key: 0 };
 var _hoisted_4$5 = { key: 0 };
 var _hoisted_5$3 = { key: 0 };
 var _hoisted_6$2 = { key: 0 };
-var ButtonGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
+//#endregion
+//#region src/internal/toolbar/built-in/ButtonGroup.vue
+var ButtonGroup_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "ButtonGroup",
 	props: {
 		toolbarItems: {
@@ -28684,7 +28727,7 @@ var ButtonGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 	],
 	setup(__props, { emit: __emit }) {
 		const emit = __emit;
-		const { proxy } = getCurrentInstance();
+		const proxy = getCurrentInstance()?.proxy;
 		const toolbarItemRefs = ref([]);
 		const buttonGroupRef = ref(null);
 		const props = __props;
@@ -28867,37 +28910,35 @@ var ButtonGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 				"aria-label": `${item.attributes.value.ariaLabel} - ${option.label}`
 			};
 		};
-		const moveToNextButton = (e) => {
-			const currentButton = e.target;
-			const nextButton = e.target.closest(".sd-toolbar-item-ctn").nextElementSibling;
-			if (nextButton) {
-				currentButton.setAttribute("tabindex", "-1");
+		const moveToNextButton = (target) => {
+			const nextButton = target.closest(".sd-toolbar-item-ctn")?.nextElementSibling;
+			if (nextButton instanceof HTMLElement) {
+				target.setAttribute("tabindex", "-1");
 				nextButton.setAttribute("tabindex", "0");
 				nextButton.focus();
 			}
 		};
-		const moveToPreviousButton = (e) => {
-			const currentButton = e.target;
-			const previousButton = e.target.closest(".sd-toolbar-item-ctn").previousElementSibling;
-			if (previousButton) {
-				currentButton.setAttribute("tabindex", "-1");
+		const moveToPreviousButton = (target) => {
+			const previousButton = target.closest(".sd-toolbar-item-ctn")?.previousElementSibling;
+			if (previousButton instanceof HTMLElement) {
+				target.setAttribute("tabindex", "-1");
 				previousButton.setAttribute("tabindex", "0");
 				previousButton.focus();
 			}
 		};
-		const moveToNextButtonGroup = (e) => {
-			const nextButtonGroup = e.target.closest(".button-group").nextElementSibling;
-			if (nextButtonGroup) {
+		const moveToNextButtonGroup = (target) => {
+			const nextButtonGroup = target.closest(".button-group")?.nextElementSibling;
+			if (nextButtonGroup instanceof HTMLElement) {
 				nextButtonGroup.setAttribute("tabindex", "0");
 				nextButtonGroup.focus();
 			} else {
 				const editor = document.querySelector(".ProseMirror");
-				if (editor) editor.focus();
+				if (editor instanceof HTMLElement) editor.focus();
 			}
 		};
-		const moveToPreviousButtonGroup = (e) => {
-			const previousButtonGroup = e.target.closest(".button-group").previousElementSibling;
-			if (previousButtonGroup) {
+		const moveToPreviousButtonGroup = (target) => {
+			const previousButtonGroup = target.closest(".button-group")?.previousElementSibling;
+			if (previousButtonGroup instanceof HTMLElement) {
 				previousButtonGroup.setAttribute("tabindex", "0");
 				previousButtonGroup.focus();
 			}
@@ -28911,7 +28952,9 @@ var ButtonGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			handleToolbarButtonClick(item);
 		};
 		const handleKeyDown = (e, item) => {
-			const isTypingField = e.target.nodeName === "INPUT" || e.target.nodeName === "TEXTAREA";
+			const target = e.target;
+			if (!(target instanceof Element)) return;
+			const isTypingField = target.nodeName === "INPUT" || target.nodeName === "TEXTAREA";
 			const isTypingToolbarItem = item.name.value === "fontSize" || item.name.value === "fontFamily";
 			if (isTypingField && isTypingToolbarItem) return;
 			if (![
@@ -28935,20 +28978,20 @@ var ButtonGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 					break;
 				case "ArrowRight":
 					closeDropdowns();
-					moveToNextButton(e);
+					moveToNextButton(target);
 					break;
 				case "ArrowLeft":
 					closeDropdowns();
-					moveToPreviousButton(e);
+					moveToPreviousButton(target);
 					break;
 				case "Tab":
-					if (e.shiftKey) moveToPreviousButtonGroup(e);
-					else moveToNextButtonGroup(e);
+					if (e.shiftKey) moveToPreviousButtonGroup(target);
+					else moveToNextButtonGroup(target);
 					break;
 				default: break;
 			}
 		};
-		const handleFocus = (e) => {
+		const handleFocus = () => {
 			const firstButton = toolbarItemRefs.value.find((item) => !item.classList.contains("sd-disabled"));
 			if (firstButton) {
 				firstButton.setAttribute("tabindex", "0");
@@ -29018,7 +29061,7 @@ var ButtonGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 						disabled: !item.tooltip?.value,
 						"content-style": { fontFamily: props.uiFontFamily }
 					}, {
-						trigger: withCtx(() => [createVNode(_sfc_main$11, {
+						trigger: withCtx(() => [createVNode(FontFamilyCombobox_default, {
 							item,
 							"ui-font-family": props.uiFontFamily,
 							class: "sd-toolbar-button sd-editor-toolbar-dropdown",
@@ -29035,7 +29078,7 @@ var ButtonGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 						disabled: !item.tooltip?.value,
 						"content-style": { fontFamily: props.uiFontFamily }
 					}, {
-						trigger: withCtx(() => [createVNode(_sfc_main$10, {
+						trigger: withCtx(() => [createVNode(FontSizeCombobox_default, {
 							item,
 							"ui-font-family": props.uiFontFamily,
 							class: "sd-toolbar-button sd-editor-toolbar-dropdown",
@@ -29133,7 +29176,7 @@ var ButtonGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			}), 128))], 36);
 		};
 	}
-}, [["__scopeId", "data-v-fb216897"]]);
+}), [["__scopeId", "data-v-21333fed"]]);
 var TOOLBAR_FONTS = [
 	["Arial", "sans-serif"],
 	["Arial Black", "sans-serif"],
@@ -29653,14 +29696,16 @@ var useToolbarItem = (options) => {
 	};
 };
 //#endregion
-//#region src/internal/toolbar/built-in/AlignmentButtons.vue
+//#region src/internal/toolbar/built-in/AlignmentButtons.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$9 = [
 	"onClick",
 	"innerHTML",
 	"aria-label",
 	"onKeydown"
 ];
-var AlignmentButtons_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
+//#endregion
+//#region src/internal/toolbar/built-in/AlignmentButtons.vue
+var AlignmentButtons_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "AlignmentButtons",
 	emits: ["select"],
 	setup(__props, { emit: __emit }) {
@@ -29747,16 +29792,18 @@ var AlignmentButtons_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			}), 64))], 2);
 		};
 	}
-}, [["__scopeId", "data-v-13e5f7a4"]]);
+}), [["__scopeId", "data-v-7ddf6e50"]]);
 //#endregion
-//#region src/internal/toolbar/built-in/StyleButtonsList.vue
+//#region src/internal/toolbar/built-in/StyleButtonsList.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$8 = [
 	"onClick",
 	"innerHTML",
 	"aria-label",
 	"onKeydown"
 ];
-var StyleButtonsList_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
+//#endregion
+//#region src/internal/toolbar/built-in/StyleButtonsList.vue
+var StyleButtonsList_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "StyleButtonsList",
 	props: {
 		buttons: {
@@ -29840,7 +29887,7 @@ var StyleButtonsList_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			}), 128))], 2);
 		};
 	}
-}, [["__scopeId", "data-v-44f37ff6"]]);
+}), [["__scopeId", "data-v-539d0995"]]);
 //#endregion
 //#region src/internal/toolbar/built-in/list-style-buttons.js
 var bulletStyleButtons = [
@@ -29903,14 +29950,16 @@ var numberedStyleButtons = [
 	}
 ];
 //#endregion
-//#region src/internal/toolbar/built-in/DocumentMode.vue
+//#region src/internal/toolbar/built-in/DocumentMode.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$7 = ["onClick", "onKeydown"];
 var _hoisted_2$7 = { class: "document-mode-column icon-column" };
 var _hoisted_3$6 = ["innerHTML"];
 var _hoisted_4$4 = { class: "document-mode-column text-column" };
 var _hoisted_5$2 = { class: "document-mode-type" };
 var _hoisted_6$1 = { class: "document-mode-description" };
-var DocumentMode_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
+//#endregion
+//#region src/internal/toolbar/built-in/DocumentMode.vue
+var DocumentMode_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "DocumentMode",
 	props: { options: { type: Array } },
 	emits: ["select"],
@@ -29946,9 +29995,11 @@ var DocumentMode_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 				case "ArrowUp":
 					moveToPreviousOption(index);
 					break;
-				case "Enter":
-					handleClick(props.options[index]);
+				case "Enter": {
+					const option = props.options?.[index];
+					if (option) handleClick(option);
 					break;
+				}
 				default: break;
 			}
 		};
@@ -29974,7 +30025,7 @@ var DocumentMode_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			}), 256))], 2);
 		};
 	}
-}, [["__scopeId", "data-v-bee14d7a"]]);
+}), [["__scopeId", "data-v-a20b9574"]]);
 //#endregion
 //#region src/internal/toolbar/built-in/LinkedStyle.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$6 = {
@@ -30097,7 +30148,7 @@ var LinkedStyle_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @
 	}
 }), [["__scopeId", "data-v-4e36f956"]]);
 //#endregion
-//#region src/internal/toolbar/built-in/AIWriter.vue
+//#region src/internal/toolbar/built-in/AIWriter.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$5 = ["placeholder"];
 var _hoisted_2$5 = { class: "sd-ai-writer__footer" };
 var _hoisted_3$4 = {
@@ -30108,7 +30159,9 @@ var _hoisted_3$4 = {
 var _hoisted_4$2 = ["disabled"];
 var DEFAULT_AI_ENDPOINT = "https://sd-dev-express-gateway-i6xtm.ondigitalocean.app/insights";
 var SYSTEM_PROMPT = "You are an expert copywriter and you are immersed in a document editor. Only write what is asked for.";
-var AIWriter_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
+//#endregion
+//#region src/internal/toolbar/built-in/AIWriter.vue
+var AIWriter_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "AIWriter",
 	props: {
 		selectedText: {
@@ -30155,13 +30208,13 @@ var AIWriter_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 		});
 		function extractGeneratedText(payload) {
 			if (typeof payload === "string") return payload;
-			if (!payload || typeof payload !== "object") return "";
+			if (!isPlainObject$1(payload)) return "";
 			const customPrompt = payload.custom_prompt;
 			if (Array.isArray(customPrompt)) {
 				const first = customPrompt[0];
-				if (first && typeof first.value === "string") return first.value;
+				if (isPlainObject$1(first) && typeof first.value === "string") return first.value;
 			}
-			if (customPrompt && typeof customPrompt === "object" && typeof customPrompt.value === "string") return customPrompt.value;
+			if (isPlainObject$1(customPrompt) && typeof customPrompt.value === "string") return customPrompt.value;
 			if (typeof payload.value === "string") return payload.value;
 			if (typeof payload.text === "string") return payload.text;
 			return "";
@@ -30195,7 +30248,7 @@ var AIWriter_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 		}
 		function receiptSucceeded(receipt) {
 			if (!receipt || typeof receipt !== "object") return true;
-			if (receipt.success === false || receipt.ok === false) return false;
+			if ("success" in receipt && receipt.success === false || "ok" in receipt && receipt.ok === false) return false;
 			return true;
 		}
 		function insertGeneratedText(text) {
@@ -30265,9 +30318,9 @@ var AIWriter_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			}, toDisplayString(isLoading.value ? "Generating" : "Generate"), 9, _hoisted_4$2)])], 32);
 		};
 	}
-}, [["__scopeId", "data-v-67f6c6f7"]]);
+}), [["__scopeId", "data-v-3951e804"]]);
 //#endregion
-//#region src/internal/toolbar/built-in/IconGridRow.vue
+//#region src/internal/toolbar/built-in/IconGridRow.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$4 = [
 	"aria-label",
 	"onClick",
@@ -30276,7 +30329,9 @@ var _hoisted_1$4 = [
 var _hoisted_2$4 = ["innerHTML"];
 var _hoisted_3$3 = ["innerHTML"];
 var ROW_SIZE$1 = 7;
-var IconGridRow_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
+//#endregion
+//#region src/internal/toolbar/built-in/IconGridRow.vue
+var IconGridRow_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "IconGridRow",
 	props: {
 		icons: {
@@ -30293,8 +30348,9 @@ var IconGridRow_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 		const emit = __emit;
 		const props = __props;
 		const isActive = computed$1(() => (option) => {
-			if (!props.activeColor.value) return false;
-			return props.activeColor.value.toUpperCase() === option.value;
+			const activeColor = props.activeColor?.value;
+			if (!activeColor) return false;
+			return activeColor.toUpperCase() === option.value;
 		});
 		const getCheckStyle = (color, optionIndex) => {
 			if (optionIndex === 5 || ["#FFFFFF", "#FAFF09"].includes(color)) return { color: "#000" };
@@ -30402,16 +30458,18 @@ var IconGridRow_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			}), 128);
 		};
 	}
-}, [["__scopeId", "data-v-05eb02fc"]]);
+}), [["__scopeId", "data-v-b1771c36"]]);
 //#endregion
 //#region ../../shared/common/icons/droplet-slash.svg?raw
 var droplet_slash_default = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 512\"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d=\"M320 512c53.2 0 101.4-21.6 136.1-56.6l-298.3-235C140 257.1 128 292.3 128 320c0 106 86 192 192 192zM505.2 370.7c4.4-16.2 6.8-33.1 6.8-50.7c0-91.2-130.2-262.3-166.6-308.3C339.4 4.2 330.5 0 320.9 0l-1.8 0c-9.6 0-18.5 4.2-24.5 11.7C277.8 33 240.7 81.3 205.8 136L38.8 5.1C28.4-3.1 13.3-1.2 5.1 9.2S-1.2 34.7 9.2 42.9l592 464c10.4 8.2 25.5 6.3 33.7-4.1s6.3-25.5-4.1-33.7L505.2 370.7zM224 336c0 44.2 35.8 80 80 80c8.8 0 16 7.2 16 16s-7.2 16-16 16c-61.9 0-112-50.1-112-112c0-8.8 7.2-16 16-16s16 7.2 16 16z\"/></svg>\n";
 //#endregion
-//#region src/internal/toolbar/built-in/IconGrid.vue
+//#region src/internal/toolbar/built-in/IconGrid.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$3 = { class: "options-grid-wrap" };
 var _hoisted_2$3 = ["innerHTML"];
 var _hoisted_3$2 = { class: "option-grid-ctn" };
-var IconGrid_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
+//#endregion
+//#region src/internal/toolbar/built-in/IconGrid.vue
+var IconGrid_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "IconGrid",
 	props: {
 		icons: {
@@ -30451,14 +30509,14 @@ var IconGrid_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 				icons: __props.icons,
 				"active-color": __props.activeColor,
 				onSelect: handleSelect
-			}, null, 8, ["icons", "active-color"]), __props.customIcons.flat().length ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [_cache[2] || (_cache[2] = createElementVNode("span", { class: "option-grid-ctn__subtitle" }, "Custom colors", -1)), createVNode(IconGridRow_default, {
+			}, null, 8, ["icons", "active-color"]), __props.customIcons?.flat().length ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [_cache[2] || (_cache[2] = createElementVNode("span", { class: "option-grid-ctn__subtitle" }, "Custom colors", -1)), createVNode(IconGridRow_default, {
 				icons: __props.customIcons,
 				"active-color": __props.activeColor,
 				onSelect: handleSelect
 			}, null, 8, ["icons", "active-color"])], 64)) : createCommentVNode("", true)])]);
 		};
 	}
-}, [["__scopeId", "data-v-52b0283a"]]);
+}), [["__scopeId", "data-v-03719472"]]);
 //#endregion
 //#region src/internal/toolbar/built-in/color-dropdown-helpers.js
 var closeDropdown$1 = (dropdown) => {
@@ -30569,7 +30627,7 @@ var icons = [
 	]
 ];
 //#endregion
-//#region src/internal/toolbar/built-in/TableGrid.vue
+//#region src/internal/toolbar/built-in/TableGrid.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$2 = [
 	"data-cols",
 	"data-rows",
@@ -30578,7 +30636,9 @@ var _hoisted_1$2 = [
 ];
 var _hoisted_2$2 = ["aria-valuetext"];
 var ROW_SIZE = 5;
-var TableGrid_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
+//#endregion
+//#region src/internal/toolbar/built-in/TableGrid.vue
+var TableGrid_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "TableGrid",
 	emits: ["select", "clickoutside"],
 	setup(__props, { emit: __emit }) {
@@ -30589,10 +30649,13 @@ var TableGrid_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 		const tableGridItems = ref([]);
 		const onTableGridMouseOver = (event) => {
 			let target = event.target;
+			if (!(target instanceof HTMLElement)) return;
 			if (!!target.dataset.grid) return;
-			let allItems = [...target.parentElement.querySelectorAll("[data-item]")];
-			let cols = parseInt(target.dataset.cols, 10);
-			let rows = parseInt(target.dataset.rows, 10);
+			let grid = target.parentElement;
+			if (!grid) return;
+			let allItems = Array.from(grid.querySelectorAll("[data-item]"));
+			let cols = parseInt(target.dataset.cols ?? "", 10);
+			let rows = parseInt(target.dataset.rows ?? "", 10);
 			selectGridItems(allItems, cols, rows);
 		};
 		const selectGridItems = (allItems, cols, rows) => {
@@ -30600,8 +30663,8 @@ var TableGrid_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			selectedRows.value = rows;
 			for (let i = 0; i < allItems.length; i++) {
 				let item = allItems[i];
-				let itemsCols = parseInt(item.dataset.cols, 10);
-				let itemsRows = parseInt(item.dataset.rows, 10);
+				let itemsCols = parseInt(item.dataset.cols ?? "", 10);
+				let itemsRows = parseInt(item.dataset.rows ?? "", 10);
 				if (itemsCols <= cols && itemsRows <= rows) item.classList.add("sd-selected");
 				else item.classList.remove("sd-selected");
 			}
@@ -30691,9 +30754,9 @@ var TableGrid_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			}, toDisplayString(selectedRows.value) + " x " + toDisplayString(selectedCols.value), 9, _hoisted_2$2)], 2);
 		};
 	}
-}, [["__scopeId", "data-v-b87d6ca2"]]);
+}), [["__scopeId", "data-v-38daa3ad"]]);
 //#endregion
-//#region src/internal/toolbar/built-in/TableActions.vue
+//#region src/internal/toolbar/built-in/TableActions.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$1 = { class: "toolbar-table-actions" };
 var _hoisted_2$1 = [
 	"aria-disabled",
@@ -30704,7 +30767,9 @@ var _hoisted_2$1 = [
 var _hoisted_3$1 = { class: "toolbar-table-actions__icon" };
 var _hoisted_4$1 = ["innerHTML"];
 var _hoisted_5$1 = { class: "toolbar-table-actions__label" };
-var TableActions_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
+//#endregion
+//#region src/internal/toolbar/built-in/TableActions.vue
+var TableActions_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "TableActions",
 	props: { options: { type: Array } },
 	emits: ["select"],
@@ -30733,7 +30798,7 @@ var TableActions_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			}), 256))]);
 		};
 	}
-}, [["__scopeId", "data-v-72123aae"]]);
+}), [["__scopeId", "data-v-76ed2dc1"]]);
 //#endregion
 //#region src/internal/toolbar/built-in/PageNumberMenu.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["aria-busy"];
@@ -33722,6 +33787,15 @@ function getActiveFontRuntime(editor) {
 *
 * @class
 */
+function runtimeUserOf(user) {
+	const text = (value) => typeof value === "string" && value ? value : void 0;
+	return {
+		name: text(user.name) ?? "",
+		...text(user.id) ? { id: text(user.id) } : {},
+		...text(user.email) ? { email: text(user.email) } : {},
+		...text(user.initials) ? { initials: text(user.initials) } : {}
+	};
+}
 var SuperDoc = class extends import_eventemitter3.default {
 	static {
 		this.allowedTypes = [DOCX, PDF];
@@ -33952,6 +34026,7 @@ var SuperDoc = class extends import_eventemitter3.default {
 			viewOptions: { layout: "print" },
 			useLayoutEngine: true
 		};
+		this.#userSwitch = Promise.resolve();
 		this.#fontsRelayEditors = /* @__PURE__ */ new WeakSet();
 		this.#warnedMissingFonts = /* @__PURE__ */ new WeakMap();
 		this.#lastFontsChangedPayload = null;
@@ -34048,7 +34123,7 @@ var SuperDoc = class extends import_eventemitter3.default {
 		}
 		this.userColorMap = /* @__PURE__ */ new Map();
 		this.colorIndex = 0;
-		this.version = "2.29.0-next.1";
+		this.version = "2.29.0-next.3";
 		this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
 		this.superdocId = config.superdocId || v4();
 		this.colors = this.config.colors ?? [];
@@ -34903,6 +34978,46 @@ var SuperDoc = class extends import_eventemitter3.default {
 		if (!editor) throw new Error("SuperDoc: source editor not yet created — wait for the ready event before upgrading");
 		return editor;
 	}
+	setUser(user) {
+		this.#requireReady("setUser");
+		const name = typeof user?.name === "string" ? user.name.trim() : "";
+		if (!name) return Promise.reject(/* @__PURE__ */ new TypeError("SuperDoc.setUser requires a non-empty user name."));
+		const next = normalizeSuperDocUser({
+			...user,
+			name
+		});
+		const applied = this.#userSwitch.then(() => this.#applyUser(next));
+		this.#userSwitch = applied.catch(() => {});
+		return applied;
+	}
+	#userSwitch;
+	async #applyUser(next) {
+		const current = this.config.user;
+		if (current && [
+			"id",
+			"name",
+			"email",
+			"image",
+			"initials"
+		].every((key) => (current[key] ?? null) === (next[key] ?? null))) return;
+		const runtimes = this.#editorRuntimeRegistry.getAll();
+		const results = await Promise.allSettled(runtimes.map((runtime) => runtime.setUser?.(runtimeUserOf(next))));
+		const failure = results.find((result) => result.status === "rejected");
+		if (failure) {
+			if (current) await Promise.allSettled(runtimes.filter((_, index) => results[index].status === "fulfilled").map((runtime) => runtime.setUser?.(runtimeUserOf(current))));
+			throw failure.reason;
+		}
+		const target = this.config.user ?? (this.config.user = {});
+		for (const key of Object.keys(target)) delete target[key];
+		Object.assign(target, next);
+		this.user = target;
+		this.#assignUserColor();
+		const storeUser = this.superdocStore?.user;
+		if (storeUser) {
+			for (const key of Object.keys(storeUser)) delete storeUser[key];
+			Object.assign(storeUser, target);
+		}
+	}
 	/**
 	* Add a user to the shared users list. Requires the instance to be
 	* ready; pre-ready mutations would be silently overwritten by the